0% menganggap dokumen ini bermanfaat (0 suara)
9 tayangan24 halaman

Pelatihan Framework CodeIgniter 2.0.0

Tutorial codeigniter

Diunggah oleh

Yomi Kusumah
Hak Cipta
© All Rights Reserved
Kami menangani hak cipta konten dengan serius. Jika Anda merasa konten ini milik Anda, ajukan klaim di sini.
Format Tersedia
Unduh sebagai PDF, TXT atau baca online di Scribd
0% menganggap dokumen ini bermanfaat (0 suara)
9 tayangan24 halaman

Pelatihan Framework CodeIgniter 2.0.0

Tutorial codeigniter

Diunggah oleh

Yomi Kusumah
Hak Cipta
© All Rights Reserved
Kami menangani hak cipta konten dengan serius. Jika Anda merasa konten ini milik Anda, ajukan klaim di sini.
Format Tersedia
Unduh sebagai PDF, TXT atau baca online di Scribd

Modul Pelatihan Framework

CodeIgniter

Oleh :

Afwan Auliyar Rakhman, ST.

([Link])

PASSIONIT
“IT Consultant & IT Training Bandung”
Head office : Komplek Mekarsari Endah blok A-5 Baleendah.
www. [Link]

Bandung, 2011.
MENGENAL FRAMEWORK CODE IGNITER (CI)

Apa itu Framework Code Igniter (CI) ?!?


CodeIgniter adalah salah satu framework php yang popular. Framework itu sendiri adalah suatu
kerangka kerja yang berupa sekumpulan folder yang memuat file-file php yang menyediakan
class libraries, helpers, plugins dan lainnya. Framework menyediakan konfigurasi dan teknik coding
tertentu. Code Igniter tergolong framework dengan ukuran kecil dan cukup mudah di kuasai. CI juga
datang dengan manual yang tergolong lengkap.
Modul ini menggunakan codeigniter versi 2.0.0, sehingga penggunaan-penggunaan codeigniter
dalam membangun aplikasi web menggunakan codeigniter versi 2.0.0.

Instalasi Framework CI
Setelah mendapatkan file kompresi CI, kemudian ekstrak dan ditempatkan di directory web
servernya. Untuk contoh yang saat ini letakkan di directory c:\xampp\htdocs.

Struktur CI
Karena CI adalah sebuah php framework yang berupa kumpulan folder dan file php, java
script,css,txt maka CI dijalankan under web dan harus dengan web server. Program CI cukup di
letakkan di bawah folder directory web server anda.

Struktur file dari Framework CI sebagai berikut :


- Application
Cache
Config
Controllers
Core
Errors
Helpers
Hooks
Language

Modul Pelatihan Framework Code Igniter hal 1


Libraries
Logs
Models
Third_party
Views
- System
Core
Database
Font
Helpers
Language
Libraries
- User_guide

Untuk bisa membangun web, file-file konstruksinya diletakkan di folder Application. Struktur
aplikasi CI ada di dalam folder application/. Berikut adalah folder-folder yang sering digunakan dalam
pembangunan web dengan CI :
a. Config
Merupakan folder untuk konfigurasi aplikasi yang akan dibangun. Di folder ini diletakkan
konfigurasi tentang base URL, database, routing URL.
b. Controllers
Merupakan folder yang berisi file-file control, dimana nantinya file-file didalam folder ini akan
dieksekusi ketika pemanggilan di URL.
c. Errors
Merupakan folder error handling, yang mengatur ketika aplikasi yang dibangun mengalami
error.
d. Helpers
Merupakan folder yang berisi fungsionalitas yang memudahkan developer untuk membangun
aplikasi lebih mudah.
e. Models
Merupakan folder yang berisi fungsionalitas untuk pemodelan terhadap aplikasi yang nantinya
akan dibangun. Yang bisa dieksekusi oleh controller.

Modul Pelatihan Framework Code Igniter hal 2


