97
4.2.5. Perancangan Antar Muka
Perancangan antar muka dimaksudkan untuk memperlihatkan bagaimana bentuk tampilan dari perangkat lunak yang akan dibangun nantinya
berdasarkan struktur sistem yang telah dibuat. Perancangan antar muka ini meliputi perancangan struktur menu, perancangan input dan perancangan
output.
4.2.5.1. Struktur Menu
Dalam perancangan program ini menggunakan menu yang mengintegrasikan semua bagian dalam program adapun gambaran menu,
seperti yang ditampilkan pada gambar struktur menu berikut ini :
Gambar 4.24 Perancangan Struktur Menu Sistem Informasi Simpan Pinjam
4.2.5.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
98
menerima masukan dari pengguna sistem. Antarmuka untuk 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. Form Login
Form login digunakan pada saat software runnig. User harus menginputkan nama user, password sudah terdaftar. Jika username atau
password salah akan muncul peringatan “Login gagal”.
Gambar 4.25 Perancangan form login 2.
Form Data Pengguna Form pengguna berfungsi untuk menginputkan data pengguna yang
berhak mengakses aplikasi sistem informasi simpan pinjam.
99
Gambar 4.26 Perancangan form data pengguna 3.
Form Data Anggota Form data anggota berfungsi untuk menginputkan data karyawan
menjadi anggota Koperasi Karyawan Holindo.
Gambar 4.27 Perancangan form input data anggota
100
4. Form Pengunduran Diri Anggota
Form pengunduran diri anggota berfungsi mengubah mengedit data anggota berstatus aktif menjadi keluar.
Gambar 4.28 Perancangan form pengunduran diri anggota 5.
Form Data Karyawan Form Karyawan berfungsi untuk menginputkan data karyawan yang
layak untuk menjadi anggota Koperasi Karyawan Holindo.
Gambar 4.29 Perancangan form input data karyawan
101
6. Form Edit Karyawan
Form edit karyawan berfungsi untuk mengedit data karyawan
Gambar 4.30 Perancangan form edit data karyawan 7.
Form Potongan Form potongan berfungsi untuk menginputkan data potongan anggota
termasuk input data simpanan dan data angsuran.
Gambar 4.31 Perancangan form input data potongan
102
8. Form Pinjaman
Form pinjaman berfungsi untuk menginputkan data pinjaman anggota.
Gambar 4.32 Perancangan form input data pinjaman 9.
Form Daftar Anggota, Simpanan dan Pinjaman Form daftar anggota, simpanan dan pinjaman berfungsi untuk mencari
dan melihat data anggota, simpanan dan pinjaman berdasarkan no anggota.
103
Gambar 4.33 Perancangan form daftar anggota, simpanan
Gambar 4.34 Perancangan form daftar pinjaman 10.
Form Daftar Angsuran Form daftar angsuran berfungsi untuk mencari dan melihat data
angsuran anggota berdasarkan kode pinjaman.
104
Gambar 4.35 Perancangan form daftar angsuran 11.
Form Daftar Potongan Form daftar potongan berfungsi untuk mencari, melihat dan mencetak
bukti potongan anggota.
Gambar 4.36 Perancangan form daftar potongan 12.
Form Laporan Form laporan berfungsi untuk mencari data dan mencetak data
anggota, simpanan, pinjaman dan angsuran berdasarkan periode transaksi.
105
Gambar 4.37 Perancangan form laporan
Gambar 4.38 Perancangan form laporan pinjaman
4.2.5.3. Perancangan Output