Perancangan Antar Muka Perancangan Sistem 1. Tujuan Perancangan Sistem

98 4. Nomor Pelunasan XXXX B XX XXXX Tahun Bulan Kode Kredit Barang No. transaksi contoh : 0001BV2011

4.2.5. Perancangan Antar Muka

Program dapat didefinisikan sebagai kumpulan dari intruksi-intruksi atau perintah-perintah terperinci yang sudah disiapkan oleh komputer sehingga dapat melakukan fungsi sesuai dengan yang telah ditentukan. Tujuan dari pembuatan program ini adalah untuk mempermudah dan mempercepat aktivitas yang berhubungan dengan pengolahan data dan untuk membentuk suatu sistem yang lebih baik.

4.2.5.1. Struktur Menu Menu Tampilan Program

Dalam perancangan program ini menggunakan menu yang mengintegrasikan semua bagian dalam program adapun gambaran menu, seperti yang ditampilkan pada gambar struktur menu berikut ini : 99 MENU UTAMA FILE SETTING TRANSAKSI LAPORAN DATA MASTER LOGIN LOGOUT KELUAR DATA ANGGOTA PEMINJAMAN PROSES POTONGAN INFORMASI PINJAMAN INFORMASI POTONGAN PENGGUNA PENGEMBALIAN DAFTAR PELUNASAN DAFTAR PENGEMBALIAN DATA BUNGA DATA BARANG LAP PINJAMAN LAP. ANGSURAN PELUNASAN Gambar 4.17 . Struktur Menu program sistem informasi kredit barang di koperasi karyawan PT. PINDAD PERSERO

4.2.5.2. Perancangan Input

Adapun perencanaan untuk tampilan input adalah sebagai berikut : 1. Login UserName Password Menu Login Login MENU LOGIN Gambar 4.18 . Desain Login 2. Form Menu Utama 100 X _ File Master SI KREDIT BARANG Transaksi Exit Login Logout Barang Anggota Bunga Pengembalian Proses Pemotongan Peminjaman Laporan Setting Informasi Potongan Informasi Pinjaman User Pelunasan Laporan Pengembalian Kredit Barang Laporan Peminjaman Kredit Barang Daftar Pengembalian Daftar Pelunasan Rekap Potongan Daftar Potongan Gambar 4.19 . Desain Menu Utama 3. Form Data Anggota 101 No Anggota Npp Nama Lengkap Tanggal Lahir Alamat X SIKB-FormAnggota Tambah Edit Batal Hapus Simpan PENDATAAN ANGGOTA LV Exelon Gol Unit Departemen No Anggota Npp Nama Lengkap Rp. Rp. Rp. Gambar 4.20. Desain Data anggota 4. Form Data Bunga 102 X Master Bunga Tambah Simpan Hapus Edit BUNGA TMT Jasa Provisi Administrasi LV Batal Gambar 4.21 Desain Data Bunga 5. Form Data Barang X Form Barang Tambah Simpan Hapus Edit MASTER BARANG Kode Barang Nama Barang Satuan Harga Barang LV Batal Rp. Gambar 4.22. Desain Data Barang 103 6. Form Peminjaman X Peminjaman Tambah Simpan Ubah Batal PENDATAAN KREDIT BARANG No Bukti Pinjaman Tanggal Pinjaman TMT NAK NPP Nama Unit Jenis Pinjaman Nama Barang HargaSatuan Banyaknya + Hapus lvkredit Jumlah Harga HPP Rp. Lama Angsuran Besar Angsuran Harga Kredit Bunga Bulan Rp. Rp. Cetak Kwitansi Jenis Angsuran ditagihkan Bayar langsung No Kwitansi cari Gambar 4.23 . Desain Form Peminjaman 7. Form Proses Potongan Proses X Proses Potongan Untuk Bulan ……………………. Gambar 4.24. Desain Form Proses Potongan 104 8. Form Pengembalian No Angsuran Bulan No Bukti Pinjaman NAK NPP Nama Unit Angsuran Ke- X Form Pengembalian Tambah Simpan Cetak Batal Jumlah Potongan PENDATAAN PENGEMBALIAN Cari Rp. Saldo Utang Rp. Gambar 4.25 . Desain Form Pengembalian 9. Form Pelunasan 105 No Pelunasan Bulan No Bukti Pinjaman NAK NPP Nama Unit Angsuran Ke- X Form Pelunasan Tambah Simpan Cetak Batal Jumlah Potongan PENDATAAN PELUNASAN ….. Rp. Saldo Utang Rp. Gambar 4.26. Desain Form Pelunasan 10. Form Data User X Form User DATA USER Username Password Hak Akses Tambah Simpan Ubah Batal Hapus ListUser Gambar 4.27. Desain Form Data User 106 11. Form Informasi Pinjaman X Data Pinjaman Cetak Batal Tanggal Bulan Tahun PerTanggal PerBulan PerTahun Gambar 4.28 . Desain Form Informasi Pinjaman 12. Form Daftar Potongan X Cetak Daftar Potongan Cetak Batal Kasir Bulan Tahun Unit Gambar 4.29. Desain Form Daftar Potongan 107 13. Form Rekap Potongan X Cetak Rekap Potongan Cetak Batal Kasir Bulan Tahun Unit Gambar 4.30. Desain Form Rekap Potongan 14. Form Data Pelunasan X Data Pelunasan Cetak Batal Tanggal Bulan Tahun PerTanggal PerBulan PerTahun Gambar 4.31 . Desain Form Data Pelunasan 108 15. Form Data Pengembalian X Data Pengembalian Cetak Batal Tanggal Bulan Tahun PerTanggal PerBulan PerTahun Gambar 4.32. Desain Form Data Pengembalian 16. Form Laporan Peminjaman X Laporan Peminjaman Cetak Batal Bulan Tahun Gambar 4.33. Desain Form Laporan Peminjaman 109 17. Form Laporan Pengembalian X Laporan Pengembalian Cetak Batal Bulan Tahun Gambar 4.34. Desain Form Laporan Pengembalian

