Pemrograman Basis Data - Perbaikan Aplikasi Basis Data 2 TIER

Pada materi sebelumnya, saya dan kelompok saya telah diberi arahan dari bpk dosen Eko Win Kenali S.Kom., M.Cs. untuk membenahi ataupun merevisi scirpt yang telah kelompok kami buat, diantaranya:

1. Status Online
2. Jika login sebagai user, user tersebut diberi peringatan jika ia sedang online + last login.
3. Seleksi menginsert data
4. Perbaiki session

Untuk tambahan, mungkin disini saya merombak tabel dari database serta merubah sedikit gaya penulisan PHP dari panduan BPP, jadi boleh dikatakan, saya mengembangkannya.

Dan lanjut untuk kasus sebelumnya, anda bisa lihat disini, dan berikut aplikasi 2 TIER yang telah kelompok kami revisi:

1. Form Login ( Hanya menggunakan 1 Form Login )

Form Login

Untuk script diatas, anda bisa melihat disini (pastebin).


Dan untuk template, saya menggunakan Material Dasboard Pro untuk form login, dan saya menggunakan AdminLTE untuk Dashboard User nantinya.


Berikut struktur folder project kami:

Struktur Folder

Berikut Database dan relasi antar tabel nya:

Database

Relasi antar tabel

2. Koneksi ke database

saya menggunakan variabel $konek, jadi selanjutnya saya akan menggunakan variabel $konek tersebut sampai akhir kasus ini.

Koneksi Database

3. Pada Form Login/index.php terdapat text box Username dan password, nah pada Form Action nya, kita arahkan ke script untuk validasi login:

form action

Pastikan label/textbox telah diberi name serta pada tombol Login, diberi type="submit":

memberi name pada label untuk diberikan ke POST

Jika sudah, save, dan sekarang beralih ke vl_user.php, karena terlalu panjang serta susah di screen shot, saya berikan link ke pastebin saja, berikut script nya.

Atau lebih mudahnya, disini saya menggunakan seleksi kondisi berdasarkan level, lalu level-level tersebut saya arahkan sesuai dengan jenis user tersebut:

Validasi Login

Oleh karena itu, saya sudah membuat folder admin, dosen, dan mahasiswa, yang mana

1. Admin = Mengendalikan Semua CRUD ( User, Program Studi, Dosen dan Mahasiswa )
2. Dosen [ Hanya Read data dosen dan mahasiswa ]
3. Mahasiswa [ Hanya read data mahasiswa ]

Untuk itu, disini saya fokuskan ke admin terlebih dahulu:

4. Pada Validasi Login, saya membuat header Location ke admin/index.php

berikut script index.php dari folder admin tersebut.

Dan terlihat, pada script tersebut, saya menggunakan header, footer yang telah saya jadikan file berbeda, jadi tinggal memanggil menggunakan include saja, berikut file tersebut:

bundle_css

bundle_script.php (Untuk search, dll meggunakan javascript) 

Header

Footer

Lalu jangan lupa untuk mengcopy foler asset dari Template nya

Download Template Admin LTE - Dasboard

Download Template Material Dashboard Pro

Asset dari 2 template tersebut

Tambahkan notifikasi telah login pada content

Notifikasi selamat datang

Ohiya, hampir lupa, agar validasi login tersebut berjalan dengan baik, pada setiap file.php nantinya yang ada didalam folder admin, ditambahkan file autentifikasi user, agar tidak sembarang user bisa mengakses direktori admin:

berikut file php nya, lalu pada index.php tinggal memanggil include saja (di pastebin sudah tertera] :

autentifikasi user

Jika sudah, lalu lakukan pengetesan menggunakan web browser:

1. Login menggunakan Admin > Redirect admin/index.php
   
2. Jika username/password tampilkan pesan kesalahan:

Untuk Login, form login, validasi login, serta Dashboard kita sudah selesai, selanjutnya, kita akan membuat submenu itu berjalan dengan baik, CRUD User, Program Studi, Dosen dan Mahasiswa yang akan saya buat pada artikel selanjutnya. Untuk itu saya ucapkan terimakasih.

#ManajemenInformatika
#PoliteknikNegeriLampung