f. Views
Merupakan folder yang berisi tentang file-file template untuk tampilan dari website yang akan
dibangun.

Setting Framework CI
Untuk mensetting framework CI, dilakukan di folder system/application/config. Kemudian edit
file [Link] dengan mengeset base URLnya seperti : [Link] (disesuaikan dengan nama
foldernya ).

User guide CI
Sebagai framework, CI memberikan user guide yang lengkap dengan langkah-langkah nya dalam
satu paket download CI. User guide ini, digunakan untuk memandu kita dalam develop web
menggunakan CI. Untuk bisa menggunakan user guide ini cukup masuk melalui browser, kemudian
ketikkan alamat dimana web server CI berada dengan menambahkan /user_guide diakhirnya, contoh :
[Link] .

Modul Pelatihan Framework Code Igniter hal 3


MEMBEDAH ARSITEKTUR CODE IGNITER (CI)

Skema pemanggilan CI
Untuk memanggil aplikasi website yang dibangun menggunkan CI sesuai dengan arsitektur
pemanggilan di browser adalah sebagai berikut :
http:// [server_web]/[folder]/[Link]/[controller]/[function]
contoh : [Link]
Default [function] adalah index, jika tidak di panggil, contoh :
[Link] sama dengan [Link]
Nilai default yang dipanggil oleh CI adalah controller.

Konsep Pemodelan CI
Framework CI menggunakan konsep MVC dimana konsep ini memisahkan antara logic, database
dan tampilan. Keuntungan menggunakan MVC akan membuat coding logic lebih simple, karena dipisah
dengan coding tampilannya dan membuat programmer dapat bekerja terpisah dengan designer.
Programmer mengerjakan logic dan designer mengerjakan coding tampilan.
Model merupakan code struktur data, berupa modul-modul fungsi pengolahan data. Script sql
dapat diletakkan disini. View merupakan code untuk menampilkan tampilan suta program. Tampilan
dapat berupa Web page, header, footer dan apa saja yang berjenis tampilan. Controller merupakan
code untuk logic, algoritma dan sebagai penghubung antara model, view, dan sumber lain yang di
perlukan untuk mengolah HTTP request dan generate web page.
CI menerapkan pola MVC yang flexible, karena model dapat tidak digunakan. Kita dapat hanya
menggunakan Controller dan View saja dalam menggunakan CI tanpa Model. Jika kita tidak
memerlukan pemisahan didalam struktur data maka kita dapat tidak menggunakan model
dalam pembangunan web dengan CI.

Controller
Controller pada CI memiliki fungsi pengendali logic yang mengatur antara pemodelan database
dan tampilan. Pada CI controller dibuat didalam folder system/application/controllers, dengan aturan
pembuatan controller sebagaia berikut :

Modul Pelatihan Framework Code Igniter hal 4


a. Nama controller harus diawali huruf besar dan sesuai dengan nama file.
b. Nama constructor bisa mengikuti dengan nama controllernya.
Contoh pembuatan controller :
<?php
class Hello extends CI_Controller
{
function __construct()
{
parent::__construct();
}

function index()
{
}
}
?>
Class Hello yang merupakan class controller yang dibangun, sedangkan function Hello
merupakan konstruktor mengikuti penulisan dari class controller diatasnya.

View
Membuat view sama seperti membangun html biasa. Karena view ini yang nantinya akan bisa
digunakan untuk menampilkan dari layout aplikasi website yang akan dibangun. Di view inilah script-
script javascript bisa dimasukkan, css, maupun flash juga bisa di tempatkan di view ini.
Contoh pembuatan view :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"[Link]
<html xmlns="[Link]
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>My test CI</title>
</head>
<body>
Hello world !!

Modul Pelatihan Framework Code Igniter hal 5


</body>
</html>
Fungsi dari view adalah menangkap variable yang berasal dari controller. Variable tersebut bisa
langsung di tampilkan yang disesuaikan dengan layoutnya.

