Membuat form login menggunakan md5 dengan php & mysql

Hai sobat…. Selamat malam…
Apa kabar ???
Mudah-mudahan sehat selalu yaaaa…
Aminn
 
Oh ya.. mau berbagi ilmunya nih… ya meskipun ini Cuma buat form login sederhana..mudah-mudahan bermanfaat yahh.. amin

gambaran programnya seperti berikut gan

Jika form tidak diisi maka gambarnya akan seperti berikut

jika berhasil masuk.. maka

Jika ingin mempelajarinya..

Oke …kita mulai yah ….

Untuk langkah-langkah membuat form login ini sebagai berikut…..

Buatlah database di phpmyadmin

Nanti abang/none copas saja deh file yang bertanda kutip ini

“create table user(
id int primary key auto_increment,
nama varchar(50),
pass varchar (50)
)”

Tanpa tanda petik ya sob

Lalu buatlah file konaksi.php

[sourcecode language="php"]
<?php
//memvariabelkan letak server, dimana letak server adalah localhost
$server = "localhost";
//memvariabelkan nama servernya.. biasanya root adalah nama server deafultnya
$username = "root";
//memvariabelkan passwor dimana jika server tidak dipasword maka hanya di tambahkan tanda kutip saja
$pass = "";
//memvariabelkan nama databasenya
$db = "login";
mysql_connect($server, $username, $pass) or die("koneksi gagal coy");
mysql_select_db($db) or die("database tidak ditemukan brooo");
?>
[/sourcecode]

Lalu buat file form_login.php

[sourcecode language="html"]
"<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><title>Form Login</title>
<style>
body {background:#0F6}
#flogin {
color:#FFF;
font-family: Tahoma;
font-size: 15px;
}
.error {
color:#0F3;
font-weight:bold;
}
</style>
<script>
// text javascript untuk memvalidasikan form
function makemein() {
var nama = document.getElementById("nama").value;
var pass = document.getElementById("pass").value;
if(nama!=" && pass!=") {
return true;
}
else {
alert("Isi User ID dan Password terlebih dahulu");
return false;
}
}
</script>
</head>

<body bgcolor="#FFFFCC">
<form name="flogin" id="flogin" method="post" onSubmit="return makemein()" action="cek.php">
<table width="100%" height="500">
<tr><td align="center" valign="middle">
<table border="0" align="center" cellpadding="0" cellspacing="0"
width="400" bgcolor="#000000" height="150">
</tr>
<tr>
<td colspan="3" height="11" bgcolor="#000000"></td>
</tr>
<tr>
<td width="12" background="images/tepi_kiri.jpg"> </td>
<td bgcolor="#666666">
<table width="300" border="0" align="center" cellpadding="5"
cellspacing="0" height="130">
<tr>
<td colspan="3" height="50" align="center">
<b>LOGIN AUTENTHICATION <br />
©jadirullah </b><br />
</td>
</tr>
<tr>
<td class="putih">Username</td>
<td class="putih">:</td>
<td><input type="text" name="nama" id="nama" /></td>
</tr>
<tr>
<td class="putih">Password</td>
<td class="putih">:</td>
<td><input type="password" name="pass" id="pass" /></td>
</tr>
<tr>
<td> </td>
<td> </td>
<td><input type="submit" name="b_login" id="b_login"
value="Login" />

<input type="reset" name="b_login" id="b_login"
value="Reset" />
</td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
</td>
<td width="12"> </td>
</tr>
<tr>
<td colspan="3" height="11" bgcolor="#000000"></td>
</tr>
</table>
</td></tr>
</table>
</form>
</body>
</html>
[/sourcecode]

Lalu buat file cek.php

[sourcecode language="php"]
<?php
//syarat khusus untuk membuat form login… :)
session_start();
//syarat khusus untuk mengkoneksi ke database
require("koneksi.php");
//memvariabelkan password
$encrypt_pass = $_POST['pass'];
//membuat variabel query untuk login…
$cek = "Select * from user where nama='$_POST[nama]' and pass='".md5($encrypt_pass)."'";
//menjalankan query dengan variabel hasil
$hasil = mysql_query($cek);
$hasil_cek = mysql_num_rows($hasil);
//jika nama dan password salah maka logic akan menghubungkan kembali di form login
if ($hasil_cek==0){
echo "<script>alert('Anda Gagal Login')
location.replace('form_login.php')</script>";
//jika nama dan fasswor benar, maka akan masuk ke file index.php
}else{
header("location:index.php");
$_SESSION[nama]=$hasil [nama];
$_SESSION[pass]=$hasil [pass];
$_SESSION['$_POST[nama]'.'$encrypt_pass']=1;
$_SESSION['nama']=$_POST['nama'];
}
?>
[/sourcecode]

Buat file index.php

[sourcecode language="php"]
<?php
session_start();
if (!isset($_SESSION['nama']))
{
header('location:form_login.php');
}

$username=$_SESSION['nama'];
echo "<font color='#0000FF'>Halooo <b>$username</b> selamat kamu berhasil login</font>";
?>
[/sourcecode]

Jika anda ingin logout silahkan anda <a href="logout.php">klik ini</a>

Lalu yang terakhir coba agan buat file logout.php

[sourcecode language="php"]
<?php
session_start();
session_destroy();

header("location:form_login.php");
?>
[/sourcecode]

jika ingin mendownloadnya klik link klik link Ini

Oke sekian tutorial dari saya.. mudah-mudahan bermanfaat ya gan…

Selamat malam :)

5 comments

fajar mod

30 December 2014 at 06:04

kak passwordnya apaan kak

jadirullah mod

31 December 2014 at 11:42

untuk dokumen filenya kan ngga saya kasih password,, kalo untuk masuk k.form loginnya kamu bisa create data baru lagi pada tabel user ...

CINDY mod

25 January 2015 at 22:30

MAKASIh ya ,, scriptnya SUKSES

26 January 2015 at 02:51

Mantaff.. oke semoga bermanfaat :D

21 February 2015 at 20:40

Bukankah script di artikel tersebut juga resmi, dimana script tersebut tidak bisa di akses langsung melalui link http://localhost/form_login/index.php tanpa harus melakukan login dengan nilai yang benar,,, mungkin agan mengeluarkan opsi yang kedua karena agan sudah melakukan opsi pertama, dimana agan sudah login dengan benar, namun mungkin agan lupa untuk me logoutnya, :D

Secara konsep, file sesion lah yang berperan untuk malakukan apakah nilai tersebut benar apa salah..

///-----////
session_start();
if (!isset($_SESSION['nama']))
{
header('location:form_login.php');
}

Membuat form login menggunakan md5 dengan php & mysql

5 comments

Post a Comment

Categories

Popular Posts