Search on Label :: Sistem ::

Home » Posts filed under Sistem

Membuat Sistem Login

Posted by Unknown Posted on 21:19 with No comments

Selamat malam rekan rekan sekalian, ketemu lagi ne,, gimana hari ini..?? apakah lebih baik dari hari kemaren.?? ya semoga begitu karena kita termasuk orang yang beruntung kata rosulullah jika hari ini lebih baik dari hari kemaren. OK hanya itu sedikit intro perkenalan dari saya.Kali ini saya akan membuat sebuah tutorial bagaimana membuat sistem login dengan PHP dan database mysql. hampir semua website yang kita kunjungi mempunyai sistem login. Dan sekarang bagaimana cara membuatnya..??
OK kita mulai, pada kesempatan kali ini saya asumsikan kita semua sudah mengerti yang namanya MYSQL, bagaimana cara membuatnya dan mengkonfigurasinya baik melalui Console maupun PHPMYADMIN jadi saya tidak menjelaskan lagi cara membuat sebuah database.
Sebelum melanjutkan, buatlah terlebih dahulu sebuah database, pada kesempatan kali ini saya membuat sebuah database dengan nama latihan dan sebuah tabel user didalamnya. field field tabel user seperti yang terlihat pada gambar dibawah ini :

Setelah itu buat sebuah file PHP pada directory root, beri saja nama filenya koneksi.php, File ini berfungsi untuk melakukan koneksi antara PHP dan MYSQL. kemudian tulis script seperti berikut :

  
<?php

$host = "localhost";

$user = "root";

$name = "latihan";

$pass ="";

$conn = mysql_connect($host,$user,$pass); 

if ($conn) {

    $buka = mysql_select_db ($name);

    if (!$buka) {

        die ("Database tidak dapat dibuka");    

    }

} else {

    die ("Server MySQL tidak terhubung");   

}

?>

Setelah itu masih dalam folder yang sama dengan file koneksi.php diatas buat sebuah file html, kali ini saya membuat sebuah file login.php File ini untuk membuat tampilan login form kita, berikut script pada halaman login.php ini :
====================================================================
<style>
#body{
background-image:url('images/Vista_Morning_Dew.jpg');
}
#main {
width: 700px;
height: 400px;
background:white;
margin: auto;
text-align: center;
margin-top: 100px;
border-radius: 30px;;
}
#head {
width: 700px;
height: 100px;
background:#FF8040;
margin-bottom: 30px;
text-align: center;
padding-top: 10px;
border-top-left-radius: 30px;
border-top-right-radius: 30px;
font-family:Helvetica;
}
#isi {
width: 700px;
height: 500px;
padding-left: 150px;
font-family:arial;
text-align: left;
font-weight:bold;
font-family:Helvetica;
}
#input1 {
padding: 6px;
border: solid 1px #E5E5E5;
outline: 0;
font: normal 13px/100% Verdana, Tahoma, sans-serif;
width: 400px;
height: 50px;
background: #FFFFFF url('bg_form.png') left top repeat-x;
background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF));
background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE 1px, #FFFFFF 25px);
box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
-moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
-webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
margin: 3px;
}
#textarea {
width: 400px;
max-width: 400px;
height: 150px;
line-height: 150%;
}
input:hover, textarea:hover,
input:focus, textarea:focus {
border-color: #C9C9C9;
-webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 8px;
}
#label {
color:#FF8040;
margin-bottom: 10px;
}
#submit1 {
width: 250px;
padding: 15px;
background: #617798;
border: 0;
font-size: 14px;
color: #FFFFFF;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
margin-left: 80px;
margin-top: 10px;
border-radius: 10px;
}
</style>
<?php
session_start();
if (!empty($_SESSION['username'])) {
header('location:index.php');
}
?>
<html>
<head>
</head>
<body id="body">
<div id="main">
<div id="head">
<h1>Sistem Informasi Kepegawaian</h1>
</div>
<div id="isi">
<?php
//kode php ini kita gunakan untuk menampilkan pesan eror
if (!empty($_GET['error'])) {
if ($_GET['error'] == 1) {
echo 'Username dan Password belum diisi';
} else if ($_GET['error'] == 2) {
echo 'Username belum diisi!';
} else if ($_GET['error'] == 3) {
echo '<h3>Password belum diisi!</h3>';
} else if ($_GET['error'] == 4) {
echo 'Username dan Password tidak terdaftar';
}
}
?>
<form id="form" name="login" action="otentikasi.php" method="post">
<label id="label">Username :</label><br />
<input id="input1" type="text" name="username" size="30"/><br />
<label id="label">Password :</label><br />
<input id="input1" type="password" name="password" size="30"/><br />
<input id="submit1" type="submit" name="login" value="Login" />
</form>
</div>
</div>
</body>
</html>
====================================================================

Selanjutnya kita akan buat file otentikasi.php File ini untuk validasi loginnya, berikut script validasi otentikasi.php:

<?php

include('koneksi.php');

session_start();

//tangkap data dari form login

$username = $_POST['username'];

$password = $_POST['password'];

//untuk mencegah sql injection

//kita gunakan mysql_real_escape_string

$username = mysql_real_escape_string($username);

$password = mysql_real_escape_string($password);

//cek data yang dikirim, apakah kosong atau tidak

if (empty($username) && empty($password)) {

    //kalau username dan password kosong

    header('location:login.php?error=1');

    break;

} else if (empty($username)) {

    //kalau username saja yang kosong

    header('location:login.php?error=2');

    break;

} else if (empty($password)) {

    //kalau password saja yang kosong

    header('location:login.php?error=3');

    break;

}

$q = mysql_query("select * from user where username='$username' and password='$password'");

if (mysql_num_rows($q) == 1) {

    //kalau username dan password sudah terdaftar di database

    //buat session dengan nama username dengan isi nama user yang login

    $_SESSION['username'] = $username;

    //redirect ke halaman index

    header('location:index.php');

} else {

    //kalau username ataupun password tidak terdaftar di database

    header('location:login.php?error=4');

}

?>

Terakhir jalankan program yang telah kita buat,,, masukkan username dan password yang telah anda inputkan dalam database, klu tidak ada error harusnya anda sudah bisa login..

Gimana..??? Gampang Bukan..?? kalau anda bingung silahkan download Source Code Disini

Jangan lupa pembaca yang baik selalu meninggalkan komentar.

Membuat Halaman Admin dan User Only dengan PHP dan MySQL

Posted by Unknown Posted on 20:32 with No comments

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:

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

Ghodank Nasution

System Development Consultant di BunglonPro Pada Tahun 2015

Membuat Sistem Login

Membuat Halaman Admin dan User Only dengan PHP dan MySQL

Popular Posts

Tentang Saya

Friends

Social Media

Ghodank Nasution

System Development Consultant di BunglonPro Pada Tahun 2015

Subscribe

Membuat Sistem Login

Membuat Halaman Admin dan User Only dengan PHP dan MySQL

Popular Posts

Tentang Saya

Friends

Social Media