Library Information System

Post on 06-Aug-2015

35 Views

Category:

Documents

1 Downloads

Preview:

Click to see full reader

Transcript

MEMBUAT SISTEM INFORMASIPERPUSTAKAAN BERBASIS

WEBDENGAN PHP & MYSQL

Kebutuhan Software

Operating System Windows XP SP2Macromedia Dreamweaver 8Adobe Photoshop CSAdobe Image Ready CSAppServ 2.5.7 For Windows

Langkah-Langkah Pembuatan Sistem Informasi Berbasis Web

1 •Merancang database dengan menggunakan AppServ•Merancang Desain dasar dengan Photoshop dan Image Ready

2 •Membuat Desain Halaman dengan Macromedia Dreamweaver

Diagram Manajemen Administrasi Sistem Informasi Perpustakaan

AdministratorBuku

Tambah

Edit

Hapus

PenulisTambah

Edit

Hapus

PenerbitTambah

Edit

Hapus

Jenis BukuTambah

Edit

Hapus

UserTambah

Edit

Hapus

STEP 1… MEMBUAT DATABASE

Merancang Database

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

Identitas MySQL Database

Host : Localhost (default)

User : root (default)

Password : root (default)

Database Name : Perpus

Tabel-Tabel yang dibutuhkan : Anggota Buku Desk_buku Jenis Penerbit Penulis Userpass

Step 1.a Database

Buat database dengan nama perpus, kemudian klik tombol ciptakan.

Membuat Database Awal

Ketik nama database,

kemudian klik tombol ciptakan

Database telah dibuat

Step 1.b Database

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)

Membuat Tabel Anggota

Beri Nama “anggota”

Isi nama field masing-masing dan beserta

tipenya.

Tabel Anggota berhasil dibuat

Step 1.c Database

Setelah itu, kita membuat tabel penerbit, tabel ini digunakan untuk menyimpan data-data penerbit dan sebagai salah satu referensi bagi tabel buku nantinya

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)

Membuat Tabel Penerbit

Beri Nama Tabel : “Penerbit”, jumlah

field = 7

Isi Field masing-masing beserta tipe

datanya

Tabel Penerbit berhasil dibuat

Step 1.d Database

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)

Membuat Tabel Penulis

Isi Nama Table “penulis”,

jumlah field :6

isI masing-masing field beserta tipe

datanya.Tabel Penulis

berhasil dibuat

Step 1.e Database

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)

Membuat Tabel Jenis

Beri Nama Tabel “jenis”, jumlah

field 3Beri nama masing-masing field beserta tipe

datanya.

Tabel Jenis berhasil dibuat

Step 1.f Database

Setelah itu, kita membuat tabel userpass, tabel ini digunakan untuk menyimpan data user / administrator. Tabel ini berisi data-data 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)

Membuat Tabel Userpass

Beri nama tabel “userpass”, jumlah

field 6Isi nama field

masing-masing beserta tipe

datanya.

Tabel Userpass berhasil dibuat

Step 1.g Database

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)

Membuat Tabel Buku

Beri nama tabel “buku”,

jumlah field 11

Isi nama field masing-masing

beserta tipe datanya.

Tabel Buku berhasil dibuat

Step 1.h Database

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)

Membuat Tabel Desk Buku

Beri nama tabel “desk_buku”, jumlah field 6

Beri nama field masing-masing

beserta tipe datanya.

Tabel desk_buku berhasil dibuat

STEP 2… DESAIN LAYOUT DENGAN PHOTOSHOP DAN

IMAGE READY

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.

Pembagian Halaman

Halaman AdministratorHalaman 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 lainnya dapat dilakukan dengan mudah.

Ini adalah main page (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…

Attention…

STEP 3…Coding dengan PHP – MySQLAdmin Page

Membuat file konfigurasi

<?php

$host="localhost";

$user="root";

$pass="";

$db=“perpus";

$con=mysql_connect($host,$user,$pass) or die(mysql_error());

mysql_select_db($db,$con) or die(mysql_error());

?>

Setting Host

Seting User

Setting Password User

Setting Database

Manajemen Anggota

Pada bagian ini, akan ditunjukkan proses-proses yang terjadi pada pengolahan data anggota, antara lain

Menambah data AnggotaMengubah data AnggotaMenampilkan data AnggotaMenghapus data Anggota

File-file yang dibutuhkan :Member-tambah.php Form untuk menambah data anggotaMember-edit.php Form untuk mengubah data anggotaMember-daftar.php Untuk menampilkan data anggotaExe-Member.php Script untuk memproses penambahan

dan pengubahan data.Member-hapus.php Script untuk memproses penghapusan data

Menambah Data Anggota

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> <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> <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>

Part 1

Action file..

Nama F i le : member- tambah.php

<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> <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

Action File (ex: exe-member.php)

<?phpinclude('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'];$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>';} else {

Part 1

$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

Contoh Screenshoot

Pengisian data-data

Jika data-data sudah selesai ditambahkan, akan dialihkan pada

halaman daftar anggota

Mengubah Data Anggota

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)

