Transcript Membuat Sistem Informasi Perpustakaan Berbasis Web dengan

Operating System Windows XP SP2
Macromedia Dreamweaver 8
Adobe Photoshop CS
Adobe Image Ready CS
AppServ 2.5.7 For Windows
Langkah-Langkah Pembuatan
Sistem Informasi Berbasis Web
1
2
• Merancang database dengan menggunakan AppServ
• Merancang Desain dasar dengan Photoshop dan Image Ready
• Membuat Desain Halaman dengan Macromedia Dreamweaver
Diagram Manajemen
Administrasi Sistem Informasi
Perpustakaan
Tambah
Buku
Edit
Tambah
Hapus
Edit
Penulis
Hapus
Tambah
Administrator
Edit
Penerbit
Hapus
Tambah
Jenis
Buku
Edit
Hapus
Tambah
User
Edit
Hapus
Langkah pertama dalam membuat Sistem Informasi Perpustakaan
adalah perancangan database. Di sini kita menggunakan AppServ
sebagai web server. Pembuatan database menggunakan
PHPmyAdmin yang sudah ter-include di dalam AppServ.
Tampilan PHPMyAdmin
Host
: Localhost (default)
User
: root (default)
Password
: root (default)
Database Name
: Perpus
Tabel-Tabel yang dibutuhkan :
 Anggota
 Buku
 Desk_buku
 Jenis
 Penerbit
 Penulis
 Userpass
Membuat Database Awal
Buat database dengan nama
perpus, kemudian klik tombol
ciptakan.
Ketik nama
database,
kemudian klik
tombol ciptakan
Step 1.a Database
Database telah
dibuat
Membuat Tabel Anggota
Setelah database Perpus
terbentuk, kita membuat tabel yang
pertama, yaitu Tabel Anggota.
Tabel ini digunakan untuk
menyimpan data-data anggota /
member pada perpustakaan
Nama: ANGGOTA
Database Engine : innodb
Field-Field:
-ID (INT 10 PRIMARY KEY
AUTO_INCREMENT)
-ID_ANGGOTA (VARCHAR 50)
-NAMA (VARCHAR 255)
-SEX (VARCHAR 50)
-PHONE (VARCHAR 255)
-ALAMAT (VARCHAR 255)
-EMAIL (VARCHAR 255)
-TGL_ENTRY (DATE)
-DESKRIPSI (TEXT)
Tabel Anggota
berhasil dibuat
Isi nama field masingmasing dan beserta
tipenya.
Step 1.b Database
Beri Nama
“anggota”
Membuat Tabel Penerbit
Setelah itu, kita membuat tabel
penerbit, tabel ini digunakan untuk
menyimpan data-data penerbit dan
sebagai salah satu referensi bagi
tabel buku nantinya
Tabel Penerbit
berhasil dibuat
Step 1.cIsiDatabase
Field masing-
Nama: PENERBIT
Database Engine : innodb
Field-Field:
-ID (INT 10 PRIMARY KEY
AUTO_INCREMENT)
-KD_PENERBIT (VARCHAR 50
INDEX)
-PENERBIT (VARCHAR 255)
-ALAMAT (VARCHAR 50)
-PHONE (VARCHAR 255)
-EMAIL (VARCHAR 255)
-DESKRIPSI (TEXT)
masing beserta tipe
datanya
Beri Nama Tabel :
“Penerbit”, jumlah
field = 7
Membuat Tabel Penulis
Setelah itu, kita membuat tabel
penulis, tabel ini digunakan untuk
menyimpan data-data penulis dan
sebagai salah satu referensi bagi
tabel buku nantinya
Nama: PENULIS
Database Engine : innodb
Field-Field:
-ID (INT 10 PRIMARY KEY
AUTO_INCREMENT)
-KD_PENULIS (VARCHAR 50
INDEX)
-PENULIS (VARCHAR 255)
-ALAMAT (VARCHAR 50)
-EMAIL (VARCHAR 255)
-DESKRIPSI (TEXT)
isI masing-masing
Isi Nama
Table tipe
field beserta
“penulis”,
datanya.
jumlah
field :6
Tabel
Penulis
berhasil dibuat
Step 1.d Database
Membuat Tabel Jenis
Setelah itu, kita membuat tabel
jenis, tabel ini digunakan untuk
menyimpan data jenis buku dan
sebagai salah satu referensi bagi
tabel buku nantinya
Nama: JENIS
Database Engine : innodb
Field-Field:
-KD_JENIS (VARCHAR 50
PRIMARY KEY)
-JENIS_BUKU (VARCHAR 255)
-DESKRIPSI (TEXT)
Tabel Jenis
berhasil dibuat
Beri Nama Tabel
Step 1.e Database
“jenis”, jumlah
Beri nama masingmasing field
beserta tipe
datanya.
field 3
Membuat Tabel Userpass
Setelah itu, kita membuat tabel
userpass, tabel ini digunakan
untuk menyimpan data user /
administrator. Tabel ini berisi datadata penting seperti username dan
password user
Nama: USERPASS
Database Engine : innodb
Field-Field:
-ID (INT 10 PRIMARY KEY
auto_increment)
-ID_USER (VARCHAR 50)
-NAMA (VARCHAR 255)
-NICK_NAME (VARCHAR 255)
-SANDI (VARCHAR 32)
-HAK (VARCHAR 20)
Step 1.f Database
Beri nama tabel
Isi nama
field
“userpass”,Tabel
jumlah
Userpass
masing-masing
field 6berhasil
dibuat
beserta tipe
datanya.
Membuat Tabel Buku
Setelah itu, kita membuat tabel buku,
tabel ini digunakan untuk menyimpan
data-data buku yang ada, baik kode,
nama, penerbit, penulis, dan
sebagainya.
Nama: BUKU
Database Engine : innodb
Field-Field:
-ID (INT 10 PRIMARY KEY
auto_increment)
-ID_BUKU (VARCHAR 50 INDEX)
-ISBN (VARCHAR 255)
-KD_JENIS (VARCHAR 50 INDEX)
-JUDUL (VARCHAR 255)
-KD_PENULIS (VARCHAR 50
INDEX)
-KD_PENERBIT (VARCHAR 50
INDEX)
-THN_TERBIT (VARCHAR 4)
-JML_BUKU (INT 10)
-RAK_BUKU (VARCHAR 50)
-TGL_ENTRY (DATE)
Tabel Buku
berhasil dibuat
Isi nama field
masingBeri nama masing
beserta tipe
tabel “buku”,
jumlah field datanya.
11
Step 1.g Database
Membuat Tabel Desk
Buku
Setelah itu, kita membuat tabel
desk_buku. Tabel ini digunakan
untuk menyimpan file-file
pendukung dari suatu buku, seperti
gambar, deskripsi, kondisi, dan
sebagainya.
Nama: DESK_BUKU
Database Engine : innodb
Field-Field:
-ID (INT 10 PRIMARY KEY
auto_increment)
-NO_DESK (INT 10)
-ID_BUKU (VARCHAR 50 INDEX)
-GAMBAR (VARCHAR 255)
-KONDISI(VARCHAR 255)
-DESKRIPSI (TEXT)
Beri nama field
masing-masing
Tabel desk_buku
beserta tipe
berhasil dibuat
datanya.
Step 1.h Database
Beri nama tabel
“desk_buku”,
jumlah field 6
Dalam Sistem Informasi Perpustakaan yang akan dibuat, dibagi
menjadi 2 bagian, yaitu bagian administrator page dan user page.
Administrator page digunakan sebagai halaman bagi administrator
untuk mengelola data-data yang terdapat dalam web.
Sedangkan User page digunakan sebagai halaman bagi pengunjung.
Di dalam halaman ini berisi segala informasi buku maupun penulisnya
secara lengkap dan mudah.
Halaman Administrator
Halaman administrator menggunakan theme background
hitam, hal ini akan membuat suasana web lebih elegan dan
enak dipandang. Susunan menu didesain tetap berada di
atas walaupun halaman di-scroll ke bawah. Hal ini ditujukan
agar kenyamanan dalam berpindah halaman 1 ke halaman
Ini adalah main page
lainnya dapat dilakukan dengan mudah.
(halaman awal) dari
Bagian Administrator
Page
Halaman User
Halaman User menggunakan theme background black
dan dikombinasikan dengan warna orange. Hal ini
membuat tampilan web terlihat futuristik.
Inilah tampilan dari User Page, cukup
menarik bukan…
Untuk
membuat kedua tampilan di atas, sudah tersedia file psd-nya (
file Photoshop. Kedua file tersebut terletak pada folder “design”.
Untuk
memodifikasi interaktivitasnya, gunakan Adobe Image Ready.
Pada Photoshop, klik menu paling bawah pada toolbox, menu “Edit in
Image Ready (Shift + Ctrl + M)”
Berikutnya
kita akan belajar tentang coding web Perpustakaan ini,
terus simak tutorial ini…
<?php
Setting Host
$host="localhost";
Seting User
$user="root";
Setting Password User
$pass="";
Setting Database
$db=“perpus";
$con=mysql_connect($host,$user,$pass) or die(mysql_error());
mysql_select_db($db,$con) or die(mysql_error());
?>
Pada bagian ini, akan ditunjukkan proses-proses yang terjadi pada
pengolahan data anggota, antara lain
Menambah
data Anggota
Mengubah data Anggota
Menampilkan data Anggota
Menghapus data Anggota
File-file yang dibutuhkan :
Member-tambah.php  Form untuk menambah data anggota
Member-edit.php
 Form untuk mengubah data anggota
Member-daftar.php
 Untuk menampilkan data anggota
Exe-Member.php
 Script untuk memproses penambahan
dan pengubahan data.
Member-hapus.php
 Script untuk memproses penghapusan data
Untuk dapat menambah data anggota, kita perlu membuat form terlebih
dulu. Form ini digunakan untuk mengisi data-data yang diminta, seperti
Nama, Alamat, E-mail, Telepon, dan sebagainya..
Halaman berikut adalah coding untuk membuat form tambah yang
nantinya dihubungkan dengan script insert ke dalam database (script
dasar)
<form action="exe_member.php" method="post" name="tambahmember" id="tambahmember">
<table width="429" border="0" cellspacing="0" cellpadding="3" align="center">
<tr>
<td>ID Anggota </td>
<td width="4"><div align="center">:</div></td>
Action file..
<td width="208"><input name="id" type="text" class="teks" id="id" /></td>
</tr>
<tr>
<td>Nama</td>
<td><div align="center">:</div></td>
<td><input name="nama" type="text" class="teks" id="nama" /></td>
</tr>
<tr>
<td>Sex</td>
<td><div align="center">:</div></td>
Part 1
<td><select name="sex" class="list" id="sex">
<option value="not_option">Pilih Sex</option>
<option value="L">Laki-Laki</option>
<option value="P">Perempuan</option>
</select>
</td>
</tr>
<tr>
<td>Telepon</td>
<td><div align="center">:</div></td>
<td><input name="telepon" type="text" class="teks" id="telepon" /></td>
</tr>
<tr>
<td>Alamat</td>
<td><div align="center">:</div></td>
<td><input name="alamat" type="text" class="teks" id="alamat" /></td>
</tr>
<tr>
<td>E-mail</td>
<td><div align="center">:</div></td>
<td><input name="email" type="text" class="teks" id="email" /></td>
</tr>
<tr>
<td width="199">Deskripsi</td>
Part 2
<td><div align="center">:</div></td>
<td><textarea name="desk" class="deks"></textarea></td>
</tr>
<tr>
<td colspan="3" class="submit"><input name="tambah" type="submit" class="button"
value="Tambah" />
<input name="Reset" type="reset" class="button" id="Reset" value="Batal" /></td>
</tr>
</table>
</form>
Action File (ex: exe-member.php)
<?php
include('koneksi/koneksi.php');
$tabel='anggota';
$tambah=$_POST['tambah'];
$edit=$_POST['edit'];
if ($tambah){
global $id, $nama, $sex, $telepon, $alamat, $email, $desk;
$id=$_POST['id'];
$nama=$_POST['nama'];
$sex=$_POST['sex'];
$telepon=$_POST['telepon'];
Part 1
$alamat=$_POST['alamat'];
$email=$_POST['email'];
$desk=$_POST['desk'];
if ((!$id) || (!$nama) || ($sex=='not_option') || (!$telepon) || (!$alamat) ||
(!$email) || (!$desk)){
echo '<script type="text/javascript">alert(\'Data belum lengkap\');
history.go(-1); </script>
';
} elseif (!ereg("^.+@.+\\..+",$email)){
echo '<script type="text/javascript">alert(\'email tidak
valid\');history.go(-1);</script>';
$tanggal=date("Y-m-d");
$sql="INSERT INTO $tabel (`ID`, `ID_ANGGOTA`, `NAMA`,
`SEX`, `PHONE`, `ALAMAT`, `EMAIL`, `TGL_ENTRY`, `DESKRIPSI`) VALUES (NULL,
'$id', '$nama', '$sex', '$telepon', '$alamat', '$email', '$tanggal' , '$desk')";
$query=mysql_query($sql) or die(mysql_error());
if ($query){
echo '<script type="text/javascript">alert(\'Data
member berhasil ditambahkan\'); document.location=\'member-daftar.php\';
</script> ';
} else {
echo '<script type="text/javascript">alert(\'Data
member gagal\'); history.go(-1); </script> ';
}
}
}
Part 2
Jika data-data sudah
selesai ditambahkan,
akan dialihkan pada
halaman daftar
anggota
Pengisian datadata
Untuk dapat mengedit data anggota, kita perlu membuat form terlebih
dulu. Form ini digunakan untuk mengisi data-data yang diminta, seperti
Nama, Alamat, E-mail, Telepon, dan sebagainya.. Form ini disimpan
dalam file yang bernama Member-edit.php. Saat proses dijalankan, akan
ditangani oleh file exe-member.php yang menyeleksi proses tersebut
adalah proses penambahan data atau pengubahan data.
Halaman berikut adalah coding untuk membuat form edit yang nantinya
dihubungkan dengan script insert ke dalam database (script dasar)
<?php
include("koneksi/koneksi.php");
$kode=$_GET['kode'];
$tabel='anggota';
$sql="SELECT * FROM $tabel WHERE ID=$kode";
$query=mysql_query($sql) or die(mysql_error());
while($hasil=mysql_fetch_array($query)){
?>
<form action="exe_member.php" method="post" name="editmember" id="editmember">
<table width="429" border="0" cellspacing="0" cellpadding="3" align="center">
<tr>
<td>ID Anggota </td>
<td width="4"><div align="center">:</div></td>
<td width="208"><input name="id" type="text" class="teks" id="id" value="<? echo $hasil[1]; ?>"/></td>
</tr>
<tr>
<td>Nama</td>
<td><div align="center">:</div></td>
<td><input name="nama" type="text" class="teks" id="nama" value="<? echo $hasil[2]; ?>"/></td>
</tr>
<tr>
<td>Sex</td>
<td><div align="center">:</div></td>
<td><select name="sex" class="list" id="sex">
Part 1
<?php
echo '<option value="'.$hasil[3].'" selected="selected">'.$hasil[3].'</option>';
?>
<option value="L">Laki-Laki</option>
<option value="P">Perempuan</option>
</select>
</td>
</tr>
<tr>
<td>Telepon</td>
<td><div align="center">:</div></td>
<td><input name="telepon" type="text" class="teks" id="telepon" value="<? echo $hasil[4]; ?>"/></td>
</tr>
<tr>
<td>Alamat</td>
<td><div align="center">:</div></td>
<td><input name="alamat" type="text" class="teks" id="alamat" value="<? echo $hasil[5]; ?>"/></td>
</tr>
<tr>
<td>E-mail</td>
<td><div align="center">:</div></td>
<td><input name="email" type="text" class="teks" id="email" value="<? echo $hasil[6]; ?>"/></td>
</tr>
<tr>
<td width="199">Deskripsi</td>
<td><div align="center">:</div></td>
<td><textarea name="desk" class="deks"><? echo $hasil[7]; ?></textarea></td>
</tr>
<tr>
<td colspan="3" class="submit"><input name="kode" type="hidden" id="kode" value="<? echo $kode; ?>" />
<input name="edit" type="submit" class="button" id="edit" value="Edit" />
<input name="Reset" type="reset" class="button" id="Reset" value="Batal" /></td>
</tr>
</table>
</form>
<?php
} ?>
Part 2
if($edit){
global $id, $nama, $sex, $telepon, $alamat, $email, $desk, $kode;
$id=$_POST['id'];
$nama=$_POST['nama'];
$sex=$_POST['sex'];
$telepon=$_POST['telepon'];
Part 1
$alamat=$_POST['alamat'];
$email=$_POST['email'];
$desk=$_POST['desk'];
$kode=$_POST['kode'];
if ((!$id) || (!$nama) || (!$telepon) || (!$alamat) || (!$email) || (!$desk) ||
(!sex)){
echo '<script type="text/javascript">alert(\'Data belum lengkap\');
history.go(-1); </script>
';
} elseif (!ereg("^.+@.+\\..+",$email)){
echo '<script type="text/javascript">alert(\'email tidak
valid\');history.go(-1);</script>';
} else {
$sql="UPDATE $tabel SET `ID_ANGGOTA` = '$id', `NAMA` = '$nama',
`SEX` = '$sex', `PHONE` = '$telepon', `ALAMAT` = '$alamat', `EMAIL` = '$email',
`DESKRIPSI` = '$desk' WHERE `ID` = $kode";
$query=mysql_query($sql) or die('karena'.mysql_error());
if ($query){
echo '<script type="text/javascript">alert(\'Data member
berhasil diubah\'); document.location=\'member-daftar.php\'; </script>
';
} else {
echo '<script type="text/javascript">alert(\'Data member
gagal\'); history.go(-1); </script>
';
}
Part 2
}
}
?>
Pertama-tama, kita
memilih data yang
akan
diedit
Data
berhasil
diubah
Kita akan dihadapkan pada
sebuah form, di sini kita
dapat mengubah data-data
yang diinginkan, kemudian
klik tombol “edit” yang ada
di bawah form
Untuk menampilkan data anggota, kita perlu membuat sebuah file php
yang bernama member-daftar.php, yang berisi sintaks-sintaks yang
bertujuan untuk menampilkan data-data yang bersumber dari database
MySQL. Dalam contoh berikut ini, kita akan membuat sebuah tampilan
data dimana setiap halaman hanya dibatasi maksimal 4 data, selebihnya
kita akan ditampilkan link menuju halaman berikutnya.
<?php
include('navi.php');
?>
<table width="900" border="0" cellspacing="0" cellpadding="0" align="center">
<tr>
<td colspan="2" background="images/Layout_07.gif" width="900" height="100">&nbsp;</td>
</tr>
<tr>
<td width="200" class="info"><?php include('include/info.php'); ?></td>
<td width="700">
<h1 class="judul">DATA MEMBER </h1>
<?php
include('koneksi/koneksi.php');
$tabel='anggota';
Part 1
$hal=$_GET['hal'];
if (!$_GET['hal']){
$page=1;
} else {
$page=$hal;
}
$max=4;
$dari=($page*$max)-$max;
$sql="SELECT * FROM $tabel LIMIT $dari, $max";
$query=mysql_query($sql) or die(mysql_error());
while($hasil=mysql_fetch_array($query)){
echo "<div class='content'>ID : ".$hasil[0]."<br>ID Member : ".$hasil[1]."<br>Nama : ".$hasil[2]."<br>Sex :
".$hasil[3]."<br>Telepon : ".$hasil[4]."<br>Alamat : ".$hasil[5]."<br>E-mail : ".$hasil[6]."<br>Tanggal Daftar :
".$hasil[7]."<br>Tentang : ".$hasil[8]."<br>
<a href='member-edit.php?kode=".$hasil[0]."' class=edit>Edit</a>&nbsp;<a href='memberhapus.php?kode=".$hasil[0]."' class=edit>Hapus</a></div><br>";
}
$jumdata=mysql_result(mysql_query("SELECT COUNT(*) as jum FROM $tabel"),0);
$jumhal=ceil($jumdata/$max);
echo "<div align='center'>";
if ($page>1){
$awal=1;
echo "<a href=member-daftar.php?hal=$awal class=navipage> << </a>";
}
if ($page>1){
$prev=$page-1;
echo "<a href=member-daftar.php?hal=$prev class=navipage> < </a>";
}
for ($i=1; $i <= $jumhal; $i++ ){
if($i==$page){
Part 2
echo "$i";
} else {
echo "<a href=member-daftar.php?hal=$i class=navipage> $i </a>";
}
}
if ($page < $jumhal){
$next=$page+1;
echo "<a href=member-daftar.php?hal=$next class=navipage> > </a>";
}
if ($page < $jumhal){
$akhir=$jumhal;
echo "<a href=member-daftar.php?hal=$akhir class=navipage> >> </a>";
}
echo "</div>";
?>
Setelah kita membuat script untuk menampilkan data, kali ini kita akan
membuat script untuk menghapus data yang dipilih. Script yang dibuat
akan disimpan pada file yang bernama Member-hapus.php.
Cara Penggunaannya, pada member-daftar.php, terdapat link hapus
dimana jika diklik, data yang dipilih akan terhapus karena akan diproses
oleh Member-hapus.php
<?php
include("koneksi/koneksi.php");
$kode=$_GET['kode'];
$tabel='anggota';
$sql="DELETE FROM $tabel WHERE ID = $kode";
$query=mysql_query($sql) or die('<script type="text/javascript">alert(\'Data tidak dapat
dihapus karena \n '.mysql_error().'\');history.go(-1);</script>');
if ($query){
echo '<script type="text/javascript">alert(\'data member berhasil
dihapus\');document.location=\'member-daftar.php\';</script>';
} else {
echo '<script type="text/javascript">alert(\'gagal dihapus\');history.go(1);</script>';
}
?>
Data Anggota
berhasil dihapus
Klik “hapus”
Pilih data yang
akan dihapus
Pada bagian ini, akan ditunjukkan proses-proses yang terjadi pada
pengolahan data penulis, antara lain
Menambah
data Penulis
Mengubah data Penulis
Menampilkan data Penulis
Menghapus data Penulis
File-file yang dibutuhkan :
Penulis-tambah.php
 Form untuk menambah data penulis
