Tugas 3 PBKK

Tugas 3 PBKK - Menggunakan Template SB Admin

Jadi pada tugas 3 kali ini, saya akan mengimport template SB Admin dari Bootstrap 4.

Yang harus dilakukan pertama kali adalah mengkonfigurasi base_url yang ada pada file config.php. Base URL berfungsi untuk menentukan alamat atau URL yang akan digunakan oleh web. Karena saat pengembangan website ini saya menggunakan url localhost/semester6/pbkk, maka base_url harus diset menjadi localhost/semester6/pbkk.

application/config/config.php

Selanjutnya kita harus meload sebuah helper ke memori secara otomatis melalui autoload.php. Salah satu helper yang kita butuhkan adalah url karena berisi fungsi-fungsi untuk mengakses url seperti base URL yang kita pakai di atas.

application/config/autoload.php

Setelah itu kita harus membuat sebuah konstanta yang akan diisi nama site dari website yang akan kita buat. Konstanta ini nanti akan kita pakai untuk mengambil judul web pada template

application/config/constant.php

Download dan Ekstrak SB Admin

Kalian bisa download dan ekstrak template sb admin dari web ini. Maka tampilan awal dari folder template setelah di ekstrak adalah seperti ini 

Yang akan kita lakukan adalah kita buka folder dist lalu kita copy folder assets, css, dan js yang ada pada folder tersebut lalu kita paste pada dokumen root dari website yang akan kita buat

isi folder dist

Membuat dan Modifikasi Template

Buat sebuah direktori baru pada folder views dengan nama admin, lalu didalamnya buat sebuah file view baru dengan nama overview.php. Pada file tersebut kita akan mengcopy file index.html yang terdapat pada folder hasil ekstrak template sb admin yang ada pada folder dist. 

Setelah itu kita akan membuat route yang akan mengarahkan ke halaman view tersebut. 

Lalu kita akan membuat sebuah folder baru pada controller dengan nama admin, lalu dalam folder admin tersebut kita akan membuat sebuah file controller baru dengan nama Overview.php (file controller harus diawali dengan huruf besar) 

Langkah terakhir yang perlu dilakukan adalah mengubah semua link css dan js yang terdapat pada view overview.php. Semua link tersebut akan disisipkan fungsi base_url sehingga menjadi seperti ini:

Maka template SB Admin sudah berhasil digunakan pada view overview.php

Full Source Code