Anda di halaman 1dari 16

Tutorial Code Igniter

Oleh Email Sumber

: : :

Ahmad Baidawi baidawiahmad@gmail.com User guides Code Igniter

SISTEM INFORMASI IT TELKOM / 116080002

Ahmad baidawi / baidawiahmad@gmail.com

Instalasi 1 Pastikan Server Apache dan Mysql Sudah terpasang. Apabila belum install applikasi XAMPP pada windows dan pastkan server sudah running.

Gambar 1. Control panel xampp.

Download CI di http://codeigniter.com/downloads/ download Code Igniter terbaru.

kemudian

Gambar 2. Download Code Igniter

Unzip package yang sudah di download Buat folder baru di htdocs sebagai dirktori utama code igniter. Misalnya belajarCI

Gambar 3. Direktori Code Igniter

Ahmad baidawi / baidawiahmad@gmail.com

Copy seluruh file yang tadi sudah di unzip kedalam direktori belajarCI

Gambar 4. isi Direktori Code Igniter

5 5.1

Atur konfigurasi apache agar direktori belajarCI menjadi parent dari direktori apache. Edit file httpd.conf di direktori configurasi apache.

5.2

Ubaha konfigurasi pada bagian : DocumentRoot C:/xampp/htdocs diganti dengan DocumentRoot C:/xampp/htdocs/belajarCI <Directory C:/xampp/htdocs> diganti dengan <Directory C:/xampp/htdocs/belajarCI> Simpan file tersebut. Buka control panel XAMPP kemudian restart kembali server apache dengan klik stop kemudian start kembali.

Ahmad baidawi / baidawiahmad@gmail.com

Gambar 5. restart server apache dari cpanel xampp

Buka browser kemudian buka alamat localhost

Jika sudah seperti ini maka code igniter sudah berjalan pada sistem. KONFIGURASI Mulai dari langkah ini sampai berikutnya path yang digunakan berada di bawah direktori C:/xampp/htdocs/belajarCI/. 1 3 Membuat database

Ahmad baidawi / baidawiahmad@gmail.com

1.1 1.2

Buka localhost/phpmyadmin pada browser Pada bagian Create new database di isi dengan nama database yang akan kita gunakan. Kemudian klik tombol create.

Gambar 6. membuat database Mysql di PhpMyadmin

Buka file application/config/database.php kemudian isi parameter sesuai dengan gambar berikut ini.

Gambar 7. konfigurasi database

hostname diisi dengan alamat server database. username diisi dengan username database. database diisi dengan nama database yang sudah di buat sebelumnya. jika langkah ini sudah benar maka lanjut dalam pembuatan website menggunakan framework code igniter Copy file .htaccess yang berada di application/.htaccess kedalam folder belajarCI/

Ahmad baidawi / baidawiahmad@gmail.com

Edit file .htaccess dengan kode sebagai berikut:

Gambar 8. kode .htacess

Kemudian simpan file. STATIC PAGE 1 Code igniter pada umumnya menggunakan url (alamat yang ada pada browser) seperti:

Gambar 9. contoh URL pada Code Igniter