Penulis-edit.php
 Form untuk mengubah data penulis
Penulis-daftar.php
 Untuk menampilkan data penulis
Exe-Penulis.php
 Script untuk memproses penambahan
dan pengubahan data.
Penulis-hapus.php
 Script untuk memproses penghapusan data
Untuk dapat menambah data penulis, kita perlu membuat form terlebih
dulu. Form ini digunakan untuk mengisi data-data yang diminta, seperti
Kode, Nama, Alamat, E-mail, dan sebagainya..
Halaman berikut adalah coding untuk membuat form tambah yang
nantinya dihubungkan dengan script insert ke dalam database (script
dasar)
<h1 class="judul">PENAMBAHAN DATA PENULIS</h1>
<form action="exe_penulis.php" method="post" name="tambahpenulis">
<table width="429" border="0" cellspacing="0" cellpadding="3" align="center">
Action file..
<tr>
<td>Kode Penulis </td>
<td width="4"><div align="center">:</div></td>
<td width="208"><input name="kode" type="text" class="teks" /></td>
</tr>
<tr>
<td>Penulis</td>
<td><div align="center">:</div></td>
<td><input name="penulis" type="text" class="teks" /></td>
</tr>
Part 1
<tr>
<td>Alamat Penulis </td>
<td><div align="center">:</div></td>
<td><input name="alamat" type="text" class="teks" /></td>
</tr>
<tr>
<td>E-mail</td>
<td><div align="center">:</div></td>
<td><input name="email" type="text" class="teks" /></td>
</tr>
<tr>
<td width="199">Deskripsi</td>
<td><div align="center">:</div></td>
<td><textarea name="desk" class="deks"></textarea></td>
</tr>
<tr>
<td colspan="3" class="submit"><input name="tambah" type="submit" class="button"
value="Tambah" />
<input name="Reset" type="reset" class="button" id="Reset" value="Batal" /></td>
</tr>
</table>
</form>
Part 2
<?php
include('koneksi/koneksi.php');
$tabel='penulis';
$tambah=$_POST['tambah'];
$edit=$_POST['edit'];
if ($tambah){
global $kode, $penulis, $alamat, $email, $desk;
$kode=$_POST['kode'];
$penulis=$_POST['penulis'];
$alamat=$_POST['alamat'];
$email=$_POST['email'];
$desk=$_POST['desk'];
if ((!$kode) || (!$penulis) || (!$alamat) || (!$email) || (!$desk)){
echo '<script type="text/javascript">alert(\'Data belum lengkap\'); history.go(-1); </script>
';
} elseif (!ereg("^.+@.+\\..+",$email)){
echo '<script type="text/javascript">alert(\'email tidak valid\');history.go(-1);</script>';
} else {
$sql="INSERT INTO $tabel (`ID`, `KD_PENULIS`, `PENULIS`, `ALAMAT`, `EMAIL`,
`DESKRIPSI`) VALUES (NULL, '$kode', '$penulis', '$alamat', '$email', '$desk')";
$query=mysql_query($sql) or die(mysql_error());
if ($query){
echo '<script type="text/javascript">alert(\'Data penulis berhasil
ditambahkan\'); document.location=\'penulis-daftar.php\'; </script>
';
} else {
echo '<script type="text/javascript">alert(\'Data penulis gagal\'); history.go(-1);
</script> ';
}
}
}
Pengisian datadata pada form
yang telah
tersedia
Data Penulis berhasil
ditambahkan
Untuk dapat mengubah data penulis, kita perlu membuat form terlebih
dulu. Form ini digunakan untuk mengisi data-data yang diminta, seperti
Kode, Nama, Alamat, E-mail, dan sebagainya..
Halaman berikut adalah coding untuk membuat form tambah yang
nantinya dihubungkan dengan script insert ke dalam database (script
dasar)
<h1 class="judul">PENGEDITAN DATA PENULIS</h1>
<?php
include("koneksi/koneksi.php");
$id=$_GET['kode'];
$tabel='penulis';
$sql="SELECT * FROM $tabel WHERE ID=$id";
$query=mysql_query($sql) or die(mysql_error());
while($hasil=mysql_fetch_array($query)){
?>
<form action="exe_penulis.php" method="post" name="editpenulis">
<table width="429" border="0" cellspacing="0" cellpadding="3" align="center">
<tr>
<td>Kode Penulis </td>
<td width="4"><div align="center">:</div></td>
<td width="208"><input name="kode" type="text" class="teks" value="<? echo $hasil[1];
?>"/></td>
</tr>
Part 1
<tr>
<td>Penulis</td>
<td><div align="center">:</div></td>
<td><input name="penulis" type="text" class="teks" value="<? echo $hasil[2]; ?>"/></td>
</tr>
<tr>
<td>Alamat Penulis </td>
<td><div align="center">:</div></td>
<td><input name="alamat" type="text" class="teks" value="<? echo $hasil[3]; ?>"/></td>
</tr>
<tr>
<td>E-mail</td>
<td><div align="center">:</div></td>
<td><input name="email" type="text" class="teks" value="<? echo $hasil[4]; ?>"/></td>
</tr>
<tr>
<td width="199">Deskripsi</td>
<td><div align="center">:</div></td>
<td><textarea name="desk" class="deks"><? echo $hasil[5]; ?></textarea></td>
</tr>
<tr>
<td colspan="3" class="submit"><input name="id" type="hidden" value="<? echo $id; ?>"
/><input name="edit" type="submit" class="button" value="Edit" />
<input name="Reset" type="reset" class="button" id="Reset" value="Batal" /></td>
</tr>
</table>
</form>
<?php
Part 2
}
?>
if ($edit){
global $kode, $penulis, $alamat, $email, $desk, $kode, $id;
$kode=$_POST['kode'];
$penulis=$_POST['penulis'];
$alamat=$_POST['alamat'];
$email=$_POST['email'];
$desk=$_POST['desk'];
$id=$_POST['id'];
if ((!$kode) || (!$penulis) || (!$alamat) || (!$email) || (!$desk)){
echo '<script type="text/javascript">alert(\'Data belum lengkap\'); history.go(-1); </script> ';
} elseif (!ereg("^.+@.+\\..+",$email)){
echo '<script type="text/javascript">alert(\'email tidak valid\');history.go(-1);</script>';
} else {
$sql="UPDATE $tabel SET `KD_PENULIS` = '$kode', `PENULIS` = '$penulis', `ALAMAT` = '$alamat',
`EMAIL` = '$email', `DESKRIPSI` = '$desk' WHERE `ID`= $id;";
$query=mysql_query($sql) or die(mysql_error());
if ($query){
echo '<script type="text/javascript">alert(\'Data penulis berhasil diubah\');
document.location=\'penulis-daftar.php\'; </script> ';
} else {
echo '<script type="text/javascript">alert(\'Data penulis gagal\'); history.go(-1);
</script>
';
}
}
}
?>
Klik “Edit”
Perhatikan data ini
Ubah Data..
Data berhasil
diubah
Pilih data yang
Klik “Edit”
akan diubah
Untuk menampilkan data penulis, kita perlu membuat sebuah file php
yang bernama penulis-daftar.php, yang berisi sintaks-sintaks yang
bertujuan untuk menampilkan data-data yang bersumber dari database
MySQL. Dalam contoh berikut ini, kita akan membuat sebuah tampilan
data dimana setiap halaman hanya dibatasi maksimal 4 data, selebihnya
kita akan ditampilkan link menuju halaman berikutnya.
<?php
include('koneksi/koneksi.php');
$tabel='penulis';
$hal=$_GET['hal'];
if (!$_GET['hal']){
$page=1;
} else {
$page=$hal;
Part 1
}
$max=4;
$dari=($page*$max)-$max;
$sql="SELECT * FROM $tabel LIMIT $dari, $max";
$query=mysql_query($sql) or die(mysql_error());
while($hasil=mysql_fetch_array($query)){
echo "<div class='content'>ID : ".$hasil[0]."<br>Kode Penulis : ".$hasil[1]."<br>Nama
Penulis : ".$hasil[2]."<br>Alamat : ".$hasil[3]."<br>E-mail : ".$hasil[4]."<br>Deskripsi : ".$hasil[5]."<br>
<a href='penulis-edit.php?kode=".$hasil[0]."' class=edit>Edit</a>&nbsp;<a
href='penulis-hapus.php?kode=".$hasil[0]."' class=edit>Hapus</a><input name='hapus' type='hidden'
value='hapus' /></div><br>";
}
$jumdata=mysql_result(mysql_query("SELECT COUNT(*) as jum FROM $tabel"),0);
$jumhal=ceil($jumdata/$max);
echo "<div align='center'>";
if ($page>1){
$awal=1;
echo "<a href=penulis-daftar.php?hal=$awal class=navipage> << </a>";
}
if ($page>1){
$prev=$page-1;
echo "<a href=penulis-daftar.php?hal=$prev class=navipage> < </a>";
}
for ($i=1; $i <= $jumhal; $i++ ){
if($i==$page){
echo "$i";
} else {
echo "<a href=penulis-daftar.php?hal=$i class=navipage> $i </a>";
}
}
if ($page < $jumhal){
$next=$page+1;
echo "<a href=penulis-daftar.php?hal=$next class=navipage> > </a>";
}
if ($page < $jumhal){
$akhir=$jumhal;
echo "<a href=penulis-daftar.php?hal=$akhir class=navipage> >> </a>";
}
echo "</div>";
Part 2
?>
Setelah membuat file untuk menampilkan data, kali ini kita akan membuat
file untuk menghapus data. File yang akan kita buat bernama Penulishapus.php
Cara penggunaannya, pada Penulis-daftar.php, klik “hapus” pada data
yang terpilih, kemudian kita akan dialihkan pada file Penulis-hapus.php,
kemudian secara otomatis akan ter-alihkan pada file Penulis-daftar.php
<?php
include("koneksi/koneksi.php");
$kode=$_GET['kode'];
$tabel='penulis';
$sql="DELETE FROM $tabel WHERE ID = $kode";
$query=mysql_query($sql) or die('<script type="text/javascript">alert(\'Data tidak dapat dihapus
karena \n '.mysql_error().'\');history.go(-1);</script>');
if ($query){
echo '<script type="text/javascript">alert(\'data penulis berhasil
dihapus\');document.location=\'penulis-daftar.php\';</script>';
} else {
echo '<script type="text/javascript">alert(\'gagal dihapus\');history.go(-1);</script>';
}
?>
Klik
“hapus”
Pilih data yang
akan dihapus
Pada bagian ini, akan ditunjukkan proses-proses yang terjadi pada
pengolahan data penerbit, antara lain
Menambah
data Penerbit
Mengubah data Penerbit
Menampilkan data Penerbit
Menghapus data Penerbit
File-file yang dibutuhkan :
Penerbit-tambah.php  Form untuk menambah data penerbit
Penerbit-edit.php
 Form untuk mengubah data penerbit
