80
3.8.6.21 Perancangan Antar Muka Detail Peminjaman
Perancangan antar muka detail peminjaman berfungsi untuk proses pengolahan data transaksi peminjaman buku perpustakaan.
Gambar 3.39 Antar Muka Detail Peminjaman Keterangan Gambar Antar Muka Detail Peminjaman :
Tabel 3.28 Keterangan Antar Muka Detail Peminjaman Komponen
Fungsi
Gambar 1 Logo sekolah
dan nama program
Gambar 2
Gambar umum
Gambar 3 Tombol Home Admin berfungsi sebagai link menuju
halaman utama index admin setelah login Gambar 4
Menu Master yang berisi submenu data admin, data anggota, dan data buku
Gambar 5 Menu Transaksi yang berisi submenu data
peminjaman dan pengembalian. Gambar
6 Menu Laporan yang berisi submenu laporan data
anggota, laporan data peminjaman dan laporan data pengembalian.
Gambar 7
Tombol logout berfungsi sebagai tombol untuk keluar dari halaman admin.
Gambar 8
Alamat sekolah
Text 1 Menampilkan tanggal
Text 2 Menampilkan judul halaman
Text 3 Menampilkan text masukkan kode peminjaman
Text 4 Menampilkan no.halaman
81 Text Field
Untuk mengisi data yang dicari sesuai dengan jenis pencarian
Button Tombol cari berfungsi untuk proses pencarian
Table Tabel untuk menampilkan data detail peminjaman
3.8.6.22 Perancangan Antar Muka Transaksi Pengembalian Buku
Perancangan antar muka transaksi pengembalian buku berfungsi untuk pengolahan data transaksi pengembalian buku perpustakaan.
Gambar 3.40 Antar Muka Transaksi Pengembalian Buku Keterangan Gambar Antar Muka Transaksi Pengembalian Buku :
Tabel 3.29 Keterangan Antar Muka Transaksi Pengembalian Buku Komponen
Fungsi
Gambar 1 Logo sekolah
dan nama program
Gambar 2
Gambar umum
Gambar 3 Tombol Home Admin berfungsi sebagai link menuju
halaman utama index admin setelah login Gambar 4
Menu Master yang berisi submenu data admin, data anggota, dan data buku
Gambar 5 Menu Transaksi yang berisi submenu data
peminjaman dan pengembalian. Gambar
6 Menu Laporan yang berisi submenu laporan data
anggota, laporan data peminjaman dan laporan data pengembalian.
Gambar 7
Tombol logout berfungsi sebagai tombol untuk keluar
82 dari halaman admin.
Gambar 8
Alamat sekolah
Text 1 Menampilkan tanggal
Text 2 Menampilkan judul halaman
Text 3 Menampilkan text kode peminjaman
Text 4 Menampilkan text kode buku
Text 5 Menampilkan text tanggal pengembalian
Text 6 Menampilkan text keterlambatan
Text 7 Menampilkan text denda
Text 8 Menampilkan text admin
Text Field 1 Untuk mengisi kode peminjaman
Text Field 2 Untuk mengisi kode buku
Text Field 3 Untuk mengisi tanggal pengembalian
Text Field 4 Untuk menampilkan keterlambatan
Text Field 5 Untuk menampilkan jumlah denda
Text Field 6 Untuk menampilkan nama admin
Button 1 Tombol simpan berfungsi untuk proses simpan data
Button 2 Tombol reset berfungsi untuk proses ulang pengisian
data Button 3
Tombol kembali berfungsi untuk kembali ke halaman sebelumnya
3.8.6.23 Perancangan Antar Muka Laporan Data Anggota