Presentasi sedang didownload. Silahkan tunggu

Presentasi sedang didownload. Silahkan tunggu

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

Presentasi serupa


Presentasi berjudul: " Operating System Windows XP SP2  Macromedia Dreamweaver 8  Adobe Photoshop CS  Adobe Image Ready CS  AppServ 2.5.7 For Windows."— Transcript presentasi:

1

2  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 TambahEditHapusPenulisTambahEditHapusPenerbitTambahEditHapus Jenis Buku TambahEditHapusUserTambahEditHapus

5

6 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 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 Step 1.a Database Buat database dengan nama perpus, kemudian klik tombol ciptakan. Membuat Database Awal Ketik nama database, kemudian klik tombol ciptakan Database telah dibuat

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

10 Step 1.c Database Setelah itu, kita membuat tabel penerbit, tabel ini digunakan untuk menyimpan data-data penerbit dan sebagai salah satu referensi bagi tabel buku nantinya Nama: PENERBIT Database Engine : innodb Field-Field: - ID (INT 10 PRIMARY KEY AUTO_INCREMENT) - KD_PENERBIT (VARCHAR 50 INDEX) - PENERBIT (VARCHAR 255) - ALAMAT (VARCHAR 50) - PHONE (VARCHAR 255) - (VARCHAR 255) - DESKRIPSI (TEXT) Membuat Tabel Penerbit Beri Nama Tabel : “Penerbit”, jumlah field = 7 Isi Field masing- masing beserta tipe datanya Tabel Penerbit berhasil dibuat

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

12 Step 1.e Database Setelah itu, kita membuat tabel jenis, tabel ini digunakan untuk menyimpan data jenis buku dan sebagai salah satu referensi bagi tabel buku nantinya Nama: JENIS Database Engine : innodb Field-Field: - KD_JENIS (VARCHAR 50 PRIMARY KEY) - JENIS_BUKU (VARCHAR 255) - DESKRIPSI (TEXT) Membuat Tabel Jenis Beri Nama Tabel “jenis”, jumlah field 3 Beri nama masing- masing field beserta tipe datanya. Tabel Jenis berhasil dibuat

13 Step 1.f Database Setelah itu, kita membuat tabel userpass, tabel ini digunakan untuk menyimpan data user / administrator. Tabel ini berisi data- data penting seperti username dan password user Nama: USERPASS Database Engine : innodb Field-Field: - ID (INT 10 PRIMARY KEY auto_increment) - ID_USER (VARCHAR 50) - NAMA (VARCHAR 255) - NICK_NAME (VARCHAR 255) - SANDI (VARCHAR 32) - HAK (VARCHAR 20) Membuat Tabel Userpass Beri nama tabel “userpass”, jumlah field 6 Isi nama field masing-masing beserta tipe datanya. Tabel Userpass berhasil dibuat

14 Step 1.g Database Setelah itu, kita membuat tabel buku, tabel ini digunakan untuk menyimpan data-data buku yang ada, baik kode, nama, penerbit, penulis, dan sebagainya. Nama: BUKU Database Engine : innodb Field-Field: - ID (INT 10 PRIMARY KEY auto_increment) - ID_BUKU (VARCHAR 50 INDEX) - ISBN (VARCHAR 255) - KD_JENIS (VARCHAR 50 INDEX) - JUDUL (VARCHAR 255) - KD_PENULIS (VARCHAR 50 INDEX) - KD_PENERBIT (VARCHAR 50 INDEX) - THN_TERBIT (VARCHAR 4) - JML_BUKU (INT 10) - RAK_BUKU (VARCHAR 50) - TGL_ENTRY (DATE) Membuat Tabel Buku Beri nama tabel “buku”, jumlah field 11 Isi nama field masing- masing beserta tipe datanya. Tabel Buku berhasil dibuat

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

16

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

22 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

24 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 ID Anggota : Nama : Sex : Pilih Sex Laki-Laki Perempuan Telepon : Part 1 Action file..

26 Alamat : Deskripsi : Part 2

