4.2.2 Perancangan Input
Masukan input merupakan awal dimulainya suatu proses sistem dimana data mentah dimasukan untuk diolah menjadi informasi yang lebih berguna.
Perancangan input yaitu pembuatan antarmuka interface untuk menerima masukan dari pengguna sistem. Antarmuka unutk input data ini harus memberikan
kejelasan kepada user baik bentuk maupun masukan-masukan yang harus diisi. Perancangan yang terdapat dalam sistem informasi simpan pinjam ini adalah
sebagai berikut : 1.Desain Tampilan Login Pengguna
Koperasi Warga Guru SMK YPF Jl.Cisaranten Kulon No.105 Tlp.02270787335
LOGO
Login Pengurus
Username Password
Gambar 4.13
Rancangan Form Login Form Login dijalankan ketika aplikasi dirunning. Form ini berfungsi
sebagai penghubung ke menu utama dan juga sebagai pengatur hak akses dari Operator.
2. Desain Tampilan Pendaftaran Anggota Baru
Data Anggota
Pencarian Anggota Cari Bedasarkan
Cari Tambah
Edit Simpan
Update Hapus
Clear Cetak
Tabel Anggota
ID Anggota Tanggal Lahir
Nama Anggota Jenis Kelamin
Tanggal Lahir Jabatan
Alamat No Tlp
ID Anggota
Gambar 4.14
Rancangan Form Data Anggota Form Data Anggota adalah form untuk menambah, mengubah,
mengupdate, menghapus dan mencari data anggota. 3. Desain Tampilan Simpanan Anggota
Hitung
Data Tabungan Anggota
Tambah Simpan
Clear Cetak
Rincian Transaksi Simpanan Anggota
ID Simpanan Transaksi Simpanan
ID Anggota Nama Anggota
Simpanan Wajib Simpanan Pokok
Simpanan Sukarela ID Operator
Nama Operator
Gambar 4.15
Rancangan Form Transaksi Simpanan From ini adalah form untuk mengelola transaksi yang berhubungan
dengan simpanan anggota beserta mencetak bukti simpanan.
4. Desain Tampilan Pinjaman Anggota
Data Anggota
Cari
Tambah Edit
Simpan Update
Hapus Clear
Cetak
Tabel Peminjaman Data Pinjaman
ID Anggota Nama Anggota
Jabatan Alamat
No Tlp ID Peminjaman
Tanggal Peminjaman Besar Pinjaman
Provisi Bunga
Besar Angsuran Jumlah Cicilan
ID Operator Nama Operator
Gambar 4.16
Rancangan Form Pinjaman Form ini digunakan untuk mengelola transaksi yang berhubungan dengan
pinjaman anggota beserta mencetak bukti pinjaman. 5. Desain Tampilan Angsuran Pembayaran Anggota
Cari
Tambah Simpan
Cetak Batal
Data Pembayaran Data Pinjaman
Data Anggota
History Pembayaran ID Peminjaman
Besar Pinjaman Angsuran Per Bulan
ID Anggota Nama Anggota
Alamat No Tlp
ID Operator Nama Operator
ID Peminjaman Tanggal Pembayaran
Cicilan Ke Besar Angsuran
Bunga Sisa Angsuran
Jumlah Pembayaran
Gambar 4.17
Rancangan Form Pembayaran Angsuran Form ini digunakan untuk menambah data transaksi angsuran bulanan dari
pinjaman dan pelunasan pinjaman anggota. termasuk cetak bukti pembayaran angsuran.
6.Rancangan Cetak Laporan Anggota
Laporan Data Anggota Koperasi Warga Guru SMK YPF
Periode Sampai
Cetak
Gambar 4.18
Rancangan Cetak Laporan Data Anggota Form ini digunakan untuk mencetak laporan data anggota perbulan dan
pertahun. 6. Rancangan Cetak Laporan Simpanan
Laporan Data Simpanan Koperasi Warga Guru SMK YPF
Periode Sampai
Cetak
Gambar 4.19
Rancanagan Cetak Simpanan Form ini digunakan untuk mencetak laporan simpanan anggota perbulan
dan pertahun.
8. Rancangan Cetak Laporan Pinjaman
Laporan Peminjaman Koperasi Warga SMK YPF
Periode Sampai
Cetak
Gambar 4.20 Rancangan Cetak Laporan Pinjaman
Form ini digunakan untuk mencetak laporan pinjaman anggota perbulan dan pertahun.
9. Rancangan Cetak Laporan Pembayaran Angsuran
Laporan Pembayaran Koperasi Warga SMK YPF
Periode Sampai
Cetak
Gambar 4.21 Rancangan Cetak Laporan Pembayaran Angsuran
From ini digunakan untuk mencetak laporan anggota pembayaran angsuran perbulan dan pertahun.
4.2.3 Perancangan Output
Perancangan Output merupakan hasil dari pengolahan data setelah suatu masukan lengkap, dan diproses hingga menghasilkan keluaran output. Dalam
perancangan aplikasi ini yang paling penting adalah output yang dihasilkan harus sesuai dengan keinginan dan kebutuhan pemakai atau User, Tampilan output yang
dihasilkan dari perancangan sistem informasi simpan pinjam yaitu sebagai berikut A. Desain Tampilan Output Tampilan Kartu Anggota
KOPERSI WARGA GURU SMK YPF JL.CISARANTEN KULON NO.105 TLP.70787335
BANDUNG KARTU ANGGOTA
ID Anggota : xxxxxxxxx
Nama Anggota : xxxxxxxx
Jenis Kelamin : xxxxxxxx
Tanggal Lahir : xxxx-xx-xx
Jabatan : xxxxxxxx
Alamat : xxxxxx
No Tlpn : xxxxxxxxx
Gambar 4.22 Tampilan Output Kartu Anggota.
B.Desain Tampilan Output Tampilan Bukti Simpanan Anggota
KOPERSI WARGA GURU SMK YPF JL.CISARANTEN KULON NO.105 TLP.70787335
BANDUNG
ID Penyimpanan : SMPN2014631 Tanggal : 2014-07-03
Operator : OPT002
BUKTI PENYIMPANAN
ID Anggota : xxxxxxxxx
Nama Anggota : xxxxxxxx
DATA ANGGOTA DETAIL PENYIMPANAN
Simpanan Pokok : xxxxxxxxxx
Simpanan Wajib : xxxxxxxxxx
Simpanan Sukarela : xxxxxxxxxx
Total Bayar : xxxxxxxxxx
Bendahara,
Gambar 4.23 Rancangan Bukti Penyimpanan
C. Desain Tampilan Output Bukti Pinjaman Anggota
KOPERSI WARGA GURU SMK YPF JL.CISARANTEN KULON NO.105 TLP.70787335
BANDUNG
ID Penyimpanan : xxxxxxxxxxx Tanggal : xxxx-xx-xx
Operator : xxxxxx
BUKTI PEMINJAMAN
ID Anggota : xxxxxxxxx
Nama Anggota : xxxxxxxx
DATA ANGGOTA DETAIL PEMINJAMAN
Besar Pinjaman : xxxxxxxx
Biaya Administrasi : xxxxxxxx
Jumlah uang yang diterima : xxxxxx
Bunga : xxxxxx
Besar angsuran : xxxxxxxx
Jumlah Cicilan : xx Bendahara,
Jabatan : xxxxxxxxx
Alamat : xxxxxx
No Tlpn : xxxxxxxxx
Gambar 4.24 Rancangan Bukti Pinjaman