Login Multi-User dengan PHP dan Mysql

Studi Kasus : Membuat Sistem Login Multi-User dengan PHP dan Mysql.
Kebutuhan : Paket Webserver (AppServ, XAMPP, EasyPHP, dll)

Step 1 : Menyiapkan Database

1. Siapkan database dengan nama db_multiuser.
2. Buat tabel dengan nama tb_user, buat dengan field – field seperti gambar berikut,

   

3. Insertkan beberapa sample data untuk tb_user.
   INSERT INTO `db_multiuser`.`tb_user` (`id`, `username`, `password`, `tipe`) VALUES (NULL, 'ani', 'ani','admin'), (NULL, 'budi', 'budi', 'operator');

Step 2 :Membuat file konfigurasi

1. Ketikkan script berikut,
   <?php
$host = "localhost";
$user = "root"; //sesuaikan dengan user mysql anda
$pass = ""; //sesuaikan dengan password mysql anda
$dbName = "db_multiuser";
mysql_connect($host, $user, $pass);
mysql_select_db($dbName)
or die ("Koneksi Gagal : ".mysql_error());
?>
2. Simpan dengan nama connect.php
3. Penjelasan : connect.php merupakan file konfigurasi yang akan menghubungkan sistem login yang kita buat dengan mysql database.

Step 3 :Membuat form login

1. Ketikkan script berikut,
   [sourcecode]<center>
   <h2> <b> Login Page </b> <h2><form method="post" action="proses.php"><table border="0" align="center" cellpadding="5" cellspacing="8"><tr bgcolor="orange">
   <td> UserName Anda ! </td>
   <td> <input name="username" type="text"> </td>
   </tr>
   <tr bgcolor="orange">
   <td> Password ! </td>
   <td> <input name="password" type="password"> </td>
   </tr>
   <tr>
   <td>   </td>
   <td> <input name="submit" type="submit" value="login"> </td>
   </tr>
   </table>
   </form>
   </center> [/sourcecode]
2. Simpan dengan nama formlogin.php
3. Script ini akan menampilkan form login untuk isian username dan password. Perhatikan bagian action="proses.php". Ini menunjukkan bahwa isian dari username dan password akan diproses (diberi action) oleh file proses.php. File ini akan kita buat pada step berikutnya.

Step 4 :Membuat pemrosesan login

1. Ketikkan script berikut,
   <?php
session_start(); //memulai session
include "connect.php";//mengambil isian username dan password dari form
$username = $_POST['username'];
$password = $_POST['password'];
//query untuk mengambil data user dari database sesuai dengan username inputan form
$q = "SELECT * FROM tb_user WHERE username = '$username' ";
$result = mysql_query($q);
$data = mysql_fetch_array($result);
//cek kesesuaian password masukan dengan database
if ($password == $data['password']) {
//menyimpan tipe user dan username dalam session
$_SESSION['tipe'] = $data['tipe'];
$_SESSION['username'] = $data['username'];
include "menu.php";
}
//jika password tidak sesuai
else {
$warning = "Username / Password Salah";
echo $warning;
}
?>
2. Simpan dengan nama proses.php

Step 5 : Membuat tampilan khusus user

1. Ketikkan script berikut,
   <?php
session_start();
include "connect.php";
echo "<center>";
echo "<h3> Menu </h3>";
if ($_SESSION['tipe'] == "admin") {
echo " Anda Login sebagai Admin";
}
else if ($_SESSION['tipe'] == "user") {
echo " Anda Login sebagai User";
}
?>
2. Simpan dengan nama menu.php
3. Penjelasan : Script ini akan menampilkan informasi sesuai dengan siapa user yang login.

Step 6 : Menjalankan Sistem Login

1. Pergi ke http://localhost/
2. Pilih file formlogin.php untuk mulai menjalankan aplikasi. Anda akan melihat tampilan seperti berikut,

   

3. Masukkan username = ani; password = ani
4. Maka sistem akan menampilkan keterangan seperti berikut,

   

5. Jika anda login sebagai operator (username : budi; password : budi), maka akan muncul informasi seperti gambar dibawah,

   

NB. Simpan semua file php dari step 2 – step 5 ke dalam SATU folder yang SAMA.

Okay, happy coding (: