Cara membuat website perpustakaan dengan html

Tutorial Membuat Web Desain Perpustakaan Menggunakan PHP, HTML dan Database

Cara membuat website perpustakaan dengan html

Perpustakaan adalah sebuah koleksi buku dan majalah. Walaupun dapat diartikan sebagai koleksi pribadi perseorangan, namun perpustakaan lebih umum dikenal sebagai sebuah koleksi besar yang dibiayai dan dioperasikan oleh sebuah kota atau institusi, serta dimanfaatkan oleh masyarakat yang rata-rata tidak mampu membeli sekian banyak buku atas biaya sendiri.

Detail Cantuman

Advanced Search

Cara membuat website perpustakaan dengan html

Text

Desain Web Menggunakan HTML dan CSS



buku ini membahas tentang :
1 HTML
2 CSS
3 Layout dan Display dalam CSS
4 Font dan teks dalam CSS
5 Warna dan Latar Belakang
6 Layar , Hyperlink dan Kursor dalam CSS


Ketersediaan

048102AC0301135000731A9C 005.365/SUG.d My Library (-) Tersedia
048102AC0301135000731A86 005.365/SUG.d My Library (-) Tersedia
048102AC0301135000731A9E 005.365/SUG.d My Library (-) Tersedia

Informasi Detil

Judul Seri

-

No. Panggil

005.365/SUG.d

Penerbit ANDI : YOGYAKARTA., 2007
Deskripsi Fisik

xiv+122hlm.; ilus.; 14 x 21 cm

Bahasa

Indonesia

ISBN/ISSN

978-979-29-0250-1

Klasifikasi

005.365

Tipe Isi

-

Tipe Media

-

Tipe Pembawa

-

Edisi

1

Subyek

Internet

Info Detil Spesifik

-

Pernyataan Tanggungjawab

-

Versi lain/terkait

Tidak tersedia versi lain



Presentasi berjudul: "Membuat Sistem Informasi Perpustakaan Berbasis Web dengan PHP & MySQL"— Transcript presentasi:

1 Membuat Sistem Informasi Perpustakaan Berbasis Web dengan PHP & MySQL

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

3 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

4 Diagram Manajemen Administrasi Sistem Informasi Perpustakaan
Administrator Buku Tambah Edit Hapus Penulis Penerbit Jenis Buku User

5 Step 1… Membuat Database

6 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

7 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

8 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

9 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) (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”

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

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

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

13 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

14 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

15 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

16 STEP 2… Desain Layout dengan Photoshop dan Image Ready

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

18 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

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

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

21 STEP 3… Coding dengan PHP – MySQL Admin Page

22 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

23 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

24 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, , Telepon, dan sebagainya.. Halaman berikut adalah coding untuk membuat form tambah yang nantinya dihubungkan dengan script insert ke dalam database (script dasar)

25 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

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

27 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, $ , $desk; $id=$_POST['id']; $nama=$_POST['nama']; $sex=$_POST['sex']; $telepon=$_POST['telepon']; $alamat=$_POST['alamat']; $ =$_POST[' ']; $desk=$_POST['desk']; if ((!$id) || (!$nama) || ($sex=='not_option') || (!$telepon) || (!$alamat) || (!$ ) || (!$desk)){ echo '<script type="text/javascript">alert(\'Data belum lengkap\'); history.go(-1); </script> '; } elseif echo '<script type="text/javascript">alert(\' tidak valid\');history.go(-1);</script>'; } else { Part 1

28 $tanggal=date("Y-m-d");
$tanggal=date("Y-m-d"); $sql="INSERT INTO $tabel (`ID`, `ID_ANGGOTA`, `NAMA`, `SEX`, `PHONE`, `ALAMAT`, ` `, `TGL_ENTRY`, `DESKRIPSI`) VALUES (NULL, '$id', '$nama', '$sex', '$telepon', '$alamat', '$ ', '$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

29 Contoh Screenshoot Jika data-data sudah selesai ditambahkan, akan dialihkan pada halaman daftar anggota Pengisian data-data

30 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, , 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)