Penerbit-daftar.php
 Untuk menampilkan data penerbit
Exe-Penerbit.php
 Script untuk memproses penambahan
dan pengubahan data.
Penerbit-hapus.php
 Script untuk memproses penghapusan data
Untuk dapat menambah data penerbit, kita perlu membuat form terlebih
dulu. Form ini digunakan untuk mengisi data-data yang diminta, seperti
Kode Penerbit, Nama Penerbit, Alamat, E-mail, dan sebagainya..
Halaman berikut adalah coding untuk membuat form tambah yang
nantinya dihubungkan dengan script insert ke dalam database (script
dasar)
<h1 class="judul">PENAMBAHAN DATA PENERBIT</h1>
<form action="exe_penerbit.php" method="post" name="tambahpenerbit" id="tambahpenerbit">
<table width="429" border="0" cellspacing="0" cellpadding="3" align="center">
<tr>
<td>Kode Penerbit </td>
<td width="4"><div align="center">:</div></td>
<td width="208"><input name="kode" type="text" class="teks" /></td>
</tr>
<tr>
<td>Penerbit</td>
<td><div align="center">:</div></td>
<td><input name="penerbit" type="text" class="teks" id="penerbit" /></td>
</tr>
<tr>
<td>Alamat Penerbit</td>
Part 1
<td><div align="center">:</div></td>
<td><input name="alamat" type="text" class="teks" /></td>
</tr>
<tr>
<td>E-mail</td>
<td><div align="center">:</div></td>
<td><input name="email" type="text" class="teks" /></td>
</tr>
<tr>
<td>Telepon</td>
<td><div align="center">:</div></td>
<td><input name="telepon" type="text" class="teks" id="telepon" /></td>
</tr>
<tr>
<td width="199">Deskripsi</td>
<td><div align="center">:</div></td>
Part 2
<td><textarea name="desk" class="deks"></textarea></td>
</tr>
<tr>
<td colspan="3" class="submit"><input name="tambah" type="submit" class="button"
value="Tambah" />
<input name="Reset" type="reset" class="button" id="Reset" value="Batal" /></td>
</tr>
</table>
</form>
<?php
include('koneksi/koneksi.php');
$tabel='penerbit';
$tambah=$_POST['tambah'];
$edit=$_POST['edit'];
if ($tambah){
global $kode, $penerbit, $alamat, $email, $telepon, $desk;
$kode=$_POST['kode'];
$penerbit=$_POST['penerbit'];
$alamat=$_POST['alamat'];
$email=$_POST['email'];
$telepon=$_POST['telepon'];
$desk=$_POST['desk'];
if ((!$kode) || (!$penerbit) || (!$alamat) || (!$email) || (!$telepon) || (!$desk)){
echo '<script type="text/javascript">alert(\'Data belum lengkap\'); history.go(-1); </script>
';
} elseif (!ereg("^.+@.+\\..+",$email)){
echo '<script type="text/javascript">alert(\'email tidak valid\');history.go(-1);</script>';
} else {
$sql="INSERT INTO $tabel (`ID`, `KD_PENERBIT`, `PENERBIT`, `ALAMAT`, `PHONE`,
`EMAIL`, `DESKRIPSI`) VALUES (NULL, '$kode', '$penerbit', '$alamat', '$email', '$telepon', '$desk')";
$query=mysql_query($sql) or die(mysql_error());
if ($query){
echo '<script type="text/javascript">alert(\'Data penerbit berhasil
ditambahkan\'); document.location=\'penerbit-daftar.php\'; </script>
';
} else {
echo '<script type="text/javascript">alert(\'Data penerbit gagal\'); history.go(-1);
</script> ';
}
}
}
Data berhasil
ditambahkan
Isi data baru pada form
Klik
“tambah”
Untuk dapat mengubah data penerbit, kita perlu membuat form terlebih
dulu. Form ini digunakan untuk mengisi data-data yang diminta, seperti
Kode Penerbit, Nama Penerbit, Alamat, E-mail, dan sebagainya..
Halaman berikut adalah coding untuk membuat form tambah yang
nantinya dihubungkan dengan script insert ke dalam database (script
dasar)
<h1 class="judul">PENGEDITAN DATA PENERBIT</h1>
<?php
include("koneksi/koneksi.php");
$id=$_GET['kode'];
Part 1
$tabel='penerbit';
$sql="SELECT * FROM $tabel WHERE ID=$id";
$query=mysql_query($sql) or die(mysql_error());
while($hasil=mysql_fetch_array($query)){
?>
<form action="exe_penerbit.php" method="post" name="tambahpenerbit" id="tambahpenerbit">
<table width="429" border="0" cellspacing="0" cellpadding="3" align="center">
<tr>
<td>Kode Penerbit </td>
<td width="4"><div align="center">:</div></td>
<td width="208"><input name="kode" type="text" class="teks" value="<? echo $hasil[1]; ?>"/></td>
</tr>
<tr>
<td>Penerbit</td>
<td><div align="center">:</div></td>
<td><input name="penerbit" type="text" class="teks" id="penerbit" value="<? echo $hasil[2]; ?>"/></td>
</tr>
<tr>
<td>Alamat Penerbit</td>
<td><div align="center">:</div></td>
<td><input name="alamat" type="text" class="teks" value="<? echo $hasil[3]; ?>"/></td>
</tr>
<tr>
<td>E-mail</td>
<td><div align="center">:</div></td>
<td><input name="email" type="text" class="teks" value="<? echo $hasil[4]; ?>"/></td>
</tr>
<tr>
<td>Telepon</td>
<td><div align="center">:</div></td>
<td><input name="telepon" type="text" class="teks" id="telepon" value="<? echo $hasil[5];
?>"/></td>
</tr>
<tr>
<td width="199">Deskripsi</td>
<td><div align="center">:</div></td>
<td><textarea name="desk" class="deks"><? echo $hasil[6]; ?></textarea></td>
</tr>
<tr>
<td colspan="3" class="submit"><input name="id" type="hidden" value="<? echo $id; ?>"
/><input name="edit" type="submit" class="button" id="edit" value="Edit" />
<input name="Reset" type="reset" class="button" id="Reset" value="Batal" /></td>
</tr>
</table>
</form>
<?php
}
?>
Part 2
if($edit){
global $kode, $penerbit, $alamat, $email, $telepon, $desk, $id;
$kode=$_POST['kode'];
$penerbit=$_POST['penerbit'];
$alamat=$_POST['alamat'];
$email=$_POST['email'];
$telepon=$_POST['telepon'];
$desk=$_POST['desk'];
$id=$_POST['id'];
if ((!$kode) || (!$penerbit) || (!$alamat) || (!$email) || (!$telepon) || (!$desk)){
echo '<script type="text/javascript">alert(\'Data belum lengkap\'); history.go(-1); </script>
';
} elseif (!ereg("^.+@.+\\..+",$email)){
echo '<script type="text/javascript">alert(\'email tidak valid\');history.go(-1);</script>';
} else {
$sql="UPDATE $tabel SET `KD_PENERBIT` = '$kode', `PENERBIT` = '$penerbit', `ALAMAT` =
'$alamat', `PHONE` = '$telepon', `EMAIL` = '$email', `DESKRIPSI` = '$desk' WHERE ID = $id";
$query=mysql_query($sql) or die(mysql_error());
if ($query){
echo '<script type="text/javascript">alert(\'Data penerbit berhasil diubah\');
document.location=\'penerbit-daftar.php\'; </script>
';
} else {
echo '<script type="text/javascript">alert(\'Data penerbit gagal\'); history.go(-1);
</script> ';
}
}
}
?>
Klik
“Edit”
Pilih data yang
akan diubah
Ubah data
Data berhasil
diubah
Klik “Edit”
Untuk menampilkan data penerbit, kita perlu membuat sebuah file php
yang bernama penerbit-daftar.php, yang berisi sintaks-sintaks yang
bertujuan untuk menampilkan data-data yang bersumber dari database
MySQL. Dalam contoh berikut ini, kita akan membuat sebuah tampilan
data dimana setiap halaman hanya dibatasi maksimal 4 data, selebihnya
kita akan ditampilkan link menuju halaman berikutnya.
<h1 class="judul">DATA PENERBIT </h1>
<?php
include('koneksi/koneksi.php');
$tabel='penerbit';
Part 1
$hal=$_GET['hal'];
if (!$_GET['hal']){
$page=1;
} else {
$page=$hal;
}
$max=4;
$dari=($page*$max)-$max;
$sql="SELECT * FROM $tabel LIMIT $dari, $max";
$query=mysql_query($sql) or die(mysql_error());
while($hasil=mysql_fetch_array($query)){
echo "<div class='content'>ID : ".$hasil[0]."<br>Kode Penerbit : ".$hasil[1]."<br>Penerbit :
".$hasil[2]."<br>Alamat : ".$hasil[3]."<br>Telepon : ".$hasil[4]."<br>E-mail : ".$hasil[5]."<br>Deskripsi :
".$hasil[6]."<br>
<a href='penerbit-edit.php?kode=".$hasil[0]."' class=edit>Edit</a>&nbsp;<a
href='penerbit-hapus.php?kode=".$hasil[0]."' class=edit>Hapus</a></div><br>";
}
$jumdata=mysql_result(mysql_query("SELECT COUNT(*) as jum FROM $tabel"),0);
$jumhal=ceil($jumdata/$max);
echo "<div align='center'>";
if ($page>1){
$awal=1;
echo "<a href=penerbit-daftar.php?hal=$awal class=navipage> << </a>";
}
if ($page>1){
$prev=$page-1;
echo "<a href=penerbit-daftar.php?hal=$prev class=navipage> < </a>";
}
for ($i=1; $i <= $jumhal; $i++ ){
if($i==$page){
Part 2
echo "$i";
} else {
echo "<a href=penerbit-daftar.php?hal=$i class=navipage> $i </a>";
}
}
if ($page < $jumhal){
$next=$page+1;
echo "<a href=penerbit-daftar.php?hal=$next class=navipage> > </a>";
}
if ($page < $jumhal){
$akhir=$jumhal;
echo "<a href=penerbit-daftar.php?hal=$akhir class=navipage> >> </a>";
}
echo "</div>";
?>
Data
ditampilkan
Setelah membuat file untuk menampilkan data, kali ini kita akan membuat
file untuk menghapus data. File yang akan kita buat bernama Penerbithapus.php
Cara penggunaannya, pada Penerbit-daftar.php, klik “hapus” pada data
yang terpilih, kemudian kita akan dialihkan pada file Penerbit-hapus.php,
kemudian secara otomatis akan ter-alihkan pada file Penerbit-daftar.php
<?php
include("koneksi/koneksi.php");
$kode=$_GET['kode'];
$tabel='penerbit';
$sql="DELETE FROM $tabel WHERE ID = $kode";
$query=mysql_query($sql) or die('<script type="text/javascript">alert(\'Data tidak dapat dihapus
karena \n '.mysql_error().'\');history.go(-1);</script>');
if ($query){
echo '<script type="text/javascript">alert(\'data penerbit berhasil
dihapus\');document.location=\'penerbit-daftar.php\';</script>';
} else {
echo '<script type="text/javascript">alert(\'gagal dihapus\');history.go(-1);</script>';
}
?>
Pilih data yang
akan dihapus
Klik
“hapus”
Data
berhasil
dihapus
Pada bagian ini, akan ditunjukkan proses-proses yang terjadi pada
pengolahan data Jenis Buku, antara lain
Menambah
data Jenis Buku
Mengubah data Jenis Buku
Menampilkan data Jenis Buku
Menghapus data Jenis Buku
File-file yang dibutuhkan :
Jenis-tambah.php  Form untuk menambah data jenis
Jenis-edit.php  Form untuk mengubah data jenis
Jenis-daftar.php
 Untuk menampilkan data jenis
