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