Membuat Sistem Informasi Perpustakaan Berbasis Web dengan PHP & MySQL

Kebutuhan Software Operating System Windows XP SP2 Macromedia Dreamweaver 8 Adobe Photoshop CS Adobe Image Ready CS AppServ 2.5.7 For Windows

Langkah-Langkah Pembuatan Sistem Informasi Berbasis Web 1 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 Administrator Buku Tambah Edit Hapus Penulis Penerbit Jenis Buku User

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

Ketik nama database, kemudian klik tombol ciptakan Membuat Database Awal Buat database dengan nama perpus, kemudian klik tombol ciptakan. Step 1.a Database Ketik nama database, kemudian klik tombol ciptakan Database telah dibuat

Membuat Tabel Anggota 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) Tabel Anggota berhasil dibuat Step 1.b Database Isi nama field masing-masing dan beserta tipenya. Beri Nama “anggota”

Membuat Tabel Penerbit Setelah itu, kita membuat tabel penerbit, tabel ini digunakan untuk menyimpan data-data penerbit dan sebagai salah satu referensi bagi tabel buku nantinya 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) Tabel Penerbit berhasil dibuat Step 1.c Database Isi Field masing-masing beserta tipe datanya Beri Nama Tabel : “Penerbit”, jumlah field = 7

Membuat Tabel Penulis 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) Step 1.d Database isI masing-masing field beserta tipe datanya. Isi Nama Table “penulis”, jumlah field :6 Tabel Penulis berhasil dibuat

Membuat Tabel Jenis 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) Tabel Jenis berhasil dibuat Step 1.e Database Beri Nama Tabel “jenis”, jumlah field 3 Beri nama masing-masing field beserta tipe datanya.

Membuat Tabel Userpass 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) Step 1.f Database Beri nama tabel “userpass”, jumlah field 6 Isi nama field masing-masing beserta tipe datanya. Tabel Userpass berhasil dibuat

Membuat Tabel Buku 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) Step 1.g Database Tabel Buku berhasil dibuat Isi nama field masing-masing beserta tipe datanya. Beri nama tabel “buku”, jumlah field 11

Membuat Tabel Desk Buku Setelah itu, kita membuat tabel desk_buku. Tabel ini digunakan untuk menyimpan file-file pendukung dari suatu buku, seperti gambar, deskripsi, kondisi, dan sebagainya. Nama: DESK_BUKU Database Engine : innodb Field-Field: ID (INT 10 PRIMARY KEY auto_increment) NO_DESK (INT 10) ID_BUKU (VARCHAR 50 INDEX) GAMBAR (VARCHAR 255) KONDISI(VARCHAR 255) DESKRIPSI (TEXT) Step 1.h Database Beri nama field masing-masing beserta tipe datanya. Tabel desk_buku berhasil dibuat Beri nama tabel “desk_buku”, jumlah field 6

STEP 2… Desain Layout dengan Photoshop dan Image Ready

Pembagian Halaman Dalam Sistem Informasi Perpustakaan yang akan dibuat, dibagi menjadi 2 bagian, yaitu bagian administrator page dan user page. Administrator page digunakan sebagai halaman bagi administrator untuk mengelola data-data yang terdapat dalam web. Sedangkan User page digunakan sebagai halaman bagi pengunjung. Di dalam halaman ini berisi segala informasi buku maupun penulisnya secara lengkap dan mudah.

Halaman Administrator Halaman administrator menggunakan theme background hitam, hal ini akan membuat suasana web lebih elegan dan enak dipandang. Susunan menu didesain tetap berada di atas walaupun halaman di-scroll ke bawah. Hal ini ditujukan agar kenyamanan dalam berpindah halaman 1 ke halaman lainnya dapat dilakukan dengan mudah. Ini adalah main page (halaman awal) dari Bagian Administrator Page

Inilah tampilan dari User Page, cukup menarik bukan… 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…

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

STEP 3… Coding dengan PHP – MySQL Admin 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

Pada bagian ini, akan ditunjukkan proses-proses yang terjadi pada pengolahan data anggota, antara lain Menambah data Anggota Mengubah data Anggota Menampilkan data Anggota Menghapus data Anggota File-file yang dibutuhkan : Member-tambah.php  Form untuk menambah data anggota Member-edit.php  Form untuk mengubah data anggota Member-daftar.php  Untuk menampilkan data anggota Exe-Member.php  Script untuk memproses penambahan dan pengubahan data. Member-hapus.php  Script untuk memproses penghapusan data Manajemen Anggota

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)

Nama File : member-tambah.php <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> Action file.. Part 1 Nama File : 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) <. php include('koneksi/koneksi Action File (ex: exe-member.php) <?php include('koneksi/koneksi.php'); $tabel='anggota'; $tambah=$_POST['tambah']; $edit=$_POST['edit']; if ($tambah){ global $id, $nama, $sex, $telepon, $alamat, $email, $desk; $id=$_POST['id']; $nama=$_POST['nama']; $sex=$_POST['sex']; $telepon=$_POST['telepon']; $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"); $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 Jika data-data sudah selesai ditambahkan, akan dialihkan pada halaman daftar anggota Pengisian data-data

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)