Model
Membuat class model hampir sama dengan membuat controller, hanya saja yang berbeda
adalah parameter extends dan class parent nya. Model ini lebih didefinisikan sebagai sekumpulan fungsi
yang bisa diakses oleh banyak controller. Dengan begitu model lebih merepresentasikan fungsi yang
sama. Contoh pembuatan model adalah sebagai berikut :
<?php
class Biodata extends CI_Model
{
function __construct()
{
parent::__construct();
$this->load->database();
}

function insert($data)
{
$this->db->insert('biodata',$data);
}
}
?>
Fungsi yang ada dimodel adalah fungsi general yang akan dipakai oleh banyak controller, seperti
akses database, maupun fungsi-fungsi general lainnya.

Hello World di CI
Sebagai la gkah a al kita aka e uat hello o ld a g aka dieksekusi oleh o se
ketika dipanggil dan e u ulka tulisa hello o ld .

Modul Pelatihan Framework Code Igniter hal 6


a. Masuk ke direktori system/application/controllers dan buatlah file php didalamnya. Contoh :
[Link]
b. Kemudian buka file tersebut dengan editor, dan masukkan code seperti berikut :
<?php
class Hello extends CI_Controller
{
Function index()
{
$this->load->view helloWorld ;
}
}
?>
Untuk penulisan code yang harus diperhatikan :
 Nama class harus sama dengan nama file dan diawali dengan huruf besar, contoh :
class Hello
 Function index adalah function default
c. Masuk ke system/application/views, dan buatlah file dengan nama helloWorld.
Nama file disesuaikan dengan nama view yang dipanggil di controller, yang dipanggil dengan
code $this->load-> ie a a_file_ ie ;
d. Kemudian buka file tersebut dengan editor, kemudian tuliskan code sebagai berikut :
<?php
Echo Hello World ;
?>
e. Kemudian buka browser, lalu akses melalui URL [Link]
[Nama_folder] diisi dengan alamat folder dimana CI diletakkan
hello merupakan nama controller yang sebelumnya dibuat.

Helper
Helper merupakan pengkodean yang bisa membantu pengembang web sehingga pengkodean
lebih simple dan lebih ringkas. Selaian disediakan oleh CI, kita juga bisa membuat helper sendiri dengan
mengikuti aturan yang ada di helper-helper CI lainnya. Referensi untuk bisa menggunakan helper yang

Modul Pelatihan Framework Code Igniter hal 7


disediakan oleh CI bisa dilihat di user guide dengan table of contents adalah helper reference. Beberapa
helper yang disediakan oleh CI yang sering digunakan :
A. Form helper
Form helper digunakan untuk membantu pembuatan form, dan untuk bisa menggunakan
form helper load terlebih dahulu dengan code : $this->load->helpe form ).
Helper yang bisa digunakan :

Helper keterangan Contoh


fo _ope controller/fungsi Helper untuk membuka e ho fo _ope i put/data
form
fo _i put a e , alue Helper untuk inputan echo form_input username
berupa text
fo _pass o d a e , alue Helper untuk inputan echo fo _pass o d pass )
berupa password
form_submit() Helper untuk memberikan echo form_submit()
button submit
form_close() Helper untuk menutup echo form_close()
form.
form_ope _ ultipa t a tio Sama seperti form_open, echo
tetapi fungsinya khusus fo _ope _ ultipa t input/data
untuk upload file.
form_hidde a e , alue Helper untuk inputan e ho fo _hidde id ,
berupa text yang
tersembunyi

Untuk lebih lengkap form helper apa saja yang bisa digunakan, dapat dilihat di user guide di
table of content : helper reference > form helper. Contoh penggunaan form helper :
<?php echo form_open form/kali ;?>
<br />
Form Perkalian
<br />
<br />

Modul Pelatihan Framework Code Igniter hal 8


