Cara Mudah Membuat Login Page Menggunakan Source Code PHP

Membuat login page atau Halaman untuk login adalah sebuah hal yang menarik untuk dibahas karena halaman login ini juga berfungsi untuk membatasi akses tertentu ke halaman website kita atau hanya orang (user) tertentu saja yang boleh mengaksesnya.
Saya ingin menjelaskan semuanya secara sederhana supaya anda bisa dengan cepat memahaminya. Ada beberapa hal yang perlu anda ketahui sebelum membuat halaman login diantaranya :

1. Akses Database. Sebelum anda membuat form login maka terlebih dahulu anda harus membuat sebuah database. Dalam database tersebut nantinya diisi dengan tabel admin dimana dalam tabel admin tersebut berisi “username dan password” yang akan dibandingkan dengan nilai yang dikirimkan oleh halaman login.
Buat database baru kemudian buat tabelnay atau anda juga bisa menjalankan query dibawah ini untuk membuat tabel. Untuk passwordnya saya menggunakan md5 supaya lebih aman.


CREATE TABLE `users` (
`id` int(11) NOT NULL AUTO_INCREMENT,
`username` varchar(50) CHARACTER SET utf8 DEFAULT NULL,
`password` varchar(50) CHARACTER SET utf8 DEFAULT NULL,
PRIMARY KEY (`id`)
);

INSERT INTO `users` (`username`, `password`)
VALUES ('admin', md5('admin')) ;

Selanjuntnya bila telah selesai membuat database dan tabelnya, adalah membuat koneksi ke database dengan nama koneksi.php


<?php

$host = "localhost";
$user = "root";
$pass = "";
$dbname ="namadb";
$conn= mysql_connect($host,$user,$pass)
or die("gagal konek ke server MySql".mysql_error());
//select database
$sele= mysql_select_db($dbname)
or die("Gagal membuka database $dbname".mysql_error());
?>

2. Membuat form login

. Form login ini nantinya akan mengirimkan nilai yang diinputkan oleh user.

Source code. index.php



<!DOCTYPE html>
<head><title>Form Login Admin</title>
<link rel="stylesheet" type="text/css" href="style.css" />
</head>
<body>

   <table width="500" align="center">
<tr>
<td><form method="post" action="proses.php">
<table width="500">
<tr>
<td> </td>
<td> </td>
<td colspan="3">Halaman Login</td>
</tr>
<tr>
<td width="1">Username</td>
<td width="1">:</td>
<td><input type="text" placeholder="Username" name="username" id="username" /></td>

</tr>
<tr>
<td width="1">Password</td>
<td width="1">:</td>
<td> <input type="password" name="password" placeholder="password" id="password"  /></td>

</tr>
<tr>
<td> </td>
<td> </td>
<td> <input type="submit" name="Login" value="Log in" id="login" /></td>
</tr>
</table>
</form>
</td>
</tr>
</table>
</body>
</html>

3. Melakukan perbandingan. Ketika nilai yang diinputkan user telah dikirim maka selanjutnya adalah membandingkan nilai tersebut dengan nilai yang ada di database. Bila nilai benar maka user akan bisa mengakses halaman selanjutnya dan jika salah user harus kembali memasukan username dan password yang benar. Kemudian bila nilai yang dibandingkan benar maka selanjutnya nilai tersebut akan disimpan dalam sebuah “session”. Nah session tersebut akan dipergunakan untuk mengakses halaman selanjutnya yaitu halamanadmin.

Souce Code proses.php



<?php
 /************************************************
 Source code by : Name : Ahmad Zaelani
                  Blog : http://root93.blogspot.com
                  Thanks for using code :)
 **************************************************/
 require_once('koneksi.php');
#jika ditekan tombol login
session_start();
$username = $_POST['username'];
$password = $_POST['password'];
$sql = mysql_query("SELECT * FROM users WHERE username='$username' AND password=md5('$password')");
$num = mysql_num_rows($sql);

if(isset($_POST['Login'])) {
$username = $_POST['username'];
$password = $_POST['password'];
$sql = mysql_query("SELECT * FROM users WHERE username='$username' &&
password=md5('$password')");
$num = mysql_num_rows($sql);
if($num==1) {
// login benar //
$_SESSION['username'] = $username;
$_SESSION['password'] = $password;
?>
<script language="JavaScript">alert('LOGIN SUKSES');
document.location=('halamanadmin.php')</script>
<?php
}
else {
// jika login salah //
echo "<script>
eval(\"parent.location='index.php '\");
alert (' Maaf Login Gagal, Silahkan Isi Username dan Password Anda Dengan Benar');
</script>";
}
}
?>

4. Membuat Halaman Session. Session ini maksudnya adalah untuk membuat sebuah halaman yang diakses oleh pengunjung yang mempunyai hak akses sehingga membatasi akses terhadap halaman web tertentu. Nah seperti yang saya jelaskan di paragraph sebelumnya yaitu, bila seorang user berhasil login dengan username dan password yang valid maka dia akan diberi id session yang berguna untuk mengakses halaman session yang dibatasi tersebut. Silahkan baca artikel saya tentang Menggunakan Session

Source code : halamanadmin.php


<?php session_start();
if(!ISSET($_SESSION['username'])){

include"koneksi.php";

?>

<!DOCTYPE html>
<html>
<head>
 <title>HALAMAN ADMIN</title>

</head>
<body>
   <p align="center">
Login Succses</p>
<a href="logout.php">Logout</a>
<?php
}else{
?>
<script language="JavaScript">alert('Anda tidak boleh mengakses halaman ini, Silahkan login dahulu');
document.location=('index.php')</script>
<?php
}
?>
</body>
</html>

5. Menghapus Nilai session. Selanjutnya langkah terakhir yang perlu anda lakukan adalah membuat sebuah halaman yang tugasnya untuk menghapus nilai session yang tersimpan. Untuk dapat menghapus nilai session yang tersimpan maka anda bisa menggunakan perintah session_destroy(); kemudian halaman ini akan ditambahkan ke halamanadmin.php.

anda bisa memanggil halamanadmin.php menggunakan sebuah link <a href=”logout.php”>logout</logout> atau juga menggunakan perintah include.. Ketika user mengklik link logout maka secara otomatis nilai session yang tersimpan akan terhapus.

Source code : logout.php


<?php session_start();
session_destroy();
echo "<script>window.alert('Berhasil Keluar');
window.location=('index.php')</script>";
?>

Atau juga bisa scriptnya seperti ini. Lalu pada halamanadmin.php anda tinggal memanggilnya menggunakan perintah include “logout.php”


<?php if (isset($_POST['logout'])) {

session_destroy();

header('location: index.php');

}

?>

<center>

<form name="frmLogout" id="frmLogin" method="post">

<table>

<tr>

<th colspan="2">Keluar</th>

</tr>

<tr>

<th colspan="2"><input type="submit" name="logout" value="Logout"></th> </tr>

</table>

</form>

</center>

Mungkin cukup sampai disini saja tutorial Cara Mudah Membuat Login Page Menggunakan Source Code PHP, semoga bermanfaat dan selamat belajar….

Happy coding :)

Lihat juga :

Ahmad Zaelani

Seorang laki - laki biasa yang senang duduk sendirian di pinggir pantai, pengagum embun pagi dan lembayung senja, suka blogging, coding dan jogging. Moto hidupnya adalah hidup santai dan simple