27 Action File (ex: exe-member.php) alert(\'Data belum lengkap\'); history.go(-1); '; } elseif echo ' alert(\' tidak valid\');history.go(-1); '; } else { Part 1

28 $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 ' alert(\'Data member berhasil ditambahkan\'); document.location=\'member-daftar.php\'; '; } else { echo ' alert(\'Data member gagal\'); history.go(-1); '; } } } Part 2

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

30 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 ID Anggota : "/> Nama : "/> Sex : '.$hasil[3].' '; ?> Laki-Laki Perempuan Part 1

32 Telepon : "/> Alamat : "/> "/> Deskripsi : " /> Part 2

33 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 ' alert(\'Data belum lengkap\'); history.go(-1); '; } elseif echo ' alert(\' tidak valid\');history.go(-1); '; 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 ' alert(\'Data member berhasil diubah\'); document.location=\'member-daftar.php\'; '; } else { echo ' alert(\'Data member gagal\'); history.go(-1); '; } } } ?> Part 2

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

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

44 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 PENAMBAHAN DATA PENULIS Kode Penulis : Penulis : Alamat Penulis : Part 1 Action file..

46 Deskripsi : Part 2

47 alert(\'Data belum lengkap\'); history.go(-1); '; } elseif echo ' alert(\' tidak valid\');history.go(-1); '; } 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 ' alert(\'Data penulis berhasil ditambahkan\'); document.location=\'penulis-daftar.php\'; '; } else { echo ' alert(\'Data penulis gagal\'); history.go(-1); '; } } }

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

49 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 PENGEDITAN DATA PENULIS Kode Penulis : "/> Penulis : "/> Alamat Penulis : "/> Part 1

51 "/> Deskripsi : " /> Part 2

52 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 ' alert(\'Data belum lengkap\'); history.go(-1); '; } elseif echo ' alert(\' tidak valid\');history.go(-1); '; } 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 ' alert(\'Data penulis berhasil diubah\'); document.location=\'penulis-daftar.php\'; '; } else { echo ' alert(\'Data penulis gagal\'); history.go(-1); '; } } } ?>

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

54 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 ID : ".$hasil[0]." Kode Penulis : ".$hasil[1]." Nama Penulis : ".$hasil[2]." Alamat : ".$hasil[3]." ".$hasil[4]." Deskripsi : ".$hasil[5]." Edit Hapus "; } $jumdata=mysql_result(mysql_query("SELECT COUNT(*) as jum FROM $tabel"),0); $jumhal=ceil($jumdata/$max); Part 1

56 echo " "; if ($page>1){ $awal=1; echo " "; } if ($page>1){ $prev=$page-1; echo " "; } for ($i=1; $i $i "; } } if ($page > "; } if ($page >> "; } echo " "; ?> Part 2

57

58 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 alert(\'Data tidak dapat dihapus karena \n '.mysql_error().'\');history.go(-1); '); if ($query){ echo ' alert(\'data penulis berhasil dihapus\');document.location=\'penulis-daftar.php\'; '; } else { echo ' alert(\'gagal dihapus\');history.go(-1); '; } ?>

60 Pilih data yang akan dihapus Klik “hapus”

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

62 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 PENAMBAHAN DATA PENERBIT Kode Penerbit : Penerbit : Alamat Penerbit : Part 1

64 Telepon : Deskripsi : Part 2

65 alert(\'Data belum lengkap\'); history.go(-1); '; } elseif echo ' alert(\' tidak valid\');history.go(-1); '; } 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 ' alert(\'Data penerbit berhasil ditambahkan\'); document.location=\'penerbit-daftar.php\'; '; } else { echo ' alert(\'Data penerbit gagal\'); history.go(-1); '; } } }

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

67 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 PENGEDITAN DATA PENERBIT Kode Penerbit : "/> Penerbit : "/> Alamat Penerbit : "/> Part 1

69 "/> Telepon : "/> Deskripsi : " /> Part 2

70 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 ' alert(\'Data belum lengkap\'); history.go(-1); '; } elseif echo ' alert(\' tidak valid\');history.go(-1); '; } 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 ' alert(\'Data penerbit berhasil diubah\'); document.location=\'penerbit-daftar.php\'; '; } else { echo ' alert(\'Data penerbit gagal\'); history.go(-1); '; } } } ?>

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