<p>Nilai Pertama :
<?php echo form_input nilai ; ?>
</p>
<p>Nilai Kedua :
<?php echo form_input nilai ; ?>
</p>
<p>
<?php echo form_submit submit , Kali ; ?>
</p>
<?php echo form_close(); ?>

B. URL helper
URL helper digunakan untuk memudahkan pengembang yang bekerja dengan URL,, dan
untuk bisa menggunakan URL helper load terlebih dahulu dengan code :
$this->load->helpe u l ).

Helper Keterangan contoh


base_url() Mengembalikan nilai ke base_url echo base_url()
yang di setting di config
site_url() Mengembalikan nilai site_url yang echo site_url( io/data )
disetting di config. Mengarah artinya :
pada URL server yang dipakai [Link]
anchor( U‘L , te t ) Membuat standar html anchor e ho a ho io/data , li k
link artinya :
<a h ef= io/data > li k</a>
‘edi e t U‘L Untuk mendirect ke fungsi redirect('/article/13', 'location', 301);
tertentu di controller tertentu.

Untuk lebih lengkap URL helper apa saja yang bisa digunakan, dapat dilihat di user guide di
table of content : helper reference > URL helper.

C. HTML helper

Modul Pelatihan Framework Code Igniter hal 9


HTML helper digunakan untuk memudahkan pengembang yang bekerja dengan tag-tag
HTML, dan untuk bisa menggunakan HTML helper, load terlebih dahulu dengan code :
$this->load->helpe ht l ).
Beberapa helper yang sering digunakan :
 img()
Helpe u tuk eload ga a . Tag HTML <i g s = U‘L /> merupakan tag yang
biasanya digunakan untuk menampilkan gambar. Contoh penggunaan helper img(),
adalah :
$image_properties = array(
'src' => 'images/[Link]',
'alt' => 'just picture',
'class' => 'post_images',
'width' => '200',
'height' => '200',
'title' => 'just title'
);
echo img($image_properties);

Source diatas sama seperti code dibawah ini :


<img src= [Link] alt= just
picture width= 00 height= 00 class= post images
title= just title />
 link_tag()
Untuk menggantikan tag <link />, biasanya digunakan untuk menyebutkan link
untuk css, favicon, dll. Contoh penggunaan :
echo link_tag('css/[Link]');
artinya sama dengan :
<link href="[Link]
rel="stylesheet" type="text/css" />
 br()
untuk menggantikan tag <br />, contoh penggunaan :
echo br(3);
Artinya sama dengan :

Modul Pelatihan Framework Code Igniter hal 10


<br/> <br/> <br/>

Untuk lebih lengkap HTML helper apa saja yang bisa digunakan, dapat dilihat di user
guide di table of content : helper reference > HTML helper.

D. Email Helper
Untuk bisa menggunakan email helper, load terlebih dahulu dengan code sebagai
berikut : $this->load->helpe e ail .
Helper yang bisa digunakan :
 alid_e ail e ail , e fu gsi u tuk e ge ek fo at e ail a g e a . Co toh :
$this->load->helper('email');
if (valid_email('[Link]@[Link]'))
{
echo 'email is valid';
}
else
{
echo 'email is not valid';
}
 se d_e ail e ipie t , su je t , essage , e fu gsi u tuk e gi i ka e ail.

