Memasang Template Bootstrap di PHP Codeigniter

Halo Kawan, kali ini saya akan membagi informasi mengenai gimana sih cara memasang template bootstrap di PHP Codeigniter.

Sebelum masuk ke pembahasan, kita perlu tahu dulu nih, apa itu Bootstrap ? Bootstrap merupakan Framework HTML dan CSS yang pada file nya sudah dilengkapi jQuery.

Nah, kenapa harus menggunakan Bootstrap buat nangani tampilan website kita?

Penggunaan Bootstrap dipilih karena kemampuannya untuk mengatur tampilan website lebih responsive. Bootstrap akan menyesuaikan tampilan website ketika diakses menggunakan device yang berbeda (PC, Laptop, maupun Smartphone), sehingga tampilannya akan semakin user friendly di mata pengunjung web. Selain itu, library CSS yang dimiliki Bootstrap bisa mempermanis tampilan web.

Bahan yang digunakan :

  • Framework Codeigniter
  • Bootstrap
  • jQuery

Berikut Langkah-langkahnya :

Langkah 1 : Instal Codeigniter

Pasang Codeigniter ke aplikasi Anda. Jika belum punya, bisa didownload di sini : Download Codeginiter.

Hasil download, extract ke folder htdocs (untuk XAMPP), atau folder www (untuk APPServ)

Langkah 2 : Buat Folder assets

Buat Folder assets di dalam folder aplikasi CI kita.

Langkah 3 : Instal Bootstrap

Pasang Bootstrap ke aplikasi Anda. Jika belum punya, bisa didownload di sini : Download Bootstrap

Extract hasil folder Bootstrap ke dalam folder assets yang telah kita buat sebelumnya.

Setelah itu, Anda juga memerlukan file jQuery agar bisa menggunakan Bootstrap. Jika belum punya, bisa didownload di sini : Download jQuery

Copy hasil download jquery tersebut, masukkan ke folder assets/js, dengan nama file : jquery.min.js

Langkah 4 : Buat File Controller 

Buat File Controller hello.php untuk memanggil method halaman view.

application/controllers/hello.php

Langkah 5 : Set Route

Set default controller di file route. Set default dengan file controller yang baru kita buat pada langkah 4.

application/config/routes.php

Langkah 6 : Buat File View

Buat File View hello_index.php di dalam folder Views.

application/views/hello_index.php

 

Pada file inilah kita me-load css dan javascript bootstrap.

Run Browser :

Sekarang akses browser Anda

http://localhost/ci-bootstrap/

Tampilan di atas telah menggunakan Bootstrap. Anda bisa mulai mengimplementasikannya sesuai dengan keperluan Anda. Dan untuk pembahasan Bootstrap dan Codeigniter untuk pembangunan aplikasi , akan saya lanjutkan pada artikel yang lain.

Semoga membantu, dan Happy Coding . Salam 😀

Leave a Reply

Your email address will not be published. Required fields are marked *