LOGIN
INPUT PENCARIAN
LAPORAN
INPUT DATA ANGGOTA
INPUT DATA BUKU
INPUT DATA TRANSAKSI PEMINJAMAN
INPUT DATA TRANSAKSI PENGEMBALIAN
PENCARIAN ANGGOTA
PENCARIAN BUKU
PENCARIAN PEMINJAMAN
LAPORAN ANGGOTA
LAPORAN BUKU
LAPORAN PEMINJAMAN DAN PENGEMBALIAN
MENU UTAMA
Gambar 3.16 Perancangan struktur menu
3.5.6 Perancangan Antarmuka
Tahap perancangan antarmuka dilakukan untuk merancang antarmuka agar dapat digunakan oleh pengguna baik admin maupun user yang menggunakan
aplikasi perpustakaan ini.
Form Login T01 Form ini digunakan untuk melakukan login
T01 User name
Password
LOGIN
Gambar 3.17 perancangan antarmuka menu login
Form menu utama T02
-klik input menuju T03 -klik input menuju T04
-klik input menuju T05 -klik input menuju T06
- klik pencarian menuju T07 - klik pencarian menuju T08
- klik pencarian menuju T09 - klik laporan menuju T010
- klik laporan menuju T011 - klik laporan menuju T012
input laporan
pencarian
T02
Gambar 3.18 perancangan antarmuka menu utama
Form Menu Anggota T03
No_anggota Nama_anggota
Tgl_lahir Jenis kelamin
Agama Bagian
Jabatan No_telp
T03
- klik tambah untuk tambah data
- klik simpan untuk simpan data
- klik hapus utnuk hapus data
- klik edit unyuk edit data - klik batal untuk
membatalkan - keluar menuju T02
- klik cari untuk cari data Tamba
h batal
hapus Simpan
Edit keluar
Tabel database
Cari
Gambar 3.19 perancangan antarmuka menu anggota
Form Menu Buku T04
Kode_buku judul
kelompok penerbit
pengarang
masukkan kode buku
Tahun terbit T04
- klik tambah untuk tambah data - klik simpan untuk simpan data
- klik hapus utnuk hapus data - klik edit unyuk edit data
- klik batal untuk membatalkan - keluar menuju T02
- klik cari untuk cari data Tambah
batal hapus
Simpan Edit
keluar
Tabel database
Cari
Gambar 3.20 perancangan antarmuka menu buku
Form Menu peminjaman T05
No Transaksi No anggota
Kode buku Tanggal pinjam
Jumlah pinjam pencarian
Tanggal harus kembali Tanggal kembali
Denda T05
- klik tambah untuk tambah data - klik simpan untuk simpan data
- klik hapus utnuk hapus data - klik edit unyuk edit data
- klik batal untuk membatalkan - keluar menuju T02
- klik cari untuk cari data Tambah
batal hapus
Simpan Edit
keluar
Tabel database
Cari
Gambar 3.21 perancangan antarmuka menu peminjaman
Form Menu pengembalian T06
No Transaksi No anggota
Kode buku Tanggal pinjam
Jumlah pinjam pencarian
Tanggal harus kembali Tanggal kembali
Denda T05
- klik tambah untuk tambah data - klik simpan untuk simpan data
- klik hapus utnuk hapus data - klik edit unyuk edit data
- klik batal untuk membatalkan - keluar menuju T02
- klik cari untuk cari data Tambah
batal hapus
Simpan Edit
keluar
Tabel database
Cari
Gambar 3.22 perancangan antarmuka menu pengembalian
Form Pencarian Anggota T07
Pencarian data anggota T07
- klik cari untuk pencarian data anggota
- klik tampilkan semua untuk menampilkan data seluruh
anggota - klik refresh utnuk memperbarui
data anggota yang baru disimpan
Tabel database
refresh Tampilkan
semua Cari
Gambar 3.23 perancangan antarmuka pencarian anggota
Form Pencarian buku T08
Pencarian data buku T08
- klik cari untuk pencarian data buku
- klik tampilkan semua untuk menampilkan data seluruh buku
- klik refresh utnuk memperbarui data buku yang baru disimpan
Tabel database
refresh Tampilkan
semua Cari
Gambar 3.24 perancangan antarmuka pencarian buku
Form Pencarian peminjaman T09
Pencarian data peminjaman dan pengembalian T09
- klik cari untuk pencarian data peminjaman
- klik tampilkan semua untuk menampilkan data seluruh data
peminjaman - klik refresh utnuk memperbarui
data peminjaman yang baru disimpan
Tabel database
refresh Tampilkan
semua Cari
Gambar 3.25 perancangan antarmuka pencarian peminjaman
Form laporan data anggota T010
T010
- klik preview untuk laporan data anggota
- klik refresh utnuk memperbarui data anggota yang baru disimpan
- klik print untuk jadikan dokument
Tabel laporan anggota
Print Preview
Refresh
Gambar 3.26 perancangan antarmuka laporan anggota
Form laporan data buku T011
T011
- klik preview untuk laporan data buku
- klik refresh utnuk memperbarui data buku yang baru disimpan
- klik print untuk jadikan dokument
Tabel laporan buku
Print Preview
Refresh
Gambar 3.27 perancangan antarmuka laporan buku
Form laporan data peminjaman dan pengembalian T012
T012
- klik preview untuk laporan data peminjaman dan pngembalian
- klik refresh utnuk memperbarui data peminjaman dan
pngembalian yang baru disimpan - klik print untuk jadikan dokument
Tabel laporan peminjaman dan pengembalian
Print Preview
Refresh
Gambar 3.28 perancangan antarmuka laporan peminjaman dan pengembalian
3.6 Implementasi