Form
Form merupakan bentuk interaksi user dengan system. Dimana user bisa menginputkan data,
berupa text, password, pilihan, seleksi, maupun check box. Pembangunan form pada CI bisa
menggunakan helper ataupun tanpa menggunakan helper.
a. Buatlah sebuah controller, diberi nama [Link]
b. Isilah [Link] dengan code class controller sebagai berikut :
<?php
Class Form extends CI_Controller
{
function __construct()
{

Modul Pelatihan Framework Code Igniter hal 11


parent::__construct();
$this->load->helper form ;
}
function index()
{
$this->load->view formData ;
}
function kali()
{
$nilai1=$this->input->post nilai ;
$nilai2=$this->input->post nilai ;
$data[ nilai ]=$nilai ;
$data[ nilai ]=$nilai ;
$data[ hasil ]=$nilai *$nilai ;
$this->load->view hasilData ,$data ;
}
}
?>
Keterangan :
$this->load->helpe fo e upaka i isiasi helpe a g aka dipakai di fo
$this->load-> ie fo Data e upaka pe a ggila ie fo [Link]
$this->load-> ie hasilData ,$data e upaka pe a ggila ie [Link] de ga
membawa nilai dari nilai-nilai yang diinputkan oleh user dan hasil dari perkalian keduanya.
Dimana $data merupakan variable pembawanya.
$data ilai , $data ilai , $data hasil e upaka a ia le a a pe a pu g data
yang akan di bawa ke view.
c. Buatlah 2 buah view di system/application/view dan dinamai [Link] dan [Link]
d. Untuk [Link] berfungsi untuk menampilkan form inputan, isilah dengan code berikut :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"[Link]
<html xmlns="[Link]
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

Modul Pelatihan Framework Code Igniter hal 12


<title>Test CI</title>
</head>
<body>
<?php echo form_open form/kali ;?>
<br />
Form Perkalian
<br />
<br />
<p>Nilai Pertama :
<?php echo form_input nilai ; ?>
</p>
<p>Nilai Kedua :
<?php echo form_input nilai ; ?>
</p>
<p>
<?php echo form_submit submit , Kali ; ?>
</p>
<?php echo form_close(); ?>
<p>&nbsp;</p>
</body>
</html>
Keterangan :
form_open adalah code untuk membuka form, dengan parameter action berupa
fo _ope o t olle /fu gsi .
form_input adalah form untuk inputan berupa teks.
form_submit merupakan button submit pada sebuah form inputan
form_close merupakan code untuk menutup form
e. Untuk [Link] berfungsi menampilkan proses yang sudah dilakukan oleh controller
sebelumnya, isilah dengan code sebagai berikut :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"[Link]
<html xmlns="[Link]
<head>

Modul Pelatihan Framework Code Igniter hal 13


<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>
<body>
Hasil dari <?php echo $nilai1; ?> X <?php echo $nilai2; ?> adalah <?php
echo $hasil; ?>
<p>&nbsp;</p>
</body>
</html>
f. U tuk pe gaksesa a e ggu aka U‘L a g sa a sepe ti pada pe a ggila hello o ld
sebelumnya dengan dirubah pada controller dan fungsinya saja. Seperti ini :
[Link]

Library
Library merupakan class yang sudah dibangun oleh CI. Library ini sifatnya akan mempermudah
pembangunan aplikasi website. Library juga bisa dibuat oleh sendiri. Secara umum, library ini letaknya di
system/library, dan untuk menggunakan library, diinisiasi terlebih dahulu di konstruktor classnya.
Berikut beberapa library yang sudah disediakan oleh CI :
A. Library database
Library database ini memungkinkan komunikasi dengan database lebih mudah. Untuk inisiasi
dari library ini dengan memasukkan code : $this->load->database() di class konstruktornya.
Berikut beberapa list untuk penggunaan dari library database ini :

Code Keterangan
$this->db->query([query]) Untuk mengeksekusi sebuah query, [query] diganti dengan
query database. Contoh :
$this->db-> ue sele t * f o iodata
$this->db->get a a_ta el Untuk menampilkan semua isi database.[nama_tabel]
diganti dengan tabel yang akan ditampilkan. Contoh :
$this->db->get iodata
$this->db-> he e ko disi Untuk memberikan nilai kondisi pada sebuah database.
Contoh :

Modul Pelatihan Framework Code Igniter hal 14


