Widodo

Membuat Form Login Multiple Login

Didalam sebuah website yang memilki multiple admin atau multiple login tentunya membutuhkan sebuah hak akses yang berbeda salah satunya web sekolah ataupun kampus nah disni saya akan memberi tutorialnya membuat sebuah form login dengan hak akses yang berbeda dan saya ambil contoh simplenya dengan hak akses admin, mahasiswa dan dosen hak akses login ini ada 3 pilihan dan semoga tutorial ini bermanfaat bagi para developer munkin langsung aja kita bahas bersama-sama.

Sebelumnya silhkan buat folder multi-login dan buat databases dengan nama tutorial

1. Silahkan buat tabel dengan nama admin

Column Type
Id Int (8)
username varchar(30)
password varchar(50)
PRIMARY : id

Silahkan insert data adminya seperti dibawah ini

id username password tanggal
1 admin admin (type MD5) kosongkan
Tanggal akan terisi otomatis saat login berhasil

 

2. Silahkan buat tabel dengan nama mahasiswa

Column Type
id_mahasiswa Int (8)
username varchar(30)
password varchar(50)
PRIMARY : id_mahasiswa

Silahkan insert data Mahasiswa seperti dibawah ini

id_mahasiswa username password tanggal
1 mahasiswa mahasiswa (type MD5) kosongkan
Tanggal akan terisi otomatis saat login berhasil

 

3. Silahkan buat tabel dengan nama dosen

Column Type
id_dosen Int (8)
username varchar(30)
password varchar(50)
PRIMARY : id_dosen

Silahkan insert data Mahasiswa seperti dibawah ini

id_dosen username password tanggal
1 dosen dosen (type MD5) kosongkan
Tanggal akan terisi otomatis saat login berhasil

 

4. Sekarang kita buat confignya atau koneksinya dan simpan dengan nama config.php

<?php $host="localhost";
$user="root";
$pass="";
$db="tutorial";
$entries=1;
date_default_timezone_set("Asia/Jakarta");
$koneksi=mysql_connect($host,$user,$pass);
mysql_select_db($db,$koneksi);if($koneksi){
//echo "Berhasil koneksi";
}else{
echo"koneksi gagal"; }?>

 

5. Sekarang buat file indexnya dan masukkan sript dibawah ini dan taruh dibagian paling atas.

PHP

<?PHP session_start();
include 'config.php';
if (isset($_POST['tombollogin'])) {
$status= strip_tags($_POST['status']);
$status = strip_tags($_REQUEST['status']);
$username=$_POST['username'];
$password=md5($_POST['password']);
$tanggal =date("Y-m-d H:i:s");

 

if($status=="mahasiswa"){
$query=mysql_query("select * from mahasiswa where username='$username' and password='$password'");
$cek=mysql_num_rows($query);
$row=mysql_fetch_array($query);
$id_mahasiswa=$row['id_mahasiswa'];

if($cek){
$_SESSION['username']=$username;
$_SESSION['id_mahasiswa']=$id_mahasiswa;
$_SESSION['status']=$status;

header("location:./home.php");// sukses
$save=mysql_query("update mahasiswa set tanggal='$tanggal' where username='$username'");

}else{
header("location:./?error=1");// login gagal
}
}

if($status=="dosen"){
$query=mysql_query("select * from dosen where username='$username' and password='$password'");
$cek=mysql_num_rows($query);
$row=mysql_fetch_array($query);
$id_dosen=$row['id_dosen'];

if($cek){
$_SESSION['username']=$username;
$_SESSION['id_dosen']=$id_dosen;
$_SESSION['status']=$status;

header("location:./home.php");// sukses
$save=mysql_query("update dosen set tanggal='$tanggal' where username='$username'");

}else{
header("location:./?error=1");// login gagal
}
}

if($status="admin"){
$query=mysql_query("select * from admin where username='$username' and password='$password'");
$cek=mysql_num_rows($query);
$row=mysql_fetch_array($query);
$id= strip_tags($row['id']);

if($cek){
$_SESSION['username']=$username;
$_SESSION['id']=$id;
$_SESSION['status']=$status;
header("location:./home.php");// sukses
$save=mysql_query("update admin set tanggal='$tanggal' where username='$username'");

}else{
header("location:./?error=1");// login gagal
}
}

}else{
unset($_POST['tombol-login']);
}
?>
<?php if(empty($_SESSION[username])) { } else {header("location:./home.php");}?>

 

6. Sekarang kita buat notifikasinya scripnya seperti dibawah ini, script ini untuk menampilkan pesan jika proses loginya gagal

PHP

<?php if (!empty($_GET['error'])) { if ($_GET['error'] == 1) { echo '<div class="login-stat">
User name dan Password Salah..!</div>';}}?>

 

7. sekarang kita buat form loginya untuk membuat sebuah form login anda bisa mendesign sendiri atau download template login yang ada di web ini maupun di tempat lain untuk contoh simplenya ada dibwah ini..

HTML

<form action="" name="form" method="post">
<div class="container"><div class="logo"></div>
<div class="box-login"><div class="avatar">

<img src="avatar.png" width="150px" height="150px" /></div>
<div class="login"><label>Tipe</label>
<select name="status">
<option value="admin">Admin</option>
<option value="mahasiswa">Mahasiswa</option>
<option value="dosen">Dosen</option>
</select>
</div>
<div class="login"><label>Username</label>
<input name="username" type="text" placeholder="Username" id="user" class="icon-login" /></div>
<div class="login"><label>Password</label>
<input name="password" type="password" placeholder="Password" id="pass" class="icon-pass" /></div>
<div class="login">
<input name="tombollogin" type="submit" id="login" value="LOGIN"/>
</div></div>
</div></div></div></div>
</form>

 

8. Sekarang kita buat document baru dengan nama home.php hapus semua scriptnya lalu ganti dengan ini

HTML & PHP

<?php session_start(); include "config.php";
$status=$_SESSION['status'];
if(isset($_SESSION['username'])){
$username=$_SESSION['username'];

}else{
session_destroy();
header('Location:./');
}
?>

<!DOCTYPE html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no" />
<meta name="description" content="" />
<meta name="author" content="" />
<title>LOGIN BERHASIL</title>
<style>
.menu {float:right;margin-right:20px;}
.menu a {list-style:none;background:#333333; border-radius:5px;padding:4px; text-decoration:none;color:#fff;}
h3 {font-family:Arial, Helvetica, sans-serif;text-align:center;font-size:20px;color:#cccccc; width:500px; margin:auto;
padding-top:10%;}
.profil {width:90px;height:90px;margin:auto}
.profil img {width:80px!important;height:80px;border-radius:50%; margin:auto;}
</style>

</head><body>
<div class="menu">
<a href="./logout.php">Logout</a>
</div>

<?php if($status=='admin'){ echo"<h3>HAK AKSES LOGIN ADMIN<br> Username : $username </h3><br>
<div class='profil'><img src='./widodo.jpg'/></div>";
}

if($status=='mahasiswa'){
echo"<h3>HAK AKSES LOGIN MAHASISWA <br> Username : $username </h3><div class='profil'><img src='./widodo.jpg'/></div";
}

if($status=='dosen'){
echo"<h3>HAK AKSES LOGIN DOSEN <br> Username : $username </h3><div class='profil'><img src='./widodo.jpg'/></div";
}?>

</body>

</html>

 

9. Selesai...

 

Bagi yang masih binggung anda bisa mendownload dibagian bawah ini

Terimakasih...


DONASI DOWNLOAD

 



0 Komentar