Alles über Informatik-Ingenieurwesen

Senin, 11 Oktober 2010

Login Sederhana dengan php


Aplikasi login form sederhana (tanpa database) yang terdiri dari field ID/Username dan Password.

Di bawah ini merupakan contoh pembuatan login sederhana tanpa database atau SQL
Hasil dari skripnya:





bikin file login.php

Disini akan di destroy session sesuai dengan nama session untuk session nama loginnya.
$_SESSION['user'] ==> user disini maksudnya adalah nama session nya (untuk variabel)

login.php
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>

<head>
                <meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
                <meta name="author" content="" />

                <title>Login</title>
                <style type="text/css">
                <!--
table {
font-family: Courier New, Arial, Helvetica, sans-serif;
font-size: 11px;
}
input {
font-family: Courier New, Arial, Helvetica, sans-serif;
font-size: 12px;
height: 20px;
}
-->
</style>

</head>

<body>
<script language="JavaScript" type="text/javascript">
   function setFocus() {
                document.login.username.focus();
   }
      function getValue() {
                var vText;
                var vPwd;
               
                vText = document.login.username.value;
                vPwd = document.login.password.value;
                if ((vText == "") || (vPwd == "")) {
                    alert("Warning !\nUsername dan Password tidak boleh kosong");
                    setFocus();
                } else {
                    if ((!isNaN(vText)) || (!isNaN(vPwd))) {
                                alert("Warning !\nUsername dan Password tidak boleh angka");
                                setFocus();
                    }
                }
   }                          
</script>

<div align="center">
<form action="ceklogin.php" method="post" name="login">
<table width="286" border="0" cellpadding="0" cellspacing="0">

<tr bgcolor="#66FFFF">
<td height="9" colspan="2" align="center" valign="middle">
<br /><font color="#2A1F00"><h2>LOGIN DI SINI</h2></font></td>
</tr>
<tr>
<td width="106" height="27">&nbsp;</td>
<td width="180">&nbsp;</td>
</tr>
<tr>
<td height="18" align="right" valign="middle">Username :&nbsp;</td>
<td valign="middle">
<input name="username" type="text" id="username" size="20" /></td>
</tr>
<tr>
<td height="18" align="right" valign="middle">Password :&nbsp;</td>
<td valign="middle">
<input name="password" type="password" id="password" size="20" /></td>
</tr>
<tr>
<td height="19">&nbsp;</td>
<td></td>
</tr>
<tr>
<td height="18" valign="top">&nbsp;</td>
<td valign="middle">
<input name="login" type="submit" id="login" value=" Login " onclick="getValue()" /></td>
</tr>
<tr>
<td height="28">&nbsp;</td>
<td></td>
</tr>
<tr bgcolor="#66FFFF">
<td height="18" colspan="2" valign="top">&nbsp;</td>
</tr>
</table>
</form>
</div>

</body>
</html>

Dari skrip di atas akan terdapat pesan error jika login tidak di isi (USERNAME n PASSWORD)




Buat file untuk nge cek login, nah disini kita tentukan username dan password untuk login
pertama kita tentukan username dan password yang akan di accept sebagai login yang benar, nah misalnya kita buat untuk varible ini baik username dan password nya:
$acc_user ====> username yang di accept
$acc_pas ====> password yang di accept

Jadi saya mau membuat login dengan
username: risky herdy
password: dianku

maka untuk pengecekan login saya buat:
$acc_user = 'risky herdy';
$acc_pas = 'dianku';

Karena di form tadi tujuan post nya adalah ceklogin.php
Code:
<form action="ceklogin.php" method="post">
$username ====> username buat login di form login
$password ====> password buat login di form login
maka nama file nya untuk mencek login saya buat ceklogin.php

ceklogin.php
<?php

$acc_user = 'risky herdy';
$acc_pas = 'dianku';
    if (isset($_POST['login']))
{
        $username = $_POST['username']; // diambil dari nama input di form login
        $password = $_POST['password']; // diambil dari nama input di form login
          
        if (($username==$acc_user) && ($password==$acc_pas))
            {
            session_start();
            $_SESSION['user'] = $username;
            echo 'Login berhasil, silahkan lanjutkan......'.
                '<br/>'.
                '<a href="index.script.php">Lanjutkan</a>'.
                '<br/>';
            } else {
            echo 'Username dan password salah'.
                '<br/>'.
                '<a href="login.php">Coba lagi</a>'.
                '<br/>';
            }
        }

?>

OK, terakhir buat halaman index nya yang hanya bisa di akses jika sudah di accept session dengan nama $_SESSION['user'] yang kita buat tadi, jika tidak akan di redirect ke halaman login.php
terlebih dahulu kita set variable session bernama $_SESSION[‘usern’] dan $_SESSION[‘passw’]. Variabel ini digunakan untuk memeriksa apakah user tertentu sudah memasukkan username dan password ataukah tidak.
index.script.php
<?php
session_start();
if (isset($_SESSION['user'])) // karena nama session buat login kita buat namanya adalah 'user' maka if isset($_SESSION['user']) ===> varibel penentu
    {
    $user = $_SESSION['user'];
    echo '<p align="center">'.
            '<b></b>'.
            '<br/><br/>
<h3 id="Pemrosesan Form">Pemrosesan Form</h3>
<p>
Buat aplikasi login form sederhana (tanpa database) yang terdiri dari field
   ID/Username dan Password. Gunakan variabel di PHP untuk mensimulasikan
   verifikasi data yang dimasukkan.
   Spesifikasi:
       <br> Terdapat scripting JavaScript untuk validasi awal (field tidak boleh
         kosong, masukan id dan password harus huruf). </br>
        <br>Jika field kosong dan langsung di-submit, kembalikan fokus kursor ke
         field pertama (id)
        Ada validasi sisi server (dari PHP) untuk memastikan bahwa nilai
         field adalah string. </br>
        <br>Jika nilai id dan password sesuai dengan pre-defined value di variabel,
         munculkan pesan selamat datang dan cetak nilai id. Sebaliknya, jika
         tidak sesuai, tampilkan pesan kegagalan. </br>
.<br/><br/>'.

            '<a href="login.php">Logout</a>'.
            '</p>';
    echo $user;
    } else {
    header('location: login.php');
    exit;
    }
?>
__Selamat Mencoba__


 

Tidak ada komentar:

Posting Komentar