<?phpinclude("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"> <?php

echo '<option value="'.$hasil[3].'" selected="selected">'.$hasil[3].'</option>';?>

<option value="L">Laki-Laki</option> <option value="P">Perempuan</option> </select> </td>

Part 1

Nama F i le : member-ed i t .php

</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'];$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>';

Part 1

Nama F i le : exe-member.php

} 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

Contoh Screenshoot

Pertama-tama, kita memilih data yang

akan diedit

Kita akan dihadapkan pada sebuah form, di sini kita

dapat mengubah data-data yang diinginkan, kemudian klik tombol “edit” yang ada

di bawah form

Data berhasil diubah

Menampilkan Data Anggota

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.

<?phpinclude('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><?phpinclude('koneksi/koneksi.php');$tabel='anggota';$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='member-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);

Part 1

Nama F i le : member-daf tar.php

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){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>";?>

Part 2

Contoh Screenshoot

Menghapus Data Anggota

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

<?phpinclude("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>';}?>

Nama F i le : member-hapus.php

Contoh Screenshoot

Pilih data yang akan dihapusKlik “hapus”

Data Anggota berhasil dihapus

Manajemen Penulis

Pada bagian ini, akan ditunjukkan proses-proses yang terjadi pada pengolahan data penulis, antara lain

Menambah data PenulisMengubah data PenulisMenampilkan data PenulisMenghapus data Penulis

File-file yang dibutuhkan :Penulis-tambah.php Form untuk menambah data penulisPenulis-edit.php Form untuk mengubah data penulisPenulis-daftar.php Untuk menampilkan data penulisExe-Penulis.php Script untuk memproses penambahan

dan pengubahan data.Penulis-hapus.php Script untuk memproses penghapusan data

Menambah Data Penulis

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"> <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> <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>

Part 1

Action file..

Nama F i le :penul is - tambah.php

<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

<?phpinclude('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> ';}

}}

Nama F i le :exe-penul is .php

Contoh Screenshoot

Pengisian data-data pada form

yang telah tersedia

Data Penulis berhasil ditambahkan

Mengubah Data Penulis

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><?phpinclude("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> <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>

Nama F i le :penul is -ed i t .php

Part 1

<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> ';}

}}?>

Script Untuk Proses

Nama F i le :exe-penul is .php

Contoh Screenshoot

Pilih data yang akan diubah

Perhatikan data iniKlik “Edit”

Ubah Data..

Klik “Edit”

Data berhasil diubah

Menampilkan Data Penulis

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.

<?phpinclude('koneksi/koneksi.php');$tabel='penulis';$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 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);

Nama F i le :penul is -daf tar.php

Part 1

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

Contoh Screenshoot

Menghapus Data Penulis

Setelah membuat file untuk menampilkan data, kali ini kita akan membuat file untuk menghapus data. File yang akan kita buat bernama Penulis-hapus.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

<?phpinclude("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>';}?>

Nama F i le :penul is -hapus.php

Contoh Screenshoot

Pilih data yang akan dihapus

Klik “hapus”

Manajemen Penerbit

Pada bagian ini, akan ditunjukkan proses-proses yang terjadi pada pengolahan data penerbit, antara lain

Menambah data PenerbitMengubah data PenerbitMenampilkan data PenerbitMenghapus data Penerbit

File-file yang dibutuhkan :Penerbit-tambah.php Form untuk menambah data penerbitPenerbit-edit.php Form untuk mengubah data penerbitPenerbit-daftar.php Untuk menampilkan data penerbitExe-Penerbit.php Script untuk memproses penambahan

dan pengubahan data.Penerbit-hapus.php Script untuk memproses penghapusan data

Menambah Data Penerbit

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> <td><div align="center">:</div></td> <td><input name="alamat" type="text" class="teks" /></td> </tr>

Nama F i le :penerb i t - tambah.php

Part 1

<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> <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

<?phpinclude('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> ';}

}}

Nama F i le :exe-penerb i t .php

Contoh Screenshoot

Isi data baru pada formKlik

“tambah”

Data berhasil ditambahkan

Mengubah Data Penerbit

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><?phpinclude("koneksi/koneksi.php");$id=$_GET['kode'];$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>

