MEMBUAT APLIKASI DATA PEGAWAI DENGAN MENGGUNAKAN PHP & MYSQL Langkah Pertama : Sebelum anda mengerjakan Aplikasi tersebut

buat lah folder di mana Localhost server anda yang anda install. Cth : C:\Apache\htdocs |- pegawai1 |- images

Langkah Kedua : MEMBUAT DATABASE MYSQL Buatlah database MySQL dengan nama pegawai . dengan structure dibawah ini : DROP TABLE IF EXISTS `pegawai`; CREATE TABLE IF NOT EXISTS `pegawai` ( `nip` varchar(10) NOT NULL DEFAULT '' , `nama` varchar(30) NOT NULL DEFAULT '' , `tgllahir` date NOT NULL DEFAULT '0000-00-00' , `jenkel` enum('0','1') NOT NULL DEFAULT '0' , `alamat` text NOT NULL DEFAULT '' , `namafoto` varchar(50) NOT NULL DEFAULT '' , PRIMARY KEY (`nip`), UNIQUE KEY nim (`nip`), KEY nim_2 (`nip`) ); Langkah Ketiga : MEMBUAT FILE CASCADING STYLE SHEET (CSS) Untuk memperindah tampilan lay out Content, Buatlah program di bawah ini, kemudian simpan dengan Nama file : style.css ke dalam folder pegawai1 Quote : /* CSS Document */ /* andiofi */ body { background-color:#ffffff; font-family:"Trebuchet MS", sans-serif; } a{ text-decoration: none; color:#0000ff; } a:hover { color:#ff0000; } #main_container { width:750px; border: #000000 1px solid; margin: 0 auto; background-color:#FEFEFE; } #header { height:174px; width:100%; background-image: url(images/clock.jpg); background-repeat: no-repeat; } h1 { size:30px; 1

padding:2px. } #tabel th { color:#ffffff.php ke dalam folder pegawai1 Quote : <?php //file koneksi untuk menghubungkan dengan database $host = "localhost". padding:2px.float:right. } p. $user. } #navigation a { padding:3px. margin:2px. border-top: #000000 1px solid. Helvetica. //nama database //koneksi database $conn = mysql_connect ($host. } #content { width:100%. } h2 { padding-left: 5px. text-align:center. margin: 10px 20px 0 0. //password mysql $dbnm = "pegawai". //user mysql $pass = "". border:1px solid #222222. Arial. } #footer { width:100%. } #tabel { background-color:#ffffff. font-family: Impact. table { size: 10px. $pass). background-color:#222222. if ($conn) { $buka = mysql_select_db ($dbnm). border-bottom: #000000 1px solid. text-align:center. vertical-align:middle. 2 . border-top: #000000 1px solid. margin:0px. text-align:justify. } Langkah Keempat : MEMBUAT FILE KONEKSI DATABASE MYSQL Buatlah program di bawah ini. } #navigation { width:100%. kemudian simpan dengan Nama file : koneksi.inc. sans-serif. padding:10px. font-size:9px. //hostname MySQL $user = "root". margin: 5px 0px 0px 0px.

dan mengedit serta delete data pegawai</p> <p>Njoyed.php ke dalam folder pegawai1 Quote : <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1. XYZ</h1> </div> <div id="navigation"> <a href="index. Anda dapat <a href="index.org/TR/xhtml1/DTD/xhtml1transitional.w3. kemudian simpan dengan Nama file : utama.php?page=input">Input Data Pegawai</a> <a href="index.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html.ac. case 'edit' : include "edit_peg. XYZ</h2> <p>Sistem Informasi Kepegawaian ini dibuat untuk memenuhi contoh matakuliah Pemrograman Web Design di <a href="http://www. break.php ke dalam folder pegawai1 Quote : <div id="content"> <h2>Selamat Datang di Sistem Informasi Kepegawaian PT. break.php". kemudian simpan dengan Nama file : index.php?page=about">Tentang Saya</a> </div> <?php $page = (isset($_GET['page']))? $_GET['page'] : "main". 3 .php".0 Transitional//EN" "http://www.w3. case 'about' : include "about. break.php".php">Home</a> <a href="index. <a href="index. } } else { die ("Server MySQL tidak terhubung").php?page=input">menginput</a> data pegawai. } ?> Langkah Keempat : MEMBUAT TAMPILAN MENU UTAMA Buatlah program di bawah ini.css" rel="stylesheet" type="text/css" /> </head> <body> <div id="main_container"> <div id="header"> <h1>Sistem Informasi Kepegawaian PT.if (!$buka) { die ("Database tidak dapat dibuka"). case 'delete' : include "delete_peg.dtd"> <html xmlns="http://www.. case 'tampil' : include "tampil.php". Dosen : Supiyandi.php".php".</p> <p>Dalam Sistem Kepegawaian ini.id" target=_blank>AMIK-STIEKOM SUMATERA UTARA</a>.php?page=tampil">Tampil Data Pegawai</a> <a href="index.php?page=tampil">melihat</a> data pegawai. break.</p> </div> Langkah Kelima : MEMBUAT TAMPILAN AWAL DATA PEGAWAI Buatlah program di bawah ini.php'. break. break.amikstiekomsu. case 'main' : default : include 'utama. charset=iso-8859-1" /> <title>Sistem Kepegawaian</title> <link href="style.. switch ($page) { case 'input' : include "input_peg.With This Page. case 'foto' : include "foto.