Nama File : member-edit.php <?php include("koneksi/koneksi.php"); $kode=$_GET['kode']; $tabel='anggota'; $sql="SELECT * FROM $tabel WHERE ID=$kode"; $query=mysql_query($sql) or die(mysql_error()); while($hasil=mysql_fetch_array($query)){ ?> <form action="exe_member.php" method="post" name="editmember" id="editmember"> <table width="429" border="0" cellspacing="0" cellpadding="3" align="center"> <tr> <td>ID Anggota </td> <td width="4"><div align="center">:</div></td> <td width="208"><input name="id" type="text" class="teks" id="id" value="<? echo $hasil[1]; ?>"/></td> </tr> <tr> <td>Nama</td> <td><div align="center">:</div></td> <td><input name="nama" type="text" class="teks" id="nama" value="<? echo $hasil[2]; ?>"/></td> </tr> <tr> <td>Sex</td> <td><div align="center">:</div></td> <td><select name="sex" class="list" id="sex"> <?php echo '<option value="'.$hasil[3].'" selected="selected">'.$hasil[3].'</option>'; ?> <option value="L">Laki-Laki</option> <option value="P">Perempuan</option> </select> </td> Nama File : member-edit.php Part 1

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

Nama File : exe-member.php 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>'; Nama File : exe-member.php Part 1

} else { $sql="UPDATE $tabel SET `ID_ANGGOTA` = '$id', `NAMA` = '$nama', `SEX` = '$sex', `PHONE` = '$telepon', `ALAMAT` = '$alamat', `EMAIL` = '$email', `DESKRIPSI` = '$desk' WHERE `ID` = $kode"; $query=mysql_query($sql) or die('karena'.mysql_error()); if ($query){ echo '<script type="text/javascript">alert(\'Data member berhasil diubah\'); document.location=\'member-daftar.php\'; </script> '; } else { echo '<script type="text/javascript">alert(\'Data member gagal\'); history.go(-1); </script> '; } } } ?> Part 2

Pertama-tama, kita memilih data yang akan diedit Contoh Screenshoot Pertama-tama, kita memilih data yang akan diedit Data berhasil diubah Kita akan dihadapkan pada sebuah form, di sini kita dapat mengubah data-data yang diinginkan, kemudian klik tombol “edit” yang ada di bawah form

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.

Nama File : member-daftar.php <?php include('navi.php'); ?> <table width="900" border="0" cellspacing="0" cellpadding="0" align="center"> <tr> <td colspan="2" background="images/Layout_07.gif" width="900" height="100"> </td> </tr> <tr> <td width="200" class="info"><?php include('include/info.php'); ?></td> <td width="700"> <h1 class="judul">DATA MEMBER </h1> <?php include('koneksi/koneksi.php'); $tabel='anggota'; $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); Nama File : member-daftar.php Part 1

echo "<div align='center'>"; if ($page>1){. $awal=1; 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

Nama File : member-hapus.php <?php include("koneksi/koneksi.php"); $kode=$_GET['kode']; $tabel='anggota'; $sql="DELETE FROM $tabel WHERE ID = $kode"; $query=mysql_query($sql) or die('<script type="text/javascript">alert(\'Data tidak dapat dihapus karena \n '.mysql_error().'\');history.go(-1);</script>'); if ($query){ echo '<script type="text/javascript">alert(\'data member berhasil dihapus\');document.location=\'member-daftar.php\';</script>'; } else { echo '<script type="text/javascript">alert(\'gagal dihapus\');history.go(-1);</script>'; } ?> Nama File : member-hapus.php

Data Anggota berhasil dihapus Pilih data yang akan dihapus Contoh Screenshoot Data Anggota berhasil dihapus Pilih data yang akan dihapus Klik “hapus”

Pada bagian ini, akan ditunjukkan proses-proses yang terjadi pada pengolahan data penulis, antara lain Menambah data Penulis Mengubah data Penulis Menampilkan data Penulis Menghapus data Penulis File-file yang dibutuhkan : Penulis-tambah.php  Form untuk menambah data penulis Penulis-edit.php  Form untuk mengubah data penulis Penulis-daftar.php  Untuk menampilkan data penulis Exe-Penulis.php  Script untuk memproses penambahan dan pengubahan data. Penulis-hapus.php  Script untuk memproses penghapusan data Manajemen Penulis

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)

Nama File :penulis-tambah.php <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> Action file.. Part 1 Nama File :penulis-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