Nama F i le :penerb i t -ed i t .php

Part 1

<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> ';}

}}?>

Script Untuk Proses

Nama F i le :exe-penerb i t .php

Contoh Screenshoot

Pilih data yang akan diubah

Klik “Edit”

Ubah data

Klik “Edit”

Data berhasil diubah

Menampilkan Data Penerbit

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><?phpinclude('koneksi/koneksi.php');$tabel='penerbit';$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);

Nama F i le :penerb i t -daf tar.php

Part 1

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){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>";?>

Part 2

Contoh Screenshoot

Data ditampilkan

Menghapus Data Penerbit

Setelah membuat file untuk menampilkan data, kali ini kita akan membuat file untuk menghapus data. File yang akan kita buat bernama Penerbit-hapus.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

<?phpinclude("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>';}?>

Nama F i le :penerb i t -hapus.php

Contoh Screenshoot

Pilih data yang akan dihapus

Klik “hapus”

Data berhasil dihapus

Manajemen Jenis Buku

Pada bagian ini, akan ditunjukkan proses-proses yang terjadi pada pengolahan data Jenis Buku, antara lain

Menambah data Jenis BukuMengubah data Jenis BukuMenampilkan data Jenis BukuMenghapus data Jenis Buku

File-file yang dibutuhkan :Jenis-tambah.php Form untuk menambah data jenisJenis-edit.php Form untuk mengubah data jenisJenis-daftar.php Untuk menampilkan data jenisExe-jenis.php Script untuk memproses penambahan

dan pengubahan data.Jenis-hapus.php Script untuk memproses penghapusan data

Menambah Data Jenis Buku

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>

Nama F i le : jen is - tambah.php

<?phpinclude('koneksi/koneksi.php');$tabel='jenis';if ($tambah){

global $kode, $jenis, $desk;$kode=$_POST['kode'];$jenis=$_POST['jenis'];$desk=$_POST['desk'];

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> ';}

}} Nama F i le :exe- jen is .php

Script untuk proses

Contoh Screenshoot

Isi data-data jenis buku yang akan

ditambahkan

Klik “tambah”

Data berhasil ditambahkan

Mengubah Data Jenis Buku

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><?phpinclude("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}?>

Nama F i le : jen is -ed i t .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> ';}

}}?> Nama F i le :exe- jen is .php

Contoh Screenshoot

Pilih data yang akan diedit

Klik “Edit”

Ubah data yang yang akan diubah

Klik “Edit”

Data berhasil diubah

Menampilkan Data Jenis Buku

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><?phpinclude('koneksi/koneksi.php');$tabel='jenis';$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'>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);

Nama F i le : jen is -daf tar.php

Part 1

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){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>";?>

Part 2

Contoh Screenshoot

Menghapus Data Jenis Buku

Setelah membuat file untuk menampilkan data, kali ini kita akan membuat file untuk menghapus data. File yang akan kita buat bernama jenis-hapus.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

<?phpinclude("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>';}?>

Nama F i le : jen is -hapus.php

Contoh Screenshoot

Pilih data yang akan dihapus

Klik “hapus”

Data berhasil dihapus

Manajemen User

Pada bagian ini, akan ditunjukkan proses-proses yang terjadi pada pengolahan data user, antara lain

Menambah data UserMengubah data UserMenampilkan data UserMenghapus data User

File-file yang dibutuhkan :User-tambah.php Form untuk menambah data userUser-edit.php Form untuk mengubah data userUser-daftar.php Untuk menampilkan data userExe-User.php Script untuk memproses penambahan

dan pengubahan data.User-hapus.php Script untuk memproses penghapusan data

Menambah Data User

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> <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>

Nama F i le : user - tambah.php

Part 1

<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> </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

<?phpinclude('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> ';}

}}

Nama F i le : exe-user.php

Contoh Screenshoot

User : rootPassword : root

Klik “Tambah”

Klik “Next”

Data telah ditambahkan

Mengubah Data User

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><?phpinclude("koneksi/koneksi.php");$kode=$_GET['kode'];$tabel='userpass';$sql="SELECT * FROM $tabel WHERE ID=$kode";$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>

Nama F i le : user -ed i t .php

Part 1

<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> </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, $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> ';}

}}?>

Nama F i le : exe-user.php

Contoh Screenshoot

Pilih data yang akan diedit

Klik “Edit”

Ubah data yang diinginkan

Klik “Edit”Data berhasil diubah

Menampilkan Data User

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><?phpinclude('koneksi/koneksi.php');$tabel='userpass';$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 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);Nama F i le : user -daf tar.php

