Lompat ke konten Lompat ke sidebar Lompat ke footer

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.

Integrasi Framework Codeigniter dengan Framework Bootstrap


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.

Integrasi Framework Codeigniter dengan 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 https://www.codeigniter.com/. Si Bootstrap bisa di download di https://www.getbootstrap.com/. Begini kalo sudah di download.

Integrasi Framework Codeigniter dengan Framework Bootstrap

Kemudian di ekstrak.

Integrasi Framework Codeigniter dengan Framework Bootstrap

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

Integrasi Framework Codeigniter dengan Framework Bootstrap

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

Integrasi Framework Codeigniter dengan Framework Bootstrap

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

Integrasi Framework Codeigniter dengan Framework Bootstrap

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.

Integrasi Framework Codeigniter dengan Framework Bootstrap

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

Integrasi Framework Codeigniter dengan Framework Bootstrap

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

Integrasi Framework Codeigniter dengan Framework Bootstrap

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.

Integrasi Framework Codeigniter dengan Framework Bootstrap

Integrasi Framework Codeigniter dengan Framework Bootstrap

Integrasi Framework Codeigniter dengan Framework Bootstrap

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

Integrasi Framework Codeigniter dengan Framework Bootstrap

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"

Silakan berkomentar dengan kalimat yang bijak.