Membuat Assets Template Bootstrap pada Codeigniter untuk aplikasi ppdb begini catanya. Assets template merupakan file static sebagai pendukung untuk pembuatan suatu template web, dalam hal ini yang saya gunakan bootstrap. dimana dengan tempate bootstrap ini kita bisa membuat suatu template web yang bagus serta responsive.
Responsive Web adalah sebuah desain yang ada pada website, dimana desain tersebut bersifat fleksibel terhadap segala perangkat / gadget yang dipakai oleh user / pengguna. Jadi desain tersebut dapat mengikuti dan menyesuaikan terhadap bentuk, besar dan kecil dari sebuah layar gadget. Sehingga dapat lebih efektif dan dapat dibaca dengan maksimal pada setiap device.
Tutorial ini merupakan tutorial berkelanjutan, untuk melihat daftar isi silahkan baca artikel : Tutorial Pembuatan Apliakasi PPDB Online Berbasis Web ( Lihat Artikel )
Bootstrap adalah front-end framework yang bagus dan luar biasa yang mengedapankan tampilan untuk mobile device (Handphone, smartphone dll.) guna mempercepat dan mempermudah pengembangan website.
Assets Template Bootstrap Codeigniter
- Unduh beberapa file assets bootstrap ( Unduh )
- Setalah anda download file assets.zip silahkan extract file zip tersebut
extrat file assets bootstrap - Hasil dari extarct file akan muncul sebuah folder dengan nama assets
- Copy file tersebut kedalam folder root web, contoh : c:xampphtdocsppdb(hasil copy folder)
copy kedalam direktori root web - Cobalah mengakses satu file didalam folder assets, untuk mengaksesnya sendiri bisa melalu web browser. caranya masukan url web, semisal http://localhost/ppdb-rumit/assets/css/bootstrap.css jika muncul script css dari bootstrap berati kita berhasil membuat sebuah assets web untuk sebuah template web menggunakan codeigniter.
akses file bootstrap css didalam folder assets
Cara ini berlaku untuk web native maupun web yang menggunakan framework, contohnya : codeigniter
Cara Menggabungkan Template Bootstrap dengan Codeigniter
Pada bagian ini tidak ada kaitanya dengan pembuatan aplikasi ppdb online sederhana, namun bisa menjadi refrensi bagi anda yang belajar cara menggabungkan template bootstrap dengan codeigniter.
Langkah 1: Unduh dan siapkan template Bootstrap
Langkah 2: Buat struktur dasar CodeIgniter
Langkah 3: Salin file template ke dalam proyek CodeIgniter
Langkah 4: Hubungkan file CSS dan JavaScript template
Langkah 5: Sesuaikan tampilan template dengan konten CodeIgniter
Langkah 6: Integrasi dengan konten dinamis
Langkah 7: Uji hasil gabungan
Artikel Terkait Codeigniter
- Pembuatan Database Aplikasi PPDB Online menggunakan MySQL di PhpMyAdmin
- Pembuatan Direktori Web Codeigniter di XAMPP
- Konfigurasi Koneksi Database MySQL dan Codeigniter
- Menghilangkan index.php pada Codeigniter
- Konfigurasi Base URL pada Codeigniter
- Membuat Assets Template Bootstrap pada Codeigniter
- Membuat Halaman Awal Dinamis di Codeiniter
- Membuat Halaman Register / Pendaftaran di Codeigniter
- Login Multi User Codeigniter
- Membuat Logout di Codeigniter
- Membuat Halaman Admin / Dashboard Codeigniter
- Membuat (CRUD) Create, Read, Update, Delete Data pada Codeigniter
- Membuat Alert Boostrap pada Codeigniter
Demikian tutorial Pemembuatan Assets Template Bootstrap pada Codeigniter jika anda mengalami kendala atau error anda bisa bertanya di kolom komentar.
Semoga tutorial ini bermanfaat bagi anda yang sedang belajar pemrograman php khususnya Framework Codeigniter, dan apabila anda menyukai tutorial ini, silahkan untuk berlangganan artikel secara gratis dan anda dapat membagikan artikel ini di akun sosial media milik anda.