3. 12. Tampilan Frame Laporan Penambahan Buku 3. 13. Tampilan Frame Laporan Peminjaman Buku Cetak 3. 1 Tampilan Frame Laporan Peminjaman yang harus dikembalikan pada tanggal tertentu 3. 15. Tampilan Frame Laporan Kondisi Buku Pengunjung 1. Tampilan Hal

119 Gambar 4. 27. Tambah Peminjaman berdasarkan pemesanan 4. 4. 3. 12. Tampilan Frame Laporan Penambahan Buku Tampilan frame Penambahan Buku akan tampil setelah Staff memilih button Penambahan Buku pada panel Print. Di frame ini, staff dapat mencetak atau sekedar melihat data penambahan buku. Data penambahan dapat dicari berdasarkan kategori buku atau tanggal masuk buku. 120 Gambar 4. 28. Laporan Penambahan Buku 4. 4. 3. 13. Tampilan Frame Laporan Peminjaman Buku Cetak Tampilan frame Peminjaman Buku Cetak akan tampil setelah Staff memilih button Peminjaman Buku Cetak pada panel Print. Di frame ini, staff dapat mencetak atau sekedar melihat data peminjaman buku cetak dengan memilih buku yang sedang dipinjam. 121 Gambar 4. 29. Laporan Peminjaman Buku Cetak 4. 4. 3. 14. Tampilan Frame Laporan Peminjaman yang harus dikembalikan pada tanggal tertentu Tampilan frame Peminjaman berdasarkan tanggal harus kembali pada tanggal tertentu akan tampil setelah Staff memilih button Kembali Hari Ini pada panel Print. Di frame ini, staff dapat melihat data peminjaman yang harus dikembalikan pada tanggal yang dipilih. 122 Gambar 4. 30. Laporan Peminjaman yang harus dikembalikan pada tanggal tertentu 4. 4. 3. 15. Tampilan Frame Laporan Kondisi Buku Tampilan frame Kondisi Buku akan tampil setelah Staff memilih button Kondisi Buku pada panel Print. Di frame ini, staff dapat melihat data buku yang hilang atau rusak. Data ditampilkan berdasarkan data yang memiliki kode copy dan non copy. 123 Gambar 4. 31. Kondisi Buku 4. 4. 4. Pengunjung 4. 4. 4. 1. Tampilan Halaman Utama Halaman utama akan tampil pertama kali saat pengunjung mengakses web. 124 Gambar 4. 32. Halaman Utama untuk user Pengunjung 4. 4. 4. 2. Tampilan Halaman Pencarian data buku Halaman pencarian data buku akan tampil setelah pengunjung memilih menu Search. Pada halaman ini, pengunjung dapat melakukan pencarian data buku bedasarkan kode buku, judul buku, penerbit, pengarang, atau kategori. 125 Gambar 4. 33. Pencarian Data Buku Pada halaman ini, akan dilakukan validasi input. Jika tidak ada keyword yang dimasukkan lalu klik Submit, maka akan muncul pesan “Keyword harap diisi”. Berikut kode pemrograman yang digunakan : function validasi_inputform{ if form.cari.value == { alertKeyword harap diisi; form.cari.focus; return false; } return true; } 126 4. 4. 4. 3. Tampilan Halaman Daftar Peminjaman