Library Information System

199
MEMBUAT SISTEM INFORMASI PERPUSTAKAAN BERBASIS WEB DENGAN PHP & MYSQL

Transcript of Library Information System

Page 1: Library Information System

MEMBUAT SISTEM INFORMASIPERPUSTAKAAN BERBASIS

WEBDENGAN PHP & MYSQL

Page 2: Library Information System

Kebutuhan Software

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

Page 3: Library Information System

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

Page 4: Library Information System

Diagram Manajemen Administrasi Sistem Informasi Perpustakaan

AdministratorBuku

Tambah

Edit

Hapus

PenulisTambah

Edit

Hapus

PenerbitTambah

Edit

Hapus

Jenis BukuTambah

Edit

Hapus

UserTambah

Edit

Hapus

Page 5: Library Information System

STEP 1… MEMBUAT DATABASE

Page 6: Library Information System

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

Page 7: Library Information System

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

Page 8: Library Information System

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

Page 9: Library Information System

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

Page 10: Library Information System

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

Page 11: Library Information System

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

Page 12: Library Information System

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

Page 13: Library Information System

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

Page 14: Library Information System

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

Page 15: Library Information System

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

Page 16: Library Information System

STEP 2… DESAIN LAYOUT DENGAN PHOTOSHOP DAN

IMAGE READY

Page 17: Library Information System

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

Page 18: Library Information System

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

Page 19: Library Information System

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…

Page 20: Library Information System

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…

Page 21: Library Information System

STEP 3…Coding dengan PHP – MySQLAdmin Page

Page 22: Library Information System

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

Page 23: Library Information System

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

Page 24: Library Information System

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)

Page 25: Library Information System

<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

Page 26: Library Information System

<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

Page 27: Library Information System

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

Page 28: Library Information System

$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

Page 29: Library Information System

Contoh Screenshoot

Pengisian data-data

Jika data-data sudah selesai ditambahkan, akan dialihkan pada

halaman daftar anggota

Page 30: Library Information System

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)

Page 31: Library Information System

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

Page 32: Library Information System

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

Page 33: Library Information System

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

Page 34: Library Information System

} 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

Page 35: Library Information System

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

Page 36: Library Information System

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.

Page 37: Library Information System

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

Page 38: Library Information System

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

Page 39: Library Information System

Contoh Screenshoot

Page 40: Library Information System

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

Page 41: Library Information System

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

Page 42: Library Information System

Contoh Screenshoot

Pilih data yang akan dihapusKlik “hapus”

Data Anggota berhasil dihapus

Page 43: Library Information System

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

Page 44: Library Information System

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)

Page 45: Library Information System

<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

Page 46: Library Information System

<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

Page 47: Library Information System

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

Page 48: Library Information System

Contoh Screenshoot

Pengisian data-data pada form

yang telah tersedia

Data Penulis berhasil ditambahkan

Page 49: Library Information System

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)

Page 50: Library Information System

<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

Page 51: Library Information System

<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

Page 52: Library Information System

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

Page 53: Library Information System

Contoh Screenshoot

Pilih data yang akan diubah

Perhatikan data iniKlik “Edit”

Ubah Data..

Klik “Edit”

Data berhasil diubah

Page 54: Library Information System

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.

Page 55: Library Information System

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

Page 56: Library Information System

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

Page 57: Library Information System

Contoh Screenshoot

Page 58: Library Information System

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

Page 59: Library Information System

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

Page 60: Library Information System

Contoh Screenshoot

Pilih data yang akan dihapus

Klik “hapus”

Page 61: Library Information System

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

Page 62: Library Information System

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)

Page 63: Library Information System

<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

Page 64: Library Information System

<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

Page 65: Library Information System

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

Page 66: Library Information System

Contoh Screenshoot

Isi data baru pada formKlik

“tambah”

Data berhasil ditambahkan

Page 67: Library Information System

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)

Page 68: Library Information System

<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

Page 69: Library Information System

<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

Page 70: Library Information System

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

Page 71: Library Information System

Contoh Screenshoot

Pilih data yang akan diubah

Klik “Edit”

Ubah data

Klik “Edit”

Data berhasil diubah

Page 72: Library Information System

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.

Page 73: Library Information System

<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

Page 74: Library Information System

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

Page 75: Library Information System

Contoh Screenshoot

Data ditampilkan

Page 76: Library Information System

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

Page 77: Library Information System

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

Page 78: Library Information System

Contoh Screenshoot

Pilih data yang akan dihapus

Klik “hapus”

Data berhasil dihapus

Page 79: Library Information System

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

Page 80: Library Information System

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)

Page 81: Library Information System

<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

Page 82: Library Information System

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

Page 83: Library Information System

Contoh Screenshoot

Isi data-data jenis buku yang akan

ditambahkan

Klik “tambah”

Data berhasil ditambahkan

Page 84: Library Information System

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)

Page 85: Library Information System

<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

Page 86: Library Information System

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

Page 87: Library Information System

Contoh Screenshoot

Pilih data yang akan diedit

Klik “Edit”

Ubah data yang yang akan diubah

Klik “Edit”

Data berhasil diubah

Page 88: Library Information System

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.

Page 89: Library Information System

<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

Page 90: Library Information System

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

Page 91: Library Information System

Contoh Screenshoot

Page 92: Library Information System

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

Page 93: Library Information System

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

Page 94: Library Information System

Contoh Screenshoot

Pilih data yang akan dihapus

Klik “hapus”

Data berhasil dihapus

Page 95: Library Information System

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

Page 96: Library Information System

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.

Page 97: Library Information System

<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

Page 98: Library Information System

<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

