Program Login Sederhana di PHP

Membuat program login sederhana di php menggunakan fungsi if lanjutan dari artikel sebelumya. Pada program login ini, hanya menggunakan satu buah if, namun ada sedikit peningkatan materi yang kita dapat dari sini, yaitu penggunaan operator perbandingan dan operator logika.
script-javaku.blogspot.com

kita menggunakan operator logika untuk menghasilkan true jika seandainya password dan username yang di input benar dan kemudian muncul halaman admin. namun jika kita menginput password atau username yang salah, maka akan muncul komentar dibawahnya

#Operator Logika
script-javaku.blogspot.com
 #Operator Pembanding

Kali ini, kita akan menggunakan lebih banyak file php, untuk penyempurnaan program login itu sendiri.
penambahan materi diantaranya adalah

  • - penggunaan session
  • - penggunaan operator pembanding
  • - penggunaan operator logika
  • - cekadmin menggunakan session
Berikut scriptnya

#Tampilan

header.html:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Belajar Php</title>
<link rel="stylesheet" type="text/css" href="style.css" /> <!Memanggil style css>
</head>
<body>
<div id="sampul"> <!div id= membuat class css dengan nama header>


<div id="header">
<center><h2>Belajar PHP</h2></center>
<div id="linkHeader">
<h4><a href="index.php">Beranda</a></h4>
</div>
</div>
<div id="body">
<div id="SidebarKiri">

</div>
<div id="isi">

</body>
</html>


footer.html:

<html>
<body>
</div>
<div id="SidebarKanan">

</div>
</div>
<div id="footer">
<h2>Java Kita</h2>
</div>

</div>
</body>
</html>


style.css:

/*
Document : style
Created on : Sep 13, 2013, 3:27:50 PM
Author : Razaq
Description:
Purpose of the stylesheet follows.
*/

body{
background-color: #999999;
margin: 0px;
padding: 0px;
}

#sampul{ /*membuat class sampul di css */
margin: auto;
width: 900px;
clear: both; /*berhubungan dengan posisi text pada isi nanti */
text-align: center;
/*kita gunakan sampul supaya semuanya otomatis di tengah*/
}

#header{
height: 197px;
background-color: #0066ff;
padding: 20px;
text-align: left;
}

#linkHeader{
margin-top: 140px;
margin-left: 0;
text-align: left;

}

#body{
background-color: #cc0099;
clear: both;
display: table-row;

}

#SidebarKiri{
float: left;
width: 200px;
margin:0;
padding:10px;
border: 0;
clear: both;
background-color: #cc0099;
}
#isi{
float: left;
width: 440px;
margin:0;
padding:10px;
border: 0;
background-color: #cc00cc;
text-align: justify;
}
#SidebarKanan{
float: right;
width: 200px;
margin:0;
padding:10px;
border: 0;
background-color: #cc0099;
}

#footer{
height: 120px;
border: 0;
clear:both;
background-color: #9900cc;
padding: 20px;

}



#Program Utama


ProgramLogin:

<?php
session_start();
include'header.html';
?>
<center>
<form method="POST" >
<center><h3>Login</h3></center>

<table border="0">
<tr>
<td>Masukkan Username: </td>
<td><input type="text" name="username" size="15" /></td>

</tr
<tr>
<td>Masukkan Password: </td>
<td><input type="password" name="password" size="15"/></td>
</tr>
<tr>
<td><input type="submit" name="prosesLogin" value="Login"/></td>
</tr>
</table>
</form>
</center>

<?php
if(isset($_POST['prosesLogin'])){
$user = isset($_POST['username'])? $_POST['username']:NULL;
$pass = isset($_POST['password'])? $_POST['password']:NULL;

if(empty($user) || empty($pass)){
include 'footer.html';
echo "<script>alert('Ada data yang belum terisi !');</script>";
return;

}

$dataUser="admin";
$dataPass="12345";
if($user == $dataUser && $pass== $dataPass){
$_SESSION['level'] = "admin";
include 'footer.html';
echo"<script>alert('Login Sukses!');document.location='halamanAdmin.php'</script>";

}else{
echo '<center><h4>Username atau password Anda salah ! </h4></center>';
}
}
?>
<?php
include 'footer.html'
?>

#Proses

cekAdmin.php:

<?php
session_start();

if(isset($_SESSION['level']) == "admin"){

//munculkan halaman admin

}
else{
echo "<script>alert('Anda harus login untuk masuk ke halaman ini');document.location='ProgramLogin.php'</script>";

}
?>

#Penjelasan Cek admin. Cek admin akan berguna ketika seseorang ingin mengakses halaman admin, namun belum login, maka akan keluar pesan untuk login terlebih dahulu. dengan kata lain memproteksi halaman admin
Logout.php:

<?php
session_start();
session_destroy();

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

?>

#Halaman Pendukung

halamanAdmin.php:

<?php
include 'cekAdmin.php';
include 'header.html';
?>
<center><h2>Selamat Datang di Halaman Admin !</h2>
<a href="Logout.php">Logout.php</a>
</center>
<?php
include 'footer.html';
?>

Jika kesulitan, berikut saya sediakan link downloadnya,


#Output program

Buka Output Gambar:

script-javaku.blogspot.com

script-javaku.blogspot.com

script-javaku.blogspot.com

script-javaku.blogspot.com

script-javaku.blogspot.com






Artikel Terkait:

0 comments:

Ada pertanyaan?? Silahkan tanyakan di kotak komentar .. :)