Studi kasus : management data berbasis web
Studi Kasus
z
Management Data Berbasis Web
Taryana Suryana. M.Kom., CCNA T S M K CCNA Email : taryanarx@yahoo.com http://www.unikomcenter.com HP : 0818426975 HP : 0818426975
Pegawai
Pegawai
Install XAMPP Version 1.6.4 Click Next, kemudian tentukan drive mana yang akan digunakan untuk menyimpan hasil instalasi ini digunakan untuk menyimpan hasil instalasi ini
Edit File C:/ xampp/apache/bin/php.ini
z Baris 389 register_globals = On Baris 389 register globals = On z
Baris 976 session.auto_start = 1
Menjalankan xampp Start >Program >Apache Friends >XAMPP Control Panel Start->Program->Apache Friends->XAMPP Control Panel
XAMPP Control Panel Click Start
Menjalankan http://localhost
Menjalankan phpMyAdmin
K tik N D b Ketik Nama Database Yg akan di buat.
Misalnya BKN
Membuat Table: Pegawai
Nama Table
Jumlah
FieldBuat Table PEGAWAI Struktur Table Pegawai Struktur Table Pegawai
ata D
index.html <frameset cols=20%,*> <frame src=kiri.html> a e s c <frame src=kanan.html name=kanan>
kiri.html <html> <a href=kanan.html target=kanan>Home</a> <hr> <h > <a href=add.html target=kanan>Add</a> <hr> <hr> <a href=tampil.php target=kanan>Tampil</a> <hr> <a href=cari.html target=kanan>Cari</a> <hr> <a href=edit.html target=kanan>Edit</a> < h f dit ht l t t k >Edit</ >
kanan.html <html> <h1> <center> Management Sumber Daya Manusia Management Sumber Daya Manusia <hr> PEMERINTAH KOTA BANDUNG PEMERINTAH KOTA BANDUNG
add.html 1.
<html> 2. <body> 3. <center> 4. <form method="POST" action="add.php"> 5. <table border=0> 6. <th colspan=2 bgcolor=silver><center><h3>Masuk data</h3></center> 7. <tr><td colspan=2><hr> 8. <tr><td>Nip <td>:<input type="text" name="nip" size="20"> 9. <tr><td>Nama <td>:<input type="text" name="nama" size="50"> 10. <tr><td>Tempat/Tgl Lahir<td>:<input type="text" name="tempatlahir" size="30"> - 10. tr td Tempat/Tgl Lahir td : input type text name tempatlahir size 30 11. <input type="text" name="tanggal" size="10"> 12. <tr><td>Pangkat/Gol<td>:<input type="text" name="pangkat" size="50"> - 13. <input type="text" name="golongan" size="20"> 14. <tr><td>Jabatan <td>:<input type="text" name="jabatan" size="50">
15 <tr><td>Unit Kerja <td>:<input type="text" name="unitkerja" size="50"> 15. tr td Unit Kerja td : input type text name unitkerja size 50 16.
<tr><td colspan=2><hr> 17. </table> 18. <input type="submit" value="Submit"> 19. <input type="submit" value="Reset"></p>
20 </form> 20. </form> 21.
</BODY></HTML>
add.php 1.
<html> 2. <title>Simpan Data ke database </title> 3. <center> 4. <?
5. if($nip=='') 6.
{ 7. echo "data tidak diisi"; 8. exit; 9. }
10. ?> 11.
<h1> 12. Simpan Data</h1><br> 13. <table border=1> 14. <?
15. include "koneksi.php"; $ 16. if($conn) 17.
{ 18. echo "<tr><td>Nip <td>:$nip"; 19. echo "<tr><td>Nama <td>:$nama";
20. echo "<tr><td>Tempat/Tanggal Lahir <td>:$tempatlahir , $tanggal"; 21. echo "<tr><td>Pangkat/Golongan <td>:$pangkat, $golongan"; 22. echo "<tr><td>Jabatan <td>:$jabatan"; h " t td U it K j td $ itk j "
23. echo "<tr><td>Unit Kerja <td>:$unitkerja"; 24. echo "</table>";
25. $sql ="insert into pegawai(id,nip,nama,tempatlahir,tanggal,pangkat,golongan,jabatan,unitkerja) 26. values('','$nip','$nama','$tempatlahir','$tanggal','$pangkat','$golongan','$jabatan','$unitkerja')"; 27.
$hasil= mysql_query($sql,$conn); 28. echo "simpan data success ..."; 29. mysql_close($conn);
30. } 30 } 31. else 32.
{ 33. echo "Simpan Data salah"; 34. }
35. ?>
tampil.php 1. <html> 2. <title>Menampilkan Data </title> 3. <center> 4. <table border=1> 5. <th colspan=5 bgcolor=silver><center><h3>Tampil Data</h3></center> 6. <tr bgcolor=gray><td>No.<td>NIP<td>NAMA<td>TEMPAT<td>TANGGAL LAHIR t b l td td PANGKAT td GOLONGAN td JABATAN td UNIT KERJA
7. <tr bgcolor=gray><td><td>PANGKAT<td>GOLONGAN<td>JABATAN<td>UNIT KERJA 8. <? 9. include "koneksi.php"; 10. if($conn) 11. { 12. $recno=1; 13. $sql select from pegawai ; 13 $sql = "select * from pegawai"; 14. $hasil= mysql_query($sql,$conn); 15. $row=mysql_fetch_row($hasil); 16. if($row) 17. { 18. do 19. { 20. list($id,$nip,$nama,$tempatlahir,$tanggal,$pangkat,$golongan,$jabatan,$unitkerja)=$row; 21. echo "<tr><td>$recno<td>$nip<td>$nama<td>$tempatlahir<td>$tanggal"; 22. echo "<tr><td><td>$pangkat<td>$golongan<td>$jabatan<td>$unitkerja"; 23. echo "<tr bgcolor=gray><td colspan=5><hr size=0>"; 24. $recno=$recno+1; 25. } 26 while ($row=mysql fetch row($hasil)); 26. while ($row=mysql_fetch_row($hasil)); 27. } 28. } 29. ?> 30. </table> 31. </html>
cari.html 1.
<html> 2. <form method="POST" action="cari.php"> 3. <center> 4. <table border=0> 5. <th colspan=2 bgcolor=silver><center><h3>Cari Data Pegawai</h3></center>
6 <tr><td colspan=2><hr> 6. <tr><td colspan=2><hr> 7.
<tr><td>Masukan NIP <td><input name=nip value="11111111"> 8. <tr><td colspan=2><hr> 9. </table> 10. <input type="submit" value="Submit"> 11. <input type="submit" value="Reset"></p>
cari.php 1.
<html> 2. <center> 3. <table border=0> 4. <th colspan=3 bgcolor=silver><center><h3>Hasil Pencarian</h3></center>
5. <tr><td colspan=3><hr> 6.
<? 7. include "koneksi.php"; p p ; 8. $recno=0; 9. if($conn)
10. { 11.
$sql = "select * from pegawai where nip like '$nip%' "; 12. $hasil= mysql_query($sql,$conn); 13. $row=mysql_fetch_row($hasil); 14. if($row)
15. { 16. do 17.
{ 18.
$recno=$recno+1; 19. list($id,$nip,$nama,$tempatlahir,$tanggal,$pangkat,$golongan,$jabatan,$unitkerja)=$row;
echo "<tr bgcolor=gray><td>Record Ke<td colspan=2>:$recno"; 20.
echo "<tr><td>Nip <td>:$nip <td rowspan=6> <img src='../photo/$nip.jpg' width=100 height=150>"; h " t td N td $ "
21. echo "<tr><td>Nama <td>:$nama"; 22. echo "<tr><td>Tempat/Tanggal Lahir <td>:$tempatlahir , $tanggal";
23. echo "<tr><td>Pangkat/Golongan <td>:$pangkat, $golongan"; 24. echo "<tr><td>Jabatan <td>:$jabatan"; 25. echo "<tr><td>Unit Kerja <td>:$unitkerja"; 26. echo "<tr><td colspan=3> <hr>"; 27.
} 28. while ($row=mysql_fetch_row($hasil)); 28 while ($row=mysql fetch row($hasil)); 29.
} 30. if($recno<1) 31. echo "Data tidak ada<br><br> "; 32. }
33. ?>
edit.html 1.
<html> 2. <title>Edit Data </title> 3. <center> 4. <form method="POST" action="edit.php"> 4. form method POST action edit.php 5. <center> 6. <table border=0> 7. <th colspan=2 bgcolor=silver><center>
8 <h3>Edit Data Pegawai</h3> 8. <h3>Edit Data Pegawai</h3> 9.
</center> 10. <tr><td colspan=2><hr> 11. <tr><td>Masukan NIP <td><input name=nip value="333333333"> <t ><td l 2><h >
12.
<tr><td colspan=2><hr> 13. </table> 14.
<input type="submit" value="Submit"> 15. <input type="submit" value="Reset">
edit.php 1.
<html> 2. <title>Edit Data </title> 3. <center> 4. <form method="POST" action="proses.php">
5. <table border=0> 6.
<th colspan=3 bgcolor=silver><center><h3>Hasil Pencarian</h3></center><tr><td colspan=3><hr> 7. <? 8. include "koneksi.php"; 9. $recno=0;
10. if($conn) 11.
{ 12. $sql = "select * from pegawai where nip='$nip'"; 13. $hasil= mysql_query($sql,$conn); 14. $row=mysql_fetch_row($hasil);
15. if($row) 16.
{ 17. do{ 18. $recno=$recno+1; 19. list($id,$nip,$nama,$tempatlahir,$tanggal,$pangkat,$golongan,$jabatan,$unitkerja)=$row;
20. echo "<tr bgcolor=gray><td>Record Ke<td colspan=2>:$recno"; 21. echo "<tr><td>Nip<td>:<input name='nip' size='20' value='$nip' readonly>";
$ 22. echo "<tr><td>Nama <td>:<input name='nama' size='50' value='$nama'>"; 23. echo "<tr><td>Tempat/Tgl Lahir<td>:<input name='tempatlahir' size='30' value='$tempatlahir'> - <input name='tanggal' size='10' value='$tanggal'>";
24. echo "<tr><td>Pangkat/Gol <td>:<input name='pangkat' size='50' value='$pangkat'> - <input name='golongan' size='20' value='$golongan'>"; 25. echo "<tr><td>Jabatan<td>:<input name='jabatan' size='50' value='$jabatan'>"; 26. echo "<tr><td>Unit Kerja<td>:<input name='unitkerja' size='50' value='$unitkerja'>"; 27. echo "<tr><td colspan=3> <hr>";
28 } 28. } 29. while ($row=mysql_fetch_row($hasil)); 30.
} 31. if($recno<1) 32. echo "Data tidak ada<br><br> "; 33. } 34. ?>
35 </table> 35. </table> 36.
<input type=submit name=submit value=Save> 37. <input type=submit name=submit value=Delete>
proses.php 1. <? 2. include "koneksi.php"; 3. ?> 4. <h3>Data pegawai 5. <HR> 6. <table border=0> 7. <? ? 8. echo "<tr><td>Nip <td>:$nip <td rowspan=6> <img src=photo/$nip.jpg width=100 height=150>"; 9. echo "<tr><td>Nama <td>:$nama"; 10. echo "<tr><td>Tempat/Tanggal Lahir <td>:$tempatlahir , $tanggal"; 11. echo "<tr><td>Pangkat/Golongan <td>:$pangkat, $golongan"; 12. echo "<tr><td>Jabatan <td>:$jabatan"; 13. 13 echo <tr><td>Unit Kerja echo "<tr><td>Unit Kerja <td>:$unitkerja ; <td>:$unitkerja"; 14. echo "</table><hr>"; 15. if ($submit=='Save') 16. { 17. if($conn) 18. { 19. $sql = "update pegawai set nama='$nama',tempatlahir='$tempatlahir',tanggal='$tanggal', 20. pangkat='$pangkat',golongan='$golongan',jabatan='$jabatan', 21. unitkerja='$unitkerja' where nip='$nip'"; 22. $hasil= mysql_query($sql,$conn); 23. echo "<br>Update success..."; 24. mysql_close($conn); 25. } 26. 26 else else 27. { 28. echo "Update error..."; 29. } 30. }
proses.php - lanjutan 31. if ($submit=='Delete') 32. { 33.
33. if($conn) if($conn) 34.
{ 35. $sql = "delete from pegawai where nip='$nip'"; 36.
$hasil= mysql_query($sql,$conn); 37.
37 echo "Data berhasil di hapus "; echo Data berhasil di hapus... ; 38. mysql_close($conn); 39.
} 40. else 41. { { 42. echo "Data tidak dapat dihapus"; 43. } 44. } 45. ?>
Koneksi.php 1
<?Php 2.
$server="localhost"; 3. $user="root"; 3. $user root ; 4. $password=""; 5. $namedb="bkn";
6 $conn=mysql connect($server $user $password); 6. $conn=mysql_connect($server,$user,$password); 7.
mysql_connect($server,$user,$password) or die("Error :
".mysql_error());8 mysql select db($namedb) or die ("<br>Database 8. mysql_select_db($namedb) or die ( <br>Database $namedb Tidak Ditemukan ");
9.
?>
….
ih ih