Login Multi User PHP dan MySQLI


Apa kabar teman-teman,... Semoga hari ini kabarnya baik-baik  dan sehat selalu.
Kali ini saya akan membagikan artiket yang berjudul " Login Multi User PHP dan MySQLI " semoga bermanfaat dan membantu teman-teman dalam proses belajar atau latihan.

Seperti yang teman-teman ketahui, bahwa from Login sangatlah diperlukan dalam suatu Website ataupun aplikasi lainya untuk menjaga keamanan Website tersebut. Jika suatu Website yang memiliki halaman Admin, atau Dashboard tidak memiliki form login, maka sudah pasti Website tersebut sangatlah mudah sekali untuk dibajak (dihack) orang.

Panduan Login Multi User dengan PHP dan MySQLI

Apakah teman-teman bingung dengan perbedaan Login Multi User dan Login Biasa? Jika iya maka simak penjelasan berikut ini.

Login Multi User dangan PHP dan MySQLI adalah sebuah form login yang memiliki validasi level seperti Admin, atau user biasa saat melakukan login kedalam suatu Website atau aplikasi, sedangkan form login php biasa tidak memiliki validasi level atau tidak mempunyai hak akses yang berbeda-beda.

Dan kenapa kita harus membuat validasi user saat login? Jawabnya agar setiap user memiliki hak akses yang berbeda-beda sesuai dengan jabatan yang dipegang-nya.

Jadi kesimpulanya Form Login Multi User dengan PHP dan MySQLI adalah beberapa user dengan hak akses yang berbeda-beda dapat melakukan login terhadap suatu website yang sama, tetapi berbeda fitur yang didapat.

Misalnya user yang login memiliki hak akses sebagai admin, maka jika proses loginya berhasil akan langsung dialihkan pada halaman atau dashboard admin, atau user yang login memiliki hak akses sebagai pegawai, maka jika proses loginya berhasil akan langsung dialihkan pada halaman atau dashboard pegawai.

Oke sekarang kita lanjut pada pembuatanya, silahkan teman-teman  simak langkah demi langkah yang kami berikan.

Pertama : Membuat Database Login Multi User


Pada contoh ini database yang digunakan adalah database tentang kepegawaian, jadi hak akses yang akan kita buat yaitu sebagai Admin, Pengurus, dan sebagai Pegawai.

Sekarang aktifkan Xampp anda dan buka localhost/phpmyadmin untuk membuat database baru dengan nama " multi_user".

Dan buat sebuah table dengan nama "user" dengan column seperti gambar di bawah ini



Nama                                    Tipe                                         Autoincrement
id                                            int                                                        ya
nama                                varchar (255)
usename                          varchar (255)
password                         varchar (225)
level                                 varchar (25)

Jika sudah, maka tahap berikutnya yaitu membuat beberapa data user dengan hal akses yang berbeda-beda.

Pada artikel ini akan membuat 3 data user, dengan 1 user mempunyai hak akses sebagai admin, 1 user lainya sebagai pegawai dan 1 user nya sebagai pengurus.




Untuk value nama , username, dan password silahkan teman-teman isi sesuai dengan keinginan teman-teman.

Setelah database sudah siap tahap berikutnya adalah mulai ngoding Login Multi User dengan PHP dan MySqli.

Login Multi User PHP dan MySQLI


Langkah pertama buat sebuah folder baru dengan nama sesuai dengankeinginan teman-teman, contohnya saya menggunakana nama " multi_user".

Pada proses atau project ini kita akan membuat beberapa file yang diperlukan, dan file-file yang akan dibuat yaitu sebagai berikut:
  • index.php
  • Style.css
  • koneksi.php
  • cek_login.php
  • halaman_admin.php
  • halaman_pengurus.php
  • halaman_pegawai.php

# Membuat index.php dan Style.css pada Folder Multi_user

Seperti kita ketahui bahwa sebuah index.php adalah yang paling penting disetiap project, oleh karena itu yang pertama kali buat adalah index.php dan setelah itu style.css.

Buatlah sebuah file baru di dalam folder multi_user dengan nama index.php

index.php

<!DOCTYPE html>

<html>
<head>

<title>Form Login Multi User gilakodingan.blogspot.com</title>
<link rel="stylesheet" type="text/css" href="style.css">

</head>
Kemudian buat file baru lagi dan beri nama style.css, berikut kodenya

body{
font-family: sans-serif;
background: #ebf9fb;
}
h1{
text-align: center;
/*ketebalan font*/
font-weight: 300;
}
.tulisan_login{
text-align: center;
/*membuat semua huruf menjadi kapital*/
text-transform: uppercase;
}
.kotak_login{
width: 350px;
background: white;
/*meletakkan form ke tengah*/
margin: 80px auto;
padding: 30px 20px;
box-shadow: 0px 0px 100px 4px #d6d6d6;
}
label{
font-size: 11pt;
}
.form_login{
/*membuat lebar form penuh*/
box-sizing : border-box;
width: 100%;
padding: 10px;
font-size: 11pt;
margin-bottom: 20px;
}
.tombol_login{
background: #2aa7e2;
color: white;
font-size: 11pt;
width: 100%;
border: none;
border-radius: 3px;
padding: 10px 20px;
}
.link{
color: #232323;
text-decoration: none;
font-size: 10pt;
}
.alert{
background: #e44e4e;
color: white;
padding: 10px;
text-align: center;
border:1px solid #b32929;
}
Nah coba teman-teman jalankan di web dengan alamat https//localhost/multi_user

Tahap berikutnya adalah membuat action login multi user dengan php dan koneksi database mysqli, simaklah dengan baik dan ikuti langkah-langkahnya.

