Membuat Halaman Admin dan User Only dengan PHP dan MySQL.

Hay, sudah lama banget ya tidak menulis artikel di blog ini, kali ini saya akan mencoba membuat tutorial sederhana yaitu bagaimana membuat Halaman yang hanya bisa di Akses oleh Administrator dan User yang sebelumnya sudah Login dahulu. Dan sudah pasti yang belum Login tidak bisa mengakses halaman tersebut.
Silahkan lihat struktur file di bawah ini:
Membuat Halaman Admin dan User Only dengan PHP dan MySQL

Seperti terlihat pada gambar diatas, nantinya kita akan membuat beberapa file dan dua folder yaitu folder admin dan guest. Jika user login dengan akses admin maka akan masuk ke folder admin, begitu juga jika user login dengan akses guest maka akan masuk ke folder guest.
Jika ada user yang belum login, kemudian masuk ke folder admin atau guest dengan mengetikkan alamat www.website.com/admin atau www.website.com/guest maka secara otomatis akan redirect ke form login.
Login Form ini juga Multi User, dimana hanya dengan satu form login bisa digunakan untuk login admin dan guest, dan dengan menggunakan satu table database.
Yuukkk dimulai aja tutorialnya…

Seperti biasa, hal pertama yan harus dilakukan adalah membuat sebuah database, misal disini saya buat database dengan nama tutorialweb. Kemudian dumping script SQL di bawah ini:

CREATE TABLE `user` (
  `id` int(11) NOT NULL auto_increment,
  `username` varchar(32) NOT NULL,
  `password` varchar(32) NOT NULL,
  `nama` varchar(32) NOT NULL,
  `email` varchar(32) NOT NULL,
  `level` int(11) NOT NULL,
  PRIMARY KEY  (`id`)
) ENGINE=MyISAM  DEFAULT CHARSET=utf8 AUTO_INCREMENT=3 ;

INSERT INTO `user` VALUES (1, 'admin', '21232f297a57a5a743894a0e4a801fc3', 'Administrator', 'admin@admin.com', 1);
INSERT INTO `user` VALUES (2, 'guest', '084e0343a0486ff05530df6c705c8bb4', 'Guest', 'guest@gmail.com', 2);

CREATE TABLE `user` (

`id` int(11) NOT NULL auto_increment,

`username` varchar(32) NOT NULL,

`password` varchar(32) NOT NULL,

`nama` varchar(32) NOT NULL,

`email` varchar(32) NOT NULL,

`level` int(11) NOT NULL,

PRIMARY KEY (`id`)

) ENGINE=MyISAM DEFAULT CHARSET=utf8 AUTO_INCREMENT=3 ;

INSERT INTO `user` VALUES (1, 'admin', '21232f297a57a5a743894a0e4a801fc3', 'Administrator', 'admin@admin.com', 1);

INSERT INTO `user` VALUES (2, 'guest', '084e0343a0486ff05530df6c705c8bb4', 'Guest', 'guest@gmail.com', 2);

Dengan script diatas Anda sudah membuat sebuah table dengan nama user.
Selanjutnya buka editor Anda, buat sebuah file baru dan tuliskan kode HTML di bawah ini:

<html>
<head>
 <title>Login Form | tutorialweb.net</title>
</head>
<body>

 <form action="login.php" method="post">
 <center>
<h2>
Login Form</h2>
</center>
<table align="center">
<tr>
   <td>Username</td>
   <td>:</td>
   <td><input type="text" name="username" placeholder="Username" required /></td>
  </tr>
<tr>
   <td>Password</td>
   <td>:</td>
   <td><input type="password" name="password" placeholder="Password" required /></td>
  </tr>
<tr>
   <td> </td>
   <td> </td>
   <td><input type="submit" name="login" value="Login" /></td>
  </tr>
</table>
</form>
</body>
</html>

<html>

<head>

<title>Login Form | tutorialweb.net</title>

</head>

<body>

<center><h2>Login Form</h2></center>

<tr>

<td>Username</td>