72 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 DATA PENERBIT ID : ".$hasil[0]." Kode Penerbit : ".$hasil[1]." Penerbit : ".$hasil[2]." Alamat : ".$hasil[3]." Telepon : ".$hasil[4]." ".$hasil[5]." Deskripsi : ".$hasil[6]." Edit Hapus "; } $jumdata=mysql_result(mysql_query("SELECT COUNT(*) as jum FROM $tabel"),0); $jumhal=ceil($jumdata/$max); Part 1

74 echo " "; if ($page>1){ $awal=1; echo " "; } if ($page>1){ $prev=$page-1; echo " "; } for ($i=1; $i $i "; } } if ($page > "; } if ($page >> "; } echo " "; ?> Part 2

75 Data ditampilkan

76 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 alert(\'Data tidak dapat dihapus karena \n '.mysql_error().'\');history.go(-1); '); if ($query){ echo ' alert(\'data penerbit berhasil dihapus\');document.location=\'penerbit-daftar.php\'; '; } else { echo ' alert(\'gagal dihapus\');history.go(-1); '; } ?>

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

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

80 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 PENAMBAHAN DATA JENIS BUKU Kode Jenis : Jenis Buku : Deskripsi :

82 alert(\'Data belum lengkap\'); history.go(-1); '; } 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 ' alert(\'Data jenis buku berhasil ditambahkan\'); document.location=\'jenis-daftar.php\'; '; } else { echo ' alert(\'Data jenis gagal\'); history.go(-1); '; } } } Script untuk proses

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

84 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 PENGEDITAN DATA JENIS BUKU Kode Jenis : "/> Jenis Buku : "/> Deskripsi : " />

86 if ($edit){ global $kode, $jenis, $desk, $id; $kode=$_POST['kode']; $jenis=$_POST['jenis']; $desk=$_POST['desk']; $id=$_POST['id']; if ((!$kode) || (!$jenis) || (!$desk)){ echo ' alert(\'Data belum lengkap\'); history.go(-1); '; } 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 ' alert(\'Data jenis buku berhasil diubah\'); document.location=\'jenis-daftar.php\'; '; } else { echo ' alert(\'Data jenis gagal\'); history.go(-1); '; } } } ?>

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

88 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 DATA JENIS BUKU Kode Jenis : ".$hasil[0]." Jenis Buku : ".$hasil[1]." Deskripsi : ".$hasil[2]." Edit Hapus "; } $jumdata=mysql_result(mysql_query("SELECT COUNT(*) as jum FROM $tabel"),0); $jumhal=ceil($jumdata/$max); Part 1

90 echo " "; if ($page>1){ $awal=1; echo " "; } if ($page>1){ $prev=$page-1; echo " "; } for ($i=1; $i $i "; } } if ($page > "; } if ($page >> "; } echo " "; ?> Part 2

91

92 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 alert(\'Data tidak dapat dihapus karena \n '.mysql_error().'\');history.go(-1);'); if ($query){ echo ''; } else { echo ''; } ?>

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

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

96 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 PENAMBAHAN DATA USER ID User : Nama : Nick Name : Sandi : Part 1

98 Hak : Pilih Hak Admin Guest Part 2

99 alert(\'Data belum lengkap\'); history.go(-1); '; } 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 ' alert(\'Data user berhasil ditambahkan\'); document.location=\'user-daftar.php\'; '; } else { echo ' alert(\'Data user gagal\'); history.go(-1); '; } } }

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

101 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 PENGEDITAN DATA USER ID User : "/> Nama : " /> Nick Name : "/> Part 1

103 Sandi : Hak : " selected="selected"> Admin Guest " /> Part 2

104 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 ' alert(\'Data belum lengkap\'); history.go(-1); '; } 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 ' alert(\'Data user berhasil diedit\'); document.location=\'user-daftar.php\'; '; } else { echo ' alert(\'Data user gagal\'); history.go(-1); '; } } } ?>

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

