Cara menggunakan admin dashboard php
Contoh Sistem Informasi Mahasiswa dengan PHP (Halaman Admin dan Halaman Mahasiswa) - Selamat malam sobat, bagimana kabar sobat semua ? semoga selalu dalam keadaan baik. Kali ini kita akan melanjutkan seri Sistem Informasi Mahasiswa (SIMas) pada bagian Halaman Admin dan Halaman Mahasiswa. Sebelumnya kita sudah membuat Login dan Registrasi, maka kali ini kita akan memulai dari dasboard Mahasiswa dan Dashboard Admin. Kita mulai dari pembahasan untuk struktur file.php yang akan kita rancang. Jadi kita akan memecah antara Header, Main Content, dan Footer. Keuntungan dari penggunaan ini adalah, kita hanya perlu merubah isi dari main contentnya saja. Mengenai pemisalahan ini sudah pernah kita bahas pada Cara Membagi Header, Main Content dan Footer di PHP. Jadi kita akan menyiapkan beberapa direktori baru pada C:\xampp\htdocs\mahasiswa. Jadi seperti berikut (perhatikan pada bagian tanda kotak merah).
Jadi akan ada 3 tambahan direktori, yaitu template untuk menempatkan navigasi admin (header admin, navigasi mahasiswa (header mahasiswa) dan footer. Kemudian mhs untuk tampilan khusus mahasiswa (user) dan admin untuk tampilan khusus admin. Navigasi Mahasiswa (Header Mahasiswa)Pertama kita mulai dari membuat navigasi untuk mahasiswa. Kita buat file.php bernama mhs_nav.php pada folder template. Dan sobat dapat mengetikkan code berikut.
Pada code diatas, menggunakan library Datatable, yang mana akan kita gunakan untuk mecreate tabel yang menarik. Ini juga sudah kita pernah bahas pada Membuat Tabel dengan DataTables dan Bootstrap. Jadi tampilan dari Header mahasiswa akan nampak seperti berikut.
Navigasi Admin (Header Admin)Kemudian pada direktori yang sama (template) kita membuah sebuah file.php dengan nama adm_nav.php dan ketikkan code berikut di dalamnya.
Yang mana tampilan untuk Navigasi Admin adalah seperti berikut.
FooterUntuk bagian footer kita buat file.php dengan nama footer.php. dan ketikkan code berikut didalamnya.
Main Content MahasiswaPada main content kita uat sebuah paragraf untuk Dashboard Home Mahasiswa. Sobat bisa membuat sebuah file.php dengan nama mhs_home.php dan letakkan dalam folder mhs. Selanjutnya sobat bisa mengetikkan code berikut didalamnya.
Pada main content, kita memangil header dan footer dari template dengan cara Yang mana diatas adalah code untuk memanggil navigasi mahasiswa yang diletakkan paling awal code, selanjutnya ganti mhs_nav.php ganti dengan footer.php dan letakkan di paling akhir code. Sehingga untuk tampilan dari halaman dashboard mahasiswa menjadi seperti berikut ketika kita akses halaman localhost/mahasiswa/mhs/mhs_home.php pada url browser atau sobat dapat mengklik button Register Mahasiswa Baru pada halaman Login. Dan berikut tampilannya.
Untuk tampilan dari dashboard admin akan disediakan pada halaman download program. Tidak berbeda jauh dari dashboard mahasiswa, berisi informasi dengan paragraf menggunakan tag . hanya saja kita letakkan file.php untuk adm_home.php pada folder admin.
Menu Registrasi MahasiswaSelanjutnya kita beralih pada navigasi menu Registrasi pada mhs_home.php. Kita buat sebuah file pada folder mhs dengan nama mhs_reg.php. Dan ketikkan code berikut didalamnya. Dan ketika button Registrasi pada navigasi mahasiswa diklik maka akan muncul tampilan registrasi mahasiswa seperti berikut. Namun sebelumnya save terlebih dahulu ya.
Demikian tutorial untuk Contoh Sistem Informasi Mahasiswa dengan PHP (Halaman Admin dan Halaman Mahasiswa). Untuk seri berikutnya kita akan membuat fungsi CRUD pada data Mahasiswa dari segi Admin dan User (Mahasiswa). Ikuti terus serinya, semoga seri ini dapat membantu sobat dalam membuat sistem informasi sederhana. Terimakasih, salam ketutrare. Sesi Tutorial |