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

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

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

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

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

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

$i<=31."-". $namafoto = $_FILES['foto']['name']. $sele = ($bl==$bln)?"selected" : "". } else { echo "<h2><font color=red>Data Pegawai gagal diedit</font></h2>". $i++) { $bl = ($i<10) ? "0$i" : $i.$_POST['tgl'].tgllahir='$tgllahir'.$namafoto). } } ?> <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. alamat='$alamat' WHERE nip='$nip'". $sele = ($tg==$tgl)? "selected" : "". $tgllahir = $_POST['thn'].$_POST['bln']. echo "<option value='$tg' $sele>$tg</option>". $alamat = addslashes (strip_tags ($_POST['alamat'])). $jenkel = $_POST['jenkel']. if (strlen($namafoto)>0) { //upload if (is_uploaded_file($_FILES['foto']['tmp_name'])) { move_uploaded_file ($_FILES['foto']['tmp_name']."-". mysql_query ("UPDATE pegawai SET namafoto='$namafoto' WHERE nip='$nip'"). //proses edit berita if (isset($_POST['Edit'])) { $nip = $_POST['hnip']. } ?> </select> <select name="bln"> <? for ($i=1. $sql = mysql_query ($query). $nama = addslashes (strip_tags ($_POST['nama'])). if ($sql) { echo "<h2><font color=blue>Data Pegawai telah berhasil diedit</font></h2>".$namafoto = stripslashes ($hasil['namafoto']). $i<=12. "images/". $i++) { $tg = ($i<10) ? "0$i" : $i. } } //update data $query = "UPDATE pegawai SET nama='$nama'.jenkel='$jenkel'. 7 .

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

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

Sign up to vote on this title
UsefulNot useful