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 /* 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; float:right; vertical-align:middle; 1
margin: 10px 20px 0 0; font-family: Impact, Arial, Helvetica, sans-serif; h2 { padding-left: 5px; margin: 5px 0px 0px 0px; p, table { size: 10px; margin:0px; padding:10px; text-align:justify; #navigation { width:100%; border-top: #000000 1px solid; border-bottom: #000000 1px solid; text-align:center; #navigation a { padding:3px; #content { width:100%; #footer { width:100%; border-top: #000000 1px solid; text-align:center; font-size:9px; #tabel { background-color:#ffffff; padding:2px; border:1px solid #222222; margin:2px; #tabel th { color:#ffffff; background-color:#222222; padding:2px; Langkah Keempat : MEMBUAT FILE KONEKSI DATABASE MYSQL Buatlah program di bawah ini, kemudian simpan dengan Nama file : koneksi.inc.php ke dalam php //file koneksi untuk menghubungkan dengan database $host = "localhost"; //hostname MySQL $user = "root"; //user mysql $pass = ""; //password mysql $dbnm = "pegawai"; //nama database //koneksi database $conn = mysql_connect ($host, $user, $pass); if ($conn) { $buka = mysql_select_db ($dbnm); if (!$buka) { die ("Database tidak dapat dibuka"); else { 2
die ("Server MySQL tidak terhubung"); Langkah Keempat : MEMBUAT TAMPILAN MENU UTAMA Buatlah program di bawah ini, kemudian simpan dengan Nama file : utama.php ke dalam <h2>selamat Datang di Sistem Informasi Kepegawaian PT. XYZ</h2> <p>sistem Informasi Kepegawaian ini dibuat untuk memenuhi contoh matakuliah Pemrograman Web Design di <a href="http://www.amikstiekomsu.ac.id" target=_blank>amik-stiekom SUMATERA UTARA</a>, Dosen : Supiyandi.</p> <p>dalam Sistem Kepegawaian ini, Anda dapat <a href="index.php? page=input">menginput</a> data pegawai, <a href="index.php?page=tampil">melihat</a> data pegawai, dan mengedit serta delete data pegawai</p> <p>njoyed..with This Page..</p> Langkah Kelima : MEMBUAT TAMPILAN AWAL DATA PEGAWAI Buatlah program di bawah ini, kemudian simpan dengan Nama file : index.php ke dalam <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="content-type" content="text/html; charset=iso-8859-1" /> <title>sistem Kepegawaian</title> <link href="style.css" rel="stylesheet" type="text/css" /> </head> <body> <div id="main_container"> <div id="header"> <h1>sistem Informasi Kepegawaian PT. XYZ</h1> <div id="navigation"> <a href="index.php">home</a> <a href="index.php?page=input">input Data Pegawai</a> <a href="index.php?page=tampil">tampil Data Pegawai</a> <a href="index.php?page=about">tentang Saya</a> php $page = (isset($_get['page']))? $_GET['page'] : "main"; switch ($page) { case 'input' : include "input_peg.php"; break; case 'edit' : include "edit_peg.php"; break; case 'delete' : include "delete_peg.php"; break; case 'tampil' : include "tampil.php"; break; case 'foto' : include "foto.php"; break; case 'about' : include "about.php"; break; case 'main' : default : include 'utama.php'; <div id="footer"> 2012 <a href="mailto:andie.itech@gmail.com">andie.ofie</a> Design By <a href="http://nzsrasaoke.wordpress.com">andie.ofie</a> 3
</body> </html> Langkah Keenam : MEMBUAT TAMPILAN INPUT PEGAWAI Buatlah program di bawah ini, kemudian simpan dengan Nama file : input_peg.php ke dalam php //proses input berita if (isset($_post['input'])) { $nip = addslashes (strip_tags ($_POST['nip'])); $nama = addslashes (strip_tags ($_POST['nama'])); $tgllahir = $_POST['thn']."-".$_POST['bln']."-".$_POST['tgl']; $jenkel = $_POST['jenkel']; $alamat = addslashes (strip_tags ($_POST['alamat'])); $namafoto = $_FILES['foto']['name']; 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'], "images/".$namafoto); //insert ke tabel $query = "INSERT INTO pegawai VALUES('$nip','$nama','$tgllahir','$jenkel','$alamat','$namafoto')"; $sql = mysql_query ($query) or die (mysql_error()); 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>"; <h2>input Data Pegawai</h2> <FORM ACTION="" METHOD="POST" NAME="input" enctype="multipart/form-data"> <table cellpadding="0" cellspacing="0" border="0" width="700"> maxlength="10"></td> maxlength="30"></td> <td width="200">nip</td> <td>: <input type="text" name="nip" size="15" <td>nama</td> <td>: <input type="text" name="nama" size="30" <td>tanggal Lahir</td> <td>: <select name="tgl"> 4
Pria for ($i=1; $i<=31; $i++) { $tg = ($i<10)? "0$i" : $i; echo "<option value='$tg'>$tg</option>"; </select> - <select name="bln"> for ($i=1; $i<=12; $i++) { $bl = ($i<10)? "0$i" : $i; echo "<option value='$bl'>$bl</option>"; </select> - <select name="thn"> for ($i=1970; $i<=2000; $i++) { echo "<option value='$i'>$i</option>"; </select> </td> <td>jenis Kelamin</td> <td>: <input type="radio" name="jenkel" value="0" checked> <input type="radio" name="jenkel" value="1"> Wanita</td> <td>alamat</td> <td>: <textarea name="alamat" cols="40" rows="5"></textarea></td> <td>foto</td> <td>: <input type="file" name="foto"/></td> <td> </td> <td> <input type="submit" name="input" value="input Data"> <input type="reset" name="reset" value="reset"></td> </table> </FORM> Langkah Keenam : MEMBUAT TAMPILAN MENAMPILKAN DATA PEGAWAI Buatlah program di bawah ini, kemudian simpan dengan Nama file : tampil.php ke dalam php <h2>data Pegawai</h2> <table id="tabel"> <th width="5%">no</td> 5
<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> $no = 1; $query = "SELECT nip, nama, tgllahir, jenkel, alamat FROM pegawai ORDER BY nip"; while ($hasil = mysql_fetch_array ($sql)) { $nip = $hasil['nip']; $nama = stripslashes ($hasil['nama']); $jenkel = ($hasil['jenkel']==0)?"laki-laki" : "Wanita"; $tgllhr = stripslashes ($hasil['tgllahir']); $alamat = stripslashes ($hasil['alamat']); $warna = ($no%2==1)?"#ffffff":"#efefef"; // //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.php?page=foto&nip==$nip">foto</a><br/> <a href="index.php?page=edit&nip==$nip">edit</a><br/> <a href="index.php?page=delete&nip==$nip">delete</a></td> $no++; </table> Langkah Ketujuh : MEMBUAT TAMPILAN EDIT DATA PEGAWAI Buatlah program di bawah ini, kemudian simpan dengan Nama file : edit_peg.php ke dalam php if (isset($_get['nip'])) { $nip = $_GET['nip']; else { die ("Error. No Nip Selected! "); $query = "SELECT nip, nama, tgllahir, jenkel, alamat, namafoto FROM pegawai WHERE nip='$nip'"; $hasil = mysql_fetch_array ($sql); $nip = $hasil['nip']; $nama = stripslashes ($hasil['nama']); $jenkel = $hasil['jenkel']; list($thn,$bln,$tgl) = explode ("-",$hasil['tgllahir']); $alamat = stripslashes ($hasil['alamat']); $namafoto = stripslashes ($hasil['namafoto']); 6
//proses edit berita if (isset($_post['edit'])) { $nip = $_POST['hnip']; $nama = addslashes (strip_tags ($_POST['nama'])); $tgllahir = $_POST['thn']."-".$_POST['bln']."-".$_POST['tgl']; $jenkel = $_POST['jenkel']; $alamat = addslashes (strip_tags ($_POST['alamat'])); $namafoto = $_FILES['foto']['name']; if (strlen($namafoto)>0) { //upload if (is_uploaded_file($_files['foto']['tmp_name'])) { move_uploaded_file ($_FILES['foto']['tmp_name'], "images/".$namafoto); mysql_query ("UPDATE pegawai SET namafoto='$namafoto' WHERE nip='$nip'"); //update data $query = "UPDATE pegawai SET nama='$nama',tgllahir='$tgllahir',jenkel='$jenkel', alamat='$alamat' WHERE nip='$nip'"; if ($sql) { echo "<h2><font color=blue>data Pegawai telah berhasil diedit</font></h2>"; else { echo "<h2><font color=red>data Pegawai gagal diedit</font></h2>"; <h2>edit Data Pegawai</h2> <FORM ACTION="" METHOD="POST" NAME="input" enctype="multipart/form-data"> <table cellpadding="0" cellspacing="0" border="0" width="700"> <td width="200">nip</td> <td>: <b>=$nip</b></td> <td>nama</td> <td>: <input type="text" name="nama" size="30" maxlength="30" value="=$nama"></td> <td>tanggal Lahir</td> <td>: <select name="tgl"> for ($i=1; $i<=31; $i++) { $tg = ($i<10)? "0$i" : $i; $sele = ($tg==$tgl)? "selected" : ""; echo "<option value='$tg' $sele>$tg</option>"; </select> - <select name="bln"> for ($i=1; $i<=12; $i++) { $bl = ($i<10)? "0$i" : $i; $sele = ($bl==$bln)?"selected" : ""; echo "<option value='$bl' $sele>$bl</option>"; 7
</select> - <select name="thn"> for ($i=1970; $i<=2000; $i++) { $sele = ($i==$thn)?"selected" : ""; echo "<option value='$i' $sele>$i</option>"; </select> </td> <td>jenis Kelamin</td> <td>: <input type="radio" name="jenkel" value="0" echo ($jenkel==0)?"checked":""; > Pria <input type="radio" name="jenkel" value="1" echo ($jenkel==1)?"checked":""; > Wanita</td> <td>alamat</td> <td>: <textarea name="alamat" cols="40" rows="5"> =$alamat</textarea></td> <td>foto</td> <td>: <input type="file" name="foto"/> Foto: =$namafoto? ></td> <td> </td> <td> <input type="hidden" name="hnip" value="=$nip"> <input type="submit" name="edit" value="edit Data"> <input type="reset" name="reset" value="reset"></td> </table> </FORM> Langkah Kedelapan : MEMBUAT TAMPILAN HAPUS DATA PEGAWAI Buatlah program di bawah ini, kemudian simpan dengan Nama file : delete_peg.php ke dalam php if (isset($_get['nip'])) { $nip = $_GET['nip']; else { die ("Error. No nip Selected! "); //proses delete berita if (!empty($nip) && $nip!= "") { $query = "DELETE FROM pegawai WHERE nip='$nip'"; if ($sql) { 8
echo "<h2><font color=blue>data Pegawai telah berhasil dihapus</font></h2>"; else { echo "<h2><font color=red>data pegawai gagal dihapus</font></h2>"; echo "Klik <a href='index.php?page=tampil'>di sini</a> untuk kembali ke halaman data pegawai"; else { die ("Access Denied"); Langkah Kesembilan : MEMBUAT TAMPILAN MENAMPILKAN PHOTO PEGAWAI Buatlah program di bawah ini, kemudian simpan dengan Nama file : foto.php ke dalam folder pegawai1 Qoute : php <h2>foto Pegawai</h2> <div align="center"> $nip = (isset($_get['nip']))? $_GET['nip'] : 0; if ($nip ==0) die ("no id selected"); $query = "SELECT namafoto FROM pegawai WHERE nip='$nip'"; $hasil = mysql_fetch_array ($sql); $foto = $hasil['namafoto']; if (empty($foto)) echo "<strong>foto pegawai tidak tersedia</strong>"; echo "<img src='images/$foto' />"; Langkah Kesepuluh : MEMBUAT TAMPILAN BIODATA PERSONAL ATAU KELOMPOK Buatlah program di bawah ini, kemudian simpan dengan Nama file : about.php ke dalam <h2>yang Membuat Program... </h2> <p> NPM : <b>ketik NPM kamu... </b><br/> Nama : <b>ketik Nama Kamu...</b><br/> Matakuliah : <b>pemrograman Web Design, Dosen Pengasuh : Supiyandi...</b><br/> Kelompok : <b>ketik Kelompok Kamu...</b><br/> </p> 9