3. Tampilan Halaman Daftar Peminjaman Tampilan Halaman Tentang Perpustakaan 5. Tampilan Halaman Tentang Lokasi Sekolah 6. Tampilan Halaman Rinci Buku
126
4. 4. 4. 3. Tampilan Halaman Daftar Peminjaman
Halaman daftar peminjaman akan tampil setelah pengunjung memilih menu Account. Pada halaman ini, pengunjung dapat melihat
daftar peminjaman untuk buku-buku yang sedang dipinjam. Pengunjung diharuskan memasukkan nomor induk terlebih dahulu.
Gambar 4. 34. Daftar Peminjaman 1
Pada halaman ini, akan dilakukan validasi input. Nomor induk harus diisikan untuk meneruskan ke halaman berikutnya. Berikut kode
pemrograman yang digunakan :
127
Setelah memasukkan nomor induk, maka akan muncul daftar peminjaman
Gambar 4. 35. Daftar Peminjaman 2
function validasi_inputform{ if form.cari.value == {
alertField nomor induk harap diisi;
form.cari.focus; return false;
} return true;
}
128
Berikut
query
yang digunakan untuk melihat daftar peminjaman :
4. 4. 4. 4. Tampilan Halaman Tentang Perpustakaan
Halaman tentang perpustakaan akan tampil setelah pengunjung memilih menu About Us. Pada halaman ini ditampilkan mengenai
penjelasan tentang perpustakaan SMA Pangudi Luhur Sedayu.
Gambar 4. 36. Halaman About Us
public String dataAccountString nisnip { return SELECT p.kodeBuku, b.judul, COALESCEp.tglpesan, - AS tgl,
COALESCEp.tglharuskembali, - AS tgl2 + FROM peminjaman p, buku b +
WHERE p.kodeBuku = b.kodebuku + AND p.nisnip = +nisnip+ AND p.statuspeminjaman =
Dipinjam ; }
129
4. 4. 4. 5. Tampilan Halaman Tentang Lokasi Sekolah
Halaman tentang lokasi sekolah akan tampil setelah pengunjung memilih menu Our Location. Pada halaman ini ditampilkan mengenai
lokasi SMA Pangudi Luhur dengan koordinat yang dapat dicari di
Google Maps
dan alamat lengkap SMA Pangudi Luhur Sedayu. Tersedia juga website dan
facebook
untuk SMA Pangudi Luhur Sedayu.
Gambar 4. 37. Halaman Our Location
4. 4. 4. 6. Tampilan Halaman Rinci Buku
Halaman tentang data rinci buku didapat setelah user melakukan pencarian buku lihat gambar 4.32. Pada halaman ini ditampilkan data-
data lengkap dari buku. Pengunjung juga dapat melihat preview buku dalam bentuk PDF
Protable Document Format
.
130
Gambar 4. 38. Halaman Rinci Buku
131
Berikut
query
yang digunakan untuk mendapatkan data buku :
4. 4. 4. 7. Tampilan Halaman Pemesanan Buku