• Tidak ada hasil yang ditemukan

Halaman Menu untuk Petugas Propinsi .1Halaman Menu Update Kandisnaker

IMPLEMENTASI SISTEM 4.1Penjelasan logika file-file yang digunakan

4.9 Halaman Menu untuk Petugas Propinsi .1Halaman Menu Update Kandisnaker

4.9.1.1 Menu Tambah

Pada halaman ini berisi form untuk menginputkan data bagi kandisnaker baru. Berikut ini penggalan programnya:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html>

<head>

<title>SI DISNAKERTRANS(TAMBAHKANDISNAKER)</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> </head>

<body bgcolor="#66CCFF"><center> <table width="617" border="0"> <tr>

<td width="583"><center>

<font size="5" color="#FFFFFF">FORM INPUT DATA KANDISNAKER</font> </center></td> </tr> <tr> <td bgcolor="#3366FF">&nbsp;</td> </tr> <tr> <td bgcolor="#99CCFF">

<form method="post" action="datakandisnaker.php">

<p align="left"><font size="4">Kode Kandisnaker &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp ;&nbsp;

<input type="text" name="kd_kandisnaker" size="30"></font></p> <p align="left">

<font size="4">Nama Kandisnaker&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;

<input type="text" name="nama_kandisnaker" size="30"></font></p> <p align="left">

<font size="4">Alamat

Kandisnaker&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;

<input type="text" name="alamat_kandisnaker" size="30"></font></p> <p align="left">

<font size="4">No

Telp&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;& nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;

<input type="text" name="no_telp" size="30"></font></p>

<p align="left"><font

size="4">Logo&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbs p;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nb sp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

<input name="logo" type="file" class="teks" size="50"> </font></p>

<br><br><br> <p align="center">

<input type="submit" name="simpan" value="SIMPAN">&nbsp;&nbsp;<input type="reset" name="reset" value="RESET"></p> </form> </td> </tr> </tr> <td height="2"></tr> </table> </center> </body> </html>

Tampilannya sebagai berikut:

Gambar 4.27 Halaman Menu Tambah Kandisnaker

4.9.1.2 Menu Tampil

Pada halaman ini berisi form untuk menampilkan data bagi petugas kandisnaker yang ada di propinsi DIY. Berikut ini penggalan programnya:

<?php

include ("koneksi.inc.php"); ?>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html>

<head>

<title>SI DISNAKERTRANS(ISIUPDATEKANDIS)</title>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> </head>

<body bgcolor="#66CCFF"><center> <table width="561" border="0"> <tr>

<td width="521" valign=""><center>

<font size="5" color="#FFFFFF"> DATA KANTOR DINAS TENAGA KERJA SE-DIY</font> </center></td></tr>

<tr><td bgcolor="#3366FF">&nbsp;</td></tr> <tr><td bgcolor="#99CCFF">

<?php

$perintah="SELECT * FROM kandisnaker"; $hasil=mysql_query($perintah);

echo("<table border=3>");

echo("<tr><th>Kode Kandisnaker</th><th>Nama Kandisnaker</th><th>Alamat Kandisnaker</th><th>No Telp</th></tr>"); while($row=mysql_fetch_array($hasil)) { echo("<tr>"); echo("<td>$row[kd_kandisnaker]</td>"); echo("<td>$row[nama_kandisnaker]</td>"); echo("<td>$row[alamat_kandisnaker]</td>"); echo("<td>$row[no_telp]</td>"); echo("<td><a href=\"editkandisnaker.php?kd_kandisnaker=$row[kd_kandisnaker]\">EDIT</td>"); echo("<td><a href=\"hapuskandis.php?kd_kandisnaker=$row[kd_kandisnaker]\">HAPUS</td>"); } ?> </td></tr></table> </center></body> </html>

Tampilannya sebagai berikut:

4.9.2 Halaman Menu Ganti Password

Pada halaman ini akan ditampilkan form ganti password untuk petugas propinsi. Berikut ini adalah penggalan dari program form_gntpswd.php:

<?php

include ("ceksession.php"); ?>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html>

<head>

<title>SI DISNAKERTRANS(FORM_GNTPSWD)</title>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> </head>

<body bgcolor="#66CCFF"><center>

<table border="0" width="68%" cellspacing="0" cellpadding="0">

<tr><td align="center"><font color="#FFFFFF" size="5">HALAMAN GANTI PASSWORD</font></td> </tr>

<form method="POST" action="gantipswd.php"> <tr><td width="69%" bgcolor="#99CCFF">

<p style="margin-left: 5px; margin-right: 5px" align="center">

<font color="#FF0000"><?=$err?></font><br><p style="margin:2px 5px;"align="center"> <font size="3">Password Lama Anda</font><p style="margin:2px 5px; " align="center">

<input type="teks" name="password_lama" size="25" style="font-family: Arial; font-size: 10pt"><p style="margin:2px 5px; " align="center">

<font size="3">Password Baru Anda</font><p style="margin:2px 5px; " align="center">

<input type="password" name="password1" size="25" style="font-family: Arial; font-size: 10pt"><p style="margin:2px 5px; " align="center">

<font size="3">Retype Password Baru Anda</font><p style="margin:2px 5px; " align="center">

<input type="password" name="password2" size="25" style="font-family: Arial; font-size: 10pt"><p align="center">

<input type="submit" value="GANTI" name="ganti" style="font-family: Arial;"> </td></tr></form></table>

</center></body> </html>

Pada halaman ini terdapat 3 buah textbox dan 1 tombol perintah. Textbox pertama diberi nama password_lama (untuk memasukkan password lama), textbox kedua diberi nama password1 (untuk memasukkan password baru) dan textbox ketiga diberi nama password2 (untuk mengulang memasukkan password baru). Tombol perintah digunakan untuk mengirimkan isi dari textbox ke file gantipswd.php karena pada atribut action form HTML berisi “gantipswd.php”.

Setelah form diisi, maka program akan mengirimkan variabel $password_lama, $password1 dan $password2 ke file gantipswd.php. Gambar berikut ini memperlihatkan tampilan halaman ganti password :

BAB V