'$alamat'. //mengambil dan menghubungkan file koneksi ke mysql //proses input berita if (isset($_POST['Input'])) { $nip = addslashes (strip_tags ($_POST['nip'])).'$tgllahir'.php". } } ?> <div id="content"> <h2>Input Data Pegawai</h2> <FORM ACTION="" METHOD="POST" NAME="input" enctype="multipart/form-data"> <table cellpadding="0" cellspacing="0" border="0" width="700"> <tr> <td width="200">NIP</td> <td>: <input type="text" name="nip" size="15" maxlength="10"></td> </tr> <tr> <td>Nama</td> <td>: <input type="text" name="nama" size="30" maxlength="30"></td> </tr> <tr> <td>Tanggal Lahir</td> <td>: 4 .wordpress. $alamat = addslashes (strip_tags ($_POST['alamat'])). $namafoto = $_FILES['foto']['name']. "images/"."-".com">Andie.$_POST['tgl']. $jenkel = $_POST['jenkel']. if (strlen ($nip) != 10) { die ("NIP harus 10 digit"). } if (strlen($namafoto)>0) { //upload if (is_uploaded_file($_FILES['foto']['tmp_name'])) { move_uploaded_file ($_FILES['foto']['tmp_name']. $tgllahir = $_POST['thn'].ofie</a> </div> </div> </body> </html> Langkah Keenam : MEMBUAT TAMPILAN INPUT PEGAWAI Buatlah program di bawah ini.'$jenkel'. 2012 <a href="mailto:andie.$namafoto).} ?> <div id="footer">&copy. kemudian simpan dengan Nama file : input_peg. $nama = addslashes (strip_tags ($_POST['nama'])). if ($sql) { echo "<h2><font color=blue>Data Pegawai telah berhasil ditambahkan</font></h2>". } else { echo "<h2><font color=red>Data Pegawai gagal ditambahkan</font></h2>".itech@gmail.php ke dalam folder pegawai1 Quote : <?php include "koneksi. } } //insert ke tabel $query = "INSERT INTO pegawai VALUES('$nip'.$_POST['bln']."-".'$nama'.com">Andie.Ofie</a> | Design By <a href="http://nzsrasaoke. $sql = mysql_query ($query) or die (mysql_error()).'$namafoto')".

