Membuat Website Dengan CodeIgniter : Instalasi dan Pemasangan Template

Sebelum ingin membangun atau membuat website dengan CodeIgniter, Anda harus paham dulu Apa Itu CodeIgniter (CI) ?, karena memang ada beberapa teori kecil yang harus Anda pahami terutama masalah MVC (Model, View, Controller)

Dalam tutorial pembuatan website menggunakan CodeIginiter Saya tidak akan menjelaskan lagi masalah Web Server, Apache, PHP, MySQL dll, intinya Anda harus memahami hal – hal yang berkitan dengan Web Server dan dasar – dasar tentang Web Programming terlebih dahulu sebelum mempelajari cara membuat website menggunakan CodeIgniter

Instalasi CodeIgniter

1.  Download CodeIgniter dari halaman/website resminya 
2. Versi yang CI yang saya gunakan adalah 3.1.2 
3. Extract folder CI ke folder htdocs 
4. Bila CI diakses melalui web browser makan nanti akan terlihat halaman berikut
   
   
   
5. Bila muncul pesan diatas, maka itu artinya CodeIgniter sudah berhasil terinstal

Pemasangan Template

 
Supaya lebih mudah, dan cepat Anda bisa download templatenya dari internet, template bisa bebas tapi supaya seragam dengan tutorial yang Saya jelaskan, Saya rekomendasikan Anda untuk menggunakan template bootstrap yaitu startbootstrap clean blog gh pages, silahkan cari dan download dari internet

1. Masuk ke Folder htdocs CodeIginiter dan buat folder assets 
2. Sekarang buka folder template  startbootstrap-clean-blog-gh-pages 
3. Dalam folder tersebut nanti terdapat folder, CSS, IMG, JS, LESS, MAIL, dan VENDOR, copy semua folder tersebut ke folder ASSETS CodeIginiter yang telah dibuat sebelumnya 
4. Selanjutnya masih dalam folder startbootstrap-clean-blog-gh-pages, rename file index.html menjadi index.php 
5. Copy file index.php ke folder CodeIgniter yaitu di application/views 
6. Selanjutnya atur url supaya sesuai dengan localhost pada file config.php di folder application\config\, misal disini file confignya saya atur menjadi http://localhost/CI 
   
7. Selanjutnya atur bagian file Welcome.php pada folder application\contoroller\ supaya file index.php yang terdapat di folder view diakses
   
   
   
8. Bila sudah diatur ke index, maka website CodeIginiter akan terlihat seperti gambar dibawah ini
   
   
   
9. Tampilan diatas masih tidak beraturan, karena file CSS, JS dan lain – lain belu terload 
10.  Atur file index.php template dan lakukan load file yang ada dalam folder ASSETS 
11.  Anda bisa menggunakan syntax/perintah  <?php echo base_url();?>assets pada setiap url supaya mengarah ke path yang benar 
    
12. Proses selanjutnya adalah file autoload.php di folder application\config dan mengatur bagian helper dengan menambahkan url $autoload [‘helper’] = array('url')
    
    
    
13. Bila berhasil nanti website CI akan terlihat seperti pada gambar dibawah ini
    
    
    

Pada proses ini website CodeIginiter belum jadi sepenuhnya, masih banyak yang perlu di konfigurasi.

Artikel lanjutannya : Membuat Website Dengan CodeIgniter : Membuat File Librari Template

PLEASE SHARE

Share it Share it Tweet Share it Pin it

Ahmad Zaelani

Seorang laki - laki biasa yang senang duduk sendirian di pinggir pantai, pengagum embun pagi dan lembayung senja, suka blogging, coding dan jogging. Moto hidupnya adalah hidup santai dan simple