106 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 DATA USER ID : ".$hasil[0]." ID User : ".$hasil[1]." Nama : ".$hasil[2]." Nick Name : ".$hasil[3]." Hak : ".$hasil[5]." Edit Hapus "; } $jumdata=mysql_result(mysql_query("SELECT COUNT(*) as jum FROM $tabel"),0); $jumhal=ceil($jumdata/$max); Part 1

108 echo " "; if ($page>1){ $awal=1; echo " "; } if ($page>1){ $prev=$page-1; echo " "; } for ($i=1; $i $i "; } } if ($page > "; } if ($page >> "; } echo " "; ?> Part 2

109

110 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 alert(\'Data tidak dapat dihapus karena \n '.mysql_error().'\');history.go(-1); '); if ($query){ echo ' alert(\'data user berhasil dihapus\');document.location=\'user-daftar.php\'; '; } else { echo ' alert(\'gagal dihapus\');history.go(-1); '; } ?>

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

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

114 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 PENAMBAHAN DATA BUKU ID Buku : ISBN : Jenis : Pilih Jenis '.$hasil[1].' '; } mysql_close(); ?> Part 1 Mendapatkan data dari tabel jenis

116 Judul : Penulis : Pilih Penulis '.$hasil[1].' '; } mysql_close(); ?> Part 2 Mendapatkan data dari tabel penulis

117 Penerbit : Pilih Penerbit '.$hasil[1].' '; } mysql_close(); ?> Part 3 Mendapatkan data dari tabel jenis

118 Tahun Terbit : Jumlah Buku : Rak Buku : Part 4

119

120 if ((!$ID) || (!$isbn) || ($kdjenis=='not_option') || (!$judul) || ($kdpenulis=='not_option') || ($kdpenerbit=='not_option') || (!$tahun) || (!$jumlah) || (!$rak)) { echo ' alert(\'Data belum lengkap\'); history.go(-1); '; } 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 ' alert(\'Data buku berhasil ditambahkan\'); document.location=\'buku-daftar.php\'; '; } else { echo ' alert(\'Data buku gagal\'); history.go(-1); '; } } } Part 2

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

122 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 PENGEDITAN DATA BUKU ID Buku : "/> ISBN : "/> Part 1

124 Jenis : " selected="selected"> '.$hasil[1].' '; } mysql_close(); ?> Judul : "/> Part 2

125 Penulis : " selected="selected"> '.$hasil[1].' '; } mysql_close(); ?> Part 3

126 Penerbit : " selected="selected"> '.$hasil[1].' '; } mysql_close(); ?> Part 4

127 Tahun Terbit : "/> Jumlah Buku : "/> Rak Buku : "/> " /> Part 5

128 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

129 if ((!$ID) || (!$isbn) || ($kdjenis=='not_option') || (!$judul) || ($kdpenulis=='not_option') || ($kdpenerbit=='not_option') || (!$tahun) || (!$jumlah) || (!$rak)) { echo ' alert(\'Data belum lengkap\'); history.go(-1); '; } 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 ' alert(\'Data buku berhasil diubah\'); document.location=\'buku-daftar.php\'; '; } else { echo ' alert(\'Data buku gagal\'); history.go(-1); '; } } } ?> Part 2

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

131 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 DATA BUKU ID : ".$hasil[0]." ID Buku : ".$hasil[1]." ISBN : ".$hasil[2]." Kode Jenis : ".$hasil[3]." Judul : ".$hasil[4]." Kode Penulis : ".$hasil[5]." Kode Penerbit : ".$hasil[6]." Tahun Terbit : ".$hasil[7]." Jumlah : ".$hasil[8]." Rak : ".$hasil[9]." Tanggal Masuk : ".$hasil[10]." Edit Hapus "; } $jumdata=mysql_result(mysql_query("SELECT COUNT(*) as jum FROM $tabel"),0); $jumhal=ceil($jumdata/$max); Part 1