# Membuat Action Login Multi User PHP dan MySqli

Agar dapat membuat action Login Multi User anda harus memperhatikan syntax pada file index.php, karena kita telah menetapkan file yang akan memproses form login ini yaitu cek_login.php.

<form action="cek_login.php" method="post">

Oleh sebab itu kita harus membuat lagi sebuah file php dengan nama cek_login.php, dan perlu diingat bahwa sistem ini akan sangat berhubungan dengan database.

koneksi.php

<?php
$koneksi = mysqli_connect("localhost","root","","multi_user");
// Check connection
if (mysqli_connect_errno()){
 echo "Koneksi database gagal : " . mysqli_connect_error();
}
?>
Jika sudah tahap berikutnya adalah membuat file cek_login.php, buatlah file baru dengan nama cek_login.php, berikut kodenya:

cek_login.php

<?php 
// untuk mengaktifkan session pada php agar keamanan login lebih tinggi
session_start();
// menghubungkan file php dengan koneksi ke database mysqli
include 'koneksi.php';
// menerima data yang disubmit dari form login multi user
$username = $_POST['username'];
$password = $_POST['password']; // seleksi data user dengan username dan password apakah sesuai atau tidak $login = mysqli_query($koneksi,"select * from user where username='$username' and password='$password'");
// hitung jumlah data yang ditemukan dari form login
$cek = mysqli_num_rows($login);
Perlu diketahui bahwa pada dasarnya login multi user ini sama aja seperti login biasa, namun perbedaanya cuma login multi user dapat login dengan menggunakan hak akses yang berbeda, dengan tujuan memberikan hak akses sesuai yang diperlukan,

Jika berhasil maka si user akan dialihkan ke halaman dashboard yang sesuai dengan hak akses yang dimiliki. 

Contoh: user dengan hak akses admin berhasil login langsung di alihkan pada halaman dashboard admin dan sebaliknya.

Sebagai contoh sederhana kita akan membuat halaman admin, pegawai dan pengurus agar dapat sempurna seperti yang di harapkan.

Yang pertama kita buat adalah halaman admin, buatlah file baru dengan nama halaman_admin di dalam folder multi_user.

halaman_admin.php

<!DOCTYPE html>
<html>
<head>
<title>Halaman Untuk Admin</title>
</head>
<body>
<?php 
session_start();
// untuk mengcek apakah yang mengakses halaman ini sudah login atau belum
if($_SESSION['level']==""){
header("location:index.php?pesan=gagal");
}
?>
<h1>Halaman Admin</h1>
<p>Halo <b><?php echo $_SESSION['username']; ?></b> Anda telah berhasil login sebagai <b><?php echo $_SESSION['level']; ?></b>.</p>
<a href="logout.php">LOGOUT</a>
</body>
</html>
Kemudian kita buat lagi file baru dengan nama halaman_pegawai, berikut kodenya

halaman_pegawai.php

<!DOCTYPE html>
<html>
<head>
<title>Halaman Untuk Pegawai</title>
</head>
<body>
<?php 
session_start();
// Untuk mengcek apakah yang mengakses halaman ini sudah login atau belum
if($_SESSION['level']==""){
header("location:index.php?pesan=gagal");
}
?>
<h1>Halaman Pegawai</h1>
<p>Halo <b><?php echo $_SESSION['username']; ?></b> Anda telah berhasil login sebagai <b><?php echo $_SESSION['level']; ?></b>.</p>
<a href="logout.php">LOGOUT</a>
</body>
</html>
Selanjutnya kita buat juga halaman untuk pengurus,

halaman_pengurus.php

<!DOCTYPE html>
<html>
<head>
<title>Halaman Untuk Pengurus</title>
</head>
<body>
<?php 
session_start();
// Untuk mengcek apakah yang mengakses halaman ini sudah login atau belum
if($_SESSION['level']==""){
header("location:index.php?pesan=gagal");
}
?>
<h1>Halaman Pengurus</h1>
<p>Halo <b><?php echo $_SESSION['username']; ?></b> Anda telah berhasil login sebagai <b><?php echo $_SESSION['level']; ?></b>.</p>
<a href="logout.php">LOGOUT</a>
</body>
</html>
Jangan lupa ada satu file lagi yang harus kita buat yaitu file logout.php, file logout ini sangat berguna sekali dalam login multi user. Karena pada logikanya file logout.php akan menghapus semua session yang sudah pada saat user login, dan kemudian mengembalikan kembali ke halaman index.php.
Nah, untuk membuat file logout.php buatlah sebuah file baru dengan nama logout.php.
logout.php
<?php 
// Untuk mengaktifkan session pada php
session_start();
// Untuk menghapus semua session
session_destroy();
// pindah halaman ke halaman login
header("location:index.php");
?>
Jika sudah membuat semua file-file yang di atas teman-teman berhasil membuat login multi user dengan php dan mysqli, saatnya menjalankan project nya.

Caranya silahkan akses localhost/multi_user pada browser teman-teman

Pertama masukan username atau password yang salah, maka akan muncul notifikasi bahwa login gagal, setelah itu coba lagi dengan memasukan username dan password yang benar sesuai database yang anda buat tadi, lalu klik login maka akan dialihkan pada halaman yang sesuai dengan hak akses yang anda pilih tadi pada saat login.

Bagaimana, mudah kan membuat login multi user dengan php dan mysqli?

Demikian artikel tentang Login Multi User HP dan MySQLI semoga bermanfaat bagi teman-teman, silahkan sebagai dasar buat pembelajaran dalam ngoding, sekian dari saya Terima kasih.
Tags

Post a Comment

Post a Comment

Previous Post Next Post