membuat halaman login dengan PHP

Document Sample
membuat halaman login dengan PHP Powered By Docstoc
					                                                                                Print paper size A4




Tutorial PHP
Membuat Halaman Login
Lisensi Dokumen:
    Copyright © 2006-2008 ilmuwebsite.com
    Dokumen di ilmuwebsite.com dapat digunakan, dimodifikasi dan disebarkan secara bebas
    untuk tujuan bukan komersial (nonprofit), dengan syarat tidak menghapus atau merubah
    atribut penulis dan pernyataan copyright yang disertakan dalam setiap dokumen. Tidak
    diperbolehkan melakukan penulisan ulang, kecuali mendapatkan ijin terlebih dahulu dari
    ilmuwebsite.com




         Yup, seperti biasa. Kali ini saya akan memberikan contoh penggunaan database,
session, dan enkripsi MD5 untuk menjadikannya sebagai halaman login yang cukup aman,
meskipun tidak aman 100%. Dan tentunya artikel ini hanyalah sebuah contoh, sedangkan
pengembangannya digantungkan kepada anda. Seperti artikel yang sebelumnya, saya hanya
menjelaskan sekelumit contoh yang berkaitan dengan source code dan cara kerja source code
tersebut.

Secara sederhana, cara kerjanya adalah seperti :

1.) Ketika user memasukkan username beserta passwordnya, maka yang pertama kali
dilakukan adalah mengeceknya dalam database apakah username telah terdaftar, jika telah
terdaftar, dalam hal ini ada dalam database maka kita memerlukan satu variable yang
mengindikasikan bahwa user tersebut ada.

2.) Setelah itu maka sang user akan diberi sebuah session yang diambil dari usernamenya jika
   pengecekan password sebelumnya oleh MD5 sukses dilakukan.

3.) Jika kesemuanya tidak sesuai maka sang user akan diredirect ke halaman login.html,
   sehingga terlihat seperti diam di tempat.


                                              1

                                                   Copyright © 2006-2008 ilmuwebsite.com
                                                                              Print paper size A4




Untuk memulainya kita buat terlebih dahulu databasenya :
create database userdb;
use userdb;
create table tbl_user(id int(3) primary key auto_increment, username varchar(50), password
varchar(50));
insert into tbl_user values('','admin','21232f297a57a5a743894a0e4a801fc3');

21232f297a57a5a743894a0e4a801fc3 --> ini adalah md5 hash dari 'admin'

Pertama-tama kita membuat halaman loginnya terlebih dahulu
// login.html

<html><head><title>Halaman Login ... </title></head>
<body>
<br><br><br><br><br><br><br><br><br><br><br>
<table border=1 align=center>
<form method=post action=cek.php>
<tr><td>username</td><td><input type=text name=username></tr>
<tr><td>password</td><td><input type=password name=password></tr>
<tr><td></td><td><input type=submit name=submit value=Enter></tr>
</form>
</table></body>
</html>


Kemudian halaman config.php

// config.php

<?php

