Struktur Menu Perancangan Antar Muka

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