Tutorial kali ini saya akan mencoba membahas tentang enkripsi password menggunakan MD5. Apa itu MD5? Definisi menurut sumber dari wikipedia.org MD5 merupakan algoritma yang memiliki metode one-way. Untuk definisi yang mudah dimengerti, MD5 merupakan metode enkripsi data dari yang berbentuk plaintext menjadi berbentuk algoritma (chypertext) yang bertujuan agar tidak mudah dibaca mentah-mentah oleh siapapun termasuk database administrator. Sebagai catatan tutorial ini sengaja saya tidak sertakan database agar dapat fokus pada MD5 saja dan juga sesuai judulnya “Enkripsi Password Dengan MD5”. Pembaca tinggal menambahkan database jika akan diaplikasikan menjadi selayaknya halaman login.
Saya akan mencoba mengilustrasikan enkripsi password pada sebuah halaman login. Berikut ini tampilannya.
Dan Berikut ini source code tampilan diatas :
<head>
<title>MD5</title>
<link rel="stylesheet" href="style.css " type="text/css">
</head>
<style type="text/css">
body{
background-color:#ffff;
}
.picbar{
position:fixed;
bottom:0px;
right:4px;
}
</style>
<body>
<div id="qwer">
<table width="300" border="0" align="center" cellpadding="0" cellspacing="1" bgcolor="#CCCCCC">
<tr>
<form name="form1" method="post" action="MD5.php">
<div style="margin-top:210px; color:#CCCCCC;">
<td style="color:#0000DD;">
<table width="100%" border="0" cellpadding="3" cellspacing="1" bgcolor="#d1d1d1">
<tr>
<td colspan="2"><strong><h2>Login</h2x></strong></td>
</tr>
<tr>
<td width="78">Username</td>
<td width="6">:</td>
<td width="294"><input name="myusername" type="text" id="myusername"></td>
</tr>
<tr>
<td>Password</td>
<td>:</td>
<td><input name="mypassword" type="password" id="mypassword"></td>
</tr>
<tr>
<td> </td>
<td> </td>
<td><input type="submit" name="Submit" value="Login"></td>
</tr>
</table>
</td>
</div>
</form>
</tr>
</table>
</div>
<div class="picbar"><img src="bartelme.png" width="300" height="70" alt="Pic 2"></div>
</body>
Terdapat dua buah file yang diperlukan yaitu Login.Html dan MD5.php. File Login.Html berisi halaman untuk melakukan proses input username dan password. Saya akan masukkan masing-masing input usernamenya adalah username dan password nya password.
Setelah dimasukkan input username dan password, tekan tombol login. Halaman login.html berganti menjadi halaman file MD5.php. Pada halaman ini ditampilkan password hasil enkripsi menggunakan MD5. Data dilihat pada gambar dibawah perbedaan antara password yang masih berbentuk plaintext dan yang telah dienkripsi. Berikut ini merupakan tampilan file halaman MD5.php.
Berikut source codenya :
<?
$myusername= $_POST['myusername'];
$mypassword=$_POST['mypassword'];
$mypasswordmd5 = Md5($mypassword);
?>
<table width="550" border="0" align="center" cellpadding="0" cellspacing="1" bgcolor="#CCCCCC">
<tr>
<form name="form1" method="post" action="checklogin.php">
<div style="margin-top:210px; color:#CCCCCC;">
<td style="color:#0000DD;">
<table width="100%" border="0" cellpadding="3" cellspacing="1" bgcolor="#d1d1d1">
<tr>
<td width="178">Username</td>
<td width="6">:</td>
<td width="294"><? echo $myusername?></td>
</tr>
<tr>
<td width="178">Password MD5/Chypertext</td>
<td width="6">:</td>
<td width="294"><? echo $mypasswordmd5?></td>
</tr>
<tr>
<td width="178">Password Plain Text</td>
<td>:</td>
<td width="294"><? echo $mypassword?></td>
</tr>
</table>
</td>
</div>
</form>
</table>
<table width="100%" border="0" cellpadding="3" cellspacing="1" bgcolor="#d1d1d1">
</div>
</table>
Sumber : Php manual
Postingan
Tidak ada komentar:
Posting Komentar