Materi Web 2
Materi Web 2
Langkah-langkah pengerjaan
1. Buat folder di dalam htdocs dengan nama pegawai
2. Buat folder images di dalam folder pegawai
3. Buka program browser ( misalnya mozila firefox)
4. Buka phpmyadmin ( ketik localhost/phpmyadmin)
5. Buat database dengan nama pegawai
6. Buat tabel dengan nama pegawai, strukutur tabelnya adalah sbb:
7. Buka dreamwaever dan pada categories pilih dinamic page, pada kolom dinamic page pilih php
page
Script style.css
/* CSS Document */
body {
background-color:#EFEFEF;
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.GIF);
background-repeat: no-repeat;
}
h1 {
size:30px;
float:right;
vertical-align:middle;
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;
}
Koneksi.php
<?php
$host = "localhost";
$user = "root";
$pass = "";
$dbnm = "pegawai";
?>
Index.php
<!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 Kepegawaian PT. ABC</h1>
</div>
<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">About</a>
</div>
<?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' :
Utama.php
<div id="content">
<h2>Selamat Datang di Sistem Kepegawaian PT. ABC </h2>
<p>Sistem Kepegawaian ini merupakan contoh program sederhana matakuliah Pemrograman Web 2
di <a href="http://www.stmikcikarang.ac.id">STMIK CIKARANG </a>, Dosen: Ali
Mulyanto,S.Kom</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>Have a nice day!</p>
</div>
Input_peg.php <?php
include "koneksi.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>:
<select name="tgl">
<?
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>
</tr>
<tr>
<td>Jenis Kelamin</td>
<td>: <input type="radio" name="jenkel" value="0" checked> Pria
<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> </td>
<td> <input type="submit" name="Input" value="Input Data">
<input type="reset" name="reset" value="Reset"></td>
</tr>
</table>
</FORM>
</div>
Tampil.php <?php
include "koneksi.php";
?>
<div id="content">
<h2>Data Pegawai</h2>
<table id="tabel">
<tr>
<th width="5%">No</td>
<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;
$query = "SELECT nip, nama, tgllahir, jenkel, alamat
FROM pegawai ORDER BY nip";
$sql = mysql_query ($query);
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>
</tr>
<? $no++; }?>
</table>
</div>
Foto.php <?php
include "koneksi.php";
?>
<div id="content">
<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'";
$sql = mysql_query ($query);
$hasil = mysql_fetch_array ($sql);
$foto = $hasil['namafoto'];
if (empty($foto)) echo "<strong>Foto pegawai tidak tersedia</strong>";
echo "<img src='images/$foto' />";
?>
</div>
</div>
Edit_peg.php <?php
include "koneksi.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'";
$sql = mysql_query ($query);
$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']);
<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<=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>";
}
?>
</select> -
<select name="thn">
<?
for ($i=1970; $i<=2000; $i++) {
$sele = ($i==$thn)?"selected" : "";
echo "<option value='$i' $sele>$i</option>";
}
?>
</select>
</td>
</tr>
<tr>
<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>
</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> </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>
</tr>
</table>
</FORM>
</div>
Delete_peg.php <?php
include "koneksi.php";
if (isset($_GET['nip'])) {
$nip = $_GET['nip'];
} else {
die ("Error. No nip Selected! ");
}
?>
<div id="content"> <?
//proses delete berita
if (!empty($nip) && $nip != "") {
About.php
<div id="content">
<h2>Tentang Pembuat Program</h2>
<p> Program ini merupakan contoh program sederhana, semoga bermanfaat.<br>
Apabila ada kesulitan kirim kode program ke alamat e-mail berikut.<br/>
Email : <b><a href="mailto:[email protected]">[email protected]</a></b><br/>
</p> </div> www.alie.stmikcikarang.ac.id