Membuat Login Beda Hak Akses antara Admin dan User [Cara Pertama]

Yo hello, bertemu lagi dengan saya admin malming, oke kali ini kita akan coba membahas tentang pemrograman, yaps pada artikel kali ini saya akan coba membuat tutorial tentang cara "Membuat login beda hak akses antara admin dan user". Nah menurut saya, ada dua tipe cara untuk membedakan sesi login antara user dan admin, cara yang pertama ialah membedakan tabel database untuk setiap usernya, dan yang kedua adalah dengan cara menambahkan hak akses (enum) pada database nya sendiri.

Ya, kali ini kita akan coba membuat tutorial yang peretama dulu, yaitu dengan membuat dua tabel database yang berbeda, untuk itu langsung saja kita simak tutorialnya.

Buat dulu satu folder yang terdiri atas sub folder admin, user, dan index.php (untuk koneksi nanti akan kita buat).

Adapun untuk isi dari sub folder adminnya adalah seperti ini.

dan untuk isi dari sub folder usernya seperti ini.

Dan untuk databasenya kita kasih nama "belajar3" dan buat dua tabel yaitu :

*ket : masing-masing tabel terdiri dari : id, nama, username, dan password.

oke sekarang kita akan menambahkan koneksinya, kasih nama script di bawah ini dengan nama "db.php" tanpa tanda petik.

<?php

$server = "localhost";

$user = "root"; // user database

$pw = ""; // password database

$database = "belajar3"; // nama database

$connect = mysql_connect($server,$user,$pw) or die ("Database tidak terkoneksi");

$db = mysql_select_db($database) or die ("Database tidak ditemukan");

?>

letakkan saja di folder web kita

Kemudian kita buat index.php nya, simpel saja kita buatnya, jika kalian ingin mengubah index kalian tidak apa-apa karena di sini kita hanya mencontohkan saja untuk indexnya. Oke copy code di bawah ini dan save dengan nama "index.php" tanpa tanda kutip.

<?php

include "db.php";

ERROR_REPORTING(0); //echo_SERVER['QUERY_STRING'];

?>

<!DOCTYPE html>

<html>

<head>

<title>Welcome to Malming site</title>

</head>

<body>

Jika ingin masuk silahkan login sebagai : <br>

1.<a href="admin/login.php">Admin</a><br>

2.<a href="user/login.php">User</a><br>

<p>&nbsp</p>

<p>&nbsp</p>

<center>Belajar web | Malming web id</center>

</body>

</html>

Tampilan sederhananya kurang lebih seperti ini.

Nah kemudian kita buat login page untuk admin dan usernya, saya rekomendasikan untuk login page user dan admin kita copy satu script saja supaya lebih cepat, atau Anda bisa memakai login page buatan saya yang lebih responsive atau enak dilihatnya, baca artikel ini
"Login page Malming-script"

Jika ingin lebih simpel lagi, copy saja code di bawah ini, dan save dengan nama "login.php" tanpa tanda kutip.

<html>

<title>Login sebagai Admin</title>

<p>&nbsp</p>

<p>&nbsp</p>

<body>

<div >

<table border="0" cellpadding="0" cellspacing="0" align="center">

<tr>

</tr>

<tr>

<td>

<table width="259" align="center">

<tr><td width="251"><font face="verdana" size="2"> 

</font>

<p>Malming.web.id</p>

<script language="javascript">

function validasi(){

var user= document.getElementById('username').value;

var pass= document.getElementById('password').value;

if(user.replace(/^\s+|\s+$/g, '')==''){

alert('Username harus diisi');

return false;

}

if(pass.replace(/^\s+|\s+$/g, '')==''){

alert('Password harus diisi');

return false;

}

return true;

}

</script>

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

<table width="251" height="101" border="0" align="center">

<tr >

<td width="137"><input type="text" name="username" id="username" placeholder="Username"></td>

</tr>

<tr valign="top">

<td ><input type="password" name="password" id="password" placeholder="Password"></td>

</tr>

<tr>

<td><input name="login" type="submit" onClick="return validasi()" value="LOGIN" ></td>

</tr>

</table>

</form>

</td></tr>

</table>

</td>

<td width="1%"></td>

</tr>

<tr>

</table>

<center><p><font color="000">Copyright &copy Malming.web.id</font></p></center>

</div>

</body>

</html>

kita letakkan login.php pada sub folder admin, dan sub folder user. Tampilan sederhana mungkin akan seperti ini.

nah kemudian kita buat cek session login nya, untuk scriptnya copy saja code di bawah ini.

<?php

include ('../db.php');

$username = $_POST['username'];

$password = $_POST['password'];

$password_md5 = md5($password);

session_start();

$login = mysql_query("SELECT * FROM admin WHERE username = '$username' and password = '$password_md5'");

if (mysql_num_rows($login) == 1) {

$_SESSION['username'] = $_POST['username'];

header('Location: index.php');

}

else {

echo "<script>alert('Username atau Password Salah')</script>";

echo "<meta http-equiv='refresh' content='1 url=login.php'>";

}

?>

save code di atas dengan nama "check_login.php" tanpa tanda kutip, dan letakkan pada masing-masing sub folder.
*ket : lihat pada value $login terdapat query Select * from admin where..... Nah untuk check_login.php pada user ganti SELECT * FROM admin menjadi SELECT * FROM user

Sekarang kita akan membuat index untuk admin dahulu, untuk index admin kita bikin simpel saja karena ini hanya contoh, jika index-nya mau kalian ubah silahkan saja sesuaikan dengan selera kalian masing-masing. Untuk contoh index-nya, copy saja script berikut dan raruh di sub folder admin dengan nama "index.php" tanpa tanda petik

<?php

include '../db.php';

session_start();

if (!isset($_SESSION['username'])) {

header('Location: login.php');

}

?>

<html>

<head>

<title>Administrator</title>

</head>

<body>

<h1>Selamat datang di halaman admin</h1>

untuk logout silahkan klik <a href="logout.php">Di sini</a>

</div>

</div>

</body>

</html>

Tampilannya kurang lebih seperti ini.

dan untuk index dari usernya saya contohkan ke script berikut.

<?php

include '../db.php';

session_start();

if (!isset($_SESSION['username'])) {

header('Location: login.php');

}

?>

<html>

<head>

<title>Selamat datang user</title>

</head>

<body>

<h1>Selamat datang user</h1>

Untuk logout silahkan klik <a href="logout.php">Di sini</a>

</body>

</html>

Save dengan nama "index.php" tanpa tanda petik dan simpan pada sub folder user. Kurang lebih tampilannya seperti ini.

Yang terakhir adalah membuat logout nya, copy saja script berikut dan save dengan nama "logout.php" tanpa tanda kutip, letakkan logout.php pada sub folder admin dan user.

<?php

session_start();

unset($_SESSION['username']);

echo "<script>window.alert('Anda telah keluar dari halaman administrator');

window.location=('login.php')</script>";

?>

Nah sampai di sini anda telah selesai membuat hak akses pada login kita, selanjutnya silahkan edit index, login, dan lainnya sesuai selera Anda.

Jika tutorial versi gambar masih membingungkan Anda, Saya juga sudah menyiapkan tutorial versi videonya, silahkan simak saja di bawah ini.

Mungkin cukup sekiyan dari saya, kurang lebihnya saya mohon maaf. Terimakasih Wassallam....

Share this

1 komentar: