Perancangan User Interface Sistem Informasi Simpan Pinjam

251 File Yang Diupload direktori Varchar 50 Direktori File Yang DiUpload

4.3.4 Perancangan User Interface Sistem Informasi Simpan Pinjam

Pada tahap ini perancangan user interface bertujuan untuk menggambarkan rancangan tampilan apikasi yang akan dibuat. Perancangan user interface dibedakan menjadi 4 account yaitu Sekretaris, Bendahara, Marketing, Accounting., dan Anggota. Dibawah ini adalah daftar dari perancangan user interface tersebut. 1. Halaman Login Menampilkan halaman Login dari user sebagai akses untuk masuk ke dalam sistem. 2. Halaman Home Menampilkan halaman ucapan salam ketika user berhasil melakukan login. 3. Halaman Ganti Password Menampilkan form input untuk mengganti password. 4. Account Sekretaris a. Halaman Tambah Anggota Menampilkan form input yang dapat diisi untuk mendaftarkan anggota. 252 b. Halaman Edit Anggota Menampilkan form edit anggota yang berfungsi untuk mengupdate data-data anggota yang telah terdaftar. c. Halaman List Anggota Menampilkan data-data anggota yang telah terdaftar dan terdapat menu untuk melakukan manajemen data anggota. d. Halaman Detail Anggota Menampilkan detail data anggota yang telah diinputkan. Dimenu ini terdapat menu untuk mencetak kartu anggota. e. Halaman Cetak Kartu Anggota Menampilkan kartu anggota untuk dicetak. f. Halaman Data Pendaftaran Online Menampilkan list data calon anggota. g. Halaman Validasi Menampilkan data detail calon anggota untuk divalidasi. h. Halaman Tambah Pengurus Menampilkan form input yang dapat diisi untuk mendaftarkan pengurus koperasi. i. Halaman Edit Pengurus Menampilkan form edit pengurus yang berfungsi untuk mengupdate data-data pengurus yang telah terdaftar. j. Halaman List Pengurus 253 Menampilkan data-data anggota yang telah terdaftar dan terdapat menu untuk melakukan manajemen data pengurus. k. Halaman Detail Pengurus Menampilkan detail data pengurus yang telah diinputkan. l. Halaman Pengajuan Pinjaman Menampilkan form input yang dapat diisi untuk mendaftarkan pengajuan pinjaman. m. Halaman List Pengaju Pinjaman Menampilkan data-data pengajuan pinjaman yang telah terdaftar dan terdapat menu untuk melakukan manajemen data pengajuan pinjaman. n. Halaman Edit Pengajuan Pinjaman Menampilkan form edit pengajuan pinjaman yang berfungsi untuk mengupdate data-data pengajuan pinjaman yang telah terdaftar. o. Halaman Detail Pengajuan Pinjaman Menampilkan detail data pengajuan pinjaman yang telah diinputkan. Dan terdapat menu untuk mencetak perjanjian pinjaman. p. Halaman Cetak Perjanjian Pinjaman Menampilkan perjanjian pinjaman untuk dicetak sebagai perjanjian antara pihak peminjam dan koperasi. 5. Account Bendahara 254 a. Halaman Setoran Simpanan Menampilkan form input yang dapat diisi untuk melakukan transaksi setoran simpanan. b. Halaman Tarikan Simpanan Menampilkan form input yang dapat diisi untuk melakukan transaksi tarikan simpanan. c. Halaman List Anggota Menampilkan data-data anggota yang telah terdaftar dan terdapat menu untuk melakukan transaksi simpanan. d. Halaman Cetak Buku Simpanan Menampilkan halaman depan pada buku simpanan. e. Halaman List Transaksi Simpanan Menampilkan list transaksi simpanan yang dapat dicetak sebagai bukti transaksi dibuku simpanan. f. Halaman Cetak Transaksi Simpanan Menampilkan transaksi simpanan untuk dicetak. g. Halaman Transaksi Menampilkan form cari tanggal untuk mencari data transaksi untuk pembuatan laporan. h. Halaman List Pengaju Pinjaman Menampilkan list pengaju pinjaman yang terdapat menu untuk melakukan pencairan pinjaman. 255 i. Halaman List Peminjam Menampilkan list peminjam yang terdapat menu untuk melakukan angsuran pinjaman. j. Halaman Pencairan Pinjaman Menampilkan form input untuk melakukan pencairan pinjaman. k. Halaman Angsuran Pinjaman Menampilkan form input untuk melakukan transaksi angsuran pinjaman. l. Halaman Transaksi Pinjaman Menampilkan list transaksi pinjaman yang dapat dicetak sebagai bukti. m. Halaman Cetak Bukti Transaksi Angsuran Pinjaman Menampilkan bukti transaksi pinjaman untuk dicetak. 6. Account Marketing a. Halaman Tambah Berita Menampilkan form input berita untuk ditampilkan pada halaman utama. b. Halaman Edit Berita Menampilkan form edit berita untuk mengupdate data berita yang ada. c. Halaman List Berita 256 Menampilkan list berita yang terdapat menu untuk melakukan manajemen data berita. d. Halaman Profil Koperasi Menampilkan profil koperasi. e. Halaman Edit Profil Koperasi Menampilkan form edit profil koperasi untuk mengupdate data profil koperasi. f. Halaman List Jenis Simpanan Menampilkan list jenis simpanan yang terdapat menu untuk melakukan manajemen data jenis simpanan. g. Halaman Tambah Jenis Simpanan Menampilkan form input jenis simpanan yang dapat diisi untuk menambahkan jenis simpanan. h. Halaman Edit Jenis Simpanan Menampilkan form edit jenis simpanan untuk mengupdate data jenis simpanan yang sudah ada. i. Halaman List Jenis Pinjaman Menampilkan list jenis pinjaman dan terdapat menu untuk melakukan manajemen data jenis pinjaman. j. Halaman Tambah Jenis Pinjaman Menampilkan form input jenis pinjaman yang dapat diisi untuk menambahkan jenis pinjaman. 257 k. Halaman Edit Jenis Pinjaman Menampilkan form edit jenis pinjaman untuk mengupdate data jenis pinjaman. l. Halaman list Subsimpanan Menampilkan list subsimpanan yang terdapat menu untuk melakukan manajemen subsimpanan. m. Halaman Tambah Subsimpanan Menampilkan form input subsimpanan yang dapat diisi untuk menambahkan subsimpanan. n. Halaman Edit Subsimpanan Menampilkan form edit subsimpanan untuk mengupdate data subsimpanan. o. Halaman Laporan Keuangan Menampilkan form upload laporan keuangan dan list data laporan keuangan. p. Halaman Detail Laporan Keuangan Menampilkan Gambar Laporan Keuangan. 7. Account Accounting a. Halaman List Equivalent Rate Menampilkan list data equivalent rate. b. Halaman Input Equivalent Rate 258 Menampilkan form input equivalent rate yang isinya didapat dari hasil penghitungan database oleh sistem. c. Halaman List Biaya Menampilkan list biaya yang terdapat menu untuk melakukan manajemen biaya. d. Halaman Tambah Biaya Menampilkan form input biaya yang dapat diisi untuk menambahkan biaya. e. Halaman Edit Biaya Menampilkan form edit biaya untuk mengupdate data biaya yang sudah ada. f. Halaman List Header Menampilkan list header yang terdapat menu untuk melakukan manajemen header. g. Halaman Tambah Header Menampilkan form input header yang dapat diisi untuk menambahkan header. h. Halaman Edit Header Menampilkan form edit header untuk mengupdate data header yang sudah ada. i. Halaman List Akun 259 Menampilkan list akun yang terdapat menu untuk melakukan manajemen akun. j. Halaman Tambah Akun Menampilkan form input akun yang dapat diisi untuk menambahkan akun. k. Halaman Edit Akun Menampilkan form edit akun untuk mengupdate data akun yang sudah ada. l. Halaman List Nisbah Menampilkan list nisbah yang terdapat menu untuk melakukan manajemen data nisbah m. Halaman Tambah Nisbah Menampilkan form input nisbah yang dapat diisi untuk menambahkan nisbah. n. Halaman Edit Nisbah Menampilkan form edit nisbah untuk mengupdate data nisbah yang sudah ada. o. Halaman cetak jurnal umum Menampilkan jurnal umum untuk dicetak sebagai laporan. 8. Anggota a. Halaman Informasi Transaksi Simpanan Pokok Menampilkan informasi transaksi simpanan pokok. 260 b. Halaman Informasi Transaksi Simpanan Wajib Menampilkan informasi transaksi simpanan wajib. c. Halaman Informasi Transaksi Simpanan Sukarela Menampilkan informasi transaksi simpanan sukarela. d. Halaman Informasi Saldo Total Menampilkan informasi seluruh transaksi simpanan anggota. e. Halaman Informasi Transaksi Pinjaman Menampilkan informasi transaksi pinjaman f. Halaman Berita Menampilkan berita terupdate. g. Halaman Laporan Keuangan Menampilkan gambar laporan keuangan koperasi. h. Halaman Detail Laporan Keuangan Menampilkan gambar laporan keuangan koperasi yang diperbesar Gambar dari perancangan user interface dapat dilihat pada lampiran.

4.4 System Implementation

Setelah desain sistem selesai selanjutnya adalah melanjutkan ke tahap berikutnya, yaitu mengimplementasikan hasil rancangan tersebut. Pada tahapan ini, akan dijelaskan mengenai arsitektur fisik untuk hardware dan software dalam sistem. Serta akan dijelaskan juga mengenai pengujian sistem Blackbox Testing yang akan menguji sistem yang telah terproduksi. Modul-modul atau fasilitas sistem yang