Nama File :exe-penulis.php <?php include('koneksi/koneksi.php'); $tabel='penulis'; $tambah=$_POST['tambah']; $edit=$_POST['edit']; if ($tambah){ global $kode, $penulis, $alamat, $email, $desk; $kode=$_POST['kode']; $penulis=$_POST['penulis']; $alamat=$_POST['alamat']; $email=$_POST['email']; $desk=$_POST['desk']; if ((!$kode) || (!$penulis) || (!$alamat) || (!$email) || (!$desk)){ echo '<script type="text/javascript">alert(\'Data belum lengkap\'); history.go(-1); </script> '; } elseif (!ereg("^.+@.+\\..+",$email)){ echo '<script type="text/javascript">alert(\'email tidak valid\');history.go(-1);</script>'; } else { $sql="INSERT INTO $tabel (`ID`, `KD_PENULIS`, `PENULIS`, `ALAMAT`, `EMAIL`, `DESKRIPSI`) VALUES (NULL, '$kode', '$penulis', '$alamat', '$email', '$desk')"; $query=mysql_query($sql) or die(mysql_error()); if ($query){ echo '<script type="text/javascript">alert(\'Data penulis berhasil ditambahkan\'); document.location=\'penulis-daftar.php\'; </script> '; } else { echo '<script type="text/javascript">alert(\'Data penulis gagal\'); history.go(-1); </script> '; } } } Nama File :exe-penulis.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)

Nama File :penulis-edit.php <h1 class="judul">PENGEDITAN DATA PENULIS</h1> <?php include("koneksi/koneksi.php"); $id=$_GET['kode']; $tabel='penulis'; $sql="SELECT * FROM $tabel WHERE ID=$id"; $query=mysql_query($sql) or die(mysql_error()); while($hasil=mysql_fetch_array($query)){ ?> <form action="exe_penulis.php" method="post" name="editpenulis"> <table width="429" border="0" cellspacing="0" cellpadding="3" align="center"> <tr> <td>Kode Penulis </td> <td width="4"><div align="center">:</div></td> <td width="208"><input name="kode" type="text" class="teks" value="<? echo $hasil[1]; ?>"/></td> </tr> <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 File :penulis-edit.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

Nama File :exe-penulis.php 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 File :exe-penulis.php

Pilih data yang akan diubah Contoh Screenshoot Ubah Data.. Data berhasil diubah Klik “Edit” Perhatikan data ini Pilih data yang akan diubah Klik “Edit”

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.

Nama File :penulis-daftar.php <?php include('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 File :penulis-daftar.php Part 1

echo "<div align='center'>"; if ($page>1){. $awal=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

Nama File :penulis-hapus.php <?php include("koneksi/koneksi.php"); $kode=$_GET['kode']; $tabel='penulis'; $sql="DELETE FROM $tabel WHERE ID = $kode"; $query=mysql_query($sql) or die('<script type="text/javascript">alert(\'Data tidak dapat dihapus karena \n '.mysql_error().'\');history.go(-1);</script>'); if ($query){ echo '<script type="text/javascript">alert(\'data penulis berhasil dihapus\');document.location=\'penulis-daftar.php\';</script>'; } else { echo '<script type="text/javascript">alert(\'gagal dihapus\');history.go(-1);</script>'; } ?> Nama File :penulis-hapus.php

Pilih data yang akan dihapus Contoh Screenshoot Klik “hapus” Pilih data yang akan dihapus

Pada bagian ini, akan ditunjukkan proses-proses yang terjadi pada pengolahan data penerbit, antara lain Menambah data Penerbit Mengubah data Penerbit Menampilkan data Penerbit Menghapus data Penerbit File-file yang dibutuhkan : Penerbit-tambah.php  Form untuk menambah data penerbit Penerbit-edit.php  Form untuk mengubah data penerbit Penerbit-daftar.php  Untuk menampilkan data penerbit Exe-Penerbit.php  Script untuk memproses penambahan dan pengubahan data. Penerbit-hapus.php  Script untuk memproses penghapusan data Manajemen Penerbit

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)

Nama File :penerbit-tambah.php <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> Part 1 Nama File :penerbit-tambah.php

<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

Nama File :exe-penerbit.php <?php include('koneksi/koneksi.php'); $tabel='penerbit'; $tambah=$_POST['tambah']; $edit=$_POST['edit']; if ($tambah){ global $kode, $penerbit, $alamat, $email, $telepon, $desk; $kode=$_POST['kode']; $penerbit=$_POST['penerbit']; $alamat=$_POST['alamat']; $email=$_POST['email']; $telepon=$_POST['telepon']; $desk=$_POST['desk']; if ((!$kode) || (!$penerbit) || (!$alamat) || (!$email) || (!$telepon) || (!$desk)){ echo '<script type="text/javascript">alert(\'Data belum lengkap\'); history.go(-1); </script> '; } elseif (!ereg("^.+@.+\\..+",$email)){ echo '<script type="text/javascript">alert(\'email tidak valid\');history.go(-1);</script>'; } else { $sql="INSERT INTO $tabel (`ID`, `KD_PENERBIT`, `PENERBIT`, `ALAMAT`, `PHONE`, `EMAIL`, `DESKRIPSI`) VALUES (NULL, '$kode', '$penerbit', '$alamat', '$email', '$telepon', '$desk')"; $query=mysql_query($sql) or die(mysql_error()); if ($query){ echo '<script type="text/javascript">alert(\'Data penerbit berhasil ditambahkan\'); document.location=\'penerbit-daftar.php\'; </script> '; } else { echo '<script type="text/javascript">alert(\'Data penerbit gagal\'); history.go(-1); </script> '; } } } Nama File :exe-penerbit.php

Data berhasil ditambahkan Contoh Screenshoot Data berhasil ditambahkan Klik “tambah” Isi data baru pada form

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)

Nama File :penerbit-edit.php <h1 class="judul">PENGEDITAN DATA PENERBIT</h1> <?php include("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> Part 1 Nama File :penerbit-edit.php

<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

Nama File :exe-penerbit.php 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 File :exe-penerbit.php

Pilih data yang akan diubah Contoh Screenshoot Klik “Edit” Ubah data Pilih data yang akan diubah Data berhasil diubah Klik “Edit”

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.

Nama File :penerbit-daftar.php <h1 class="judul">DATA PENERBIT </h1> <?php include('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); Part 1 Nama File :penerbit-daftar.php

echo "<div align='center'>"; if ($page>1){. $awal=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

Nama File :penerbit-hapus.php <?php include("koneksi/koneksi.php"); $kode=$_GET['kode']; $tabel='penerbit'; $sql="DELETE FROM $tabel WHERE ID = $kode"; $query=mysql_query($sql) or die('<script type="text/javascript">alert(\'Data tidak dapat dihapus karena \n '.mysql_error().'\');history.go(-1);</script>'); if ($query){ echo '<script type="text/javascript">alert(\'data penerbit berhasil dihapus\');document.location=\'penerbit-daftar.php\';</script>'; } else { echo '<script type="text/javascript">alert(\'gagal dihapus\');history.go(-1);</script>'; } ?> Nama File :penerbit-hapus.php

Pilih data yang akan dihapus Contoh Screenshoot Pilih data yang akan dihapus Data berhasil dihapus Klik “hapus”

Pada bagian ini, akan ditunjukkan proses-proses yang terjadi pada pengolahan data Jenis Buku, antara lain Menambah data Jenis Buku Mengubah data Jenis Buku Menampilkan data Jenis Buku Menghapus data Jenis Buku File-file yang dibutuhkan : Jenis-tambah.php  Form untuk menambah data jenis Jenis-edit.php  Form untuk mengubah data jenis Jenis-daftar.php  Untuk menampilkan data jenis Exe-jenis.php  Script untuk memproses penambahan dan pengubahan data. Jenis-hapus.php  Script untuk memproses penghapusan data Manajemen Jenis Buku

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)

Nama File :jenis-tambah.php <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 File :jenis-tambah.php

Nama File :exe-jenis.php <?php include('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> '; } } } Script untuk proses Nama File :exe-jenis.php

Contoh Screenshoot Data berhasil ditambahkan Klik “tambah” Isi data-data jenis buku yang akan 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)