</tr>

<tr>

<td>Password</td>

</tr>

<tr>

</tr>

</table>

</form>

</body>

</html>

Jangan lupa za simpan dengan nama index.php.
Dari Kode di atas Anda akan mendapatkan sebuah From Login sederhana yang terdapat inputan Username dan Password.
Next…. Buat lagi file baru, kali ini yang akan dibuat adalah Script PHP untuk proses Login. Tapi sebelumnya buat dahulu Scipt untuk koneksi ke database. Berikut ini Script untuk koneksi ke database:

<?php
session_start();

mysql_connect("localhost", "root", "root");
mysql_select_db("tutorialweb");
?>

<?php

session_start();

mysql_connect("localhost", "root", "root");

mysql_select_db("tutorialweb");

Simpan dengan nama koneksi.php. Jangan lupa merubah detail koneksinya dengan web server Anda.
Lanjut ke Script untuk proses Login, berikut ini Scriptnya:

<?php
include('koneksi.php');
if(isset($_POST['login'])){

 $user = mysql_real_escape_string(htmlentities($_POST['username']));
 $pass = 
mysql_real_escape_string(htmlentities(md5($_POST['password'])));

 $sql = mysql_query("SELECT * FROM user WHERE username='$user' AND 
password='$pass'") or die(mysql_error());
 if(mysql_num_rows($sql) == 0){
  echo 'User tidak ditemukan';
 }else{
  $row = mysql_fetch_assoc($sql);
  if($row['level'] == 1){
   $_SESSION['admin']=$user;
   echo '<script language="javascript">alert("Anda berhasil Login 
Admin!"); document.location="admin/index.php";</script>';
  }else{
   $_SESSION['guest']=$user;
   echo '<script language="javascript">alert("Anda berhasil Login 
Guest!"); document.location="guest/index.php";</script>';
  }
 }
}
?>

<?php

include('koneksi.php');

if(isset($_POST['login'])){

$user = mysql_real_escape_string(htmlentities($_POST['username']));

$pass = mysql_real_escape_string(htmlentities(md5($_POST['password'])));

$sql = mysql_query("SELECT * FROM user WHERE username='$user' AND password='$pass'") or die(mysql_error());

if(mysql_num_rows($sql) == 0){

echo 'User tidak ditemukan';

}else{

$row = mysql_fetch_assoc($sql);

if($row['level'] == 1){

$_SESSION['admin']=$user;

echo '<script language="javascript">alert("Anda berhasil Login Admin!"); document.location="admin/index.php";</script>';

}else{

$_SESSION['guest']=$user;

echo '<script language="javascript">alert("Anda berhasil Login Guest!"); document.location="guest/index.php";</script>';

}

Simpan dengan nama login.php.
Nah, dengan beberapa Script di atas untuk proses Login sudah selesai, sekarang tinggal membuat file yang ada di folder admin dan guest.
Pertama akan dibuat dulu file yang ada pada folder admin.
Buat file baru dengan nama akses.php, file ini berisi Script PHP untuk mengecek session yang telah dibuat sebelumnya pada saat proses login, jika login berhasil sebagai admin, maka sessionnya adalah admin. Berikut ini Scriptnya:

<?php
session_start();

if(!isset($_SESSION['admin'])){
 echo '<script language="javascript">alert("Anda harus Login!"); document.location="../index.php";</script>';
}
?>

<?php

session_start();

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

echo '<script language="javascript">alert("Anda harus Login!"); document.location="../index.php";</script>';

}

Jangan lupa simpan dengan nama akses.php dan masukkan dalam folder admin.
Nah jika user yang belum login, dan mengakses alamat www.website.com/admin maka user akan di redirect ke form login.
Oke, sekarang kita buat file index.php, berikut ini kodenya:

<?php include('akses.php'); ?>
<html>
<head>
 <title>Admin Area | tutorialweb.net</title>
</head>
<body>

 <div style="text-align:center">
  <h2>
Admin Area</h2>
<p>
<a href="index.php">Home</a> / <a href="../logout.php">Logout</a></p>
<p>
Selamat datang di Admin Area, Anda Login dengan username <?php echo $_SESSION['admin']; ?></p>
</div>
</body>
</html>

<?php include('akses.php'); ?>

<html>

<head>

<title>Admin Area | tutorialweb.net</title>

</head>

<body>

<h2>Admin Area</h2>

<p><a href="index.php">Home</a> / <a href="../logout.php">Logout</a></p>

<p>Selamat datang di Admin Area, Anda Login dengan username <?php echo $_SESSION['admin']; ?></p>

</div>

</body>

</html>

Ingat, simpan dengan nama index.php dan masukkan dalam folder admin.
Lihat kode diatas pada baris paling atas, terdapat kode include(“akses.php” yaitu memasukkan file akses.php yang sudah dibuat tadi.
Sipp…. bagian admin sudah beres, sekarang dilanjut kebagian guest yaa..

Bagian folder hampir sama saja dengan yang ada di folder admin. Berikut ini caranya.
Sama saja buat file baru dengan nama akses.php yang gunanya sama seperti yang dijelaskan diatas, hanya saja kali ini session yang dibuat adalah session guest. Berikut ini Scriptnya:

<?php
session_start();

if(!isset($_SESSION['guest'])){
 echo '<script language="javascript">alert("Anda harus Login!"); document.location="../index.php";</script>';
}
?>

<?php

session_start();

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

echo '<script language="javascript">alert("Anda harus Login!"); document.location="../index.php";</script>';

}

Simpan dengan nama akses.php dan masukkan dalam folder guest.
Selanjutnya buat file baru dan ketikkan Script berikut ini:

<?php include('akses.php'); ?>
<html>
<head>
 <title>Guest Area | tutorialweb.net</title>
</head>
<body>

 <div style="text-align:center">
  <h2>
Guest Area</h2>
<p>
<a href="index.php">Home</a> / <a href="../logout.php">Logout</a></p>
<p>
Selamat datang di Guest Area, Anda Login dengan username <?php echo $_SESSION['guest']; ?></p>
</div>
</body>
</html>

<?php include('akses.php'); ?>

<html>

<head>

<title>Guest Area | tutorialweb.net</title>

</head>

<body>

<h2>Guest Area</h2>

<p><a href="index.php">Home</a> / <a href="../logout.php">Logout</a></p>

<p>Selamat datang di Guest Area, Anda Login dengan username <?php echo $_SESSION['guest']; ?></p>

</div>

</body>

</html>

Simpan dengan nama index.php dan masukkan dalam folder guest.
Penjelasannya sama saja dengan yang ada pada bagian admin tadi.
Nah dengan begini sudah jadi deh, silahkan Anda coba sendiri.
Oh ya hampir lupa..

Script untuk Logout belum za…

Oke deh, buat file baru dan ketikkan Script di bawah ini:

<?php
session_start();
session_destroy();

echo '<script language="javascript">alert("Anda berhasil Logout!"); document.location="index.php";</script>';
?>

<?php

session_start();

session_destroy();

echo '<script language="javascript">alert("Anda berhasil Logout!"); document.location="index.php";</script>';

Simpan dengan nama logout.php dan masukkan di root direktori (lihat pada gambar struktur file di atas).
File logout.php ini digunakan untuk menghancurkan session yang telah dibuat pada waktu login tadi. Dengan menghancurkan session tersebut maka user yang logout tidak akan bisa masuk lagi ke halaman admin atau guest, dan harus login kembali…
Yuppppp….

cukup dulu tutorial kali ini, semoga bisa berguna

JTN Jaringan Tanpa Nama

Search This Blog

Membuat Halaman Admin dan User Only dengan PHP dan MySQL.

Labels

Comments

Post a Comment

Popular posts from this blog

CLI Populer di OLT GPON ZTE

OLT ZTE C300/320 di ONT Mode Port: Vlan_Translate, QinQ, Trunk & Access

How to login Huawei Rectifier TP series (smu02B)?