Exe-jenis.php  Script untuk memproses penambahan
dan pengubahan data.
Jenis-hapus.php
 Script untuk memproses penghapusan data
Untuk dapat menambah data jenis, kita perlu membuat form terlebih dulu.
Form ini digunakan untuk mengisi data-data yang diminta, seperti Kode
Jenis, Jenis Buku dan Deskripsi
Halaman berikut adalah coding untuk membuat form tambah yang
nantinya dihubungkan dengan script insert ke dalam database (script
dasar)
<h1 class="judul">PENAMBAHAN DATA JENIS BUKU </h1>
<form action="exe_jenis.php" method="post" name="tambahjenis" id="tambahjenis">
<table width="429" border="0" cellspacing="0" cellpadding="3" align="center">
<tr>
<td>Kode Jenis </td>
<td width="4"><div align="center">:</div></td>
<td width="208"><input name="kode" type="text" class="teks" /></td>
</tr>
<tr>
<td>Jenis Buku </td>
<td><div align="center">:</div></td>
<td><input name="jenis" type="text" class="teks" id="jenis" /></td>
</tr>
<tr>
<td width="199">Deskripsi</td>
<td><div align="center">:</div></td>
<td><textarea name="desk" class="deks"></textarea></td>
</tr>
<tr>
<td colspan="3" class="submit"><input name="tambah" type="submit" class="button"
value="Tambah" />
<input name="Reset" type="reset" class="button" id="Reset" value="Batal" /></td>
</tr>
</table>
</form>
<?php
include('koneksi/koneksi.php');
$tabel='jenis';
if ($tambah){
global $kode, $jenis, $desk;
$kode=$_POST['kode'];
$jenis=$_POST['jenis'];
$desk=$_POST['desk'];
Script untuk
proses
if ((!$kode) || (!$jenis) || (!$desk)){
echo '<script type="text/javascript">alert(\'Data belum lengkap\'); history.go(-1);
</script> ';
} else {
$sql="INSERT INTO $tabel (`KD_JENIS`, `JENIS_BUKU`, `DESKRIPSI`) VALUES
('$kode', '$jenis', '$desk')";
$query=mysql_query($sql) or die(mysql_error());
if ($query){
echo '<script type="text/javascript">alert(\'Data jenis buku berhasil
ditambahkan\'); document.location=\'jenis-daftar.php\'; </script>
';
} else {
echo '<script type="text/javascript">alert(\'Data jenis gagal\');
history.go(-1); </script>
';
}
}
}
Data berhasil
ditambahkan
Klik “tambah”
Isi data-data jenis
buku yang akan
ditambahkan
Untuk dapat mengubah data jenis buku, kita perlu membuat form terlebih
dulu. Form ini digunakan untuk mengisi data-data yang diminta, seperti
Kode Jenis, Jenis, dan Deskripsi
Halaman berikut adalah coding untuk membuat form tambah yang
nantinya dihubungkan dengan script insert ke dalam database (script
dasar)
<h1 class="judul">PENGEDITAN DATA JENIS BUKU </h1>
<?php
include("koneksi/koneksi.php");
$id=$_GET['kode'];
$tabel='jenis';
$sql="SELECT * FROM $tabel WHERE KD_JENIS='$id'";
$query=mysql_query($sql) or die(mysql_error());
while($hasil=mysql_fetch_array($query)){
?>
<form action="exe_jenis.php" method="post" name="editjenis" id="editjenis">
<table width="429" border="0" cellspacing="0" cellpadding="3" align="center">
<tr>
<td>Kode Jenis </td>
<td width="4"><div align="center">:</div></td>
<td width="208"><input name="kode" type="text" class="teks" value="<? echo $hasil[0]; ?>"/></td>
</tr>
<tr>
<td>Jenis Buku </td>
<td><div align="center">:</div></td>
<td><input name="jenis" type="text" class="teks" id="jenis" value="<? echo $hasil[1]; ?>"/></td>
</tr>
<tr>
<td width="199">Deskripsi</td>
<td><div align="center">:</div></td>
<td><textarea name="desk" class="deks"><? echo $hasil[2]; ?></textarea></td>
</tr>
<tr>
<td colspan="3" class="submit"><input name="id" type="hidden" value="<? echo $id; ?>" /><input name="edit" type="submit"
class="button" value="Edit" />
<input name="Reset" type="reset" class="button" id="Reset" value="Batal" /></td>
</tr>
</table>
</form>
<?php
}
?>
if ($edit){
global $kode, $jenis, $desk, $id;
$kode=$_POST['kode'];
$jenis=$_POST['jenis'];
$desk=$_POST['desk'];
$id=$_POST['id'];
if ((!$kode) || (!$jenis) || (!$desk)){
echo '<script type="text/javascript">alert(\'Data belum lengkap\'); history.go(-1);
</script> ';
} else {
$sql="UPDATE $tabel SET `KD_JENIS` = '$kode', `JENIS_BUKU` = '$jenis',
`DESKRIPSI` = '$desk' WHERE KD_JENIS= '$id'";
$query=mysql_query($sql) or die(mysql_error());
if ($query){
echo '<script type="text/javascript">alert(\'Data jenis buku berhasil
diubah\'); document.location=\'jenis-daftar.php\'; </script>
';
} else {
echo '<script type="text/javascript">alert(\'Data jenis gagal\');
history.go(-1); </script>
';
}
}
}
?>
Ubah data yang
yang akan diubah
Klik “Edit”
Pilih data yang
Datadiedit
berhasil
akan
diubah
Untuk menampilkan data jenis buku, kita perlu membuat sebuah file php
yang bernama jenis-daftar.php, yang berisi sintaks-sintaks yang bertujuan
untuk menampilkan data-data yang bersumber dari database MySQL.
Dalam contoh berikut ini, kita akan membuat sebuah tampilan data
dimana setiap halaman hanya dibatasi maksimal 4 data, selebihnya kita
akan ditampilkan link menuju halaman berikutnya.
<h1 class="judul">DATA JENIS BUKU </h1>
<?php
include('koneksi/koneksi.php');
$tabel='jenis';
$hal=$_GET['hal'];
if (!$_GET['hal']){
$page=1;
} else {
Part 1
$page=$hal;
}
$max=4;
$dari=($page*$max)-$max;
$sql="SELECT * FROM $tabel LIMIT $dari, $max";
$query=mysql_query($sql) or die(mysql_error());
while($hasil=mysql_fetch_array($query)){
echo "<div class='content'>Kode Jenis : ".$hasil[0]."<br>Jenis Buku :
".$hasil[1]."<br>Deskripsi : ".$hasil[2]."<br>
<a href='jenis-edit.php?kode=".$hasil[0]."' class=edit>Edit</a>&nbsp;<a
href='jenis-hapus.php?kode=".$hasil[0]."' class=edit>Hapus</a></div><br>";
}
$jumdata=mysql_result(mysql_query("SELECT COUNT(*) as jum FROM $tabel"),0);
$jumhal=ceil($jumdata/$max);
echo "<div align='center'>";
if ($page>1){
$awal=1;
echo "<a href=jenis-daftar.php?hal=$awal class=navipage> << </a>";
}
if ($page>1){
$prev=$page-1;
echo "<a href=jenis-daftar.php?hal=$prev class=navipage> < </a>";
}
for ($i=1; $i <= $jumhal; $i++ ){
if($i==$page){
Part 2
echo "$i";
} else {
echo "<a href=jenis-daftar.php?hal=$i class=navipage> $i </a>";
}
}
if ($page < $jumhal){
$next=$page+1;
echo "<a href=jenis-daftar.php?hal=$next class=navipage> > </a>";
}
if ($page < $jumhal){
$akhir=$jumhal;
echo "<a href=jenis-daftar.php?hal=$akhir class=navipage> >> </a>";
}
echo "</div>";
?>
Setelah membuat file untuk menampilkan data, kali ini kita akan membuat
file untuk menghapus data. File yang akan kita buat bernama jenishapus.php
Cara penggunaannya, pada jenis-daftar.php, klik “hapus” pada data yang
terpilih, kemudian kita akan dialihkan pada file jenis-hapus.php, kemudian
secara otomatis akan ter-alihkan kembali pada file jenis-daftar.php
<?php
include("koneksi/koneksi.php");
$kode=$_GET['kode'];
$tabel='jenis';
$sql="DELETE FROM $tabel WHERE KD_JENIS = $kode";
$query=mysql_query($sql) or die('<script type="text/javascript">alert(\'Data tidak dapat dihapus
karena \n '.mysql_error().'\');history.go(-1);</script>');
if ($query){
echo '<script type="text/javascript">alert(\'data jenis buku berhasil
dihapus\');document.location=\'jenis-daftar.php\';</script>';
} else {
echo '<script type="text/javascript">alert(\'gagal dihapus\');history.go(-1);</script>';
}
?>
Pilih data yang akan
dihapus
Data berhasil
dihapus
Klik “hapus”
Pada bagian ini, akan ditunjukkan proses-proses yang terjadi pada
pengolahan data user, antara lain
Menambah
data User
Mengubah data User
Menampilkan data User
Menghapus data User
File-file yang dibutuhkan :
User-tambah.php  Form untuk menambah data user
User-edit.php  Form untuk mengubah data user
User-daftar.php
 Untuk menampilkan data user
Exe-User.php  Script untuk memproses penambahan
dan pengubahan data.
User-hapus.php
 Script untuk memproses penghapusan data
