Cara membuat tampilan dashboard dengan php

Selamat sore menjelang malam.. Tutorial ini adalah lanjutan dari Membuat Website Professional dengan PHP & MySql - PART #1 dan Membuat Website Professional dengan PHP & MySql - PART #2. Pada posting saya sebelumnya di PART #2 khususnya, sudah dibahas tentang membuat database dan tabel user yang nantinya akan mempunyai fungsi untuk login ke halaman admin agar bisa mengelola website professional ini dengan mudah. Mari dimulai...

#1 Koneksi Database

1. Pastikan XAMPP dalam keadaan running.
2. Buat sebuah file dengan ektensi php dan beri nama "koneksi.php" (tanpa .php) di text editor anda. 
3. Copy baris kode php berikut:

   ​

4. Kemudian simpan di dalam folder "config", lihat gambar berikut untuk memastikan. 
   
5. ok. Koneksi sudah dibuat, saatnya membuat proses login untuk user.

#2 Login Admin

Disini akan menggunakan md5, maksudnya password yang digunakan telah di enkripsi terlebih dulu baik pada saat input maupun pada saat output. Artinya adalah ketika input password user, password tersebut di enkripsi dan tersimpan di dalam database. Ketika akan digunakan untuk login md5, password yang kita tulis juga di enkripsi. Sehingga secara teks, password yang kita tulis sama dengan password user yang tedapat di dalam database.

1. Akses http://localhost/phpmyadmin pilih database "hospital" dan kemudian tabel user
2. Insert dan Isi Value dari masing2 column: id biarkan kosong, karena pada posting PART #2 sudah mengisi dengan auto_increment, username: isi tanpa spasi (contoh adityasubawa), password isi value dengan kode enkripsi 202cb962ac59075b964b07152d234b70 adalah hasil enkripsi dari plan teks "123", email isi value dengan email anda.
3. Buat sebuah file php di text editor anda, kemudian beri nama index.php (tanpa .php) dan simpan di dalam folder admin.
4. Copy kode berikut dan simpan. 

   
   
   
   	Suba Hospital | Admin
   
   
   	
   Login Admin
   
   
   	
   	
   
   	
   		
   
   			
   
   				
   Username
   				
   :
   				
   
   			
   			
   
   				
   Password
   				
   :
   				
   
   			
   			
   
   				
   				
   				
   
   			
   		
   			
   	
   
   ​

5. Perhatikan baris kode dibawah, itu artinya anda harus membuat sebuah file baru dengan nama proses-login.php karena baris tersebut akan memproses data yang dikirim dari form oleh proses-login.php 

   ​

6. Buat sebuah file php di text editor anda dan beri nama proses-login.php dan simpan di dalam folder admin, sejajar dengan index.php
7. Copy kode berikut dan simpan 

    0){
   	$_SESSION['username'] = $username;
   	$_SESSION['status'] = "login";
   	header("location:dashboard.php");
   }else{
   	header("location:index.php?pesan=gagal");
   }
   ?>​

8. Perhatikan baris kode dibawah, itu artinya jika pengecekan data benar/valid maka anda akan diarahkan ke halaman dashboard sebaliknya jika salah anda akan dikembalikan ke halaman login tadi. 

   if($cek > 0){
   	$_SESSION['username'] = $username;
   	$_SESSION['status'] = "login";
   	header("location:dashboard.php");
   }else{
   	header("location:index.php?pesan=gagal");
   }​

9. Jadi anda memerlukan sebuah file php dengan nama dashboard.php dan simpan di dalam folder admin sejajar dengan index.php dan proses-login.php
10. Copy kode dashboard berikut dan simpan 

    
    
    
        Suba Hospital | Dashboard
    
    
        
    Halaman Dashbaord
        
        
    Hi ! anda telah login.
    
    
        LOGOUT
    
    ​

11. Buat sebuah file baru lagi dan beri nama logout.php dan simpan di dalam folder admin
12. Copy kode berikut dan simpan 

    ​

13. Coba jalankan yang sudah dibuat pada halaman admin tadi dengan mengakses pada web browser kesayangan anda http://localhost/hospital/admin
14. Berikut screenshot halaman index.php 
    
15. Berikut halaman dashboard, pada posting selanjutnya anda saya arahkan untuk menggunakan file css dan mempercantik tampilan dashboard. 
    

Oke, pada posting kali ini sudah membuat koneksi ke database dan proses login admin, beberapa kode diatas sudah saya sisipkan comment agar anda bisa mengetahui fungsi2 dari script php diatas. Sampai jumpa di posting selanjutnya, stay strong & stay healthy. 

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.