133 echo " "; if ($page>1){ $awal=1; echo " "; } if ($page>1){ $prev=$page-1; echo " "; } for ($i=1; $i $i "; } } if ($page > "; } if ($page >> "; } echo " "; ?> Part 2

134 Data ditampilkan

135 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 alert(\'Data tidak dapat dihapus karena \n '.mysql_error().'\');history.go(-1); '); if ($query){ echo ' alert(\'data buku berhasil dihapus\');document.location=\'buku-daftar.php\'; '; } else { echo ' alert(\'gagal dihapus\');history.go(-1); '; } ?>

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

138 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

139 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 PENAMBAHAN DESKRIPSI BUKU No. Deskripsi : Judul BUKU : Pilih Buku ".$hasil[1]." "; } mysql_close(); ?> Part 1

141 Gambar : Kondisi : Pilih Kondisi Baik Sedang Rusak Deskripsi : Part 2

142 alert(\'Data belum lengkap\'); history.go(-1); '; } else { $u="SELECT * FROM $tabel WHERE ID_BUKU='$id'"; $q=mysql_query($u) or die(mysql_error()); $p=mysql_num_rows($q); Part 1

143 if ($p!=0){ echo ' alert(\'Data buku sudah ada\'); history.go(-1); '; } 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 ' alert(\'Data deskripsi buku berhasil ditambahkan\'); document.location=\'deskripsi-daftar.php\'; '; } else { echo ' alert(\'Data deskripsi gagal\'); history.go(-1); '; } } else { echo ' alert(\'Hanya menerima file JPG, JPEG, PNG, GIF\'); history.go(-1); '; } } } } Part 2

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

145 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 PENGEDITAN DESKRIPSI BUKU No. Deskripsi : "/> Judul BUKU : " readonly=""/> Part 1

147 Kondisi : "> Baik Sedang Rusak Deskripsi : " /> Part 2

148 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 ' alert(\'Data belum lengkap\'); history.go(-1); '; } 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 ' alert(\'Data deskripsi buku berhasil diubah\'); document.location=\'deskripsi-daftar.php\'; '; } else { echo ' alert(\'Data deskripsi gagal\'); history.go(-1); '; } } } ?>

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

150 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 DATA DESKRIPSI BUKU ID : ".$hasil[0]." No. Deskripsi : ".$hasil[1]." ID Buku : ".$hasil[2]." Kondisi : ".$hasil[4]." Deskripsi : ".$hasil[5]." Edit Hapus "; } $jumdata=mysql_result(mysql_query("SELECT COUNT(*) as jum FROM $tabel"),0); $jumhal=ceil($jumdata/$max); Part 1

