Tutorial Code Igniter

Oleh Email Sumber

: Ahmad Baidawi : [email protected] : User guides Code Igniter

SISTEM INFORMASI IT TELKOM / 116080002

Ahmad baidawi / [email protected]

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.

2

Download

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

kemudian

Gambar 2. Download Code Igniter

3

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

Gambar 3. Direktori Code Igniter

1


4

Copy seluruh file yang tadi sudah di unzip kedalam direktori belajarCI

Gambar 4. isi Direktori Code Igniter

5 5.1

5.2

6

2

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

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


Gambar 5. restart server apache dari cpanel xampp

7

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


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

2

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

Gambar 7. konfigurasi database

3

4

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/


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

3

Buat file application/controllers/awal.php controller ini digunakan untuk melakukan handler dari page yang akan kita buat Masukkan kode program berikut. 1. load->view(“template/header”,$data);

5


6. $this->load->view(“konten/home”,$data); 7. $this->load->view(“template/footer”,data); 8. } 9. } 10. ?>

4

5

6

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:


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

6

7

Buka file coba.htm dengan browser.


Gambar 11. file coba.htm dijalankan di browser

7

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

8


awal.php line 4).

8

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

Gambar 13. kode program footer.php

9

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

10

Buka file application/config/routes.php tambahkan route map untuk controller awal.

11

9

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.


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.

2

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


-

3

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

4

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

Isikan query berikut :

11


Kemudian klik go.

5

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


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.

7

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


ambil_berita()

8

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)

9

14

Buka “localhost” pada browser.


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

Tutorial Code Igniter

Recommend Documents