67
3.8 Struktur Menu
Login
Menu Utama
Transaksi Laporan
Data Master About
User Anggota
Jenis Simpanan Jenis Pinjaman
Log Out Keluar
Simpanan Pinjaman
Anggota Transaksi Detail
Simpanan Transaksi
Pengambilan Simpanan
Transaksi Peminjaman
Transaksi Angsuran
Pinjaman
Gambar 3.21 Struktur Menu Simpan Pinjam Koperasi
3.9 Perancangan Antar Muka
3.9.1 Perancangan Tampilan Form Login
Di bawah ini merupakan rancangan tampilan data login, dapat dilihat pada gambar berikut :
68
FLogin
Login Keluar
Label
Label
Gambar 3.22Perancangan Tampilan Data Login
3.9.2 Perancangan Tampilan Menu
Di bawah ini merupakan rancangan tampilan menu, dapat dilihat pada gambar berikut :
Sistem Informasi Simpan Pinjam Koperasi Data Master
Transaksi Laporan
About
Gambar 3.23Perancangan Tampilan Menu
3.9.3 Perancangan Tampilan Form User
69
Di bawah ini merupakan rancangan tampilan user, dapat dilihat pada gambar berikut :
Fuser
Tambah Hapus
Edit
password nama
username Id_status
Gambar 3.24 Perancangan Tampilan User
3.9.4 Perancangan Tampilan Form Isi User
Di bawah ini merupakan rancangan tampilan form isi user, dapat dilihat pada gambar berikut :
Fisiuser username
nama password
status
Simpan Batal
Gambar 3.25 Perancangan Tampilan form isi user
3.9.5 Perancangan Tampilan Form Anggota
Di bawah ini merupakan rancangan tampilan form anggota, dapat dilihat pada gambar berikut :
70
FAnggota
Next First
Prev Last
Tambah Edit
Hapus Cetak Bukti Anggota
Pengurutan Nama Field
pencarian Nama Field
nip Nip
Nama Alamat
Telp Tgl
status
Gambar 3.26 Perancangan Tampilan Form Anggota
3.9.6 Perancangan Tampilan Form Isi Anggota
Di bawah ini merupakan rancangan tampilan form isi anggota, dapat dilihat pada gambar berikut :
Fisianggota nip
alamat nama
telp
Simpan Batal
tgl
Gambar 3.27 Perancangan Tampilan isi anggota
3.9.7 Perancangan Tampilan Form jenis_Pinjaman
Di bawah ini merupakan rancangan tampilan form jenis-pinjaman, dapat dilihat pada gambar berikut :
71
Fjenis_Pinjaman
Tambah Edit
Hapus
Id_jsimpanan Nama_simpanan
Bunga
Gambar 3.28 Perancangan Tampilan Form jenis_Pinjaman
3.9.8 Perancangan Tampilan Form Isi jpinjaman
Di bawah ini merupakan rancangan tampilan form isi jpinjaman, dapat dilihat pada gambar berikut :
FisiJpinjaman Id_Jsimpanan
bunga nama_pinjaman
Simpan Batal
Gambar 3.29 Perancangan Tampilan Form isi jpinjaman
3.9.9 Perancangan Tampilan Form jSimpanan
Di bawah ini merupakan rancangan tampilan jsimpanan, dapat dilihat pada gambar berikut :
72
FjSimpanan
Tambah Edit
Hapus
Id_jsimpanan Nama_simpanan
Gambar 3.30 Perancangan Tampilan Form jsimpanan
3.9.10 Perancangan Tampilan Form Isi jenis_simpanan
Di bawah ini merupakan rancangan tampilan form isi jenis-simpanan, dapat dilihat pada gambar berikut :
FisiJsimpanan Id_Jsimpanan
simpanan
OK Cancel
Gambar 3.31 Perancangan Tampilan Form isi jenis_simpanan
3.9.11 Perancangan Tampilan Form simpan
Di bawah ini merupakan rancangan tampilan form simpan, dapat dilihat pada gambar berikut :
73
FSimpan
Next First
Prev Last
Cetak Bukti Anggota
Filter Simpanan Filter Field
Nama anggota Id_simpanan Nama_anggota
Tgl
1
Nama_simpanan Sub Total Simpanan
penyimpanan Id_simpanan Nama_anggota
Tgl
1
Nama_simpanan Id_asimpanan
NIP Tgl
Nama pengambilan
Total Simpanan
Transaksi Baru Transaksi Penyimpanan
Transaksi Pengambilan Hapus Transaksi
keyword Filter
Filter Detail simpanan Filter Field
Id_simpanan keyword
Filter Filter Detail simpanan
Filter Field Id_simpanan
keyword Filter
Cetak Bukti Pengambilan
Gambar 3.32 Perancangan Tampilan Form simpanan
3.9.12 Perancangan Tampilan Form Isi simpan
Di bawah ini merupakan rancangan tampilan form isi simpan, dapat dilihat pada gambar berikut :
Fisisimpan Id_simpanan
Jenis Simpanan nama
tgl
Simpan Batal
Gambar 3.33 Perancangan Tampilan Form isi simpan
3.9.13 Perancangan Tampilan Form Isi dsimpanan
Di bawah ini merupakan rancangan tampilan form isi dsimpanan, dapat dilihat pada gambar berikut :
74
Fisipinjaman Id_dsimpanan
Simpan Batal
tgl Besar_simpanan
Id_simpanan nama
pinjaman
Gambar 3.34Perancangan Tampilan Form isi dsimpanan
3.9.14 Perancangan Tampilan Form Pinjaman
Di bawah ini merupakan rancangan tampilan form pinjaman:
FPinjaman Id_pinjaman
nip Nama_pinjaman
nama
Transaksi Pembayaran
Data Angsuran Id_pembayaran
Besar_bayaran Angsuran_ke
Besar_pinjaman tgl
Id_pinjaman nama
Nama_pinjaman Sisa_bayaran
Status_lunas tgl
Cetak Bukti Angsuran Next
Prev First
Last Transaksi Baru
Hapus Transaksi Cetak Bukti Pinjaman
Gambar 3.35 Perancangan Tampilan Form pinjaman
3.9.15 Perancangan Tampilan Form Isi pinjaman
Di bawah ini merupakan rancangan tampilan form isi pinjaman, dapat dilihat pada gambar berikut :
75
Fisipinjaman Id_pinjaman
nama Nama_Pinjaman
Simpan Batal
tgl Besar_pinjaman
Gambar 3.36 Perancangan Tampilan Form isi pinjaman
3.9.16 Perancangan Tampilan Form Isi pembayaran
Di bawah ini merupakan rancangan tampilan form isi pembayaran, dapat dilihat pada gambar berikut :
Fisipembayaran Id_pembayaran
Simpan Batal
tgl Angsuran_ke
Id_pinjaman Sisa Utang
Jika sisa utang kosong berarti
transaksi pembayraan utang untuk transaksi
tersebut pertama kali terjadi
Besar_bayaran
Ebunga
Gambar 3.37 Perancangan Tampilan Form isi pembayaran
3.9.17 Perancangan Tampilan Form Isi pengambilan
Di bawah ini merupakan rancangan tampilan form isi pengambilan, dapat dilihat pada gambar berikut :
76
Fisipengambilan Id_Ambil Simpanan
Simpan Batal
tgl
1123
Nama Nip
Gambar 3.38 Perancangan Tampilan Form isi pengambilan
3.10 Implementasi Sistem