Nama File : jenis-edit.php <h1 class="judul">PENGEDITAN DATA JENIS BUKU </h1> <?php include("koneksi/koneksi.php"); $id=$_GET['kode']; $tabel='jenis'; $sql="SELECT * FROM $tabel WHERE KD_JENIS='$id'"; $query=mysql_query($sql) or die(mysql_error()); while($hasil=mysql_fetch_array($query)){ ?> <form action="exe_jenis.php" method="post" name="editjenis" id="editjenis"> <table width="429" border="0" cellspacing="0" cellpadding="3" align="center"> <tr> <td>Kode Jenis </td> <td width="4"><div align="center">:</div></td> <td width="208"><input name="kode" type="text" class="teks" value="<? echo $hasil[0]; ?>"/></td> </tr> <tr> <td>Jenis Buku </td> <td><div align="center">:</div></td> <td><input name="jenis" type="text" class="teks" id="jenis" value="<? echo $hasil[1]; ?>"/></td> </tr> <tr> <td width="199">Deskripsi</td> <td><div align="center">:</div></td> <td><textarea name="desk" class="deks"><? echo $hasil[2]; ?></textarea></td> </tr> <tr> <td colspan="3" class="submit"><input name="id" type="hidden" value="<? echo $id; ?>" /><input name="edit" type="submit" class="button" value="Edit" /> <input name="Reset" type="reset" class="button" id="Reset" value="Batal" /></td> </tr> </table> </form> <?php } ?> Nama File : jenis-edit.php

Nama File :exe-jenis.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 File :exe-jenis.php

Ubah data yang yang akan diubah Pilih data yang akan diedit Contoh Screenshoot Ubah data yang yang akan diubah Pilih data yang akan diedit Data berhasil diubah Klik “Edit” Klik “Edit”

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.