$this->db-> he e data ,
Sama dengan where data=1
$this->db->select() Untuk menyeleksi data-data apa yang akan ditampilkan.
Nilai defaultnya adalah * artinya akan menyeleksi semua
field dari sebuah database
$this->db->f o ta el Untuk memilih database mana yang akan di eksekusi.
Contoh :
$this->db->f o iodata
$this->db->i se t ta el , data Untuk memasukkan data ke database. Contoh :
$this->db->i se t iodata ,a a a a => af a
$this->db->delete ta el Untuk menghapus data yang diinginkan. Biasanya digabung
dengan kondisi tertentu. Contoh :
$this->db-> he e id , ;
$this->db->delete iodata ;
$this->db->update ta el , data Untuk mengupdate nilai dari sebuah database. Biasanya
digabung dengan kondisi tertentu. Contoh :
$this->db-> he e id , ;
$this->db->update iodata ,a a a a , af a ;

Penggunaan library database banyak di gunakan pada class model. User guide untuk library
database bisa dilihat di tabel : class reference > Database class . Contoh library database di
model :

B. Library session
Session berguna untuk menyimpan data pengunjung situs secara otomatis. Untuk penggunaan
library session ini menggunakan $this->load->li a sessio di dala ko st ukto lass a.
Contoh penggunaan library session :
$data=array(
nama => afwan ,
logged_in =>TRUE
);
$this->session->set_userdata($data);

Modul Pelatihan Framework Code Igniter hal 15


Logged_in disetting bernilai true dan ini harus di masukkan dalam nilai array nya.
Sedangkan untuk memanggil session yang sudah dibuat dengan cara sebagai berikut :
$this->session->use data a a_a a
contohnya : $this->session->userdata nama

C. Library upload file


