Studi kasus : management data berbasis web

(1)

Studi Kasus

Management Data Berbasis Web

z

T

S

M K

CCNA

Taryana Suryana. M.Kom., CCNA

Email : taryanarx@yahoo.com

http://www.unikomcenter.com

HP : 0818426975

(2)

Sistem Kepegawaian

(3)

Masuk Data Pegawai

(4)

Menampilkan Data

(5)

Cari Data

Pegawai

(6)

Hasil Pencarian

(7)

Edit Data

Pegawai

(8)

Data Akan di Edit

(9)

Hasil Edit Data Sukses

(10)

Install XAMPP Version 1.6.4

Click Next, kemudian tentukan drive mana yang akan

digunakan untuk menyimpan hasil instalasi ini

(11)

Edit File

C:/ xampp/apache/bin/php.ini

Baris 389 register globals = On

z

Baris 389 register_globals = On

z

Baris 976 session.auto_start = 1

(12)

Menjalankan xampp

Start->Program->Apache Friends->XAMPP Control Panel

Start >Program >Apache Friends >XAMPP Control Panel

(13)

XAMPP Control Panel

Click

Start

(14)

Menjalankan http://localhost

(15)

Menjalankan phpMyAdmin

K tik

N

D

b

Ketik

Nama Database

Yg akan di buat.

Misalnya BKN

(16)

Membuat Table: Pegawai

Nama

Table

Jumlah

Field

(17)

Buat Table PEGAWAI

Struktur Table Pegawai

(18)

Memasukan

D

ata

(19)

Membangun

(20)

index.html

<frameset cols=20%,*>

a e s c

(21)

kiri.html

<html>

<h >

<hr>

<hr>

<a href=tampil.php target=kanan>Tampil</a>

<hr>

<hr>

< h f

dit ht l t

t k

>Edit</ >

(22)

kanan.html

<html>

<h1>

Management Sumber Daya Manusia

<hr>

PEMERINTAH KOTA BANDUNG

(23)

add.html

1.

<html>

2.

<body>

3.

4.

5.

<table border=0>

6.

<th colspan=2 bgcolor=silver><center><h3>Masuk data</h3></center>

7.

8.

<tr><td>Nip

9.

<tr><td>Nama

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.

14.

<tr><td>Jabatan

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.

19.

20

</form>

20.

</form>

21.

</BODY></HTML>

(24)

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. ?>

(25)

tampil.php

1.

<html>

2.

<title>Menampilkan Data </title>

3.

4.

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>

(26)

cari.html

1.

<html>

2.

3.

4.

5.

<th colspan=2 bgcolor=silver><center><h3>Cari Data

Pegawai</h3></center>

6

6.

7.

<tr><td>Masukan NIP <td><input name=nip value="11111111">

8.

<tr><td colspan=2><hr>

9.

</table>

10.

11.

(27)

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. ?>

(28)

edit.html

1.

<html>

2.

3.

4.

4.

form method POST action edit.php

5.

6.

7.

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.

13.

</table>

14.

15.

(29)

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>

Pasca Sarjana Magister Management Universitas Komputer Indonesia

35. </table>

(30)

proses.php

1.

<?

2.

include "koneksi.php";

3.

?>

4.

<h3>Data pegawai

5.

<HR>

6.

?

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

echo "<tr><td>Unit Kerja

<td>:$unitkerja";

13.

echo <tr><td>Unit Kerja

<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.

23.

echo "<br>Update success...";

24.

mysql_close($conn);

25.

}

26

else

26.

else

27.

{

28.

echo "Update error...";

29.

}

30.

}

(31)

proses.php - lanjutan

31.

if ($submit=='Delete')

32.

{

33.

if($conn)

33.

if($conn)

34.

{

35.

$sql = "delete from pegawai where nip='$nip'";

36.

37

echo "Data berhasil di hapus ";

37.

echo Data berhasil di hapus... ;

38.

mysql_close($conn);

39.

}

40.

else

{

41.

{

42.

echo "Data tidak dapat dihapus";

43.

}

44.

}

45.

?>

(32)

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.

?>

(33)

Ti

k

ih

T

er

ima

k

as

ih