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

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

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

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

} ?> </select> </td> </tr> <tr> <td>Jenis Kelamin</td> <td>: <input type="radio" name="jenkel" value="0" checked> Pria &nbsp. $i++) { $tg = ($i<10) ? "0$i" : $i. } ?> </select> <select name="thn"> <? for ($i=1970. $i++) { $bl = ($i<10) ? "0$i" : $i. echo "<option value='$bl'>$bl</option>". kemudian simpan dengan Nama file : tampil. } ?> </select> <select name="bln"> <? 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.<input type="submit" name="Input" value="Input Data">&nbsp.<select name="tgl"> <? for ($i=1. <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. //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".&nbsp. $i++) { echo "<option value='$i'>$i</option>". $i<=12.php ke dalam folder pegawai1 Quote : <?php include "koneksi. $i<=31.&nbsp.</td> <td>&nbsp. echo "<option value='$tg'>$tg</option>". $i<=2000.

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

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

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

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

Sign up to vote on this title
UsefulNot useful