User digunakan untuk seleksi perijinan bagi seorang administrator
sebelum masuk ke dalam Admin Page, selain itu juga digunakan sebagai
pengamanan bagi orang lain yang ingin masuk ke dalam Administrator
Page (Login Page).
Kita perlu membuat sebuah form yang digunakan untuk menampung
data-data yang nantinya akan dihubungkan ke script yang memproses
data-data tadi masuk ke dalam database.
<h1 class="judul">PENAMBAHAN DATA USER </h1>
<form action="exe_user.php" method="post" name="tambahuser" id="tambahuser">
<table width="429" border="0" cellspacing="0" cellpadding="3" align="center">
<tr>
<td width="199">ID User </td>
<td width="4"><div align="center">:</div></td>
<td width="208"><input name="id" type="text" class="teks" id="id" /></td>
</tr>
<tr>
<td>Nama</td>
<td><div align="center">:</div></td>
<td><input name="nama" type="text" class="teks" id="nama" /></td>
</tr>
Part 1
<tr>
<td>Nick Name </td>
<td><div align="center">:</div></td>
<td><input name="nick" type="text" class="teks" id="nick" /></td>
</tr>
<tr>
<td>Sandi</td>
<td><div align="center">:</div></td>
<td><input name="sandi" type="password" class="teks" id="sandi" /></td>
</tr>
<tr>
<td>Hak</td>
<td><div align="center">:</div></td>
<td><select name="hak" class="list" id="hak">
<option value="not_option">Pilih Hak</option>
<option value="Admin">Admin</option>
<option value="Guest">Guest</option>
</select>
Part 2
</td>
</tr>
<tr>
<td colspan="3" class="submit"><input name="tambah" type="submit" class="button"
value="Tambah" />
<input name="Reset" type="reset" class="button" id="Reset" value="Batal" /></td>
</tr>
</table>
</form>
<?php
include('koneksi/koneksi.php');
$tabel='userpass';
$tambah=$_POST['tambah'];
$edit=$_POST['edit'];
if ($tambah){
global $id, $nama, $nick, $sandi, $hak;
$id=$_POST['id'];
$nama=$_POST['nama'];
$nick=$_POST['nick'];
$sandi=$_POST['sandi'];
$hak=$_POST['hak'];
if ((!$id) || (!$nama) || (!$nick) || (!$sandi) || ($hak=='not_option')){
echo '<script type="text/javascript">alert(\'Data belum lengkap\'); history.go(-1); </script>
';
} else {
$pass=md5($sandi);
$sql="INSERT INTO $tabel (`ID`, `ID_USER`, `NAMA`, `NICK_NAME`, `SANDI`, `HAK`)
VALUES (NULL, '$id', '$nama', '$nick', '$pass', '$hak')";
$query=mysql_query($sql) or die(mysql_error());
if ($query){
echo '<script type="text/javascript">alert(\'Data user berhasil ditambahkan\');
document.location=\'user-daftar.php\'; </script>
';
} else {
echo '<script type="text/javascript">alert(\'Data user gagal\'); history.go(-1);
</script> ';
}
}
}
Data telah
ditambahkan
Klik
“Tambah”
User : root
Password : root
Klik
“Next”
Untuk dapat mengubah data user, kita perlu membuat form terlebih dulu.
Form ini digunakan untuk mengisi data-data yang diminta, seperti ID User,
Nama, Nick Name, dan sebagainya
Halaman berikut adalah coding untuk membuat form tambah yang
nantinya dihubungkan dengan script insert ke dalam database (script
dasar)
<h1 class="judul">PENGEDITAN DATA USER </h1>
<?php
include("koneksi/koneksi.php");
$kode=$_GET['kode'];
$tabel='userpass';
$sql="SELECT * FROM $tabel WHERE ID=$kode";
Part 1
$query=mysql_query($sql) or die(mysql_error());
while($hasil=mysql_fetch_array($query)){
?>
<form action="exe_user.php" method="post" name="tambahuser" id="tambahuser">
<table width="429" border="0" cellspacing="0" cellpadding="3" align="center">
<tr>
<td width="199">ID User </td>
<td width="4"><div align="center">:</div></td>
<td width="208"><input name="id" type="text" class="teks" id="id" value="<? echo $hasil[1]; ?>"/></td>
</tr>
<tr>
<td>Nama</td>
<td><div align="center">:</div></td>
<td><input name="nama" type="text" class="teks" id="nama" value="<? echo $hasil[2]; ?>" /></td>
</tr>
<tr>
<td>Nick Name </td>
<td><div align="center">:</div></td>
<td><input name="nick" type="text" class="teks" id="nick" value="<? echo $hasil[3]; ?>"/></td>
</tr>
<tr>
<td>Sandi</td>
<td><div align="center">:</div></td>
<td><input name="sandi" type="password" class="teks" id="sandi" value=""/></td>
</tr>
<tr>
<td>Hak</td>
<td><div align="center">:</div></td>
<td><select name="hak" class="list" id="hak">
<option value="<? echo $hasil[5]; ?>" selected="selected"><? echo $hasil[5];?></option>
<option value="Admin">Admin</option>
<option value="Guest">Guest</option>
</select>
Part 2
</td>
</tr>
<tr>
<td colspan="3" class="submit"><input name="kode" type="hidden" id="kode" value="<? echo
$kode; ?>" /><input name="edit" type="submit" class="button" id="edit" value="Edit" />
<input name="Reset" type="reset" class="button" id="Reset" value="Batal" /></td>
</tr>
</table>
</form>
<?php
}
?>
if($edit){
global $id, $nama, $nick, $sandi, $hak, $kode;
$id=$_POST['id'];
$nama=$_POST['nama'];
$nick=$_POST['nick'];
$sandi=$_POST['sandi'];
$hak=$_POST['hak'];
$kode=$_POST['kode'];
if ((!$id) || (!$nama) || (!$nick) || (!$sandi) || ($hak=='not_option')){
echo '<script type="text/javascript">alert(\'Data belum lengkap\'); history.go(-1);
</script> ';
} else {
$pass=md5($sandi);
$sql="UPDATE $tabel SET `ID_USER` = '$id', `NAMA` = '$nama', `NICK_NAME`
= '$nick', `SANDI` = '$pass', `HAK` = '$hak' WHERE ID = $kode";
$query=mysql_query($sql) or die(mysql_error());
if ($query){
echo '<script type="text/javascript">alert(\'Data user berhasil diedit\');
document.location=\'user-daftar.php\'; </script>
';
} else {
echo '<script type="text/javascript">alert(\'Data user gagal\');
history.go(-1); </script>
';
}
}
}
?>
Pilih data yang
akan diedit
Klik “Edit”
Data berhasil
Klik “Edit”
diubah
Ubah data yang
diinginkan
Untuk menampilkan data User, kita perlu membuat sebuah file php yang
bernama user-daftar.php, yang berisi sintaks-sintaks yang bertujuan untuk
menampilkan data-data yang bersumber dari database MySQL. Dalam
contoh berikut ini, kita akan membuat sebuah tampilan data dimana
setiap halaman hanya dibatasi maksimal 4 data, selebihnya kita akan
ditampilkan link menuju halaman berikutnya.
<h1 class="judul">DATA USER </h1>
<?php
include('koneksi/koneksi.php');
$tabel='userpass';
$hal=$_GET['hal'];
Part 1
if (!$_GET['hal']){
$page=1;
} else {
$page=$hal;
}
$max=4;
$dari=($page*$max)-$max;
$sql="SELECT * FROM $tabel LIMIT $dari, $max";
$query=mysql_query($sql) or die(mysql_error());
while($hasil=mysql_fetch_array($query)){
echo "<div class='content'>ID : ".$hasil[0]."<br>ID User : ".$hasil[1]."<br>Nama :
".$hasil[2]."<br>Nick Name : ".$hasil[3]."<br>Hak : ".$hasil[5]."<br>
<a href='user-edit.php?kode=".$hasil[0]."' class=edit>Edit</a>&nbsp;<a
href='user-hapus.php?kode=".$hasil[0]."' class=edit>Hapus</a></div><br>";
}
$jumdata=mysql_result(mysql_query("SELECT COUNT(*) as jum FROM $tabel"),0);
$jumhal=ceil($jumdata/$max);
echo "<div align='center'>";
if ($page>1){
$awal=1;
echo "<a href=user-daftar.php?hal=$awal class=navipage> << </a>";
}
if ($page>1){
$prev=$page-1;
echo "<a href=user-daftar.php?hal=$prev class=navipage> < </a>";
}
for ($i=1; $i <= $jumhal; $i++ ){
if($i==$page){
Part 2
echo "$i";
} else {
echo "<a href=user-daftar.php?hal=$i class=navipage> $i </a>";
}
}
if ($page < $jumhal){
$next=$page+1;
echo "<a href=user-daftar.php?hal=$next class=navipage> > </a>";
}
if ($page < $jumhal){
$akhir=$jumhal;
echo "<a href=user-daftar.php?hal=$akhir class=navipage> >> </a>";
}
echo "</div>";
?>
Setelah membuat file untuk menampilkan data, kali ini kita akan membuat
file untuk menghapus data. File yang akan kita buat bernama userhapus.php
Cara penggunaannya, pada user-daftar.php, klik “hapus” pada data yang
terpilih, kemudian kita akan dialihkan pada file user-hapus.php, kemudian
secara otomatis akan ter-alihkan kembali pada file user-daftar.php
<?php
include("koneksi/koneksi.php");
$kode=$_GET['kode'];
$tabel='userpass';
$sql="DELETE FROM $tabel WHERE ID = $kode";
$query=mysql_query($sql) or die('<script type="text/javascript">alert(\'Data tidak dapat dihapus
karena \n '.mysql_error().'\');history.go(-1);</script>');
if ($query){
echo '<script type="text/javascript">alert(\'data user berhasil
dihapus\');document.location=\'user-daftar.php\';</script>';
} else {
echo '<script type="text/javascript">alert(\'gagal dihapus\');history.go(-1);</script>';
}
?>
Pilih data yang akan
dihapus
Klik “hapus”
Data berhasil
dihapus
Pada bagian ini, akan ditunjukkan proses-proses yang terjadi pada
pengolahan data buku, antara lain
Menambah
data Buku
Mengubah data Buku
Menampilkan data Buku
Menghapus data Buku
File-file yang dibutuhkan :
Buku-tambah.php  Form untuk menambah data Buku
Buku-edit.php  Form untuk mengubah data Buku
Buku-daftar.php
 Untuk menampilkan data Buku
Exe-Buku.php  Script untuk memproses penambahan
dan pengubahan data.
Buku-hapus.php
 Script untuk memproses penghapusan data
Proses penambahan buku membutuhkan data dari tabel-tabel yang lain.
Karena data buku membutuhkan referensi data, seperti penulis, penerbit,
dan sebagainya. Jika tabel lain belum terisi, akan terjadi error ketika kita
mengisi data tabel buku.
Untuk menambah data buku, kita membutuhkan form yang di dalamnya
terdapat list yang di-generate dari tabel lain. Untuk lebih jelasnya,
perhatikan script berikut ini.
<h1 class="judul">PENAMBAHAN DATA BUKU </h1>
<form action="exe_buku.php" method="post" name="tambahbuku" id="tambahbuku">
<table width="429" border="0" cellspacing="0" cellpadding="3" align="center">
<tr>
<td width="199">ID Buku </td>
<td width="4"><div align="center">:</div></td>
<td width="208"><input name="ID" type="text" class="teks" id="ID" /></td>
</tr>
<tr>
<td>ISBN</td>
<td><div align="center">:</div></td>
<td><input name="isbn" type="text" class="teks" id="isbn" /></td>
</tr>
Part 1
<tr>
<td>Jenis</td>
<td><div align="center">:</div></td>
<td><select name="kdjenis" class="list">
<option value="not_option">Pilih Jenis</option>
<?php
include ("koneksi/koneksi.php");
$jenis="JENIS";
$sql="SELECT KD_JENIS,JENIS_BUKU FROM $jenis order by KD_JENIS ASC";
$query=mysql_query($sql) or die(mysql_error());
while ($hasil=mysql_fetch_array($query)){
echo '<option value='.$hasil[0].'>'.$hasil[1].'</option>';
}
mysql_close();
?>
</select>
</td>
</tr>
Mendapatkan
data dari tabel
jenis
Mendapatkan
<tr>
data dari tabel
<td>Judul</td>
<td><div align="center">:</div></td>
penulis
<td><input name="judul" type="text" class="teks" id="judul" /></td>
</tr>
<tr>
<td>Penulis</td>
<td><div align="center">:</div></td>
Part 2
<td><select name="kdpenulis" class="list">
<option value="not_option">Pilih Penulis</option>
<?php
include ("koneksi/koneksi.php");
$penulis="PENULIS";
$sql="SELECT KD_PENULIS,PENULIS FROM $penulis order by KD_PENULIS ASC";
$query=mysql_query($sql) or die(mysql_error());
while ($hasil=mysql_fetch_array($query)){
echo '<option value='.$hasil[0].'>'.$hasil[1].'</option>';
}
mysql_close();
?>
</select></td>
</tr>
Mendapatkan
data dari tabel
jenis
<tr>
<td>Penerbit </td>
<td><div align="center">:</div></td>
<td><select name="kdpenerbit" class="list" id="kdpenerbit">
<option value="not_option">Pilih Penerbit</option>
<?php
include ("koneksi/koneksi.php");
$penerbit="PENERBIT";
$sql="SELECT KD_PENERBIT,PENERBIT FROM $penerbit order by KD_PENERBIT ASC";
$query=mysql_query($sql) or die(mysql_error());
while ($hasil=mysql_fetch_array($query)){
echo '<option value='.$hasil[0].'>'.$hasil[1].'</option>';
}
mysql_close();
?>
</select></td>
</tr>
Part 3
<tr>
<td>Tahun Terbit </td>
<td><div align="center">:</div></td>
<td><input name="tahun" type="text" class="teks" id="tahun" maxlength="4" /></td>
</tr>
<tr>
<td>Jumlah Buku </td>
<td><div align="center">:</div></td>
<td><input name="jumlah" type="text" class="teks" id="jumlah" /></td>
</tr>
<tr>
<td>Rak Buku </td>
Part 4
<td><div align="center">:</div></td>
<td><input name="rak" type="text" class="teks" id="rak" /></td>
</tr>
<tr>
<td colspan="3" class="submit"><input name="tambah" type="submit" class="button"
value="Tambah" />
<input name="Reset" type="reset" class="button" id="Reset" value="Batal" /></td>
</tr>
</table>
</form>
<?php
Part 1
include('koneksi/koneksi.php');
$tabel='buku';
if ($tambah){
global $ID, $isbn, $kdjenis, $judul, $kdpenulis, $kdpenerbit, $tahun, $jumlah, $rak;
$ID=$_POST['ID'];
$isbn=$_POST['isbn'];
$kdjenis=$_POST['kdjenis'];
$judul=$_POST['judul'];
$kdpenulis=$_POST['kdpenulis'];
$kdpenerbit=$_POST['kdpenerbit'];
$tahun=$_POST['tahun'];
$jumlah=$_POST['jumlah'];
$rak=$_POST['rak'];
if ((!$ID) || (!$isbn) || ($kdjenis=='not_option') || (!$judul) || ($kdpenulis=='not_option') ||
($kdpenerbit=='not_option') || (!$tahun) || (!$jumlah) || (!$rak)) {
echo '<script type="text/javascript">alert(\'Data belum lengkap\'); history.go(-1);
</script> ';
} else {
$tanggal=date("Y-m-d");
$sql="INSERT INTO $tabel (`ID`, `ID_BUKU`, `ISBN`, `KD_JENIS`, `JUDUL`,
`KD_PENULIS`, `KD_PENERBIT`, `THN_TERBIT`, `JML_BUKU`, `RAK_BUKU`, `TGL_ENTRY`) VALUES
(NULL, '$ID', '$isbn', '$kdjenis', '$judul', '$kdpenulis', '$kdpenerbit', '$tahun', $jumlah, '$rak',
'$tanggal')";
$query=mysql_query($sql) or die(mysql_error());
if ($query){
echo '<script type="text/javascript">alert(\'Data buku berhasil
ditambahkan\'); document.location=\'buku-daftar.php\'; </script>
';
} else {
echo '<script type="text/javascript">alert(\'Data buku gagal\');
history.go(-1); </script>
';
}
}
Part 2
}
Isi data-data buku
secara lengkap.
Data buku berhasil
ditambahkan
Klik
“Tambah”
Untuk mengubah data buku, kita membutuhkan form yang memuat data-data
dari buku tersebut, dimana berelasi juga terhadap tabel-tabel yang lain.
File yang akan kita buat bernama buku-edit.php, dimana pada saat
dieksekusi, proses akan ditangani oleh file exe-buku.php. Di exe-buku.php,
proses diseleksi apakah proses itu adalah proses tambah atau proses edit.
<h1 class="judul">PENGEDITAN DATA BUKU </h1>
<?php
include("koneksi/koneksi.php");
$kode=$_GET['kode'];
$tabel='buku';
Part 1
$sql="SELECT * FROM $tabel WHERE ID=$kode";
$query=mysql_query($sql) or die(mysql_error());
while($baris=mysql_fetch_array($query)){
?>
<form action="exe_buku.php" method="post" name="editbuku" id="editbuku">
<table width="429" border="0" cellspacing="0" cellpadding="3" align="center">
<tr>
<td width="199">ID Buku </td>
<td width="4"><div align="center">:</div></td>
<td width="208"><input name="ID" type="text" class="teks" id="ID" value="<? echo $baris[1];
?>"/></td>
</tr>
<tr>
<td>ISBN</td>
<td><div align="center">:</div></td>
<td><input name="isbn" type="text" class="teks" id="isbn" value="<? echo $baris[2]; ?>"/></td>
</tr>
<tr>
<td>Jenis</td>
<td><div align="center">:</div></td>
<td><select name="kdjenis" class="list">
<option value="<? echo $baris[3]; ?>" selected="selected"><? echo $baris[3]; ?></option>
<?php
include ("koneksi/koneksi.php");
$jenis="JENIS";
$sql="SELECT KD_JENIS,JENIS_BUKU FROM $jenis order by KD_JENIS ASC";
$query=mysql_query($sql) or die(mysql_error());
while ($hasil=mysql_fetch_array($query)){
echo '<option value='.$hasil[0].'>'.$hasil[1].'</option>';
}
mysql_close();
?>
Part 2
</select></td>
</tr>
<tr>
<td>Judul</td>
<td><div align="center">:</div></td>
<td><input name="judul" type="text" class="teks" id="judul" value="<? echo $baris[4]; ?>"/></td>
</tr>
<tr>
<td>Penulis</td>
<td><div align="center">:</div></td>
<td><select name="kdpenulis" class="list">
<option value="<? echo $baris[5]; ?>" selected="selected"><? echo $baris[5]; ?></option>
<?php
include ("koneksi/koneksi.php");
$penulis="PENULIS";
$sql="SELECT KD_PENULIS,PENULIS FROM $penulis order by KD_PENULIS ASC";
$query=mysql_query($sql) or die(mysql_error());
while ($hasil=mysql_fetch_array($query)){
echo '<option value='.$hasil[0].'>'.$hasil[1].'</option>';
}
mysql_close();
?>
Part 3
</select></td>
</tr>
<tr>
<td>Penerbit </td>
<td><div align="center">:</div></td>
<td><select name="kdpenerbit" class="list" id="kdpenerbit">
<option value="<? echo $baris[6]; ?>" selected="selected"><? echo $baris[6]; ?></option>
<?php
include ("koneksi/koneksi.php");
$penerbit="PENERBIT";
$sql="SELECT KD_PENERBIT,PENERBIT FROM $penerbit order by KD_PENERBIT ASC";
$query=mysql_query($sql) or die(mysql_error());
while ($hasil=mysql_fetch_array($query)){
echo '<option value='.$hasil[0].'>'.$hasil[1].'</option>';
}
mysql_close();
?>
</select></td>
Part 4
</tr>
<tr>
<td>Tahun Terbit </td>
<td><div align="center">:</div></td>
<td><input name="tahun" type="text" class="teks" id="tahun" maxlength="4" value="<? echo
$baris[7]; ?>"/></td>
</tr>
<tr>
<td>Jumlah Buku </td>
<td><div align="center">:</div></td>
<td><input name="jumlah" type="text" class="teks" id="jumlah" value="<? echo $baris[8];
?>"/></td>
</tr>
<tr>
<td>Rak Buku </td>
<td><div align="center">:</div></td>
<td><input name="rak" type="text" class="teks" id="rak" value="<? echo $baris[9]; ?>"/></td>
</tr>
<tr>
<td colspan="3" class="submit"><input name="kode" type="hidden" id="kode" value="<? echo
$kode; ?>" /><input name="edit" type="submit" class="button" id="edit" value="Edit" />
<input name="Reset" type="reset" class="button" id="Reset" value="Batal" /></td>
</tr>
</table>
</form>
Part 5
<?php
}
?>
if($edit){
global $ID, $isbn, $kdjenis, $judul, $kdpenulis, $kdpenerbit, $tahun, $jumlah, $rak, $kode;
$ID=$_POST['ID'];
$isbn=$_POST['isbn'];
$kdjenis=$_POST['kdjenis'];
Part 1
$judul=$_POST['judul'];
$kdpenulis=$_POST['kdpenulis'];
$kdpenerbit=$_POST['kdpenerbit'];
$tahun=$_POST['tahun'];
$jumlah=$_POST['jumlah'];
$rak=$_POST['rak'];
$kode=$_POST['kode'];
if ((!$ID) || (!$isbn) || ($kdjenis=='not_option') || (!$judul) || ($kdpenulis=='not_option') ||
($kdpenerbit=='not_option') || (!$tahun) || (!$jumlah) || (!$rak)) {
echo '<script type="text/javascript">alert(\'Data belum lengkap\'); history.go(-1);
</script> ';
} else {
$tanggal=date("Y-m-d");
$sql="UPDATE $tabel SET `ID_BUKU` = '$ID', `ISBN` = '$isbn', `KD_JENIS` =
'$kdjenis', `JUDUL` = '$judul', `KD_PENULIS`='$kdpenulis', `KD_PENERBIT` = '$kdpenerbit',
`THN_TERBIT` = '$tahun', `JML_BUKU` = $jumlah, `RAK_BUKU` = '$rak' WHERE ID = $kode";
$query=mysql_query($sql) or die(mysql_error());
if ($query){
echo '<script type="text/javascript">alert(\'Data buku berhasil
diubah\'); document.location=\'buku-daftar.php\'; </script>
';
} else {
echo '<script type="text/javascript">alert(\'Data buku gagal\');
history.go(-1); </script>
';
}
}
Part 2
}
?>
Ubah data
Klik “Edit”
KlikPilih
“Edit”
databerhasil
yang
Data
akan diubah
Untuk menampilkan data Buku, kita perlu membuat sebuah file php yang
bernama buku-daftar.php, yang berisi sintaks-sintaks yang bertujuan
untuk menampilkan data-data yang bersumber dari database MySQL.
Dalam contoh berikut ini, kita akan membuat sebuah tampilan data
dimana setiap halaman hanya dibatasi maksimal 4 data, selebihnya kita
akan ditampilkan link menuju halaman berikutnya.
<h1 class="judul">DATA BUKU </h1>
<?php
include('koneksi/koneksi.php');
$tabel='buku';
$hal=$_GET['hal'];
if (!$_GET['hal']){
$page=1;
} else {
$page=$hal;
}
$max=4;
$dari=($page*$max)-$max;
$sql="SELECT * FROM $tabel LIMIT $dari, $max";
$query=mysql_query($sql) or die(mysql_error());
Part 1
while($hasil=mysql_fetch_array($query)){
echo "<div class='content'>ID : ".$hasil[0]."<br>ID Buku : ".$hasil[1]."<br>ISBN :
".$hasil[2]."<br>Kode Jenis : ".$hasil[3]."<br>Judul : ".$hasil[4]."<br>Kode Penulis :
".$hasil[5]."<br>Kode Penerbit : ".$hasil[6]."<br>Tahun Terbit : ".$hasil[7]."<br>Jumlah :
".$hasil[8]."<br>Rak : ".$hasil[9]."<br>Tanggal Masuk : ".$hasil[10]."<br>
<a href='buku-edit.php?kode=".$hasil[0]."' class=edit>Edit</a>&nbsp;<a
href='buku-hapus.php?kode=".$hasil[0]."' class=edit>Hapus</a></div><br>";
}
$jumdata=mysql_result(mysql_query("SELECT COUNT(*) as jum FROM $tabel"),0);
$jumhal=ceil($jumdata/$max);
echo "<div align='center'>";
if ($page>1){
$awal=1;
echo "<a href=buku-daftar.php?hal=$awal class=navipage> << </a>";
}
if ($page>1){
$prev=$page-1;
echo "<a href=buku-daftar.php?hal=$prev class=navipage> < </a>";
}
for ($i=1; $i <= $jumhal; $i++ ){
if($i==$page){
Part 2
echo "$i";
} else {
echo "<a href=buku-daftar.php?hal=$i class=navipage> $i </a>";
}
}
if ($page < $jumhal){
$next=$page+1;
echo "<a href=buku-daftar.php?hal=$next class=navipage> > </a>";
}
if ($page < $jumhal){
$akhir=$jumhal;
echo "<a href=buku-daftar.php?hal=$akhir class=navipage> >> </a>";
}
echo "</div>";
?>
Data
ditampilkan
Setelah membuat file untuk menampilkan data, kali ini kita akan membuat
file untuk menghapus data. File yang akan kita buat bernama bukuhapus.php
Cara penggunaannya, pada buku-daftar.php, klik “hapus” pada data yang
terpilih, kemudian kita akan dialihkan pada file buku-hapus.php, kemudian
secara otomatis akan ter-alihkan kembali pada file buku-daftar.php
<?php
include("koneksi/koneksi.php");
$kode=$_GET['kode'];
$tabel='buku';
$sql="DELETE FROM $tabel WHERE ID = $kode";
$query=mysql_query($sql) or die('<script type="text/javascript">alert(\'Data tidak dapat dihapus
karena \n '.mysql_error().'\');history.go(-1);</script>');
if ($query){
echo '<script type="text/javascript">alert(\'data buku berhasil
dihapus\');document.location=\'buku-daftar.php\';</script>';
} else {
echo '<script type="text/javascript">alert(\'gagal dihapus\');history.go(-1);</script>';
}
?>
Data berhasil
dihapus
Klik
“Hapus”
Pilih data yang
akan dihapus
Pada bagian ini, akan ditunjukkan proses-proses yang terjadi pada
pengolahan data Deskripsi Buku, antara lain
Menambah
data Deskripsi Buku
Mengubah data Deskripsi Buku
Menampilkan data Deskripsi Buku
Menghapus data Deskripsi Buku
File-file yang dibutuhkan :
Deskripsi-tambah.php  Form untuk menambah data Deskripsi Buku
Deskripsi-edit.php
 Form untuk mengubah data Deskripsi Buku
