Tutorial Codeigniter 3 – Membuat Halaman Login: Bagian 1 – Installasi dan Konfigurasi Awal Codeigniter 3

Pada tutorial kali ini, Anda akan belajar menggunakan framework Codeigniter 3 untuk membuat:

• Halaman login
• Halaman yang diproteksi
• Halaman Logout dan
• Manajemen user

Hasil akhir dari tutorial Bagian 1 ini dapat Anda download di: https://drive.google.com/file/d/0B5BhV6c89_2YYU5wS3ZHaDUweEU/view?usp=sharing

Langkah Persiapan

Sebelum tutorial ini dimulai, Anda harus mendownload:

1. File atau folder assets untuk latihan. Silakan download di: https://drive.google.com/file/d/0B5BhV6c89_2YR0ZqenZRU2NaYjg/view?usp=sharing
2. Framework Codeigniter 3, silakan download di www.codeigniter.com

Tutorial dalam web ini menggunakan XAMPP sebagai aplikasi web server. Pastikan seluruh XAMPP (Apache, MySQL dan PHPMyAdmin) berjalan dengan baik. Anda akan membutuhkan Code Editor misalnya Notepad++, Netbeans dsb. Dalam tutorial ini digunakan Dreamweaver CS6 sebagai aplikasi Code Editor-nya.

Konfigurasi webroot

Langkah selanjutnya adalah menggabungkan file atau folder assets dan framework Codeigniter 3 yang telah didownload.

Berikut langkah-langkahnya:

1. Buka folder htdocs di dalam folder xampp Anda
2. Buat folder baru dengan nama login, lalu buka folder login tersebut
3. Lalu extract file assets yang telah didownload
4. Kemudian extract juga framework Code Igniter yang telah didownload

Lalu lakukan pengetesan folder assets dengan mengakses http://localhost/login/assets dan untuk mengakses folder/webroot utama dengan mengakses http://localhost/login. Pastikan hasilnya seperti gambar di bawah ini:

Konfigurasi Codeigniter 3

Konfigurasi config.php

Langkah selanjutnya adalah konfigurasi beberapa file Codeigniter.

1. Pastikan Anda telah mengakses folder login
2. Buka file config.php dalam folder application/config
3. Lalu pada opsi $config[‘base_url’] = ”; ubah menjadi kode ini $config[‘base_url’] = ‘http://localhost/login’;
4. Simpan kembali file tersebut

Konfigurasi autoload.php

Selanjutnya adalah konfigurasi file autoload.php. Berikut langkah-langkahnya:

1. Buka file autoload.php dalam folder application/config
2. Lalu pada opsi $config[‘libraries’] = ”; tambahkan library lain sehingga menjadi kode ini $autoload[‘libraries’] = array(‘form_validation’,’session’);
3. Lalu pada opsi $autoload[‘helper’] = array();, tambahkan fungsi helper lain sehingga menjadi $autoload[‘helper’] = array(‘url’,’form’);
4. Simpan kembali file tersebut

Membuat file .htaccess

File .htaccess ini nantinya berfungsi untuk mempercantik URL, misalnya yang semula http://localhost/login/index.php/home sehingga menjadi http://localhost/login/home. Berikut langkah-langkahnya:

1. Buka program Notepad yang Anda miliki
2. Kemudian ketik kode iniRewriteEngine on
   RewriteCond %{REQUEST_FILENAME} !-f
   RewriteCond %{REQUEST_FILENAME} !-d
   RewriteRule .* index.php/$0 [PT,L]
3. Lalu simpan, pastikan pada opsi Save as type Anda pilih All files
4. Lalu pada nama file ketik .htaccess (ingat ada titik di depan htaccess)
5. Simpan file tersebut
6. Lalu lakukan pengetesan dengan mengakses http://localhost/login/welcome (dimana welcome adalah default controller bawaan Code Igniter). Pastikan tidak ada error

Alhamdulillah, proses installasi dan konfigurasi Codeigniter untuk belajar membuat halaman login telah selesai. Hasil akhir dari tutorial Bagian 1 ini dapat Anda download di: https://drive.google.com/file/d/0B5BhV6c89_2YYU5wS3ZHaDUweEU/view?usp=sharing

Kursus Codeigniter?

Bagi Anda yang menginginkan tutorial lebih dalam dan advanced terkait Codeingiter, Anda dapat mengikut kursus di Java Web Media. Call or Whatsapp kami di 08571-5100-485