Jumat, 17 Maret 2017
1. Pastikan laptop
atau PC andasudahterinstalldengan XAMPP, danjugapastikan Apache dan MySQL
Service sudahaktif.
2. Selanjutnya,
buatlahsebuah database barudengannama ‘login’.
3. Buatlahsebuahtabelbarudengannama ‘tbl_login’ denganstruktursebagaiberikut.
4. Masukkan data
baruketabel ‘tbl_login’ denganmenekantombol ‘Tambahkan’, danmasukkan data
dibawahini.
5. Jikasudah, bukalahdirektori
C://xampp/htdocs tempatandamenginstall XAMPP. Kemudianbuatlahsebuah folder
barudengannama login.
6. Bukalahaplikasi
Notepad atau Notepad++ (recommended),
buatlahsebuah file phpbarudengannama ‘config.php’,
danisilahdengan program dibawahini.
<?php
mysql_connect("localhost","root","");
// isisesuai host anda
mysql_select_db("login"); // nama database yang
sayabuattadi
?>
7. Selanjutnyabuatlahtiga
file phpbarudengannama ‘login.php’, ‘aksi_login.php’, ‘home.php’,
dan ‘logout.php’. Berikutisidarimasing-masing file.
login.php
login.php
<html>
<head>
<title>Login</title>
</head>
<body>
LOGIN
<form method="post"
action="aksi_login.php">
<input class="masuk" type="text"
autocomplete="off" placeholder="Username .."
name="username" autofocus required><br/>
<input class="masuk" type="password"
autocomplete="off" placeholder="Password .."
name="password" required><br/>
<input id="tombol" type="submit"
value="Login">
</form>
</body>
</html>
aksi_login.php
<?php
session_start(); //mulai session, krenakitaakanmenggunakan
session pd file phpini
include 'config.php';
//hubungkandenganconfig.phpuntukberhubungandengan database
$username=$_POST['username']; //tangkap data yg di input dari form login
input username
$password=$_POST['password']; //tangkap data yg di input dari form login
input password
$query=mysql_query("select * from tbl_login where
username='$username' and password='$password'"); //melakukanpengampilan
data dari database untuk di cocokkan
$xxx=mysql_num_rows($query);
//melakukanpencocokan
if($xxx==TRUE){ //
melakukanpemeriksaankecocokandenganpercabangan.
$_SESSION['username']=$username; //jikacocok, buat session
dengannamasesuaidengan username
header("location:home.php"); // danalihkankeindex.php
}else{ //jikatidaktampilkanpesangagal login
echo
"<script>alert('Username atau Password Salah'); location =
'login.php'; </script>";
}
?>
home.php
<?php
session_start();
include
"config.php";
if(!isset($_SESSION['username'])){
header("location:login.php");
exit();
}
if(isset($_SESSION['username'])){
$username =
$_SESSION['username'];
}
?>
<html>
<head>
<title>Home</title>
</head>
<body>
Welcome, <?php echo
$_SESSION['username']; echo " "?><br>
<a href="logout.php">Logout</a>
</body>
</html>
logout.php
<?php
session_start(); //perintah agar file
inimembaca/mengenal/memulai session
session_destroy(); // perintahmenghapussemua session ygada
header("location:login.php"); // mengalihkanhalamankelogin.php
?>
8. Bukalah browser
anda, ketikkan ‘localhost/login/login.php’ pada address
barnya. Makaakanmuncultampilansepertidibawahini.
Lakukanaktivitas login denganmemasukkan username dan password sesuaidengan data padatbl_login.
Lakukanaktivitas login denganmemasukkan username dan password sesuaidengan data padatbl_login.
9. Jikaberhasil login,
akanmuncultampilansepertidibawahini.Namun, jikagagal login akanmuncul alert
sepertidibawahini.
10. Jikakitamenekan
link logout, makaakanmuncultampilan login sepertiawal.
11. Selesai.
Mudahkan? Selamatmencobaya
SelamatBelajaar~
Semogabermanfaat.
Wassaalamu’alaikumWr. Wb
SEMOGA BERHASIL