Secara umum aturan pada Code Igniter seperti berikut : localhost/index.php/[controller-class]/[controllermethod]/[argument] sekema url pada code igniter dapat menjadi sangat kompleks namun saat ini hal ini saja yang perlu diketahui. 2 Buat file application/controllers/awal.php controller ini digunakan untuk melakukan handler dari page yang akan kita buat Masukkan kode program berikut. 1. <?php 2. class Awal extends CI_Controller{ 3. public function tampil(){ 4. $data[judul+ = Tampilan Home; 5. $this->load->view(template/header,$data); 5

Ahmad baidawi / baidawiahmad@gmail.com

6. $this->load->view(konten/home,$data); 7. $this->load->view(template/footer,data); 8. } 9. } 10. ?> Penjelasan kode : line 2 membuat nama controller-class dengan nama Awal setiap kelas controller diawali huruf besar dan harus selalu melakukan extends terhadap class CI_Controller. Line 3 membuat controller-method dengan nama tampil. Line 4 merupakan contoh pengolahan proses yang di butuhkan, pada kasus ini mengisi array data ber-index judul dengan isi string Tampilan Home. Line 5-7 merupakan code untuk memanggil fungsi view dari kelas CI_Controller. Fungsi view memiliki dua parameter yaitu (link_ke_view,variabel_yang_dilempar), pada baris 5 template/header digunakan untuk memanggil file header.php di folder views. Sedangkan $data merupakan variable yang akan di lempar ke dalam file header.php. Buat file baru pada folder views. Dalam masalah ini adalah header, home, footer sesuai dengan yang dideklarasikan pada class-controller sebelumnya. Buat folder di application/views yaitu template dan konten. Buat file di dalam folder template yaitu header.php dan footer.php dan di folder konten home.php. Perhatikan kode HTML berikut:

Ahmad baidawi / baidawiahmad@gmail.com

Gambar 10. kode HTML Simpan dengan nama coba.htm letakkan file ini di Desktop kemudian buka dengan browser.

Buka file coba.htm dengan browser.

Ahmad baidawi / baidawiahmad@gmail.com

Gambar 11. file coba.htm dijalankan di browser

Kali ini kode coba.htm akan kita pecah-pecah. Buka file application/views/template/header.php isikan dengan kode program dibawah ini :

Gambar 12. kode program header.php Kode diatas merupakan penggalan dari kode coba.htm namun sedikit di rubah pada baris ke 3 yaitu judul web diganti dengan kode PHP yaitu echo($judul). Code ini digunakan untuk menampilkan isi dari variable judul dimana variabel judul sebelumnya sudah di set di controller (controller

Ahmad baidawi / baidawiahmad@gmail.com

awal.php line 4).

Buka file application/views/template/footer.php isikan dengan kode program dibawah ini :

Gambar 13. kode program footer.php

Buka file application/views/konten/home.php isikan dengan kode program dibawah ini : Buka file application/config/routes.php tambahkan route map untuk controller awal.

10

11

Kode ini digunakan untuk memetakan secara default agar ketika user membuka website langsung di arahkan ke controller awal. buka localhost pada browser maka tampilan akan seperti berikut ini.

Ahmad baidawi / baidawiahmad@gmail.com

Gambar 14. Tampilan Static Page

Baca Data Dari Database 1 Pengaturan model.


Sebelum melakukan akses data kedalam database pastikan pengaturan pada tahap konfigurasi poin 2 sudah benar. Dalam studi kasus kali ini akan membuat suatu tabel yang berisi data yang diambil dari database.

buat file bacadata_model.php di dalam folder application/models/ Buka file /application/models/bacadata_model.php isikan kode sebagai berikut.

Gambar 15. kode bacadata_model.php Penjelasan kode : - Baris 2merupakan kode untuk membuat class Bacadata_model. Nama

10

Ahmad baidawi / baidawiahmad@gmail.com

class haruslah diawali dengan huruf besar dan class model harus selalu mengikut sertakan class CI_Model dengan melakukan extends terhadap kelas tersebut. Baris 3-5 merupakan fungsi yang wajib di ikut sertakan dalam pembuatan class model. Fungsi ini digunakan untuk koneksi dengan database.

Buat tabel pada database. Buka localhost/phpmyadmin pada browser. Kemudian pilih database yang sudah kita buat sebelumnya. (tahap konfigurasi no 1.2)

Gambar 16. pemilihan database pada PhpMyadmin

Pilih tab SQL Kemudian pada kotak textbox Run SQL query/queries on database

Isikan query berikut :

11

Ahmad baidawi / baidawiahmad@gmail.com

Kemudian klik go.

Queri diatas digunakan untuk membuat tabel berita dengan kolom id, judul_berita, link_berita dan beritanya. Isi tabel berita dengan beberapa contoh data dengan cara buka tab SQL Kemudian pada kotak textbox Run SQL query/queries on database isikan query sebagai berikut :

Kemudian klik go. 6 12 Buka file /application/models/bacadata_model.php isikan kode

Ahmad baidawi / baidawiahmad@gmail.com

sebagai berikut.

Fungsi ambil_berita() pada line 6 digunakan untuk memanggil isi dari tabel berita
Catatan : untuk metode query pada database akan dibahas pada materi berikutnya.

Buka file /application/controllers/awal.php isikan kode sebagai berikut.

Catatan : Fungsi __construct() wajib di ikut sertakan dalam controller yang akan mengakses file models yang sudah dibuat sebelumnya (bacadata_model.php). baris 5 di gunakan untuk memanggil model sesuai dengan nama class di model yang kita buat, namun di awali dengan huruf kecil. (pada models nama class Bacadata_model pada controller di tulis bacadata_model). Pada fungsi tampil() diberi kode tambahan yaitu pada baris ke 9 kode ini digunakan untuk memanggil fungsi yanga da di model yaitu fungsi

13

Ahmad baidawi / baidawiahmad@gmail.com

ambil_berita()

Buka file application/views/konten/home.php isikan dengan kode program dibawah ini :

pada controller line 9, controller mengeset variabel berita yang berisi array dengan value yang di peroleh dari database yang kemudian di line 11 variabel ini di lempar ke halaman konten/home.php. pada line 10 file home.php kode foreach digunakan untuk mencacah isi data yang ada pada variabel berita kemudian di simpan di variabel kontenberita. Line 12, 13, 16 digunakan untuk mencetak isi dari database dimana array yang ada di dalam variabel ini sesuai dengan nama kolom yang ada di database. ($kontenBerita*link_berita+, link berita harus sesuai dengan kolom yang ada di tabel berita pada database yaitu id, judul_berita, link_berita, beritaya)

Buka localhost pada browser.

14

Ahmad baidawi / baidawiahmad@gmail.com

10

Menambahkan halaman detail Buka file application/config/routes.php Tambahkan kode dibawah ini :

Kode di line 41 digunakan untuk memetakan url yang di inputkan yaitu awal/detail_berita/ menuju ke controller awal dan method detail_berita

11 Update data ke Database 1

15

Beri Nilai