Part 1

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){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>";?>

Part 2

Contoh Screenshoot

Menghapus Data User

Setelah membuat file untuk menampilkan data, kali ini kita akan membuat file untuk menghapus data. File yang akan kita buat bernama user-hapus.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

<?phpinclude("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>';}?>

Nama F i le : user -hapus.php

Contoh Screenshoot

Pilih data yang akan dihapus

Klik “hapus”

Data berhasil dihapus

Manajemen Buku

Pada bagian ini, akan ditunjukkan proses-proses yang terjadi pada pengolahan data buku, antara lain

Menambah data BukuMengubah data BukuMenampilkan data BukuMenghapus data Buku

File-file yang dibutuhkan :Buku-tambah.php Form untuk menambah data BukuBuku-edit.php Form untuk mengubah data BukuBuku-daftar.php Untuk menampilkan data BukuExe-Buku.php Script untuk memproses penambahan

dan pengubahan data.Buku-hapus.php Script untuk memproses penghapusan data

Menambah Data Buku

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> <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>

Nama F i le : buku- tambah.php

Part 1

Mendapatkan data dari tabel

jenis

<tr> <td>Judul</td> <td><div align="center">:</div></td> <td><input name="judul" type="text" class="teks" id="judul" /></td> </tr> <tr> <td>Penulis</td> <td><div align="center">:</div></td> <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>

Part 2

Mendapatkan data dari tabel

penulis

<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

Mendapatkan data dari tabel

jenis

<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> <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>

Part 4

<?phpinclude('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'];

Nama F i le : exe-buku.php

Part 1

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

Contoh Screenshoot

Isi data-data buku secara lengkap.

Klik “Tambah”

Data buku berhasil ditambahkan

Mengubah Data Buku

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><?phpinclude("koneksi/koneksi.php");

$kode=$_GET['kode'];$tabel='buku';$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>

Nama F i le : buku-edi t .php

Part 1

<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();

?> </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>

Part 2

<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();

?> </select></td> </tr>

Part 3

<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> </tr>

Part 4

<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><?php}?>

Part 5

if($edit){global $ID, $isbn, $kdjenis, $judul, $kdpenulis, $kdpenerbit, $tahun, $jumlah,

$rak, $kode;$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'];$kode=$_POST['kode'];

Nama F i le : exe-buku.php

Part 1

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

Contoh Screenshoot

Pilih data yang akan diubahKlik “Edit”

Ubah data

Klik “Edit”Data berhasil diubah

Menampilkan Data Buku

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><?phpinclude('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());

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);

Nama F i le : buku-daf tar.php

Part 1

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){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>";?>

Part 2

Contoh Screenshoot

Data ditampilkan

Menghapus Data Buku

Setelah membuat file untuk menampilkan data, kali ini kita akan membuat file untuk menghapus data. File yang akan kita buat bernama buku-hapus.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

<?phpinclude("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>';}?>

Nama F i le : buku-hapus.php

Contoh Screenshoot

Pilih data yang akan dihapus

Klik “Hapus”

Data berhasil dihapus

Manajemen Deskripsi Buku

Pada bagian ini, akan ditunjukkan proses-proses yang terjadi pada pengolahan data Deskripsi Buku, antara lain

Menambah data Deskripsi BukuMengubah data Deskripsi BukuMenampilkan data Deskripsi BukuMenghapus data Deskripsi Buku

File-file yang dibutuhkan :Deskripsi-tambah.php Form untuk menambah data Deskripsi BukuDeskripsi-edit.php Form untuk mengubah data Deskripsi BukuDeskripsi-daftar.php Untuk menampilkan data Deskripsi BukuExe-Deskripsi.php Script untuk memproses penambahan

dan pengubahan data.Deskripsi-hapus.php Script untuk memproses penghapusan data

Menambah Data Deskripsi Buku

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> <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>

Nama F i le : deskr ips i - tambah.php

Part 1

<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> <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

<?phpinclude('koneksi/koneksi.php');$tabel='desk_buku';$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);

Nama F i le : exe-deskr ips i .php

Part 1

if ($p!=0){echo '<script type="text/javascript">alert(\'Data buku sudah

ada\'); history.go(-1); </script> ';} else {

$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

Contoh Screenshoot

Isi data-data yang dibutuhkan,

beserta gambar

Klik “Tambah”

Data deskripsi buku berhasil ditambahkan

Mengubah Data Deskripsi Buku

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";$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> Nama F i le : deskr ips i_edi t .php

Part 1

<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> <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}?>

Part 2

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> ';}

} }

?>Nama F i le : exe-deskr ips i .php

Contoh Screenshoot

Pilih data yang akan

diedit