Deskripsi-daftar.php
 Untuk menampilkan data Deskripsi Buku
Exe-Deskripsi.php
 Script untuk memproses penambahan
dan pengubahan data.
Deskripsi-hapus.php  Script untuk memproses penghapusan data
Data deskripsi buku berisi tentang informasi-informasi tambahan tentang
suatu buku, seperti gambar / ilustrasi, keadaan, dan deskripsi.
Untuk menambah data deskripsi buku, kita membutuhkan suatu form
yang di dalamnya terdapat list dari daftar buku yang ada, sehingga kita
tidak perlu susah-susah untuk mencari buku mana yang akan kita
tambahkan deskripsinya.
<h1 class="judul">PENAMBAHAN DESKRIPSI BUKU </h1>
<form action="exe_deskripsi.php" method="post" enctype="multipart/form-data" name="tambahdesk"
id="tambahdesk">
<table width="429" border="0" cellspacing="0" cellpadding="3" align="center">
<tr>
<td>No. Deskripsi </td>
<td width="4"><div align="center">:</div></td>
<td width="208"><input name="no" type="text" class="teks" id="no" /></td>
</tr>
<tr>
<td>Judul BUKU </td>
<td><div align="center">:</div></td>
Part 1
<td><select name="id" class="list" id="id">
<option value="not_option">Pilih Buku</option>
<?php
include("koneksi/koneksi.php");
$tabel="buku";
$sql="SELECT ID_BUKU, JUDUL FROM $tabel ORDER BY ID ASC";
$query=mysql_query($sql) or die(mysql_error());
while($hasil=mysql_fetch_array($query)){
echo "<option value=".$hasil[0].">".$hasil[1]."</option>";
}
mysql_close();
?>
</select></td>
</tr>
<tr>
<td>Gambar</td>
<td><div align="center">:</div></td>
<td><input name="gambar" type="file" class="filegam" id="gambar" /></td>
</tr>
<tr>
<td>Kondisi</td>
<td><div align="center">:</div></td>
<td><select name="kondisi" class="list" id="kondisi">
<option value="not_option">Pilih Kondisi</option>
<option value="baik">Baik</option>
<option value="sedang">Sedang</option>
<option value="rusak">Rusak</option>
</select>
</td>
</tr>
Part 2
<tr>
<td width="199">Deskripsi</td>
<td><div align="center">:</div></td>
<td><textarea name="desk" class="deks"></textarea></td>
</tr>
<tr>
<td colspan="3" class="submit"><input name="tambah" type="submit" class="button"
value="Tambah" />
<input name="Reset" type="reset" class="button" id="Reset" value="Batal" /></td>
</tr>
</table>
</form>
<?php
include('koneksi/koneksi.php');
$tabel='desk_buku';
Part 1
$tambah=$_POST['tambah'];
$edit=$_POST['edit'];
if ($tambah){
global $no, $id, $gambar, $kondisi, $desk;
$no=$_POST['no'];
$id=$_POST['id'];
$gambar=$_FILES['gambar'];
$kondisi=$_POST['kondisi'];
$desk=$_POST['desk'];
if ((!$no) || ($id=="not_option") || (!$gambar) || (!$kondisi) || (!$desk)){
echo '<script type="text/javascript">alert(\'Data belum lengkap\'); history.go(-1);
</script> ';
} else {
$u="SELECT * FROM $tabel WHERE ID_BUKU='$id'";
$q=mysql_query($u) or die(mysql_error());
$p=mysql_num_rows($q);
if ($p!=0){
history.go(-1); </script>
} else {
echo '<script type="text/javascript">alert(\'Data buku sudah ada\');
';
$allow=array("image/jpeg","image/pjpeg","image/png","image/gif");
$gambardir='../gambar/';
$gambardes=$gambardir.basename($_FILES['gambar']['name']);
if ( (in_array($_FILES['gambar']['type'],$allow)) ){
$gambar=$_FILES['gambar']['name'];
move_uploaded_file($_FILES['gambar']['tmp_name'],$gambardes);
$sql="INSERT INTO $tabel (`ID`, `NO_DESK`, `ID_BUKU`, `GAMBAR`,
`KONDISI`, `DESKRIPSI`) VALUES (NULL, '$no', '$id', '$gambar', '$kondisi', '$desk')";
$query=mysql_query($sql) or die(mysql_error());
if ($query){
echo '<script type="text/javascript">alert(\'Data deskripsi buku
berhasil ditambahkan\'); document.location=\'deskripsi-daftar.php\'; </script> ';
} else {
echo '<script type="text/javascript">alert(\'Data deskripsi
gagal\'); history.go(-1); </script> ';
}
} else {
echo '<script type="text/javascript">alert(\'Hanya menerima file JPG, JPEG,
PNG, GIF\'); history.go(-1); </script>
';
}
}
Part 2
}
}
Klik
“Tambah”
Isi data-data yang
Data deskripsi buku
dibutuhkan,
berhasil ditambahkan
beserta gambar
Data deskripsi yang telah kita masukkan tadi, dapat diubah sesuai
keinginan kita. Kita perlu membuat sebuah form beserta script
pemrosesnya untuk mengubah data-data yang diinginkan.
<h1 class="judul">PENGEDITAN DESKRIPSI BUKU </h1>
<?php
include("koneksi/koneksi.php");
$kode=$_GET['kode'];
$tabel='desk_buku';
$sql="SELECT * FROM $tabel WHERE ID=$kode";
Part 1
$query=mysql_query($sql) or die(mysql_error());
while($baris=mysql_fetch_array($query)){
?>
<form action="exe_deskripsi.php" method="post" enctype="multipart/form-data" name="editdesk"
id="editdesk">
<table width="429" border="0" cellspacing="0" cellpadding="3" align="center">
<tr>
<td>No. Deskripsi </td>
<td width="4"><div align="center">:</div></td>
<td width="208"><input name="no" type="text" class="teks" id="no" value="<? echo $baris[1];
?>"/></td>
</tr>
<tr>
<td>Judul BUKU </td>
<td><div align="center">:</div></td>
<td><input name="id" type="text" class="teks" id="id" value="<? echo $baris[2]; ?>"
readonly=""/></td>
</tr>
<tr>
<td>Kondisi</td>
<td><div align="center">:</div></td>
<td><select name="kondisi" class="list" id="kondisi">
<option value="<? echo $baris[4];?>"><? echo $baris[4];?></option>
<option value="baik">Baik</option>
<option value="sedang">Sedang</option>
<option value="rusak">Rusak</option>
</select>
</td>
</tr>
<tr>
Part 2
<td width="199">Deskripsi</td>
<td><div align="center">:</div></td>
<td><textarea name="desk" class="deks"><? echo $baris[5]; ?></textarea></td>
</tr>
<tr>
<td colspan="3" class="submit"><input name="kode" type="hidden" value="<? echo $baris[0]; ?>"
/><input name="edit" type="submit" class="button" id="edit" value="Edit" />
<input name="Reset" type="reset" class="button" id="Reset" value="Batal" /></td>
</tr>
</table>
</form>
<?php
}
?>
if($edit){
global $no, $id, $kondisi, $desk, $kode;
$no=$_POST['no'];
$id=$_POST['id'];
$kondisi=$_POST['kondisi'];
$desk=$_POST['desk'];
$kode=$_POST['kode'];
if ((!$no) || ($id=="not_option") || (!$kondisi) || (!$desk)){
echo '<script type="text/javascript">alert(\'Data belum lengkap\'); history.go(-1);
</script> ';
} elseif(!$gambar) {
$sql="UPDATE $tabel SET `NO_DESK` = '$no', `KONDISI` = '$kondisi',
`DESKRIPSI` = '$desk' WHERE `ID` = $kode";
$query=mysql_query($sql) or die(mysql_error());
if ($query){
echo '<script type="text/javascript">alert(\'Data deskripsi
buku berhasil diubah\'); document.location=\'deskripsi-daftar.php\'; </script>
';
} else {
echo '<script type="text/javascript">alert(\'Data deskripsi
gagal\'); history.go(-1); </script>
';
}
}
}
?>
Isikan data-data
yang baru
Klik “Edit”
Klik “Edit”
Data berhasilPilih data
diubah yang akan
diedit
Untuk menampilkan data Deskripsi Buku, kita perlu membuat sebuah file
php yang bernama deskripsi-daftar.php, yang berisi sintaks-sintaks yang
bertujuan untuk menampilkan data-data yang bersumber dari database
MySQL. Dalam contoh berikut ini, kita akan membuat sebuah tampilan
data dimana setiap halaman hanya dibatasi maksimal 4 data, selebihnya
kita akan ditampilkan link menuju halaman berikutnya.
<h1 class="judul">DATA DESKRIPSI BUKU </h1>
<?php
include('koneksi/koneksi.php');
$tabel='desk_buku';
$hal=$_GET['hal'];
if (!$_GET['hal']){
$page=1;
} else {
Part 1
$page=$hal;
}
$max=4;
$dari=($page*$max)-$max;
$sql="SELECT * FROM $tabel LIMIT $dari, $max";
$query=mysql_query($sql) or die(mysql_error());
while($hasil=mysql_fetch_array($query)){
echo "<div class='content'><img src='../gambar/".$hasil[3]."' width=120
height=150><br>ID : ".$hasil[0]."<br>No. Deskripsi : ".$hasil[1]."<br>ID Buku : ".$hasil[2]."<br>Kondisi
: ".$hasil[4]."<br>Deskripsi : ".$hasil[5]."<br>
<a href='deskripsi-edit.php?kode=".$hasil[0]."' class=edit>Edit</a>&nbsp;<a
href='deskripsi-hapus.php?kode=".$hasil[0]."' class=edit>Hapus</a></div><br>";
}
$jumdata=mysql_result(mysql_query("SELECT COUNT(*) as jum FROM $tabel"),0);
$jumhal=ceil($jumdata/$max);
echo "<div align='center'>";
if ($page>1){
$awal=1;
echo "<a href=deskripsi-daftar.php?hal=$awal class=navipage> << </a>";
}
if ($page>1){
$prev=$page-1;
echo "<a href=deskripsi-daftar.php?hal=$prev class=navipage> < </a>";
}
for ($i=1; $i <= $jumhal; $i++ ){
Part 2
if($i==$page){
echo "$i";
} else {
echo "<a href=deskripsi-daftar.php?hal=$i class=navipage> $i </a>";
}
}
if ($page < $jumhal){
$next=$page+1;
echo "<a href=deskripsi-daftar.php?hal=$next class=navipage> > </a>";
}
if ($page < $jumhal){
$akhir=$jumhal;
echo "<a href=deskripsi-daftar.php?hal=$akhir class=navipage> >> </a>";
}
echo "</div>";
?>
Setelah membuat file untuk menampilkan data, kali ini kita akan membuat file
untuk menghapus data. File yang akan kita buat bernama deskripsihapus.php
Cara penggunaannya, pada deskripsi-daftar.php, klik “hapus” pada data yang
terpilih, kemudian kita akan dialihkan pada file deskripsi-hapus.php,
kemudian secara otomatis akan ter-alihkan kembali pada file deskripsidaftar.php
<?php
include("koneksi/koneksi.php");
$kode=$_GET['kode'];
$tabel='desk_buku';
$hapus="SELECT * FROM $tabel WHERE ID = $kode;";
$hapusquery=mysql_query($hapus);
$data=mysql_fetch_array($hapusquery);
$gambar=$data[3];
mysql_close();
include("koneksi/koneksi.php");
$sql="DELETE FROM $tabel WHERE ID = $kode";
$query=mysql_query($sql) or die('<script type="text/javascript">alert(\'Data tidak dapat dihapus
karena \n '.mysql_error().'\');history.go(-1);</script>');
if ($query){
unlink('../gambar/'.$gambar); //menghapus gambar
echo '<script type="text/javascript">alert(\'data deskripsi buku berhasil
dihapus\');document.location=\'deskripsi-daftar.php\';</script>';
} else {
echo '<script type="text/javascript">alert(\'gagal dihapus\');history.go(-1);</script>';
}
?>
Data berhasil
dihapus
Pilih data
yang akan
dihapus
Klik
“Hapus”
Fitur keamanan adalah salah satu fasilitas penting dalam suatu halaman
web. Tidak semua orang diperbolehkan masuk dalam halaman Administrator.
Ini untuk menjaga agar keamanan data tetap terjamin. Untuk itu perlu dibuat
suatu sistem login yang meminta nama user dan password sebelum masuk
ke halaman administrator.
Kita akan membuat file bernama login.php untuk form login dan exe-login.php
sebagai script pemrosesnya. Sedangkan proses logout akan ditangani oleh
script bernama logout.php
<?php
session_start();
include("include/ceklogin.php");
valid();
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Login Page</title>
<link rel="stylesheet" type="text/css" href="css/style.css" />
</head>
<body>
<form action="exe_login.php" method="post" enctype="multipart/form-data" name="masuk" id="masuk">
<h1 class="judul">LOGIN PAGE </h1>
<table width="250" border="0" cellspacing="0" cellpadding="3" align="center" class="isi">
<tr>
<td width="75">User ID </td>
<td width="5">:</td>
<td width="170"><input name="id" type="text" class="teks" id="id"/></td>
</tr>
<tr>
<td>Password</td>
<td>:</td>
<td><input name="pass" type="password" class="teks" id="pass" /></td>
</tr>
<tr>
<td colspan="3"><input name="login" type="submit" class="button" id="login" value="Login" />
<input name="Submit2" type="reset" class="button" value="Reset" /></td>
</tr></table>
</form></body></html>
<?php
include("koneksi/koneksi.php");
session_start();
if (login){
global $id,$pass;
$id=$_POST['id'];
$pass=md5($_POST['pass']);
$sql="SELECT ID_USER,SANDI FROM USERPASS WHERE ID_USER='$id' AND
SANDI='$pass';";
$query=mysql_query($sql) or die(mysql_error());
$jum=mysql_num_rows($query);
$data=mysql_fetch_array($query);
if (($jum==0) or ($data[1]!=$pass)){
header("Location: login.php");
} else {
$_SESSION['admin']=1;
$_SESSION['masuk']=$data[0];
$_SESSION['member']=1;
header("Location: index.php");
}
}
?>
<?php
session_start();
unset($_SESSION['admin']);
unset($_SESSION['masuk']);
unset($_SESSION['member']);
session_destroy();
header("Location: login.php");
?>
Jika akan logout,
klik menu
“LOGOUT”
Untuk dapat masuk ke
halaman
administrator, kita
akan menjumpai form
seperti ini.
Jika username dan
password benar, kita
akan dialihkan
menuju halaman
utama administrator
Berbeda dengan Halaman Administrator, Halaman User digunakan untuk mencari data yang
diperlukan bagi para pengunjung web. Untuk itu, diperlukan desain yang menarik bagi para
pengunjung. Pada contoh, web menggunakan warna dasar hitam dengan perpaduan warna
orange. Hasilnya cukup menarik pandangan mata, cukup pas.
Halaman yang akan kita buat pada user page ini antara lain :
Index.php
Anggota.php
Buku.php
Cari-anggota.php
Cari-buku.php
Contact.php
Detail-buku.php
Guestbook.php
Exe_guest.php
Linksmk.php
Ini adalah file utama. Setiap pengunjung akan menjumpai
halaman ini saat pertama kali masuk ke dalam User page.
Halaman berisi katalog buku-buku yang ada pada web
yang ditunjukkan berupa gambar yang menarik. Bila
gambar diklik, maka akan muncul detail dari buku
tersebut
<html>
<head>
<title>Perpustakaan Online</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<!-- ImageReady Preload Script (user.psd) -->
<script type="text/javascript">
<!-function newImage(arg) {
if (document.images) {
rslt = new Image();
rslt.src = arg;
return rslt;
}
}
Part 1
function changeImages() {
if (document.images && (preloadFlag == true)) {
for (var i=0; i<changeImages.arguments.length; i+=2) {
document[changeImages.arguments[i]].src = changeImages.arguments[i+1];
}
}
}
var preloadFlag = false;
function preloadImages() {
if (document.images) {
user_02_over = newImage("images/user_02-over.gif");
user_04_over = newImage("images/user_04-over.gif");
user_06_over = newImage("images/user_06-over.gif");
user_08_over = newImage("images/user_08-over.gif");
user_10_over = newImage("images/user_10-over.gif");
preloadFlag = true;
}
}
// -->
</script>
<link rel="stylesheet" type="text/css" href="css/guest.css">
<!-- End Preload Script -->
</head>
<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" onLoad="preloadImages();">
<?php
include('carimenu.php');
?>
<!-- ImageReady Slices (user.psd) -->
<table id="Table_01" width="800" height="600" border="0" cellpadding="0" cellspacing="0" align="center"
class="isi">
<tr>
<td colspan="10" width="800" height="25" >&nbsp;</td>
</tr>
Part 2
<tr>
<td>
<a href="index.php"
onmouseover="changeImages('user_02', 'images/user_02-over.gif'); return true;"
onmouseout="changeImages('user_02', 'images/user_02.gif'); return true;"
onmousedown="changeImages('user_02', 'images/user_02-over.gif'); return true;"
onmouseup="changeImages('user_02', 'images/user_02-over.gif'); return true;">
<img name="user_02" src="images/user_02.gif" width="80" height="30" border="0" alt=""></a></td>
<td width="80" height="30">&nbsp;</td>
<td>
<a href="buku.php"
onmouseover="changeImages('user_04', 'images/user_04-over.gif'); return true;"
onmouseout="changeImages('user_04', 'images/user_04.gif'); return true;"
onmousedown="changeImages('user_04', 'images/user_04-over.gif'); return true;"
onmouseup="changeImages('user_04', 'images/user_04-over.gif'); return true;">
<img name="user_04" src="images/user_04.gif" width="80" height="30" border="0" alt=""></a></td>
<td width="80" height="30">&nbsp;</td>
<td>
<a href="anggota.php“
onmouseover="changeImages('user_06', 'images/user_06-over.gif'); return true;“
onmouseout="changeImages('user_06', 'images/user_06.gif'); return true;“
onmousedown="changeImages('user_06', 'images/user_06-over.gif'); return true;“
onmouseup="changeImages('user_06', 'images/user_06-over.gif'); return true;">
<img name="user_06" src="images/user_06.gif" width="80" height="30" border="0" alt=""></a></td>
<td width="80" height="30">&nbsp;</td>
<td>
Part 3
<a href="guestbook.php“
onmouseover="changeImages('user_08', 'images/user_08-over.gif'); return true;“
onmouseout="changeImages('user_08', 'images/user_08.gif'); return true;“
onmousedown="changeImages('user_08', 'images/user_08-over.gif'); return true;“
onmouseup="changeImages('user_08', 'images/user_08-over.gif'); return true;">
<img name="user_08" src="images/user_08.gif" width="80" height="30" border="0" alt=""></a></td>
<td width="80" height="30">&nbsp;</td>
<td>
<a href="contact.php“
onmouseover="changeImages('user_10', 'images/user_10-over.gif'); return true;“
onmouseout="changeImages('user_10', 'images/user_10.gif'); return true;“
onmousedown="changeImages('user_10', 'images/user_10-over.gif'); return true;“
onmouseup="changeImages('user_10', 'images/user_10-over.gif'); return true;">
<img name="user_10" src="images/user_10.gif" width="80" height="30" border="0" alt=""></a></td>
<td width="80" height="30">&nbsp;</td>
</tr>
<tr>
<td colspan="10">
<img src="images/user_12.gif" width="800" height="100" alt=""></td>
</tr>
<tr>
<td colspan="10" width="800" height="30"><?php include('linksmk.php'); ?></td>
</tr>
<tr>
<td colspan="10" width="800" height="415" valign="top">
<h1>Selamat Datang di<br>
Perpustakaan Online SMK 1 WONOSOBO</h1>
Pilih Gambar untuk detail buku
<?php
include('admin/koneksi/koneksi.php');
$tabel="desk_buku";
$sql="SELECT * FROM $tabel ORDER BY ID ASC";
$query=mysql_query($sql) or die(mysql_error());
$num=mysql_num_rows($query);
if($num==0){
echo "Tidak ada data buku!!";
} else {
Part 4
$j=0;
echo "<table class=katalog align=center>";
echo "<tr>";
while($baris=mysql_fetch_array($query)){
echo "<td class=katalogtd><a href='detail-buku.php?kode=".$baris[2]."' class=kat><img
src='gambar/" .$baris[3] ."' width=100 heigth=150></a></td>";
$j++;
if ($j==4){
echo "</tr><tr>";
$j=0;
}
}
echo "</table>";
}
echo "Browser : ".$_SERVER['HTTP_USER_AGENT']."<br>";
echo "IP Computer : ".$_SERVER['REMOTE_ADDR']."<br>";
echo "IP Server : ".$_SERVER['SERVER_ADDR']."<br>";
?></td>
</tr>
</table>
</body>
</html>
Anggota.php adalah file untuk menampilkan seluruh
member yang terdaftar. Maksimal data yang ditampilkan
adalah 20 data, setelah itu akan terdapat navigasi menuju
halaman berikutnya.
<?php
include('admin/koneksi/koneksi.php');
$tabel='anggota';
$hal=$_GET['hal'];
if (!$_GET['hal']){
$page=1;
} else {
$page=$hal;
Part 1
}
$max=20;
$dari=($page*$max)-$max;
$sql="SELECT * FROM $tabel LIMIT $dari, $max";
$query=mysql_query($sql) or die(mysql_error());
$datajum=mysql_num_rows($query);
if ($datajum==0){
echo "<h1 class=judul>Tidak ada data!!</h1>";
} else {
while($hasil=mysql_fetch_array($query)){
echo "<tr
class=trrecord><td>".$hasil[0]."</td><td>".$hasil[1]."</td><td>".$hasil[2]."</td><td>".$hasil[3]."</td><td>
".$hasil[4]."</td><td>".$hasil[5]."</td><td>".$hasil[6]."</td><td>".$hasil[7]."</td><td>".$hasil[8]."</tr>";
}
?>
</table>
<br>
<?php
$jumdata=mysql_result(mysql_query("SELECT COUNT(*) as jum FROM $tabel"),0);
$jumhal=ceil($jumdata/$max);
echo "<div align='center'>";
echo "Jumlah Data : ".$jumdata." <br><br>";
echo "<div align='center'>";
if ($page>1){
$awal=1;
echo "<a href=anggota.php?hal=$awal class=navipage title='halaman awal'> << </a>";
}
if ($page>1){
$prev=$page-1;
echo "<a href=anggota.php?hal=$prev class=navipage title=previous> < </a>";
}
for ($i=1; $i <= $jumhal; $i++ ){
Part 2
if($i==$page){
echo "$i";
} else {
echo "<a href=anggota.php?hal=$i class=navipage title=$i> $i </a>";
}
}
if ($page < $jumhal){
$next=$page+1;
echo "<a href=anggota.php?hal=$next class=navipage title=next> > </a>";
}
if ($page < $jumhal){
$akhir=$jumhal;
echo "<a href=anggota.php?hal=$akhir class=navipage title='halaman akhir'> >> </a>";
}
}
?>
Buku.php adalah file untuk menampilkan seluruh buku
yang terdaftar. Maksimal data yang ditampilkan adalah 20
data, setelah itu akan terdapat navigasi menuju halaman
berikutnya.
<?php
include('admin/koneksi/koneksi.php');
$tabel='anggota';
$hal=$_GET['hal'];
if (!$_GET['hal']){
$page=1;
} else {
$page=$hal;
Part 1
}
$max=20;
$dari=($page*$max)-$max;
$sql="SELECT * FROM $tabel LIMIT $dari, $max";
$query=mysql_query($sql) or die(mysql_error());
$datajum=mysql_num_rows($query);
if ($datajum==0){
echo "<h1 class=judul>Tidak ada data!!</h1>";
} else {
while($hasil=mysql_fetch_array($query)){
echo "<tr
class=trrecord><td>".$hasil[0]."</td><td>".$hasil[1]."</td><td>".$hasil[2]."</td><td>".$hasil[3]."</td><td>".$hasi
l[4]."</td><td>".$hasil[5]."</td><td>".$hasil[6]."</td><td>".$hasil[7]."</td><td>".$hasil[8]."</tr>";
}
?>
</table>
<br>
<?php
$jumdata=mysql_result(mysql_query("SELECT COUNT(*) as jum FROM $tabel"),0);
$jumhal=ceil($jumdata/$max);
echo "<div align='center'>";
echo "Jumlah Data : ".$jumdata." <br><br>";
echo "<div align='center'>";
if ($page>1){
$awal=1;
echo "<a href=anggota.php?hal=$awal class=navipage title='halaman awal'> << </a>";
}
if ($page>1){
$prev=$page-1;
echo "<a href=anggota.php?hal=$prev class=navipage title=previous> < </a>";
}
for ($i=1; $i <= $jumhal; $i++ ){
Part 2
if($i==$page){
echo "$i";
} else {
echo "<a href=anggota.php?hal=$i class=navipage title=$i> $i </a>";
}
}
if ($page < $jumhal){
$next=$page+1;
echo "<a href=anggota.php?hal=$next class=navipage title=next> > </a>";
}
if ($page < $jumhal){
$akhir=$jumhal;
echo "<a href=anggota.php?hal=$akhir class=navipage title='halaman akhir'> >> </a>";
}
}
?>
Cari-anggota.php adalah file yang digunakan untuk
menampilkan data member yang kita cari melalui form
pencarian.
<?php
include('admin/koneksi/koneksi.php');
$tabel='anggota';
$hal=$_GET['hal'];
if (!$_GET['hal']){
$page=1;
} else {
$page=$hal;
Part 1
}
$max=20;
$dari=($page*$max)-$max;
$nama=$_POST['anggota'];
$sql="SELECT * FROM $tabel WHERE NAMA LIKE '%$nama%' LIMIT $dari, $max";
$query=mysql_query($sql) or die(mysql_error());
$datajum=mysql_num_rows($query);
if ($datajum==0){
echo "<h1 class=judul>Tidak ada data!!</h1>";
} else {
while($hasil=mysql_fetch_array($query)){
echo "<tr
class=trrecord><td>".$hasil[0]."</td><td>".$hasil[1]."</td><td>".$hasil[2]."</td><td>".$hasil[3]."</td><td>".$hasi
l[4]."</td><td>".$hasil[5]."</td><td>".$hasil[6]."</td><td>".$hasil[7]."</td><td>".$hasil[8]."</tr>";
}
?>
</table>
<br>
<?php
$jumdata=mysql_result(mysql_query("SELECT COUNT(*) as jum FROM $tabel"),0);
$jumhal=ceil($jumdata/$max);
echo "<div align='center'>";
echo "Jumlah Data : ".$jumdata." <br><br>";
echo "<div align='center'>";
if ($page>1){
$awal=1;
echo "<a href=cari-anggota.php?hal=$awal class=navipage title='halaman awal'> << </a>";
}
if ($page>1){
$prev=$page-1;
echo "<a href=cari-anggota.php?hal=$prev class=navipage title=previous> < </a>";
}
for ($i=1; $i <= $jumhal; $i++ ){
if($i==$page){
Part 2
echo "$i";
} else {
echo "<a href=cari-anggota.php?hal=$i class=navipage title=$i> $i </a>";
}
}
if ($page < $jumhal){
$next=$page+1;
echo "<a href=cari-anggota.php?hal=$next class=navipage title=next> > </a>";
}
if ($page < $jumhal){
$akhir=$jumhal;
echo "<a href=cari-anggota.php?hal=$akhir class=navipage title='halaman akhir'> >> </a>";
}
}
?>
Data
ditemukan
Isi data yang
ingin dicari
pada form
Klik “Search”
Cari-buku.php adalah file yang digunakan untuk
menampilkan data buku yang kita cari melalui form
pencarian.
<?php
include('admin/koneksi/koneksi.php');
$tabel='buku';
$hal=$_GET['hal'];
if (!$_GET['hal']){
$page=1;
} else {
Part 1
$page=$hal;
}
$max=20;
$dari=($page*$max)-$max;
$judul=$_POST['judul'];
$sql="SELECT * FROM $tabel WHERE JUDUL LIKE '%$judul%' LIMIT $dari, $max";
$query=mysql_query($sql) or die(mysql_error());
while($hasil=mysql_fetch_array($query)){
echo "<tr
class=trrecord><td>".$hasil[0]."</td><td>".$hasil[1]."</td><td>".$hasil[2]."</td><td>".$hasil[3]."</t
d><td>".$hasil[4]."</td><td>".$hasil[5]."</td><td>".$hasil[6]."</td><td>".$hasil[7]."</td><td>".$hasi
l[8]."</td><td>".$hasil[9]."</td><td>".$hasil[10]."</tr>";
}
?>
</table><br>
<?php
$jumquery=mysql_num_rows($query);
$jumdata=mysql_result(mysql_query("SELECT COUNT(*) as jum FROM $tabel"),0);
$jumhal=ceil($jumdata/$max);
echo "<div align='center'>";
echo "Jumlah Data : ".$jumquery." <br><br>";
if ($page>1){
$awal=1;
echo "<a href=cari-buku.php?hal=$awal class=navipage title='halaman awal'> << </a>";
}
if ($page>1){
$prev=$page-1;
echo "<a href=cari-buku.php?hal=$prev class=navipage title=previous> < </a>";
}
for ($i=1; $i <= $jumhal; $i++ ){
if($i==$page){
Part 2
echo "$i";
} else {
echo "<a href=cari-buku.php?hal=$i class=navipage title=$i> $i </a>";
}
}
if ($page < $jumhal){
$next=$page+1;
echo "<a href=cari-buku.php?hal=$next class=navipage title=next> > </a>";
}
if ($page < $jumhal){
$akhir=$jumhal;
echo "<a href=cari-buku.php?hal=$akhir class=navipage title='halaman akhir'> >> </a>";
}
?>
Carimenu.php adalah file yang ter-include pada tiap
halaman, file ini berisi form yang terletak pada bawah
halaman
<link rel="stylesheet" type="text/css" href="css/guest.css">
<div class="footer">
<div class="menu">
Cari Buku
<form action="cari-buku.php" method="post" name="bukucari">
<input name="judul" type="text" class="cariinput" id="judul"><input name="cari"
type="submit" class="button" value="Search">
</form>
</div>
<div class="menu">
Cari Anggota
<form action="cari-anggota.php" method="post" name="anggotacari">
<input name="anggota" type="text" class="cariinput" id="anggota"><input name="cari"
type="submit" class="button" value="Search">
</form>
</div>
<br />
</div>
Form pencarian
Detail-buku.php adalah file yang digunakan untuk
mengetahui detail suatu buku setelah memilih salah satu
gambar pada index.php
<h1 class="judul">Detail Buku</h1>
<?php
include('admin/koneksi/koneksi.php');
$tabel='buku';
$hal=$_GET['hal'];
if (!$_GET['hal']){
Part 1
$page=1;
} else {
$page=$hal;
}
$max=20;
$dari=($page*$max)-$max;
$kode=$_GET['kode'];
$desk="desk_buku";
$gam="SELECT * FROM $desk WHERE ID_BUKU='$kode'";
$gamquery=mysql_query($gam) or die(mysql_error());
$gamhasil=mysql_fetch_array($gamquery);
$sql="SELECT * FROM $tabel WHERE ID_BUKU= '$kode'";
$query=mysql_query($sql) or die(mysql_error());
while($hasil=mysql_fetch_array($query)){
echo '<table width="400" border="0" cellspacing="0" cellpadding="3" class=recorddetail align=center>
<tr > <td width="100">ID</td>
<td width="100">'.$hasil[0].'</td>
<td rowspan="11" width="200" align=center valign=middle><img src=\'gambar/'.$gamhasil[3].'\' width=200
height=200></td> </tr>
<tr > <td>ID Buku </td>
<td>'.$hasil[1].'</td> </tr>
<tr ><td>ISBN</td>
<td>'.$hasil[2].'</td> </tr>
Part 2
<tr ><td>Kode Jenis </td>
<td>'.$hasil[3].'</td> </tr>
<tr ><td>Judul</td>
<td>'.$hasil[4].'</td></tr>
<tr ><td>Kode Penulis </td>
<td>'.$hasil[5].'</td></tr>
<tr ><td>Kode Penerbit </td>
<td>'.$hasil[6].'</td></tr>
<tr ><td>Tahun Terbit </td>
<td>'.$hasil[7].'</td></tr>
<tr ><td>Jumlah</td>
<td>'.$hasil[8].'</td></tr>
<tr ><td>Rak</td>
<td>'.$hasil[9].'</td></tr>
<tr ><td>Tanggal Masuk </td>
<td>'.$hasil[10].'</td></tr>
</table>';
}
?>
<br>
<?php
$jumquery=mysql_num_rows($query);
$jumdata=mysql_result(mysql_query("SELECT COUNT(*) as jum FROM $tabel"),0);
$jumhal=ceil($jumdata/$max);
echo "<div align='center'>";
echo "Jumlah Data : ".$jumquery." <br><br>";
Part 3
if ($page>1){
$awal=1;
echo "<a href=cari-buku.php?hal=$awal class=navipage title='halaman awal'> << </a>";
}
if ($page>1){
$prev=$page-1;
echo "<a href=cari-buku.php?hal=$prev class=navipage title=previous> < </a>";
}
for ($i=1; $i <= $jumhal; $i++ ){
if($i==$page){
echo "$i";
} else {
echo "<a href=cari-buku.php?hal=$i class=navipage title=$i> $i </a>";
}
}
if ($page < $jumhal){
$next=$page+1;
echo "<a href=cari-buku.php?hal=$next class=navipage title=next> > </a>";
}
if ($page < $jumhal){
$akhir=$jumhal;
echo "<a href=cari-buku.php?hal=$akhir class=navipage title='halaman akhir'> >> </a>";
}
?>
Pilih salah
satu buku
Guestbook adalah file yang digunakan untuk pemberian
komentar bagi para pengunjung. Saat diproses, proses
tersebut akan dijalankan oleh exe_guest.php
<h1>GUEST BOOK </h1>
<form action="exe_guest.php" method="post" name="guest">
<table width="222" border="0" cellspacing="0" cellpadding="3" class="guest"
align="center">
<tr>
<td width="100">Nama</td>
<td width="4">:</td>
<td width="100"><input name="nama" type="text" class="cariinput">&nbsp;</td>
</tr>
<tr>
Part 1
<td>E-mail</td>
<td>:</td>
<td><input name="email" type="text" class="cariinput" id="email"></td>
</tr>
<tr>
<td>Komentar</td>
<td>:</td>
<td><textarea name="komentar" class="cariinput" id="komentar"></textarea></td>
</tr>
<tr>
<td colspan="3" align="center"><input name="komen" type="submit" class="button" id="komen"
value="Komentar">
<input name="Reset" type="reset" class="button" value="Batal"></td>
</tr>
</table>
</form>
<?php
include("admin/koneksi/koneksi.php");
$tabel='guest';
$sql="SELECT * FROM $tabel order by id";
$query=mysql_query($sql) or die(mysql_error());
echo "<table class=record align=center width=400>";
echo "<tr class=trrecord><td width=100>Nama</td><td width=100>Email</td><td width=200>Komentar</td></tr>";
while ($hasil=mysql_fetch_array($query))
{
Part 2
echo "<tr class=trrecord>";
echo "<td>".$hasil[1]."</td>";
echo "<td>".$hasil[2]."</td>";
echo "<td>".$hasil[3]."</td>";
echo "</tr>";
}
echo "</table>";
?>
<?php
include('admin/koneksi/koneksi.php');
$tabel='guest';
global $nama, $email, $komentar;
$nama=$_POST['nama'];
$email=$_POST['email'];
$komentar=$_POST['komentar'];
if(!$nama || !$email || !$komentar){
echo '<script type="text/javascript">alert(\'Data belum lengkap\');history.go(-1);</script>
';
} elseif (!ereg("^.+@.+\\..+",$email)){
echo '<script type="text/javascript">alert(\'email tidak valid\');history.go(1);</script>';
} else {
$sql="INSERT INTO $tabel VALUES(null, '$nama', '$email', '$komentar')";
$query=mysql_query($sql) or die(mysql_error());
if (query){
echo '<script type="text/javascript">alert(\'Komentar berhasil
ditambahkan\');document.location=\'guestbook.php\';</script>';
} else {
echo '<script type="text/javascript">alert(\'Komentar gagal
ditambahkan\');history.go(-1);</script>';
}
}
?>
Isikan
komentar
Klik
“komentar”
Komentar
berhasil
ditambahkan
Keterangan :
Semua file yang dijelaskan hanyalah penggalan dari
file tersebut, script lengkap beserta setting css ada
pada folder source.
Inilah akhir dari tutorial membuat administrasi perpustakaan berbasis
web. Semoga dapat bermanfaat bagi semua.