31 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

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

33 Nama File : exe-member.php
if($edit){ global $id, $nama, $sex, $telepon, $alamat, $ , $desk, $kode; $id=$_POST['id']; $nama=$_POST['nama']; $sex=$_POST['sex']; $telepon=$_POST['telepon']; $alamat=$_POST['alamat']; $ =$_POST[' ']; $desk=$_POST['desk']; $kode=$_POST['kode']; if ((!$id) || (!$nama) || (!$telepon) || (!$alamat) || (!$ ) || (!$desk) || (!sex)){ echo '<script type="text/javascript">alert(\'Data belum lengkap\'); history.go(-1); </script> '; } elseif echo '<script type="text/javascript">alert(\' tidak valid\');history.go(-1);</script>'; Nama File : exe-member.php Part 1

34 } else { $sql="UPDATE $tabel SET `ID_ANGGOTA` = '$id', `NAMA` = '$nama', `SEX` = '$sex', `PHONE` = '$telepon', `ALAMAT` = '$alamat', ` ` = '$ ', `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

35 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

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

37 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"> <h2 class="judul">DATA MEMBER </h2> <?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> ".$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

38 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

39 Contoh Screenshoot

40 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

41 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

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

43 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

44 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, , dan sebagainya.. Halaman berikut adalah coding untuk membuat form tambah yang nantinya dihubungkan dengan script insert ke dalam database (script dasar)

45 Nama File :penulis-tambah.php
<h2 class="judul">PENAMBAHAN DATA PENULIS</h2> <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> </td> <td><div align="center">:</div></td> <td><input name=" " type="text" class="teks" /></td> </tr> Action file.. Part 1 Nama File :penulis-tambah.php

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

47 Nama File :exe-penulis.php
<?php include('koneksi/koneksi.php'); $tabel='penulis'; $tambah=$_POST['tambah']; $edit=$_POST['edit']; if ($tambah){ global $kode, $penulis, $alamat, $ , $desk; $kode=$_POST['kode']; $penulis=$_POST['penulis']; $alamat=$_POST['alamat']; $ =$_POST[' ']; $desk=$_POST['desk']; if ((!$kode) || (!$penulis) || (!$alamat) || (!$ ) || (!$desk)){ echo '<script type="text/javascript">alert(\'Data belum lengkap\'); history.go(-1); </script> '; } elseif echo '<script type="text/javascript">alert(\' tidak valid\');history.go(-1);</script>'; } else { $sql="INSERT INTO $tabel (`ID`, `KD_PENULIS`, `PENULIS`, `ALAMAT`, ` `, `DESKRIPSI`) VALUES (NULL, '$kode', '$penulis', '$alamat', '$ ', '$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

48 Contoh Screenshoot Pengisian data-data pada form yang telah tersedia
Data Penulis berhasil ditambahkan

49 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, , dan sebagainya.. Halaman berikut adalah coding untuk membuat form tambah yang nantinya dihubungkan dengan script insert ke dalam database (script dasar)

50 Nama File :penulis-edit.php
<h2 class="judul">PENGEDITAN DATA PENULIS</h2> <?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

51 <tr> <td> </td> <td><div align="center">:</div></td> <td><input name=" " 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

52 Nama File :exe-penulis.php
if ($edit){ global $kode, $penulis, $alamat, $ , $desk, $kode, $id; $kode=$_POST['kode']; $penulis=$_POST['penulis']; $alamat=$_POST['alamat']; $ =$_POST[' ']; $desk=$_POST['desk']; $id=$_POST['id']; if ((!$kode) || (!$penulis) || (!$alamat) || (!$ ) || (!$desk)){ echo '<script type="text/javascript">alert(\'Data belum lengkap\'); history.go(-1); </script> '; } elseif echo '<script type="text/javascript">alert(\' tidak valid\');history.go(-1);</script>'; } else { $sql="UPDATE $tabel SET `KD_PENULIS` = '$kode', `PENULIS` = '$penulis', `ALAMAT` = '$alamat', ` ` = '$ ', `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

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

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

55 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> ".$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

56 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

57 Contoh Screenshoot

58 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

59 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

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

61 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

62 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, , dan sebagainya.. Halaman berikut adalah coding untuk membuat form tambah yang nantinya dihubungkan dengan script insert ke dalam database (script dasar)

63 Nama File :penerbit-tambah.php
<h2 class="judul">PENAMBAHAN DATA PENERBIT</h2> <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

64 <tr> <td> </td> <td><div align="center">:</div></td> <td><input name=" " 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

65 Nama File :exe-penerbit.php
<?php include('koneksi/koneksi.php'); $tabel='penerbit'; $tambah=$_POST['tambah']; $edit=$_POST['edit']; if ($tambah){ global $kode, $penerbit, $alamat, $ , $telepon, $desk; $kode=$_POST['kode']; $penerbit=$_POST['penerbit']; $alamat=$_POST['alamat']; $ =$_POST[' ']; $telepon=$_POST['telepon']; $desk=$_POST['desk']; if ((!$kode) || (!$penerbit) || (!$alamat) || (!$ ) || (!$telepon) || (!$desk)){ echo '<script type="text/javascript">alert(\'Data belum lengkap\'); history.go(-1); </script> '; } elseif echo '<script type="text/javascript">alert(\' tidak valid\');history.go(-1);</script>'; } else { $sql="INSERT INTO $tabel (`ID`, `KD_PENERBIT`, `PENERBIT`, `ALAMAT`, `PHONE`, ` `, `DESKRIPSI`) VALUES (NULL, '$kode', '$penerbit', '$alamat', '$ ', '$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

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

67 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, , dan sebagainya.. Halaman berikut adalah coding untuk membuat form tambah yang nantinya dihubungkan dengan script insert ke dalam database (script dasar)

68 Nama File :penerbit-edit.php
<h2 class="judul">PENGEDITAN DATA PENERBIT</h2> <?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

69 <tr> <td> </td> <td><div align="center">:</div></td> <td><input name=" " 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

70 Nama File :exe-penerbit.php
if($edit){ global $kode, $penerbit, $alamat, $ , $telepon, $desk, $id; $kode=$_POST['kode']; $penerbit=$_POST['penerbit']; $alamat=$_POST['alamat']; $ =$_POST[' ']; $telepon=$_POST['telepon']; $desk=$_POST['desk']; $id=$_POST['id']; if ((!$kode) || (!$penerbit) || (!$alamat) || (!$ ) || (!$telepon) || (!$desk)){ echo '<script type="text/javascript">alert(\'Data belum lengkap\'); history.go(-1); </script> '; } elseif echo '<script type="text/javascript">alert(\' tidak valid\');history.go(-1);</script>'; } else { $sql="UPDATE $tabel SET `KD_PENERBIT` = '$kode', `PENERBIT` = '$penerbit', `ALAMAT` = '$alamat', `PHONE` = '$telepon', ` ` = '$ ', `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

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

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

73 Nama File :penerbit-daftar.php
<h2 class="judul">DATA PENERBIT </h2> <?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> ".$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

74 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

75 Contoh Screenshoot Data ditampilkan

76 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

77 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

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

79 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

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

81 Nama File :jenis-tambah.php
<h2 class="judul">PENAMBAHAN DATA JENIS BUKU </h2> <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

82 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

83 Contoh Screenshoot Data berhasil ditambahkan Klik “tambah”
Isi data-data jenis buku yang akan ditambahkan

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

85 Nama File : jenis-edit.php
<h2 class="judul">PENGEDITAN DATA JENIS BUKU </h2> <?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

86 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

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

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

89 Nama File : jenis-daftar.php
<h2 class="judul">DATA JENIS BUKU </h2> <?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

90 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

91 Contoh Screenshoot

92 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

93 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

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

95 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

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

97 Nama File : user-tambah.php
<h2 class="judul">PENAMBAHAN DATA USER </h2> <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

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

99 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

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

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

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

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

104 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

105 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

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

107 Nama File : user-daftar.php
<h2 class="judul">DATA USER </h2> <?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

108 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

109 Contoh Screenshoot

110 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

111 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

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

113 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

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

115 Mendapatkan data dari tabel jenis Nama File : buku-tambah.php
<h2 class="judul">PENAMBAHAN DATA BUKU </h2> <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

116 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

117 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

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

119 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

120 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

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

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

123 Nama File : buku-edit.php
<h2 class="judul">PENGEDITAN DATA BUKU </h2> <?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

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

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

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

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

128 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

129 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

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

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

132 Nama File : buku-daftar.php
<h2 class="judul">DATA BUKU </h2> <?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

133 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

134 Contoh Screenshoot Data ditampilkan

135 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

136 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

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

138 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

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

140 Nama File : deskripsi-tambah.php
<h2 class="judul">PENAMBAHAN DESKRIPSI BUKU </h2> <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

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

142 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

143 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

144 Contoh Screenshoot Klik “Tambah”
Data deskripsi buku berhasil ditambahkan Isi data-data yang dibutuhkan, beserta gambar

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

146 Nama File : deskripsi_edit.php
<h2 class="judul">PENGEDITAN DESKRIPSI BUKU </h2> <?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

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

148 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

149 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

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

151 Nama File : deskripsi-daftar.php
<h2 class="judul">DATA DESKRIPSI BUKU </h2> <?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

152 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

153 Contoh Screenshoot

154 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

155 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

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

157 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

158 <. 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" " <html xmlns=" <head> <meta http-equiv="Content-Type" content="text/html; charset=iso " /> <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"> <h2 class="judul">LOGIN PAGE </h2> <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

159 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

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

161 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

162 STEP 4… Coding dengan PHP – MySQL User Page

163 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

164 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

165 <html> <head> <title>Perpustakaan Online</title> <meta http-equiv="Content-Type" content="text/html; charset=iso "> <!-- 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

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

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

168 <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"> <h2>Selamat Datang di<br> Perpustakaan Online SMK 1 WONOSOBO</h2> 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

169 Contoh Screenshoot

170 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

171 <. 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 "<h2 class=judul>Tidak ada data!!</h2>"; } 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

172 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

173 Contoh Screenshoot

174 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

175 <. 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 "<h2 class=judul>Tidak ada data!!</h2>"; } 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

176 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

177 Contoh Screenshoot

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

179 <. 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 "<h2 class=judul>Tidak ada data!!</h2>"; } 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

180 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

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

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

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

184 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

185 Contoh Screenshoot

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

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

188 Contoh Screenshoot Form pencarian

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

190 <h2 class="judul">Detail Buku</h2>. <
<h2 class="judul">Detail Buku</h2> <?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

191 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

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

193 Contoh Screenshoot Pilih salah satu buku

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

195 <h2>GUEST BOOK </h2>. <form action="exe_guest
<h2>GUEST BOOK </h2> <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> </td> <td>:</td> <td><input name=" " type="text" class="cariinput" id=" "></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

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

197 Nama File : exe_guest.php
<?php include('admin/koneksi/koneksi.php'); $tabel='guest'; global $nama, $ , $komentar; $nama=$_POST['nama']; $ =$_POST[' ']; $komentar=$_POST['komentar']; if(!$nama || !$ || !$komentar){ echo '<script type="text/javascript">alert(\'Data belum lengkap\');history.go(-1);</script> '; } elseif echo '<script type="text/javascript">alert(\' tidak valid\');history.go(-1);</script>'; } else { $sql="INSERT INTO $tabel VALUES(null, '$nama', '$ ', '$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

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

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