$host = "localhost";
$username = "root";
$password = "";
$databasename = "userdb";
$connection = mysql_connect($host, $username, $password) or die("Kesalahan Koneksi ... !!
");
mysql_select_db($databasename, $connection) or die("Databasenya Error");

?>

Setelah itu kita buat halaman cek.php

// cek.php

<?php

session_start();
include "config.php" ;

$username = $_POST['username'];
$password = $_POST['password'];
$passwordhash = md5($password); // mengenkripsikannya untuk dicocokan dengan database

$perintahnya = "select username, password from tbl_user where username = '$username' and


                                             2

                                                 Copyright © 2006-2008 ilmuwebsite.com
                                                                        Print paper size A4




password = '$passwordhash'";
$jalankanperintahnya = mysql_query($perintahnya);

$ada_apa_enggak = mysql_num_rows($jalankanperintahnya);

if ($ada_apa_enggak >= 1 )
{

$_SESSION['username'] = $username;
header("location: main.php");

}

else
header("location: login.html");

?>

Kemudian kita buat intinya main.php

// main.php

<?php

session_start();

if (ISSET($_SESSION['username']))
{
print $_SESSION['username'];
print "<br><a href=logout.php?maukeluar=iya>logout</a>";
}

else
header("location: login.html");

?>

Dan halaman logout.php ...

// logout.php

<?php

session_start();

if ($_REQUEST['maukeluar'] == "iya")
{
   if(ISSET($_SESSION['username']))
   {
   UNSET($_SESSION['username']);
   }

}
header("location: login.html");
session_destroy();


                                           3

                                               Copyright © 2006-2008 ilmuwebsite.com
                                                                                      Print paper size A4




?>
Yup, cukup sudah, source codenya. Sekarang saya akan menjelaskan sedikit mengenai code-
code diatas.
Kita lewat bagian config.php, karena sebelumnya pernah saya bahas, kita masuk ke bagian,
cek.php.

lihat bagian


session_start();

Penggunaan session harus dimulai dengan menggunakan fungsi ini.
Kemudian disana tertulis kalimat seperti ini ...

$password = $_POST['password'];
$passwordhash = md5($password);


saya mengambil variable global $_POST['password'] kemudian menyisipkannya kedalam
variable baru,
yakni $password. Karena didalam database sudah dalam bentuk enkripsi MD5 maka yang
perlu dilakukan
untuk mencocokkan dengan yang ada dalam database adalah mengenkripsi variable global
password tadi.
Cukup dimengerti.


Kemudian argumen selanjutnya adalah query SQL

$perintahnya = "select username, password from tbl_user where username = '$username' and
password = '$passwordhash'";


Saya kira query diatas cukup familiar bagi anda. :)
Dan script-script dibawahnya cukup mudah untuk dimengerti :D.
Ya, saya cukupkan dahulu. Apabila ada yang masih bingung silahkan ditanyakan.
Terima Kasih.


Silahkan download script lengkapnya :
http://h1.ripway.com/ilmuwebsite/Al-k/loginpage.zip


Untuk mencoba script diatas dan belajar membuat website html / php, gunakan hosting GRATIS yang
sudah terbukti bagus dan di rekomendasikan oleh ilmuwebsite (free hosting ini adalah 000webhost dan
berada di amerika):
http://ilmuwebsite-hosting.co.nr

Caranya:
    1. Masuk: http://ilmuwebsite-hosting.co.nr
    2. Pilih menu ORDER NOW
    3. Isi formulir yang disediakan, untuk “I want to host my own domain” saya anjurkan
        menggunakan domain gratis co.cc atau uni.cc (kalau belum punya register dulu di http://co.cc
        atau http://uni.cc ). Contoh http://photo-shop.co.cc , mereka berdua mempunyai DNS yang
        nantinya bisa anda arahkan dan gabungkan pada hosting ini, lalu klik continue.



                                                 4

                                                     Copyright © 2006-2008 ilmuwebsite.com
                                                                                          Print paper size A4




    4.      Jika anda menggunakan domain berbayar anda sendiri atau domain gratis co.cc / uni.cc, anda
            harus merubah DNS domain tersebut ke hosting ini.
    5.      Tunggu 24 jam dan bingo...!!! anda dapat hosting dan domain GRATIS 100% (terkadang
            hosting gratis lebih baik dari hosting berbayar).
    6.      Nanti kalau mau mengupload file melalui cpanel, contoh: http://photo-shop.co.cc/cpanel

Terimakasih,


Loka
Loka Dwi Artara (Al-k)
http://www.ilmuwebsite.com

                    Ingin belajar dan menguasai photoshop dengan mudah dan cepat ?
             Metode pengajaran melalui video audio visual, anda tinggal melihat saja, coba ini:
                  http://www.ilmuwebsite.com/detil_photoshop/1/Tutorial_PhotoShop/


Sumber artikel :
http://www.ilmuwebsite.com/detil_php_tutorial/14/Membuat_Halaman_Login_..._v.1/
Penulis      : Loka Dwi Artara
Terbit       : 18-11-2007
Penerbit     : http://www.ilmuwebsite.com

Staff :
b_scorpio         Al-K      Ryuzaki     Safril      Phii        Fadli         Ivan           Minangmedia
Sidoarjo          Bogor     Sidoarjo    Malang      Jogja       Aceh          Makassar       Medan




Contact :
Sms             : 085648173225
Email           : ilmuwebsite@gmail.com




                                                     5

                                                         Copyright © 2006-2008 ilmuwebsite.com

				
DOCUMENT INFO
Shared By:
Categories:
Tags: halaman, login
Stats:
views:1056
posted:7/3/2010
language:Indonesian
pages:5