<input type="reset" name="reset" value="Reset"></td> </tr> </table> </FORM> </div> Langkah Keenam : MEMBUAT TAMPILAN MENAMPILKAN DATA PEGAWAI Buatlah program di bawah ini. } ?> </select> <select name="thn"> <? for ($i=1970. $i++) { $bl = ($i<10) ? "0$i" : $i. $i<=2000.php".</td> <td>&nbsp. $i<=12.php ke dalam folder pegawai1 Quote : <?php include "koneksi.&nbsp. echo "<option value='$tg'>$tg</option>". } ?> </select> </td> </tr> <tr> <td>Jenis Kelamin</td> <td>: <input type="radio" name="jenkel" value="0" checked> Pria &nbsp. //mengambil dan menghubungkan file koneksi ke mysql ?> <div id="content"> <h2>Data Pegawai</h2> <table id="tabel"> <tr> <th width="5%">No</td> 5 . } ?> </select> <select name="bln"> <? for ($i=1. kemudian simpan dengan Nama file : tampil.<select name="tgl"> <? for ($i=1. $i++) { $tg = ($i<10) ? "0$i" : $i. $i++) { echo "<option value='$i'>$i</option>". echo "<option value='$bl'>$bl</option>". <input type="radio" name="jenkel" value="1"> Wanita</td> </tr> <tr> <td>Alamat</td> <td>: <textarea name="alamat" cols="40" rows="5"></textarea></td> </tr> <tr> <td>Foto</td> <td>: <input type="file" name="foto"/></td> </tr> <tr> <td>&nbsp.&nbsp.<input type="submit" name="Input" value="Input Data">&nbsp. $i<=31.

} else { die ("Error. No Nip Selected! "). $nip = $hasil['nip']. kemudian simpan dengan Nama file : edit_peg. alamat. tgllahir. nama.$hasil['tgllahir']).php?page=edit&nip=<?=$nip?>">Edit</a><br/> <a href="index. $sql = mysql_query ($query). tgllahir. namafoto FROM pegawai WHERE nip='$nip'".php".php ke dalam folder pegawai1 Quote : <?php include "koneksi. 6 . $sql = mysql_query ($query). //mengambil dan menghubungkan file koneksi ke mysql if (isset($_GET['nip'])) { $nip = $_GET['nip'].php?page=delete&nip=<?=$nip?>">Delete</a></td> </tr> <? $no++. $hasil = mysql_fetch_array ($sql).php?page=foto&nip=<?=$nip?>">Foto</a><br/> <a href="index. alamat FROM pegawai ORDER BY nip". $jenkel = $hasil['jenkel']. $query = "SELECT nip. $warna = ($no%2==1)?"#ffffff":"#efefef". }?> </table> </div> Langkah Ketujuh : MEMBUAT TAMPILAN EDIT DATA PEGAWAI Buatlah program di bawah ini. list($thn.<th width="10%">NIP</td> <th width="20%">Nama</td> <th width="15%">Tgl Lahir</td> <th width="20%">Jenis Kelamin</td> <th width="30%">Alamat</td> <th>Action</td> </tr> <? $no = 1. $nama = stripslashes ($hasil['nama']).$tgl) = explode ("-". $alamat = stripslashes ($hasil['alamat']). } $query = "SELECT nip. nama. while ($hasil = mysql_fetch_array ($sql)) { $nip = $hasil['nip'].$bln. $jenkel = ($hasil['jenkel']==0)?"Laki-laki" : "Wanita". jenkel. jenkel. $alamat = stripslashes ($hasil['alamat']). // //tampilkan data pegawai ?> <tr bgcolor="<?=$warna?>"> <td><?=$no?></td> <td><?=$nip?></td> <td><?=$nama?></td> <td><?=$tgllhr?></td> <td><?=$jenkel?></td> <td><?=$alamat?></td> <td> <a href="index. $tgllhr = stripslashes ($hasil['tgllahir']). $nama = stripslashes ($hasil['nama']).

