IMPLEMENTASI SISTEM 4.1Penjelasan logika file-file yang digunakan
4.4 Halaman Verifikasi Password
4.4.3 Halaman Verifikasi Password untuk Petugas Propinsi(loginprop.php)
Halaman ini hanya digunakan oleh petugas propinsi dan dapat dibuka melalui tombol ataupun menu yang terdapat di halaman index. Berikut ini adalah penggalan dari program loginprop.php:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
<html> <head>
<title>SI DISNAKERTRANS(LOGINPROP)</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> </head>
<body bgcolor="#66CCFF"><center> <table width="775" border="0"><tr>
<td height="300"><table width="775" height="66" border="0"> <tr><td height="62" bgcolor="#99CCFF"><center>
<font color="#FFFFFF" size="5"><strong>HALAMAN LOGIN PETUGAS PROPINSI</strong></font> </center></td></tr> </table>
<table width="775" border="0"><center> <tr><td bgcolor="#6633FF"> </td></tr> <tr><td bgcolor="#99CCFF">
<form action="login_prop.php" method="post" name="formloginprop" target="_parent"> <p align="center"><font size="4">Nama Petugas</font><br>
<input type="text" name="nama_petugas" size="20" style="font-family: Arial; font-size: 10pt; color: #000080"></p>
<p align="center"><font size="4">Password</font><br>
<input type="password" name="password" size="20" style="font-family: Arial; font-size: 10pt; color: #000080"></p>
<br><br>
<input name="login" type="submit" style="color: #000080; font-size: 10pt; font-weight: bold" value="LOGIN"></p>
</form></td> </tr>
</center></table></td></tr></table></center> </body>
</html>
Pada halaman ini terdapat dua buah textbox dan satu tombol perintah. Textbox
pertama diberi nama nama_petugas (untuk memasukkan nama petugas), textbox ke dua diberi nama password (untuk memasukkan nip petugas). Tombol perintah digunakan untuk mengirimkan isi dari textbox ke file login_prop.php karena pada atribut action form HTML berisi “login_prop.php”.
Setelah form diisi, maka program akan mengirimkan variabel $nama_petugas dan $password ke file login_prop.php. Gambar 4.4 memperlihatkan tampilan halaman login:
Gambar 4.8 Halaman loginprop.php
4.4.3.1 Login_prop.php
File login_prop.php merupakan file tujuan dari action yang dikirim oleh file
loginprop.php. File login_prop.php ini juga menggunakan fasilitas session yang merupakan salah satu keunggulan PHP. Setelah loginprop.php mengirimkan variabel $nama_petugas dan $password, maka program akan mencocokkan apakah variabel-variabel tersebut sesuai dengan yang terdapat pada tabel petugas_propinsi di database. Jika nama_petugas dan password petugas propinsi sesuai dengan yang tersimpan di
database, maka program akan mendaftarkan nama_petugas dan password tersebut sebagai variabel session.
Dari program di atas, dapat dilihat ketika nama_petugas dan password yang dimasukkan benar, maka data masukan akan disimpan ke variabel session
$nama_petugas dan $password. Kemudian akan dimunculkan file utamaprop.php. Gambar 4.9 di bawah ini menunjukkan tampilan halaman ketika login petugas propinsi berhasil.
Gambar 4.9 Halaman utamaprop.php
Jika username dan password yang dimasukkan salah, maka akan dilanjutkan ke blok perintah setelah pernyataan else, yaitu blok yang berisi perintah untuk membuka file gagalprop.php.
<html><head>
<title>SI DISNAKERTRANS(GAGALPROP)</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> </head>
<body bgcolor="#66CCFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<center>
<table width="555" height="351" border="0" cellpadding="0" cellspacing="0"> <tr><td> </td></tr><tr><td> </td></tr><tr><td> </td></tr> <tr><tr><td height="62" bgcolor="#999966">
<center><font color="#0066FF" size="+3">Halaman Pesan
Kesalahan<hr></font></center></td></tr> <tr bordercolordark="#000000">
<td bgcolor="#99CCFF" width="750" height="232"><center>
<p><strong><font size="4" face="Verdana">Maaf!!!</font></strong></p> </center>
<center>
<font size="3">Nama dan Password yang anda masukkan masih salah atau masih
kosong.</font><br><br>Anda belum bisa melanjutkan ke halaman
<a href="loginprop.php" target="_self"><font color="#0000FF" size="3"><strong><u>Login Ulang</u></strong></font></a>
atau <a href="../index.php"><font color="#0000FF" size="3"><strong><u>Keluar Dari Sistem</u></strong></font></a></p>
</center></td></tr></table></center></body></html>
Gambar berikut ini menunjukkan pesan kesalahan nama_petugas dan password.
Gambar 4.10 Halaman gagalprop.php
4.5 File ceksession.php