152 echo " "; if ($page>1){ $awal=1; echo " "; } if ($page>1){ $prev=$page-1; echo " "; } for ($i=1; $i $i "; } } if ($page > "; } if ($page >> "; } echo " "; ?> Part 2

153

154 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 alert(\'Data tidak dapat dihapus karena \n '.mysql_error().'\');history.go(-1); '); if ($query){ unlink('../gambar/'.$gambar); //menghapus gambar echo ' alert(\'data deskripsi buku berhasil dihapus\');document.location=\'deskripsi-daftar.php\'; '; } else { echo ' alert(\'gagal dihapus\');history.go(-1); '; } ?>

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

157 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 Login Page LOGIN PAGE User ID : Password :

159

160

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

162

163 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

165 Perpustakaan Online Part 1

166 Part 2

167 Part 3

168 Selamat Datang di Perpustakaan Online SMK 1 WONOSOBO Pilih Gambar untuk detail buku "; echo " "; while($baris=mysql_fetch_array($query)){ echo " "; $j++; if ($j==4){ echo " "; $j=0; } } echo " "; } echo "Browser : ".$_SERVER['HTTP_USER_AGENT']." "; echo "IP Computer : ".$_SERVER['REMOTE_ADDR']." "; echo "IP Server : ".$_SERVER['SERVER_ADDR']." "; ?> Part 4

169

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.

171 Tidak ada data!! "; } else { while($hasil=mysql_fetch_array($query)){ echo " ".$hasil[0]." ".$hasil[1]." ".$hasil[2]." ".$hasil[3]." ".$hasil[4]." ".$hasil[5]." ".$hasil[6]." ".$hasil[7]." ".$hasil[8]." "; } ?>

172 echo " "; echo "Jumlah Data : ".$jumdata." "; echo " "; if ($page>1){ $awal=1; echo " "; } if ($page>1){ $prev=$page-1; echo " "; } for ($i=1; $i $i "; } } if ($page > "; } if ($page >> "; } } ?> Part 2

173

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

175 Tidak ada data!! "; } else { while($hasil=mysql_fetch_array($query)){ echo " ".$hasil[0]." ".$hasil[1]." ".$hasil[2]." ".$hasil[3]." ".$hasi l[4]." ".$hasil[5]." ".$hasil[6]." ".$hasil[7]." ".$hasil[8]." "; } ?>

176 echo " "; echo "Jumlah Data : ".$jumdata." "; echo " "; if ($page>1){ $awal=1; echo " "; } if ($page>1){ $prev=$page-1; echo " "; } for ($i=1; $i $i "; } } if ($page > "; } if ($page >> "; } } ?> Part 2

177

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

179 Tidak ada data!! "; } else { while($hasil=mysql_fetch_array($query)){ echo " ".$hasil[0]." ".$hasil[1]." ".$hasil[2]." ".$hasil[3]." ".$hasi l[4]." ".$hasil[5]." ".$hasil[6]." ".$hasil[7]." ".$hasil[8]." "; } ?>

180 echo " "; echo "Jumlah Data : ".$jumdata." "; echo " "; if ($page>1){ $awal=1; echo " "; } if ($page>1){ $prev=$page-1; echo " "; } for ($i=1; $i $i "; } } if ($page > "; } if ($page >> "; } } ?> Part 2

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

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

183 ".$hasil[0]." ".$hasil[1]." ".$hasil[2]." ".$hasil[3]." ".$hasil[4]." ".$hasil[5]." ".$hasil[6]." ".$hasil[7]." ".$hasi l[8]." ".$hasil[9]." ".$hasil[10]." "; } ?>

184 echo " "; echo "Jumlah Data : ".$jumquery." "; if ($page>1){ $awal=1; echo " "; } if ($page>1){ $prev=$page-1; echo " "; } for ($i=1; $i $i "; } } if ($page > "; } if ($page >> "; } ?> Part 2

185

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

187 Cari Buku Cari Anggota

188 Form pencarian

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

190 Detail Buku

191 echo ' ID '.$hasil[0].' ID Buku '.$hasil[1].' ISBN '.$hasil[2].' Kode Jenis '.$hasil[3].' Judul '.$hasil[4].' Kode Penulis '.$hasil[5].' Kode Penerbit '.$hasil[6].' Tahun Terbit '.$hasil[7].' Jumlah '.$hasil[8].' Rak '.$hasil[9].' Tanggal Masuk '.$hasil[10].' '; } ?> Part 2

192 "; echo "Jumlah Data : ".$jumquery." "; if ($page>1){ $awal=1; echo " "; } if ($page>1){ $prev=$page-1; echo " "; } for ($i=1; $i $i "; } } if ($page > "; } if ($page >> "; } ?> Part 3

193 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

195 GUEST BOOK Nama : Komentar : Part 1

196 "; echo " Nama E- mail Komentar "; while ($hasil=mysql_fetch_array($query)) { echo " "; echo " ".$hasil[1]." "; echo " ".$hasil[2]." "; echo " ".$hasil[3]." "; echo " "; } echo " "; ?> Part 2

197 alert(\'Data belum lengkap\');history.go(-1); '; } elseif echo ' alert(\' tidak valid\');history.go(- 1); '; } else { $sql="INSERT INTO $tabel VALUES(null, '$nama', '$ ', '$komentar')"; $query=mysql_query($sql) or die(mysql_error()); if (query){ echo ' alert(\'Komentar berhasil ditambahkan\');document.location=\'guestbook.php\'; '; } else { echo ' alert(\'Komentar gagal ditambahkan\');history.go(-1); '; } } ?>

198 Isikan komentar Klik “komentar” Komentar berhasil ditambahkan

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


Download ppt " Operating System Windows XP SP2  Macromedia Dreamweaver 8  Adobe Photoshop CS  Adobe Image Ready CS  AppServ 2.5.7 For Windows."

Presentasi serupa


Iklan oleh Google