Library ini merupakan library untuk upload file ke server dan disimpan didalam folder tertentu.
Untuk bisa menggunakan library ini, kita bisa mengkonfigurasinya sendiri sesuai dengan
parameter tertentu yang kita inginkan. Berikut setting library upload file :
$config['upload_path'] = './uploads/';
$config['allowed_types'] = 'gif|jpg|png';
$config['max_size'] = '100';
$config['max_width'] = '1024';
$config['max_height'] = '768';
$config['overwrite] = true;
$this->load->library('upload', $config);
Parameter-parameter yang bisa digunakan adalah :
Parameter Keterangan
Upload_path Merupakan alamat folder dimana file yang dikirim akan disimpan. Bisa
berupa absolute path atau relative path
Allowed_types Jenis file yang bisa di upload
Max_size Ukuran maksimal file yang bisa dikirim (dalam kilobytes).
Max_width Ukuran lebar maksimal file yang bisa dikirim (dalam pixel)
Max_heiht Ukuran tinggi maksimal file yang bisa dikirim (dalam pixel)
Overwrite Nilainya berupa true atau false. Dimana file yang dikirim akan ditimpa jika
nilainya true, jika false maka file yang namanya sama tidak akan di simpan

Setelah setting untuk upload selesai, maka gunakan code : $this->upload->do_upload() untuk
mengeksekusi file yang telah diupload. Dan code : $this->upload->data() untuk mengambil
informasi data yang telah diupload. Form yang digunakan untuk upload file berupa form
multipart. Contoh penggunaan library class :

Modul Pelatihan Framework Code Igniter hal 16


“iapka folde u tuk e a pu g file a g aka diupload, o toh : folde upload , da
diletakkan di bawah root.
view untuk mengupload file, beri nama upload_form.php :
<html>
<head>
<title>Upload Form</title>
</head>
<body>
<?php echo $error;?>
<?php echo form_open_multipart('upload/do_upload');?>
<input type="file" name="userfile" size="20" />
<br /><br />
<input type="submit" value="upload" />
</form>
</body>
</html>
view ketika sukses upload, diberi nama upload_success.php :
<html>
<head>
<title>Upload Form</title>
</head>
<body>
<h3>Your file was successfully uploaded!</h3>
<ul>
<?php foreach($upload_data as $item => $value):?>
<li><?php echo $item;?>: <?php echo $value;?></li>
<?php endforeach; ?>
</ul>
<p><?php echo anchor('upload', 'Upload Another File!'); ?></p>
</body>
</html>
Controller yang akan mengeksekusi upload file, diberi nama [Link] :
<?php

Modul Pelatihan Framework Code Igniter hal 17


class Upload extends CI_Controller {
function __construct()
{
parent::__construct();
$this->load->helper(array('form', 'url'));
}

function index()
{
$this->load->view('upload_form', array('error' => ' ' ));
}

function do_upload()
{
$config['upload_path'] = './uploads/';
$config['allowed_types'] = 'gif|jpg|png';
$config['max_size'] = '100';
$config['max_width'] = '1024';
$config['max_height'] = '768';
$this->load->library('upload', $config);
if ( ! $this->upload->do_upload())
{
$error = array('error' => $this->upload->display_errors());
$this->load->view('upload_form', $error);
}
else
{
$data = array('upload_data' => $this->upload->data());
$this->load->view('upload_success', $data);
}
}
}
?>

Modul Pelatihan Framework Code Igniter hal 18


Desain & layout di CI
Desain dan layout diletakkan di view, dan tidak menggunakan aturan yang terlalu kompleks,
sama seperti pembangunan tampilan di web biasa. Beberapa hal yang bisa dilakukan oleh view untuk
membuat layout di CI, adalah :
a. Insert CSS
Memasukkan css apa yang akan dipakai bisa menggunkan helper atau tidak. Contoh :
Menggunakan helper
<?php echo link_tag('css/[Link]'); ?>
Tidak menggunakan helper
<link href="<?php=base_url()?>css/[Link]" rel="stylesheet"
type="text/css" />
Keterangan :
Base_url() akan memberikan nilai yang mengacu pada settingan di config.
Folder css diletakkan sejajar dengan folder system

b. Insert Javascript
Menggunakan javascript bisa langsung dimasukkan dengan code berikut :
<script type="text/javascript" src="<?php=base_url();?>js/[Link]">
</script>
Keterangan :
Folder js diletakkan sejajar dengan system.

c. Passing variable
Passing variable merupakan variable yang dilempar dari controller untuk ditampilkan di view.
Contoh penggunaan passing variable :
Di controller
$data[ nilai ]= afwan auliyar ;
$this->load->view viewData ,$data);
Di view
echo $nilai;
Keterangan :

Modul Pelatihan Framework Code Igniter hal 19


Nilai variable di controller harus berupa array dengan indeks tertentu, dalam contoh diatas
$data ilai .
Variable di view merupakan indeks dari array variable yang dilempar ke view. Dalam contoh
diatas ilai adalah i deks da i $data, aka ilai te se ut dijadika a ia le di view.

d. Penempatan image
Untuk bisa menggunakan image, bisa menggunakan URL helper. Folder image bisa ditempatkan
sejajar dengan folder system dan bisa menggunakan helper base_url() sebagai alamat URL
image yang akan di gunakan.

Modul Pelatihan Framework Code Igniter hal 20


MEMBANGUN APLIKASI WEB DENGAN CODE
IGNITER (CI)

Pada bagian ini kita akan mencoba membangun sebuah arsitektur web menggunakan CI.
Aplikasi yang akan dibangun kali ini merupakan aplikasi Pe dafta a Pelatiha O li e . Aplikasi i i
menggambarkan proses pendaftaran untuk mengikuti pelatihan secara online. Langkah-langkah
pembuatan aplikasi :
a. Menyiapkan database pelatiha , dengan membuat tabel peserta, tabel pelatihan dengan
kolomnya sebagai berikut :
Tabel peserta :
Field type attribute
Id_biodata int Primary, auto_increment
Id_pelatihan int
nama Varchar(30)
alamat Varchar(100)
email Varchar(20)
No_hp Varchar(20)

