~Adetia Ramadanti~: ~~MEMBUAT FORM LOGIN DAN PESAN NOTIFIKASI~~

Pada kesempatan kali ini, saya akan sedikit menjelaskan bagaimana membuat halaman login dan halaman beranda admin, membuat sebuah pesan notifikasi dan implementasi penerapan framework css dari bootstrap.

hal-hal yang harus dilakukan adalah :

1. Membuat Halaman Login

Halaman login akan dibuat menjadi halaman utama pada saat aplikasi pustaka-booking bagian admin diakses. Form login akan dibuat pada controller Autentifikasi. Controller ini akan dijadikan controller default.

Untuk membuat tampilan-tampilan dari aplikasi pustaka booking akan menggunakan template dari bootstrap yaitu sb admin 2 kenapa menggunakan template sb admin 2 ini, karena template sb admin 2 ini sudah menggunakan botstrap terbaru yaitu versi 4. Untuk itu kita harus mempersiapkan terlebih dahulu template sb admin 2 tersebut. Sb admin 2 sudah kami sediakan di folder tools.

Kembali ke pembuatan form login. Untuk membuatnya kita akan menggunakan tampilan form login yang ada di template sb admin 2. Untuk itu sekarang coba kembali ke folder hasil extract template sb admin 2, kemudian cari file login.html kemudian buka file login tersebut bisa menggunakan web browser atau menggunakan editor php atau html yang sedang kamu gunakan. Ketika sudah terbuka, copy isi script dari file login tersebut kemudian buat file view yang baru pada projek kamu dengan nama login.php, aute_header.php, aute_footer.php simpan dalam folder Application/views/admin lalu paste. Maka hasilnya seperti berikut:

aute_header.php

login.php

aute_footer.php

Setelah selesai membuat tampilan form login, seperti yang sudah disinggung di atas. Kita akan membuat controller Autentifikasi.php. caranya yakni

Buatlah controller Autentifikasi.php simpan dalam folder Application/controllers lalu buat scriptnya seperti berikut:

Kemudian tambahkan method cekData() dalam ModelUser.php yang sebelumnya sudah dibuat. Di bawah ini script tambahan methode cekData()

Sebelum melihat hasilnya, ubah pengaturan controller default terlebih dahulu yang sebelum controller welcome ubah mejadi controller autentifikasi.

Untuk melihat hasilnya silahkan ketik URL seperti ini localhost/pustaka-booking/, maka hasilnya seperti dibawah ini:

2. Membuat Halaman Admin

Halaman admin adalah halaman backend yang digunakan untuk mengelola data-data master seperti buku, kategori buku dll. Unutk membuatnya kita akan melibatkan controller autentifikasi.php

Dalam pembuatan halaman admin, template yang digunakan tetep template dari sb admin 2. Untuk itu coba kita buka index.html dari sb admin 2 menggunakan editor yang kamu miliki. Selanjutnya copy isi script dari index.html, kemudian buat view baru dalam folder Application/views/admin/ beri nama index.php lalu paste scriptnya. Selanjutnya file index ini akan dipecah menjadi 5 file view yaitu: header.php, index.php, footer.php, sidebar.php, dan topbar.php yang di simpan pada Application/view/templates. jadi isi dari file index.php yang baru saja di buat, disesuaikan dengan 5 file di bawah ini:

header.php

footer.php

index.php

sidebar.php

topbar.php

Setelah membuat file view pecahan dari tampilan admin, maka selanjutnya kita harus membuat controller Admin.php simpan dalam folder Application/controllers lalu buatlah scriptnya seperti berikut::

admin.php