Integrasi Framework Codeigniter dengan Framework Bootstrap

Framework Codeigniter, siapa developer web yang tidak kenal dengan framework yang satu ini. Framework ini merupakan salah satu dari sekian banyak framework PHP.

Framework ini juga merupakan framework yang (cukup) favorit di beberapa negara, salah satunya di negara kita, Indonesia. Biasanya, orang menyebut framework ini dengan sebutan CI, dilafalkan si ai.



Oke tadi itu sekilas tentang si si ai, beralih ke framework satunya yaitu framework CSS. Framework CSS juga banyak tersedia di internet, tapi yang (cukup) populer adalah Framework Bootstrap.


Lalu bagaimana mengintegrasikan kedua framework tersebut? Yuk kita coba bereksperimen.

Pertama kali yang dilakukan adalah menyiapkan bahan-bahannya. Mulai dari si laptop, si si ai, si Bootstrap, si teh, si ciki, dan teman-temannya.

Si ai bisa di download di http://www.codeigniter.com/. Si Bootstrap bisa di download di http://www.getbootstrap.com/. Begini kalo sudah di download.


Kemudian di ekstrak.


Setelah di ekstrak, rename kedua file tersebut. Kalo ane me-rename jadi ciboots dan bootstrap. Letakkan folder bootstrap di dalam folder ciboots.


Kemudian, hapus folder user_guide dan beberapa file, sehingga menjadi...


Proses penempatan folder selesai. Coba diakses terlebih dahulu untuk memastikan framework dapat dijalankan.


Sekarang proses pemanggilan folder boostrap. Ada tiga file yang harus diubah, yang pertama adalah file config.php, autoload.php dan satunya lagi adalah view welcome_message.php.

Keduanya berada di folder ciboots/application/config/, sedangkan welcome_message.php berada di folder ciboots/application/views/. Yang harus diubah adalah...

config.php, pada bagian $config['base_url']. Gunanya untuk mengatur base_url default.


autoload.php, pada bagian $autoload['helper']. Gunanya agar fungsi base_url() pada si ai dapat digunakan.


welcome_message.php, merupakan file yang berisi codingan untuk tampilan.


Pembuktian dapat dilakukan dengan cara melihat source codenya. Jalankan framework, kemudian klik kanan > View source code.

Baca juga ya..
Potret Kemegahan Gedung Arsip Nasional
Golden Sunset Di Pantai Kuta, Bali
Source Code Sisemur - Aplikasi Web Penghitung Umur

Setelah terlihat, klik file yang dipanggil dari halaman tersebut. Jika menampilkan baris kode, berarti berhasil.




Bukti selanjutnya adalah tampilan berubah sesuai dengan ciri khas dari si Boostrap.


Eksperimen selesai. Bagaimana? berhasilkah? Monggo silakan tulis hasil eksperimennya di kolom komentar.

Ada videonya juga nih.. tonton ya!



1 Komentar untuk "Integrasi Framework Codeigniter dengan Framework Bootstrap"