Tabel pelatihan:
Field type attribute
Id_pelatihan int Primary, auto_increment
Nama_pelatihan Varchar(50)
biaya Varchar(20)
tentor Varchar(50)
quota Int(5)

b. Mengatur url_base di [Link] dan database di [Link] yang kedua file tersebut di
system/application/config.

c. Membuat model peserta, kemudian buatlah fungsi-fungsi sebagai berikut :

Modul Pelatihan Framework Code Igniter hal 21


 insertData : isilah dengan fungsi untuk memasukkan data ke tabel peserta
 updateData : isilah dengan fungsi untuk mengupdate data ke tabel peserta
 deleteData : isilah dengan fungsi untuk menghapus data ke tabel peserta
 getAllData : isilah dengan fungsi untuk menampilkan semua data dari tabel peserta
 getData : isilah dengan fungsi untuk menampilkan sebuah data yang spesifik dari
tabel peserta

d. Membuat model pelatihan, kemudian buatlah fungsi-fungsi dasar sebagai berikut :


 insertData : isilah dengan fungsi untuk memasukkan data ke tabel pelatihan
 updateData : isilah dengan fungsi untuk mengupdate data ke tabel pelatihan
 deleteData : isilah dengan fungsi untuk menghapus data ke tabel pelatihan
 getAllData : isilah dengan fungsi menampilkan semua data dari tabel pelatihan
 getData : isilah dengan fungsi untuk menampilkan sebuah data yang spesifik dari
tabel pelatihan

e. Membuat controller cPeserta, kemudian buatlah fungsi di controller sebagai berikut :


 Index : berisi halaman home, deskripsi tentang pelatihan
 viewDaftar : berfungsi untuk menampilkan form pendaftaran, dengan mempassing
data dari model pelatihan
 viewEdit : berfungsi untuk menampilkan form edit peserta
 daftarPeserta : berfungsi untuk memasukkan data dari form pendaftaran
 viewAllPeserta : berfungsi untuk memperlihatkan data peserta keseluruhan
 viewPeserta : berfungsi untuk memperlihatkan peserta per pelatihan
 editPeserta : berfungsi untuk mengedit peserta yang sudah mendaftar.

f. Membuat controller cPelatihan, kemudian buatlah fungsi di controller sebagai berikut :


Index : berisi halaman untuk menampilkan seluruh data pelatihan
viewCreate : berfungsi untuk menampilkan form untuk create pelatihan
viewEdit : berfungsi untuk menampilkan form edit pelatihan
createPelatihan: berfungsi untuk memasukkan data dari form create
viewAllPelatihan : berfungsi untuk memperlihatkan data pelatihan keseluruhan

Modul Pelatihan Framework Code Igniter hal 22


viewPelatihan : berfungsi untuk memperlihatkan detail dari setiap pelatihan
editPelatihan : berfungsi untuk mengedit pelatihan yang sudah ada.

g. Membuat view dengan membuat file di system/application/views [Link],


[Link], [Link], [Link], [Link],
[Link], [Link] . Deskripsi masing-masing file :
- formDaftar : berisi sebuah form untuk pendaftaran peserta pelatihan meliputi
nama, alamat, email, no HP dan pelatihan
- [Link] : untuk melihat data peserta yang ikut per pelatihan.
- [Link] : untuk mengedit data peserta yang sudah ikut mendaftar
- [Link] : untuk menampilkan deskripsi pelatihan di halaman depan
- [Link] : untuk menampilkan semua data pelatihan yang ada
- [Link] : untuk membuat daftar pelatihan baru
- [Link] : untuk mengedit data pelatihan yang ada

Pembahasan detail code akan diberikan melalui saat sesi pelatihan.

Referensi :
a. [Link]
b. Code Igniter user guide, [Link] Lisensi :
[Link]
c. Membangun elemen form dengan codeIgniter, [Link]

Modul Pelatihan Framework Code Igniter hal 23

Anda mungkin juga menyukai