Tugas 3 PBKK

Bootstrap pada Code Igniter

Pada tugas ke -3 ini saya akan membuat aplikasi menggunakan template SB Admin dari Bootstrap 4. Berikut step by step dari tahapan pembuatan bootstrap ini :

1. Langkah pertama yang harus kita lakukan adalah base url yang akan digunakan di web, kita akan menggunakan base url berikut :





2. Langkah kedua yaitu meload sebuah helper ke memori secara otomatis melalui autoload.php. cara mengaktifkan helper url. pertama buka file config/autoload.php, lalu cari $autoload['helper']. tambahkan url, sehingga menjadi seperti ini :



3. Lalu buat konstanta sit_name untuk menyimpan nama web, dapat dibuat dengan membuka file config/constants.php lalu tambahkan kode dibawah :



4. download dan ekstrak bootstrap sb admin setelah di ekstrak copy file css js dan vendor ke dalam folder code igniter kita sendiri. dan untuk folder vendor harus diganti namanya menjadi assets

5. step ke 5 adalah buat folder admin pada direktori view, dalam folder admin itu buatlah file baru bernamakan overview.php, isi dari overview.php itu akan di copas dari index.html yang ada pada folder sb admin yang kita ekstrak tadi.




6. kita perlu untuk membuat cotroller baru dengan nama Overview.php (gunakan O besar, nama file untuk controller selalu huruf besar) untuk dengan kode berikut :



7. Setelah itu buat route baru untuk controller overview. bukalah file config/routes.php, lalu tambahkan kode ini :



8. Lalu jangan lupa untuk menambahkan fungsi base_url() pada /application/overview.php agar css dan javascriptnya bisa terbaca seperti gambar dibawah ini :





9. bukalah page http://localhost/codeigniter/index.php/admin lalu tampilan akhirnya akan seperti ini 




Source Code :

Comments

Post a Comment

Popular posts from this blog

Tugas 8

Image
Google Sheet  Google sheet adalah salah satu komponen dalam aplikasi google cloud. Jika kita memiliki akun gmail kita bisa membuat dan berbagi sebuah spreadsheet dengan siapapun termasuk dengan mereka yang tidak memiliki akun gmail. Google Sheet secara komprehensif menawarkan sekumpulan fitur dan fungsi standar spreadsheet seperti dalam spreadsheet application lainya yaitu Microsoft Excel. Selain itu juga terdapat dukungan terbaru yang serbaguna yaitu fungsi QUERY dan REGEX. Hal yang membedakan antara spreadsheet desktop dan google sheet adalah google sheet didesain secara cloud, aplikasi spreadsheet dapat diakses melalui browser dan disimpan secara remote. Spreadsheet dapat dibagi dalam keadaan read-only atau read-edit mode sehingga mendukung untuk editing secara kolaborasi. Google Script Di dalam google sheet juga disediakan bahasa pemrograman yang disebut GAS (Google App Script). Kode GAS akan dieksekusi secara remote di dalam google cloud. Pihak google sendiri menyatakan
Read more

Tugas 1 PBKK

Image
Pengenalan Framework 1. Tuliskan framework yang pernah digunakan! Laravel 2. Alasan memakai laravel ? Saya menggunakan framework laravel karena mudah ditemui latihannya diinternet dan juga command nya mempermudah saya dalam membuat web. kelebihan : - Dapat digunakan disegala browser - Mengembangkan project dengan laravel lebih cepat - Dokumentasi yang lengkap - Komunitas yang besar - Cara installnya yang mudah kekurangan : - Install di server yang rumit - Sulit untuk pengguna baru - Update versi terlalu cepat - Relatif berat 3. Untuk menyelesaikan apa ? Saya menggunakan laravel untuk mengerjakan uts pemrograman web. Deskripsi : Aplikasi ini merupakan aplikasi perpustakaan online dimana fungsi nya ialah untuk pendataan jumlah, penerbit, penulis, dan tahun terbit buku tersebut. Lalu ada fitur untuk melihat siapa saja yang sudah tergabung kedalam anggota perpustakaan online tersebut. Screenshot : Home Login  Register Home Buku Tambah Buku
Read more