Klik “Edit”

Isikan data-data yang baru

Klik “Edit”Data berhasil

diubah

Menampilkan Data Deskripsi Buku

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><?phpinclude('koneksi/koneksi.php');$tabel='desk_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());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);

Nama F i le : deskr ips i -daf tar.php

Part 1

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++ ){

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>";?>

Part 2

Contoh Screenshoot

Menghapus Data Deskripsi Buku

Setelah membuat file untuk menampilkan data, kali ini kita akan membuat file untuk menghapus data. File yang akan kita buat bernama deskripsi-hapus.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 deskripsi-daftar.php

<?phpinclude("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 gambarecho '<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>';}?>

Nama F i le : deskr ips i -hapus.php

Contoh Screenshoot

Pilih data yang akan dihapus

Klik “Hapus”

Data berhasil dihapus

Manajemen User Login

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

<?phpsession_start();include("include/ceklogin.php");valid();?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /><title>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>

Nama F i le : log in .php

<?phpinclude("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");

}}?>

Nama F i le : exe- log in .php

<?phpsession_start();unset($_SESSION['admin']);unset($_SESSION['masuk']);unset($_SESSION['member']);session_destroy();header("Location: login.php");?>

Nama F i le : logout .php

Contoh Screenshoot

Untuk dapat masuk ke halaman

administrator, kita akan menjumpai form

seperti ini.

Jika username dan password benar, kita

akan dialihkan menuju halaman

utama administrator

Jika akan logout, klik menu

“LOGOUT”

STEP 4…Coding dengan PHP – MySQLUser Page

Manajemen Halaman pada User Page

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.phpAnggota.phpBuku.phpCari-anggota.phpCari-buku.phpContact.phpDetail-buku.phpGuestbook.phpExe_guest.phpLinksmk.php

Index.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;

}}

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>

Part 1

<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" onLoad="preloadImages();"><?phpinclude('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><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>

Part 2

<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><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>

Part 3

<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<?phpinclude('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 {

$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>

Part 4

Contoh Screenshoot

Anggota.php

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.

<?phpinclude('admin/koneksi/koneksi.php');$tabel='anggota';$hal=$_GET['hal'];if (!$_GET['hal']){

$page=1;} else {

$page=$hal;}$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);

Part 1

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++ ){

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>";}}?>

Part 2

Contoh Screenshoot

Buku.php

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.

<?phpinclude('admin/koneksi/koneksi.php');$tabel='anggota';$hal=$_GET['hal'];if (!$_GET['hal']){

$page=1;} else {

$page=$hal;}$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);

Part 1

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++ ){

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>";}}?>

Part 2

Contoh Screenshoot

Cari-anggota.php

Cari-anggota.php adalah file yang digunakan untuk menampilkan data member yang kita cari melalui form pencarian.

<?phpinclude('admin/koneksi/koneksi.php');$tabel='anggota';$hal=$_GET['hal'];if (!$_GET['hal']){

$page=1;} else {

$page=$hal;}$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>".$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);

Part 1

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){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>";}}?>

Part 2

Contoh Screenshoot

Isi data yang ingin dicari pada form

Klik “Search”

Data ditemukan

Cari-buku.php

Cari-buku.php adalah file yang digunakan untuk menampilkan data buku yang kita cari melalui form pencarian.

<?phpinclude('admin/koneksi/koneksi.php');$tabel='buku';$hal=$_GET['hal'];if (!$_GET['hal']){

$page=1;} else {

$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]."</td><td>".$hasil[4]."</td><td>".$hasil[5]."</td><td>".$hasil[6]."</td><td>".$hasil[7]."</td><td>".$hasil[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);

Part 1

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){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>";}?>

Part 2

Contoh Screenshoot

Carimenu.php

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>

Contoh Screenshoot

Form pencarian

Detail-buku.php

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']){

$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)){

Part 1

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> <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>';}?>

Part 2

<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){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>";}?>

Part 3

Contoh Screenshoot

Pilih salah satu buku

Guestbook.php

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> <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>

Part 1

<?phpinclude("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>E-mail</td><td width=200>Komentar</td></tr>";while ($hasil=mysql_fetch_array($query)){

echo "<tr class=trrecord>";echo "<td>".$hasil[1]."</td>";echo "<td>".$hasil[2]."</td>";echo "<td>".$hasil[3]."</td>";echo "</tr>";

}echo "</table>";?>

Part 2

<?phpinclude('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>';}

}?>

Nama F i le : exe_guest .php

Contoh Screenshoot

Isikan komentar

Klik “komentar”

Komentar berhasil

ditambahkan

PENUTUP

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.

top related