Sesuai dengan judul pada artikel kali ini saya akan berbagi simple program yakni membuat system login password menggunakan php dan html, yg tentunya ini untuk pemula ya 🙂

langsung saja yang pertama kita buat terlebih dahulu input/form loginnya,

Membuat system login website menggunakan php dan html

buat file baru dengan nama form.php dan isikan code seperti di bawah ini

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
<html><head>
<title>Simple system login</title>
<style type="text/css">
.form {
width: 40%;
margin: auto;
margin-top:100px;
background: #E0E0E0;
padding:20px;
border: 1px solid #474747;
}
input[type=password] {
width: 50%;
height: 30px;
background: #FAFAFA;
border: 1px solid #bbb;
border-radius: 3px;
font-size: 14px;
padding: 3px;
}
input[type=submit] {
height: 30px;
border: 1px solid #082480;
padding: 3px;
background: #4B6EE3;
color: #E8E8E8;
cursor: pointer;
} </style></head><body>
<div class="form" align="center">
<h2>Simple login php</h2>
<div>&nbsp;</div>
<form action="login.php" method="post">Masukkan password :
<input name="password" type="password" placeholder="Password" /> <input name="login" type="submit" value="Login!" /></form></div>
</body></html>

Yang kedua kita buat proses loginnya, buat file baru dengan nama login.php copy code di bawah paste ke file.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<?php
Session_start(); //Mengaktifkan sesi
$set['password']='12345678'; //konfigurasi password
if(isset($_POST['login'])){ //Cek submit form
$pass[email protected]$_POST['password']; //Menangkap input password
if($pass==$set['password']){ //cek jika tangkapan password sama dengan konfirgurasi password
$_SESSION['admin']=$pass; //jika sama akan membuat Sesi dengan id admin
header('location:menu.php'); //redirect ke halaman menu.php
exit();
} else{ //jika password tidak sama //salah akan menampilkan ini
echo '
<div>
<div>&nbsp;</div>
<div style="color: red;" align="center">
<h2>Password ditolak!!</h2>
</div>
'
;
}
} else{
header('location:form.php');
exit();
}
?>

Ketiga buat file baru dengan nama menu.php isikan code di bawah ini

1
2
3
4
5
6
7
8
9
10
11
<?php
Session_start(); //berfungsi Mengaktifkan sesion
if(isset($_SESSION['admin'])){ //berfungsi cek sesi dengan id admin
echo '<div>&nbsp;</div>
<div style="color: green;" align="center">
<h2>Anda berhasil login, sekarang Anda adalah admin. :) - <a href="logout.php">Logout</a></h2>
</div>'
;
} else{ //jika tidak ada akan otomatis ke redirect ke halaman form.php
header('location:form.php');
}
?>

Yang terakhir buat file buat file baru dengan nama logout.php copy dan paste code di bawah ini

1
2
3
4
5
<?php
Session_start();
unset($_SESSION['admin']); //Mengunregister sesi dengan id admin
header('location:form.php'); //dan meredirect ke halaman form
?>

Pada file script diatas, file form.php berfungsi untuk menampilkan desain form login, file login.php berfungsi untuk cek password login jika password sama dengan password yang ditentukan akan membuat sesi dan otomatis redirect ke menu.php, dan jika salah akan kembali ke halaman form.php. Kemudian untuk file logout.php berfungsi untuk unregister sesi atau sesuai dengan namanya yakni untuk logout sesi. Download source codenya Disini

Kurang jelas?, bisa tanyakan langsung ke saya Disini