4.2.5.3. Perancangan Output

Perancangan Output merupakan tampilan yang berisi tentang berbagai informasi yang diperlukan. Adapun bentuk dari perancangan output ini berupa faktur, surat dan laporan. Format ini dicetak ke dalam printer atau dapat ditampilkan ke layar monitor. Berikut merupakan rancangan output Sistem Informasi Kredit Barang di Koperasi Karyawan PT. PINDAD : 1. Faktur Penjualan Pengeluaran Barang-Barang 110 Gambar 4.35 . Desain Faktur Penjualan Pengeluaran Barang-Barang 2. Bukti Potongan Pinjaman Barang Gambar 4.36. Desain Bukti Potongan Pinjaman Barang 111 3. Bukti Pelunasan Pinjaman Barang Gambar 4.37 . Desain Bukti Pelunasan Pinjaman Barang 4. Daftar Peminjaman Kredit Barang Gambar 4.38. Desain Daftar Peminjaman Kredit Barang 112 5. Daftar Pengembalian Kredit Barang Gambar 4.39. Desain Daftar Pengembalian Kredit Barang 6. Daftar Potongan Kredit Barang Gambar 4.40 . Desain Daftar Potongan Kredit Barang 113 7. Daftar Rekapitulasi Potongan Kredit Barang Gambar 4.41 . Desain Rekapitulasi Potongan Kredit Barang 8. Daftar Pelunasan Kredit Barang Gambar 4.42 . Desain Daftar Pelunasan Kredit Barang 114 9. Laporan Peminjaman Gambar 4.43. Desain Laporan Data Pinjaman 10. Laporan Pengembalian Gambar 4.44 . Desain Laporan Data Pengembalian 115

4.2.6. Perancangan Arsitektur Jaringan