Page 99: Library Information System

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

Page 100: Library Information System

Contoh Screenshoot

User : rootPassword : root

Klik “Tambah”

Klik “Next”

Data telah ditambahkan

Page 101: Library Information System

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)

Page 102: Library Information System

<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

Page 103: Library Information System

<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

Page 104: Library Information System

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

Page 105: Library Information System

Contoh Screenshoot

Pilih data yang akan diedit

Klik “Edit”

Ubah data yang diinginkan

Klik “Edit”Data berhasil diubah

Page 106: Library Information System

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.

Page 107: Library Information System

<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

Page 108: Library Information System

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

Page 109: Library Information System

Contoh Screenshoot

Page 110: Library Information System

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

Page 111: Library Information System

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

Page 112: Library Information System

Contoh Screenshoot

Pilih data yang akan dihapus

Klik “hapus”

Data berhasil dihapus

Page 113: Library Information System

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

Page 114: Library Information System

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.

Page 115: Library Information System

<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

Page 116: Library Information System

<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

Page 117: Library Information System

<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

Page 118: Library Information System

<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

Page 119: Library Information System

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

Page 120: Library Information System

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

Page 121: Library Information System

Contoh Screenshoot

Isi data-data buku secara lengkap.

Klik “Tambah”

Data buku berhasil ditambahkan

Page 122: Library Information System

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.

Page 123: Library Information System

<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

Page 124: Library Information System

<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

Page 125: Library Information System

<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

Page 126: Library Information System

<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

Page 127: Library Information System

<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

Page 128: Library Information System

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

Page 129: Library Information System

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

Page 130: Library Information System

Contoh Screenshoot

Pilih data yang akan diubahKlik “Edit”

Ubah data

Klik “Edit”Data berhasil diubah

Page 131: Library Information System

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.

Page 132: Library Information System

<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

Page 133: Library Information System

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

Page 134: Library Information System

Contoh Screenshoot

Data ditampilkan

Page 135: Library Information System

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

Page 136: Library Information System

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

Page 137: Library Information System

Contoh Screenshoot

Pilih data yang akan dihapus

Klik “Hapus”

Data berhasil dihapus

Page 138: Library Information System

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

Page 139: Library Information System

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.

Page 140: Library Information System

<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

Page 141: Library Information System

<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

Page 142: Library Information System

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

Page 143: Library Information System

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

Page 144: Library Information System

Contoh Screenshoot

Isi data-data yang dibutuhkan,

beserta gambar

Klik “Tambah”

Data deskripsi buku berhasil ditambahkan

Page 145: Library Information System

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.

Page 146: Library Information System

<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

Page 147: Library Information System

<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

Page 148: Library Information System

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

Page 149: Library Information System

Contoh Screenshoot

Pilih data yang akan

diedit

Klik “Edit”

Isikan data-data yang baru

Klik “Edit”Data berhasil

diubah

Page 150: Library Information System

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.

Page 151: Library Information System

<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

Page 152: Library Information System

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

Page 153: Library Information System

Contoh Screenshoot

Page 154: Library Information System

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

Page 155: Library Information System

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

Page 156: Library Information System

Contoh Screenshoot

Pilih data yang akan dihapus

Klik “Hapus”

Data berhasil dihapus

Page 157: Library Information System

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

Page 158: Library Information System

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

Page 159: Library Information System

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

Page 160: Library Information System

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

Nama F i le : logout .php

Page 161: Library Information System

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”

Page 162: Library Information System

STEP 4…Coding dengan PHP – MySQLUser Page

Page 163: Library Information System

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

Page 164: Library Information System

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

Page 165: Library Information System

<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

Page 166: Library Information System

<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

Page 167: Library Information System

<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

Page 168: Library Information System

<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

Page 169: Library Information System

Contoh Screenshoot

Page 170: Library Information System

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.

Page 171: Library Information System

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

Page 172: Library Information System

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

Page 173: Library Information System

Contoh Screenshoot

Page 174: Library Information System

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.

Page 175: Library Information System

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

Page 176: Library Information System

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

Page 177: Library Information System

Contoh Screenshoot

Page 178: Library Information System

Cari-anggota.php

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

Page 179: Library Information System

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

Page 180: Library Information System

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

Page 181: Library Information System

Contoh Screenshoot

Isi data yang ingin dicari pada form

Klik “Search”

Data ditemukan

Page 182: Library Information System

Cari-buku.php

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

Page 183: Library Information System

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

Page 184: Library Information System

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

Page 185: Library Information System

Contoh Screenshoot

Page 186: Library Information System

Carimenu.php

Carimenu.php adalah file yang ter-include pada tiap halaman, file ini berisi form yang terletak pada bawah halaman

Page 187: Library Information System

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

Page 188: Library Information System

Contoh Screenshoot

Form pencarian

Page 189: Library Information System

Detail-buku.php

Detail-buku.php adalah file yang digunakan untuk mengetahui detail suatu buku setelah memilih salah satu gambar pada index.php

Page 190: Library Information System

<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

Page 191: Library Information System

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

Page 192: Library Information System

<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

Page 193: Library Information System

Contoh Screenshoot

Pilih salah satu buku

Page 194: Library Information System

Guestbook.php

Guestbook adalah file yang digunakan untuk pemberian komentar bagi para pengunjung. Saat diproses, proses tersebut akan dijalankan oleh exe_guest.php

Page 195: Library Information System

<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

Page 196: Library Information System

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

Page 197: Library Information System

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

Page 198: Library Information System

Contoh Screenshoot

Isikan komentar

Klik “komentar”

Komentar berhasil

ditambahkan

Page 199: Library Information System

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.