Nama File : jenis-daftar.php <h1 class="judul">DATA JENIS BUKU </h1> <?php include('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 File : jenis-daftar.php Part 1

echo "<div align='center'>"; if ($page>1){. $awal=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

Nama File : jenis-hapus.php <?php include("koneksi/koneksi.php"); $kode=$_GET['kode']; $tabel='jenis'; $sql="DELETE FROM $tabel WHERE KD_JENIS = $kode"; $query=mysql_query($sql) or die('<script type="text/javascript">alert(\'Data tidak dapat dihapus karena \n '.mysql_error().'\');history.go(-1);</script>'); if ($query){ echo '<script type="text/javascript">alert(\'data jenis buku berhasil dihapus\');document.location=\'jenis-daftar.php\';</script>'; } else { echo '<script type="text/javascript">alert(\'gagal dihapus\');history.go(-1);</script>'; } ?> Nama File : jenis-hapus.php

Pilih data yang akan dihapus Contoh Screenshoot Pilih data yang akan dihapus Data berhasil dihapus Klik “hapus”

Pada bagian ini, akan ditunjukkan proses-proses yang terjadi pada pengolahan data user, antara lain Menambah data User Mengubah data User Menampilkan data User Menghapus data User File-file yang dibutuhkan : User-tambah.php  Form untuk menambah data user User-edit.php  Form untuk mengubah data user User-daftar.php  Untuk menampilkan data user Exe-User.php  Script untuk memproses penambahan dan pengubahan data. User-hapus.php  Script untuk memproses penghapusan data Manajemen User

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.

Nama File : user-tambah.php <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 File : 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

Nama File : exe-user.php <?php include('koneksi/koneksi.php'); $tabel='userpass'; $tambah=$_POST['tambah']; $edit=$_POST['edit']; if ($tambah){ global $id, $nama, $nick, $sandi, $hak; $id=$_POST['id']; $nama=$_POST['nama']; $nick=$_POST['nick']; $sandi=$_POST['sandi']; $hak=$_POST['hak']; if ((!$id) || (!$nama) || (!$nick) || (!$sandi) || ($hak=='not_option')){ echo '<script type="text/javascript">alert(\'Data belum lengkap\'); history.go(-1); </script> '; } else { $pass=md5($sandi); $sql="INSERT INTO $tabel (`ID`, `ID_USER`, `NAMA`, `NICK_NAME`, `SANDI`, `HAK`) VALUES (NULL, '$id', '$nama', '$nick', '$pass', '$hak')"; $query=mysql_query($sql) or die(mysql_error()); if ($query){ echo '<script type="text/javascript">alert(\'Data user berhasil ditambahkan\'); document.location=\'user-daftar.php\'; </script> '; } else { echo '<script type="text/javascript">alert(\'Data user gagal\'); history.go(-1); </script> '; } } } Nama File : exe-user.php

Data telah ditambahkan Contoh Screenshoot Data telah ditambahkan Klik “Tambah” User : root Password : root Klik “Next”

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)

Nama File : user-edit.php <h1 class="judul">PENGEDITAN DATA USER </h1> <?php include("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 File : user-edit.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

Nama File : exe-user.php if($edit){ global $id, $nama, $nick, $sandi, $hak, $kode; $id=$_POST['id']; $nama=$_POST['nama']; $nick=$_POST['nick']; $sandi=$_POST['sandi']; $hak=$_POST['hak']; $kode=$_POST['kode']; if ((!$id) || (!$nama) || (!$nick) || (!$sandi) || ($hak=='not_option')){ echo '<script type="text/javascript">alert(\'Data belum lengkap\'); history.go(-1); </script> '; } else { $pass=md5($sandi); $sql="UPDATE $tabel SET `ID_USER` = '$id', `NAMA` = '$nama', `NICK_NAME` = '$nick', `SANDI` = '$pass', `HAK` = '$hak' WHERE ID = $kode"; $query=mysql_query($sql) or die(mysql_error()); if ($query){ echo '<script type="text/javascript">alert(\'Data user berhasil diedit\'); document.location=\'user-daftar.php\'; </script> '; } else { echo '<script type="text/javascript">alert(\'Data user gagal\'); history.go(-1); </script> '; } } } ?> Nama File : exe-user.php

Pilih data yang akan diedit Ubah data yang diinginkan Contoh Screenshoot Pilih data yang akan diedit Klik “Edit” Data berhasil diubah Klik “Edit” Ubah data yang diinginkan

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.

Nama File : user-daftar.php <h1 class="judul">DATA USER </h1> <?php include('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); Part 1 Nama File : user-daftar.php

echo "<div align='center'>"; if ($page>1){. $awal=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

Nama File : user-hapus.php <?php include("koneksi/koneksi.php"); $kode=$_GET['kode']; $tabel='userpass'; $sql="DELETE FROM $tabel WHERE ID = $kode"; $query=mysql_query($sql) or die('<script type="text/javascript">alert(\'Data tidak dapat dihapus karena \n '.mysql_error().'\');history.go(-1);</script>'); if ($query){ echo '<script type="text/javascript">alert(\'data user berhasil dihapus\');document.location=\'user-daftar.php\';</script>'; } else { echo '<script type="text/javascript">alert(\'gagal dihapus\');history.go(-1);</script>'; } ?> Nama File : user-hapus.php

Pilih data yang akan dihapus Contoh Screenshoot Pilih data yang akan dihapus Data berhasil dihapus Klik “hapus”

Pada bagian ini, akan ditunjukkan proses-proses yang terjadi pada pengolahan data buku, antara lain Menambah data Buku Mengubah data Buku Menampilkan data Buku Menghapus data Buku File-file yang dibutuhkan : Buku-tambah.php  Form untuk menambah data Buku Buku-edit.php  Form untuk mengubah data Buku Buku-daftar.php  Untuk menampilkan data Buku Exe-Buku.php  Script untuk memproses penambahan dan pengubahan data. Buku-hapus.php  Script untuk memproses penghapusan data Manajemen Buku

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.

Mendapatkan data dari tabel jenis Nama File : buku-tambah.php <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> Part 1 Mendapatkan data dari tabel jenis Nama File : buku-tambah.php

Mendapatkan data dari tabel penulis <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> Mendapatkan data dari tabel penulis Part 2

Mendapatkan data dari tabel jenis <tr> <td>Penerbit </td> <td><div align="center">:</div></td> <td><select name="kdpenerbit" class="list" id="kdpenerbit"> <option value="not_option">Pilih Penerbit</option> <?php include ("koneksi/koneksi.php"); $penerbit="PENERBIT"; $sql="SELECT KD_PENERBIT,PENERBIT FROM $penerbit order by KD_PENERBIT ASC"; $query=mysql_query($sql) or die(mysql_error()); while ($hasil=mysql_fetch_array($query)){ echo '<option value='.$hasil[0].'>'.$hasil[1].'</option>'; } mysql_close(); ?> </select></td> </tr> Mendapatkan data dari tabel jenis Part 3

<tr> <td>Tahun Terbit </td> <td><div align="center">:</div></td> <td><input name="tahun" type="text" class="teks" id="tahun" maxlength="4" /></td> </tr> <tr> <td>Jumlah Buku </td> <td><div align="center">:</div></td> <td><input name="jumlah" type="text" class="teks" id="jumlah" /></td> </tr> <tr> <td>Rak Buku </td> <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

Nama File : exe-buku.php <?php include('koneksi/koneksi.php'); $tabel='buku'; if ($tambah){ global $ID, $isbn, $kdjenis, $judul, $kdpenulis, $kdpenerbit, $tahun, $jumlah, $rak; $ID=$_POST['ID']; $isbn=$_POST['isbn']; $kdjenis=$_POST['kdjenis']; $judul=$_POST['judul']; $kdpenulis=$_POST['kdpenulis']; $kdpenerbit=$_POST['kdpenerbit']; $tahun=$_POST['tahun']; $jumlah=$_POST['jumlah']; $rak=$_POST['rak']; Part 1 Nama File : exe-buku.php

if ((. $ID) || (. $isbn) || ($kdjenis=='not_option') || ( if ((!$ID) || (!$isbn) || ($kdjenis=='not_option') || (!$judul) || ($kdpenulis=='not_option') || ($kdpenerbit=='not_option') || (!$tahun) || (!$jumlah) || (!$rak)) { echo '<script type="text/javascript">alert(\'Data belum lengkap\'); history.go(-1); </script> '; } else { $tanggal=date("Y-m-d"); $sql="INSERT INTO $tabel (`ID`, `ID_BUKU`, `ISBN`, `KD_JENIS`, `JUDUL`, `KD_PENULIS`, `KD_PENERBIT`, `THN_TERBIT`, `JML_BUKU`, `RAK_BUKU`, `TGL_ENTRY`) VALUES (NULL, '$ID', '$isbn', '$kdjenis', '$judul', '$kdpenulis', '$kdpenerbit', '$tahun', $jumlah, '$rak', '$tanggal')"; $query=mysql_query($sql) or die(mysql_error()); if ($query){ echo '<script type="text/javascript">alert(\'Data buku berhasil ditambahkan\'); document.location=\'buku-daftar.php\'; </script> '; } else { echo '<script type="text/javascript">alert(\'Data buku gagal\'); history.go(-1); </script> '; } } } Part 2

Isi data-data buku secara lengkap. Data buku berhasil ditambahkan Contoh Screenshoot Isi data-data buku secara lengkap. Data buku berhasil ditambahkan Klik “Tambah”

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.

Nama File : buku-edit.php <h1 class="judul">PENGEDITAN DATA BUKU </h1> <?php include("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> Part 1 Nama File : buku-edit.php

<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

Nama File : exe-buku.php 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']; Part 1 Nama File : exe-buku.php

if ((. $ID) || (. $isbn) || ($kdjenis=='not_option') || ( 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

Pilih data yang akan diubah Contoh Screenshoot Ubah data Klik “Edit” Data berhasil diubah Klik “Edit” Pilih data yang akan 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.

Nama File : buku-daftar.php <h1 class="judul">DATA BUKU </h1> <?php include('koneksi/koneksi.php'); $tabel='buku'; $hal=$_GET['hal']; if (!$_GET['hal']){ $page=1; } else { $page=$hal; } $max=4; $dari=($page*$max)-$max; $sql="SELECT * FROM $tabel LIMIT $dari, $max"; $query=mysql_query($sql) or die(mysql_error()); 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 File : buku-daftar.php Part 1

echo "<div align='center'>"; if ($page>1){. $awal=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

Nama File : buku-hapus.php <?php include("koneksi/koneksi.php"); $kode=$_GET['kode']; $tabel='buku'; $sql="DELETE FROM $tabel WHERE ID = $kode"; $query=mysql_query($sql) or die('<script type="text/javascript">alert(\'Data tidak dapat dihapus karena \n '.mysql_error().'\');history.go(-1);</script>'); if ($query){ echo '<script type="text/javascript">alert(\'data buku berhasil dihapus\');document.location=\'buku-daftar.php\';</script>'; } else { echo '<script type="text/javascript">alert(\'gagal dihapus\');history.go(-1);</script>'; } ?> Nama File : buku-hapus.php

Pilih data yang akan dihapus Contoh Screenshoot Data berhasil dihapus Klik “Hapus” Pilih data yang akan dihapus

Manajemen Deskripsi Buku Pada bagian ini, akan ditunjukkan proses-proses yang terjadi pada pengolahan data Deskripsi Buku, antara lain Menambah data Deskripsi Buku Mengubah data Deskripsi Buku Menampilkan data Deskripsi Buku Menghapus data Deskripsi Buku File-file yang dibutuhkan : Deskripsi-tambah.php  Form untuk menambah data Deskripsi Buku Deskripsi-edit.php  Form untuk mengubah data Deskripsi Buku Deskripsi-daftar.php  Untuk menampilkan data Deskripsi Buku Exe-Deskripsi.php  Script untuk memproses penambahan dan pengubahan data. Deskripsi-hapus.php  Script untuk memproses penghapusan data Manajemen Deskripsi Buku

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.

Nama File : deskripsi-tambah.php <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> Part 1 Nama File : deskripsi-tambah.php

<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

Nama File : exe-deskripsi.php <?php include('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); Part 1 Nama File : exe-deskripsi.php

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 Klik “Tambah” Data deskripsi buku berhasil ditambahkan Isi data-data yang dibutuhkan, beserta gambar

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.

Nama File : deskripsi_edit.php <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> Part 1 Nama File : deskripsi_edit.php

<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

Nama File : exe-deskripsi.php if($edit){ global $no, $id, $kondisi, $desk, $kode; $no=$_POST['no']; $id=$_POST['id']; $kondisi=$_POST['kondisi']; $desk=$_POST['desk']; $kode=$_POST['kode']; if ((!$no) || ($id=="not_option") || (!$kondisi) || (!$desk)){ echo '<script type="text/javascript">alert(\'Data belum lengkap\'); history.go(-1); </script> '; } elseif(!$gambar) { $sql="UPDATE $tabel SET `NO_DESK` = '$no', `KONDISI` = '$kondisi', `DESKRIPSI` = '$desk' WHERE `ID` = $kode"; $query=mysql_query($sql) or die(mysql_error()); if ($query){ echo '<script type="text/javascript">alert(\'Data deskripsi buku berhasil diubah\'); document.location=\'deskripsi-daftar.php\'; </script> '; } else { echo '<script type="text/javascript">alert(\'Data deskripsi gagal\'); history.go(-1); </script> '; } } } ?> Nama File : exe-deskripsi.php

Isikan data-data yang baru Pilih data yang akan diedit Contoh Screenshoot Isikan data-data yang baru Klik “Edit” Data berhasil diubah Klik “Edit” Pilih data yang akan diedit

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.

Nama File : deskripsi-daftar.php <h1 class="judul">DATA DESKRIPSI BUKU </h1> <?php include('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); Part 1 Nama File : deskripsi-daftar.php

echo "<div align='center'>"; if ($page>1){. $awal=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

Nama File : deskripsi-hapus.php <?php include("koneksi/koneksi.php"); $kode=$_GET['kode']; $tabel='desk_buku'; $hapus="SELECT * FROM $tabel WHERE ID = $kode;"; $hapusquery=mysql_query($hapus); $data=mysql_fetch_array($hapusquery); $gambar=$data[3]; mysql_close(); include("koneksi/koneksi.php"); $sql="DELETE FROM $tabel WHERE ID = $kode"; $query=mysql_query($sql) or die('<script type="text/javascript">alert(\'Data tidak dapat dihapus karena \n '.mysql_error().'\');history.go(-1);</script>'); if ($query){ unlink('../gambar/'.$gambar); //menghapus gambar echo '<script type="text/javascript">alert(\'data deskripsi buku berhasil dihapus\');document.location=\'deskripsi-daftar.php\';</script>'; } else { echo '<script type="text/javascript">alert(\'gagal dihapus\');history.go(-1);</script>'; } ?> Nama File : deskripsi-hapus.php

Pilih data yang akan dihapus Contoh Screenshoot Data berhasil dihapus Pilih data yang akan dihapus Klik “Hapus”

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

<. php session_start(); include("include/ceklogin. php"); valid(); <?php session_start(); include("include/ceklogin.php"); valid(); ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/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 File : login.php

Nama File : exe-login.php <?php include("koneksi/koneksi.php"); session_start(); if (login){ global $id,$pass; $id=$_POST['id']; $pass=md5($_POST['pass']); $sql="SELECT ID_USER,SANDI FROM USERPASS WHERE ID_USER='$id' AND SANDI='$pass';"; $query=mysql_query($sql) or die(mysql_error()); $jum=mysql_num_rows($query); $data=mysql_fetch_array($query); if (($jum==0) or ($data[1]!=$pass)){ header("Location: login.php"); } else { $_SESSION['admin']=1; $_SESSION['masuk']=$data[0]; $_SESSION['member']=1; header("Location: index.php"); } } ?> Nama File : exe-login.php

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

Jika akan logout, klik menu “LOGOUT” Contoh Screenshoot Jika akan logout, klik menu “LOGOUT” Untuk dapat masuk ke halaman administrator, kita akan menjumpai form seperti ini. Jika username dan password benar, kita akan dialihkan menuju halaman utama administrator

STEP 4… Coding dengan PHP – MySQL User 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.php Anggota.php Buku.php Cari-anggota.php Cari-buku.php Contact.php Detail-buku.php Guestbook.php Exe_guest.php Linksmk.php

Ini adalah file utama. Setiap pengunjung akan menjumpai halaman ini saat pertama kali masuk ke dalam User page. Halaman berisi katalog buku-buku yang ada pada web yang ditunjukkan berupa gambar yang menarik. Bila gambar diklik, maka akan muncul detail dari buku tersebut Index.php

<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();"> <?php include('carimenu.php'); ?> <!-- ImageReady Slices (user.psd) --> <table id="Table_01" width="800" height="600" border="0" cellpadding="0" cellspacing="0" align="center" class="isi"> <tr> <td colspan="10" width="800" height="25" > </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 <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">< <tr> <td colspan="10" width="800" height="30"><?php include('linksmk.php'); ?></td> </tr> <tr> <td colspan="10" width="800" height="415" valign="top"> <h1>Selamat Datang di<br> Perpustakaan Online SMK 1 WONOSOBO</h1> Pilih Gambar untuk detail buku <?php include('admin/koneksi/koneksi.php'); $tabel="desk_buku"; $sql="SELECT * FROM $tabel ORDER BY ID ASC"; $query=mysql_query($sql) or die(mysql_error()); $num=mysql_num_rows($query); if($num==0){ echo "Tidak ada data buku!!"; } else { $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 adalah file untuk menampilkan seluruh member yang terdaftar. Maksimal data yang ditampilkan adalah 20 data, setelah itu akan terdapat navigasi menuju halaman berikutnya. Anggota.php

<. php include('admin/koneksi/koneksi <?php include('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 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 adalah file untuk menampilkan seluruh buku yang terdaftar 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. Buku.php

<. php include('admin/koneksi/koneksi <?php include('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 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 adalah file yang digunakan untuk menampilkan data member yang kita cari melalui form pencarian. Cari-anggota.php

<. php include('admin/koneksi/koneksi <?php include('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 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

Isi data yang ingin dicari pada form Contoh Screenshoot Data ditemukan Isi data yang ingin dicari pada form Klik “Search”

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

<. php include('admin/koneksi/koneksi <?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; $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 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 adalah file yang ter-include pada tiap halaman, file ini berisi form yang terletak pada bawah halaman Carimenu.php

<link rel="stylesheet" type="text/css" href="css/guest <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 adalah file yang digunakan untuk mengetahui detail suatu buku setelah memilih salah satu gambar pada index.php Detail-buku.php

<h1 class="judul">Detail Buku</h1>. < <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 adalah file yang digunakan untuk pemberian komentar bagi para pengunjung. Saat diproses, proses tersebut akan dijalankan oleh exe_guest.php Guestbook.php

<h1>GUEST BOOK </h1>. <form action="exe_guest <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

<. php. include("admin/koneksi/koneksi. php");. $tabel='guest'; <?php include("admin/koneksi/koneksi.php"); $tabel='guest'; $sql="SELECT * FROM $tabel order by id"; $query=mysql_query($sql) or die(mysql_error()); echo "<table class=record align=center width=400>"; echo "<tr class=trrecord><td width=100>Nama</td><td width=100>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

Nama File : exe_guest.php <?php include('admin/koneksi/koneksi.php'); $tabel='guest'; global $nama, $email, $komentar; $nama=$_POST['nama']; $email=$_POST['email']; $komentar=$_POST['komentar']; if(!$nama || !$email || !$komentar){ echo '<script type="text/javascript">alert(\'Data belum lengkap\');history.go(-1);</script> '; } elseif (!ereg("^.+@.+\\..+",$email)){ echo '<script type="text/javascript">alert(\'email tidak valid\');history.go(-1);</script>'; } else { $sql="INSERT INTO $tabel VALUES(null, '$nama', '$email', '$komentar')"; $query=mysql_query($sql) or die(mysql_error()); if (query){ echo '<script type="text/javascript">alert(\'Komentar berhasil ditambahkan\');document.location=\'guestbook.php\';</script>'; } else { echo '<script type="text/javascript">alert(\'Komentar gagal ditambahkan\');history.go(-1);</script>'; } } ?> Nama File : exe_guest.php

Komentar berhasil ditambahkan Contoh Screenshoot Isikan komentar Komentar berhasil ditambahkan Klik “komentar”

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.