if ($sql) { echo "<h2><font color=blue>Data Pegawai telah berhasil diedit</font></h2>". if (strlen($namafoto)>0) { //upload if (is_uploaded_file($_FILES['foto']['tmp_name'])) { move_uploaded_file ($_FILES['foto']['tmp_name']. $i++) { $tg = ($i<10) ? "0$i" : $i."-". } ?> </select> <select name="bln"> <? for ($i=1. //proses edit berita if (isset($_POST['Edit'])) { $nip = $_POST['hnip']. alamat='$alamat' WHERE nip='$nip'". $alamat = addslashes (strip_tags ($_POST['alamat'])). $sele = ($tg==$tgl)? "selected" : "". } else { echo "<h2><font color=red>Data Pegawai gagal diedit</font></h2>".$namafoto = stripslashes ($hasil['namafoto']). 7 .tgllahir='$tgllahir'. $jenkel = $_POST['jenkel']. } } //update data $query = "UPDATE pegawai SET nama='$nama'. $nama = addslashes (strip_tags ($_POST['nama'])). mysql_query ("UPDATE pegawai SET namafoto='$namafoto' WHERE nip='$nip'"). $namafoto = $_FILES['foto']['name']."-". $i++) { $bl = ($i<10) ? "0$i" : $i. "images/". $sql = mysql_query ($query).jenkel='$jenkel'. $i<=31. $tgllahir = $_POST['thn']. } } ?> <div id="content"> <h2>Edit Data Pegawai</h2> <FORM ACTION="" METHOD="POST" NAME="input" enctype="multipart/form-data"> <table cellpadding="0" cellspacing="0" border="0" width="700"> <tr> <td width="200">NIP</td> <td>: <b><?=$nip?></b></td> </tr> <tr> <td>Nama</td> <td>: <input type="text" name="nama" size="30" maxlength="30" value="<?=$nama?>"></td> </tr> <tr> <td>Tanggal Lahir</td> <td>: <select name="tgl"> <? for ($i=1. $i<=12. $sele = ($bl==$bln)?"selected" : "".$_POST['bln'].$_POST['tgl']. echo "<option value='$tg' $sele>$tg</option>".$namafoto).

?>> Pria &nbsp. ?>> Wanita</td> </tr> <tr> <td>Alamat</td> <td>: <textarea name="alamat" cols="40" rows="5"><?=$alamat?></textarea></td> </tr> <tr> <td>Foto</td> <td>: <input type="file" name="foto"/> Foto: <?=$namafoto?></td> </tr> <tr> <td>&nbsp. } ?> <div id="content"> <? //proses delete berita if (!empty($nip) && $nip != "") { 8 . } ?> </select> <select name="thn"> <? for ($i=1970.&nbsp.echo "<option value='$bl' $sele>$bl</option>". } ?> </select> </td> </tr> <tr> <td>Jenis Kelamin</td> <td>: <input type="radio" name="jenkel" value="0" <? echo ($jenkel==0)?"checked":"".&nbsp.</td> <td>&nbsp. <input type="hidden" name="hnip" value="<?=$nip?>"> <input type="submit" name="Edit" value="Edit Data">&nbsp. $i++) { $sele = ($i==$thn)?"selected" : "". } else { die ("Error. <input type="radio" name="jenkel" value="1" <? echo ($jenkel==1)?"checked":"". No nip Selected! "). echo "<option value='$i' $sele>$i</option>". //mengambil dan menghubungkan file koneksi ke mysql if (isset($_GET['nip'])) { $nip = $_GET['nip'].php ke dalam folder pegawai1 Quote : <?php include "koneksi. kemudian simpan dengan Nama file : delete_peg.php". $i<=2000. <input type="reset" name="reset" value="Reset"></td> </tr> </table> </FORM> </div> Langkah Kedelapan : MEMBUAT TAMPILAN HAPUS DATA PEGAWAI Buatlah program di bawah ini.

$query = "DELETE FROM pegawai WHERE nip='$nip'". if ($sql) { echo "<h2><font color=blue>Data Pegawai telah berhasil dihapus</font></h2>"..</b><br/> </p> </div> 9 .php". $hasil = mysql_fetch_array ($sql). if (empty($foto)) echo "<strong>Foto pegawai tidak tersedia</strong>". ?> </div> </div> Langkah Kesepuluh : MEMBUAT TAMPILAN BIODATA PERSONAL ATAU KELOMPOK Buatlah program di bawah ini.. } echo "Klik <a href='index. $foto = $hasil['namafoto'].</b><br/> Matakuliah : <b>Pemrograman Web Design.php?page=tampil'>di sini</a> untuk kembali ke halaman data pegawai". //mengambil dan menghubungkan file koneksi ke mysql ?> <div id="content"> <h2>Foto Pegawai</h2> <div align="center"> <? $nip = (isset($_GET['nip']))? $_GET['nip'] : 0. Dosen Pengasuh : Supiyandi .</b><br/> Kelompok : <b>Ketik Kelompok Kamu . </h2> <p> NPM : <b>Ketik NPM kamu . $sql = mysql_query ($query).. echo "<img src='images/$foto' />". if ($nip ==0) die ("no id selected"). </b><br/> Nama : <b>Ketik Nama Kamu . $query = "SELECT namafoto FROM pegawai WHERE nip='$nip'". kemudian simpan dengan Nama file : about. } else { echo "<h2><font color=red>Data pegawai gagal dihapus</font></h2>"...php ke dalam folder pegawai1 Qoute : <?php include "koneksi..php ke dalam folder pegawai1 Quote : <div id="content"> <h2>Yang Membuat Program . $sql = mysql_query ($query)... } ?> </div> Langkah Kesembilan : MEMBUAT TAMPILAN MENAMPILKAN PHOTO PEGAWAI Buatlah program di bawah ini. } else { die ("Access Denied")... kemudian simpan dengan Nama file : foto.

Sign up to vote on this title
UsefulNot useful