BAB IV IMPLEMENTASI
4.4 Tampilan Interface
Pada tampilan interface ini akan dibagi menjadi 3 tampilan yaitu tampilan untuk user dimana user dapat mengakses buku – buku baru pada perpustakaan,untuk admin dimana admin dapat mengakses penambahan buku –
buku baru pada perpustakaan demikian juga tampilan untuk pegawai dimana
pegawai dapat melakukan aktifitas peminjaman dan pengembalian pada user atau siswa – siswi Smpk St.Yusuf Tropodo. Berikut merupakan tampilan dari masing –
masing user, admin, dan pegawai.
4.4.1 Tampilan Interface User
Berikut merupakan halaman awal waktu kita membuka website
perpustakaan Smpk St.Yusuf Tropodo ini dan juga sebagai halaman untuk user.
Pada gambar 4.10 terdapat tampilan user di mana isinya adalah buku – buku yang terdapat pada perpustakaan Smpk St.Yusuf Tropodo ini. Pada panel
sebelah kanan atas terdapat kolom login. Baik admin maupun pegawai harus memasukan username dan password di sebelah kanan atas untuk dapat masuk. Di bawah kolom login ada menu buku tamu di mana menu buku tamu di pergunakan bagi para siswa maupun bagi para user untuk dapat melakukan komentar maupun memberikan saran. Di sebelah buku tamu terdapat gambar – gambar yang
merupakan link dari sekolah Smpk St.Yusuf Tropodo yang dapat di akses ketika
kita mengakses perpustakaan. Serta ada tambahan menu pencarian buku – buku
baru. Berikut akan penulis tampilkan potongan program untuk menu login.
Gambar 4.11 Script Sinopsis Buku
Pada gambar 4.11 merupakan potongan program dari menu tampilan user
untuk memunculkan sinopsis buku pada database admin ketika admin akan memasukan buku. Berikut akan penulis terangkan Script di atas untuk include
untuk database pada config.php. Untuk $query tersebut dimana penulis harus menampilkan isi dari database perpus_buku dimana buku yang paling terakhir masuk akan muncul pada halaman yang paling atas. Setelah itu akan di ulang
sampai $query tersebut selesai melakukan eksekusi.
4.4.2 Tampilan Login Admin
Berikut merupakan halaman login untuk admin perpustakaan Smpk St.Yusuf. Dimana sebelum membuka menu – menu tersebut admin harus
memasukan username dan password dengan benar.
Gambar 4.12 Halaman LoginAdmin
Pada gambar 4.12 merupakan halaman user, admin, maupun pegawai. Dimana terdapat kolom login yang harus di masukan untuk username dan
password dari admin dimana username menggunakan admin, demikian juga untuk
password menggunakan admin. Jika password benar maka kita akan masuk kedalam menu – menu bagian admin, apabila username atau password yang kita masukan salah kita akan mengulang username atau password tersebut.
Pada gambar 4.13 merupakan dimana kita membuat kolom login untuk admin. Pada form method= “post” action=”check.php”. dimana username
maupun password untuk menjalankan admin akan di cek pada check.php. Untuk tombol login menggunakan submit agar ketika di klik akan langsung mengarahkan ke menu selanjutnya, dan ketika di klik reset akan menghapus semua data yang telah di tulis baik pada kolom username maupun pada kolom password.
4.4.3 Halaman Menu Admin
Berikut merupakan tampilan halaman menu – menu admin perpustakaan
Smpk St.Yusuf Tropodo. Pada menu admin ini terdapat menu pegawai, menu
jenis buku, menu penerbit buku, menu buku induk, menu denda buku, menu buku
tamu dan menu logout.
Gambar 4.14 Halaman Menu Admin
Pada gambar 4.14 terdapat fasilitas menu pegawai perpustakaan yaitu
untuk membuat login bagi admin maupun pegawai dan mengaturakses level bagi pegawai maupun admin. Fasilitas menu jenis buku yaitu untuk mengatur tentang
macam – macam jenis buku yang terdapat pada perpustakaan. Fasilitas menu
penerbit buku yaitu untuk mengatur macam – macam penerbit buku yang terdapat
pada perpustakaan. Fasilitas menu buku induk yaitu untuk memasukan semua
merupakan fasilitas dimana admin harus mengatur berapa uang denda per hari.
Fasilitas menu buku tamu merupakan report hasil dari komentar user atau siswa pada halaman utama atau halaman user.
Gambar 4.15 Menu Admin
Pada gambar 4.15 merupakan halaman dimana penulis harus membagi
halaman sesuai dengan level ketika username dan password tersebut di masukkan apabila menunjukan menu admin maka menu.php pada script di atas akan terbuka milik admin. Setelah itu semua link dalam menu.php akan tertulis seperti pada gambar di atas seperti yang di tuliskan penulis berikut ini
$level.”/”.$_GET[‘page’].”.php.
4.4.4 Halaman Pegawai Perpustakaan
Berikut merupakan tampilan halaman pegawai perpustakaan. Pada data
Gambar 4.16 Halaman Pegawai Perpustakaan
Pada gambar 4.16 terdapat kolom username, email, dan level. Untuk kolom username digunakan untuk mengisi nama yang digunakan untuk login. Sedangkan untuk kolom email di gunakan untuk mengisikan email dari username
tersebut. Serta level bisa di pilih untuk level admin ataupun level pegawai. Terdapat fasilitas insert untuk memasukan data pegawai yang baru, serta terdapat fasilitas update untuk mengganti username, email, maupun password. Apabila kita ingin mengganti atau data yang kita masukan kurang benar.
Pada gambar 4.17 terdapat script untuk menampilkan database pada
perpus pegawai $query=mysql_query("SELECT * FROM perpus_pegawai;").
Link untuk menghapus data pegawai lebih dari satu.echo"<formmethod='post'
action='admin.php?page=pegawai&command=del'>". Link untuk menu edit
pada kolom actionecho "<td><a href='admin.php?page=pegawai&command =edit&id=".($data['idpegawai'])."'>[Edit]</a></td>". Dimana pada
menu edit maupun delete di atas akan sangat di butuhkan id untuk mengedit maupun menghapus data dari dalam database.
4.4.5 Halaman J enis Buku
Berikut merupakan tampilan halaman jenis buku perpustakaan. Pada data
jenis buku ini terdapat fasilitas insert, update maupun delete.
Fasilitas pada gambar 4.18 merupakan fasilitas dimana kita bisa
membedakan jenis buku. Kolom jenis buku dipergunakan untuk menulis golongan
jenis – jenis buku dan kolom keterangan di pergunakan untuk memperjelas kolom
jenis buku tersebut.
Gambar 4.19 Script Jenis Buku
Pada gambar 4.19 terdapat script untuk menampilkan database pada perpus jenis buku $query=mysql_query("SELECT * FROM perpus_jenis;").
Link untuk menghapus data jenis buku lebih dari satu echo”<form
method=’post’action=’admin.php?page=jenis&command=del’>”.Link untuk
menu edit pada kolom action echo “<td><ahref=’admin.php?page=jenis &command=edit&id=”.($data[‘kodejenis’]).”’>[Edit]</a></td>”;.
Dimana pada menu edit maupun delete di atas akan sangat di butuhkan id untuk mengedit maupun menghapus data dari dalam database.
4.4.6 Halaman Penerbit Buku
Berikut merupakan tampilan halaman jenis buku perpustakaan. Pada data
Gambar 4.20 Halaman Penerbit Buku
Fasilitas pada gambar 4.20 merupakan fasilitas dimana kita bisa
membedakan penerbit buku. Kolom penerbit buku dipergunakan untuk menulis
golongan penerbit buku dan kolom keterangan di pergunakan untuk memperjelas
kolom penerbit buku tersebut.
4.4.7 Halaman Buku Induk
Berikut merupakan tampilan halaman buku induk perpustakaan. Pada data
buku induk ini terdapat fasilitas insert, update maupun delete.
Gambar 4.22 Halaman Buku Induk Buku
Pada gambar 4.22 ini terdapat kolom – kolom untuk buku induk
diantaranya cover, judul buku, pengarang, penerbit, jenis buku, dan jumlah stok. Pada kolom cover di isi dengan tampilan halaman buku utama dan juga pada
kolom cover ini akan di muncul pada halaman utama. Untuk kolom judul buku merupakan judul buku sesuai dengan cover yang sudah kita masukan dalam
database. Untuk kolom pengarang merupakan nama pengarang dari buku
tersebut, sedangkan untuk kolom penerbit merupakan nama penerbit dari penerbit
yang tertulis didalam buku tersebut. Untuk kolom jenis buku termasuk kedalam
jenis manakah buku tersebut. Untuk kolom jumlah stok merupakan jumlah stok
buku yang tersedia didalam perpustakaan. Terdapat action cetak dan juga action
-an data dan kita juga dapat mencetak label barcode reader dari buku tersebut.
Gambar 4.23 Script Buku Induk
Pada gambar 4.23 merupakan potongan script dari pengambilan database
dari perpus jenis, perpus penerbit, dan juga perpus buku dimana
perpus_buku.kodepenerbit = perpus_penerbit.kode penerbit AND perpus_buku.kodejenis = perpus_jenis.kode jenis dimana script pada perpus_buku yang merupakan kode dari penerbit buku maupun jenis buku tidak
lah mengeluarkan angka tetapi akan mengeluarkan nama dari penerbit maupun
jenis buku yang mempunyai id yang sama dengan id dalam perpus penerbit
ataupun perpus jenis buku.
4.4.8 Halaman Denda Buku
Berikut merupakan tampilan halaman denda buku perpustakaan. Pada
halaman denda buku ini terdapat fasilitas edit saja.
Pada gambar 4.24 terdapat kolom id denda , denda, dan action. Dimana kolom id denda merupakan kolom dimana penulis meletakkan denda pada id 1.
Pada kolom denda, siswa yang terlambat dalam mengembalikan buku akan
mendapatkan denda sebesar Rp.500 untuk per harinya. Terdapat fasilitas update
untuk mengganti besar denda.
Gambar 4.25 Script Denda Buku
Pada gambar 4.25 terdapat script untuk menampilkan database pada perpus denda buku $query=mysql_query(“SELECT * FROM perpus_denda;”).
Link untuk menghapus data penerbit buku lebih dari satu echo”<form
method=’post’action=’admin.php?page=denda&command=del’>”;. Dimana
pada menu delete di atas akan sangat di butuhkan id untuk menghapus data dari dalam database.
4.4.9 Halaman Buku Tamu
Berikut merupakan tampilan halaman buku tamu dimana terdapat counter
Gambar 4.26 Halaman Buku Tamu
Pada gambar 4.26 terdapat kolom nama pengunjung, alamat email, dan komentar. Dimana kolom nama pengunjung merupakan nama pengirim dari buku
tamu, serta alamat email merupakan alamat email yang dimasukan oleh pengunjung perpustakaan tersebut, kolom komentar merupakan isi dari komentar
pengunjung. Disini terdapat juga hit counter yang fungsinya untuk menghitung berapa pengunjung yang memberi komentar terhadap perpustakaan Smpk
St.Yusuf Tropodo ini.
Pada gambar 4.27 terdapat script untuk menampilkan database pada perpus denda buku $query=mysql_query(“SELECT * FROM perpus_tamu;”).
Link untuk menghapus data penerbit buku lebih dari satu echo”<form
method=’post’action=’admin.php?page=tamu&command=del’>”;. Dimana
pada menu delete di atas akan sangat di butuhkan id untuk menghapus data dari dalam database.