148
i. State Diagram Laporan.
pimpinan telah login
menu utama ditampilkan State awal pimpinan
Login pimpinan
Menampilkan menu utama
form menu laporan ditampilkan Pilih menu laporan
tipe laporan dipilih Pilih tipe laporan
Menampilkan form laporan yang diinginkan
form laporan ditampilkan Pilih preview
laporan yang diinginkan ditampilkan
print laporan ditampilkan Pilih print
Pilih menu utama menu utama ditampilkan
State akhir pimpinan Pilih cetak laporan
cetak laporan dipilih
Gambar 4.31 Permodelan State Diagram Laporan
149
Tabel 4.34 Keterangan State Diagram Master Laporan Keadaan atau State
Keterangan Pimpinan telah login
Kondisi saat
pimpinan akan
menggunakan menu laporan dan login berdasarkan hak akses yang dimiliki.
Menu utama ditampilkan Kondisi saat login telah dilakukan
berdasarkan hak akses yang dimiliki Menu laporan dipilih
Keadaan ini ketika pimpinan masuk ke dalam sistem dan telah memilih menu
laporan
Tipe laporan dipilih Keadaan ini ketika user telah memilih
menu laporan dan akan memilih tipe laporan
Cetak laporan dipilih Kondisi saat user telah memilih tipe
laporan dan akan memilih cetak laporan Form laporan ditampilkan
Keadaan ini terjadi ketika user telah memilih tipe laporan dan cetak laporan
Preview dipilih Kondisi saat user akan melaukan
preview laporan Laporan yang diinginkan ditampilkan
Kondisi saat user telah memilih preview laporan
Print dipilih Kondisi saat user memilih print laporan
Print laporan ditampilkan Kondisi saat user telah memilih print
laporan dan perintah print laporan ditampilkan
Menu utama ditampilkan Kondisi saat user akan mengakhiri
menu laporan dan memilih menu utama
4.2.3.3 Desain Antar Muka Interface GUI.
Dalam mengembangkan perangkat lunak Sistem Informasi Akuntansi Pembiayaan Mudharabah diperlukan gambaran desain
antarmuka sebagai petunjuk pembuatan antarmuka perangkat lunak. Gambaran
antarmuka Sistem
Informasi Akuntansi
Pembiayaan Mudharabah tersebut dapat dilihat sebagai berikut :
150
4.2.3.3.1 Halaman Admin.
a. Halaman Login
LOGIN Masukkan User Id dan Password Dengan Benar
User Id Password
OK CANCEL
Gambar 4.32 Perancangan Halaman Login Admin
b. Halaman Menu Utama
File User File Master
Hitung Angsuran Proses Transaksi
Akuntansi Laporan
Time Date
User Id User
Logoff
Visi Misi Perusahan
Gambar 4.33 Perancangan Halaman Menu Utama Admin
151 c. Halaman Menu File User.
Master User
USER ID NAMA USER
LEVEL ALAMAT
TELP User Id
Nama User Password
Level Alamat
Telp CARI
Konfirmasi Password
Level : 1. Admin 2. Pimpinan 3. Customer Service 4. Tellpem
Tambah Ubah
Simpan Hapus
Menu Utama
Gambar 4.34 Perancangan Halaman Input Data Master User
4.2.3.3.2 Halaman Customer Service.
a. Halaman Login
LOGIN Masukkan User Id dan Password Dengan Benar
User Id Password
OK CANCEL
Gambar 4.35 Perancangan Halaman Login Customer Service
152 b. Halaman Menu Utama
File User File Master
Hitung Angsuran Proses Transaksi
Akuntansi Laporan
Time Date
User Id User
Logoff
Visi Misi Perusahan
Gambar 4.36 Perancangan Halaman Menu Utama Customer Service
c. Halaman Menu File Master, Sub Menu Master Nasabah.
Data Master
Master Nasabah Master Pembiayaan
Nopem Nama Nasabah
No. KTP Tempat Tanggal Lahir
Jenis Kelamin Alamat
CARI
Kota Telepon
Kode Pos Tambah
Ubah Simpan
Hapus Menu Utama
Gambar 4.37 Perancangan Halaman Input Data Master Nasabah
153 d. Halaman Sub Menu Master Pembiayaan.
Data Master
Master Nasabah Master Pembiayaan
Nopem Nama Nasabah
Alamat Plafon
Periode MarkUp
Pilih nopem
Bentuk Jaminan Nilai Jaminan
Tambah Ubah
Simpan Hapus
Menu Utama Bulan
Gambar 4.38 Perancangan Halaman Input Data Master Pembiayaan
e. Halaman Menu Hitung Angsuran.
Angsuran Nasabah
Nopem Nama Nasabah
Plafon Periode
MarkUp Total Pembayaran
Angsuran Pembayaran
Hitung Ubah
Simpan Hapus
Menu Utama Bulan
Tgl Mulai Angsuran
Cicilan Ke Tgl Ciciclan
Cicilan Pokok Cicilan Markup
Cicilanbln Total
Kosongkan
Gambar 4.39 Perancangan Halaman Proses Hitung Angsuran
154
4.2.3.3.3 Halaman Teller Pembiayaan.
a. Halaman Login
LOGIN Masukkan User Id dan Password Dengan Benar
User Id Password
OK CANCEL
Gambar 4.40 Perancangan Halaman Login
b. Halaman Menu Utama
File User File Master
Hitung Angsuran Proses Transaksi
Akuntansi Laporan
Time Date
User Id User
Logoff
Visi Misi Perusahan
Gambar 4.41 Perancangan Halaman Menu Utama
155 c. Halaman Menu Proses Transaksi.
Transaksi Cicilan
Menu Utama Nopem
Nama Tgl Cicilan
Cicilan Ke Cicilan MarkUp
Cicilan Pokok Denda
Total Pembiayaan Jumlah Cicilan
Total P[embayaran Proses
Ketelatan Cicilan
Gambar 4.42 Perancangan Halaman Proses Transaksi Cicilan
d. Halaman Output Bukti Pembayaran Transaksi Cicilan
Gambar 4.43 Perancangan Halaman Output Bukti Pembayaran Transaksi Cicilan Angsuran.
156 e. Halaman Menu Master Akuntansi, Sub Menu
Master Jurnal.
Master Akuntansi
Master Jurnal Sistem Input Transaksi
No. Jurnal Nama Jurnal
Tambah Ubah
Simpan Hapus
Menu Utama CARI
Gambar 4.44 Perancangan Halaman Input Data Master Jurnal
f. Halaman Sub Menu Sistem Input Transaksi.
Master Akuntansi
Master Jurnal Sistem Input Transaksi
No. Transaksi Keterangan
Tgl Cicilan Kode Ledger
DebetKredit Jumlah
OK Cek VALIDASI
Tambah Batal
Menu Utama
Gambar 4.45 Perancangan Halaman Input Data Master Sistem Input Transaksi
157
4.2.3.3.4 Halaman Pimpinan.
a. Halaman Login
LOGIN Masukkan User Id dan Password Dengan Benar
User Id Password
OK CANCEL
Gambar 4.46 Perancangan Halaman Login
b. Halaman Menu Utama
File User File Master
Hitung Angsuran Proses Transaksi
Akuntansi Laporan
Time Date
User Id User
Logoff
Visi Misi Perusahan
Gambar 4.47 Perancangan Halaman Menu Utama
158 c. Halaman Menu Laporan
Gambar 4.48 Perancangan Halaman View Menu Laporan
d. Halaman Laporan Daftar Angsuran
DAFTAR ANGSURAN NASABAH PT.BPRS WAKALUMI
Periode Total Angsuran
Angsuran Per Bulan Nopem
Nama Nasabah Plafon
Mark Up
Angs Tgl Angs
Cicilan Pokok Cicilan Mark Up
Cicilan Bulan Sisa Cicilan
Gambar 4.49 Perancangan Halaman Output Laporan Daftar Angsuran
CETAK LAPORAN
Tipe Laporan Cetak Laporan
Semua Nopem
Per Tanggal Per Bulan
Per Tahun Antara Tanggal
Tampilkan Semua Data Pilih Nopem
12082011 082011
2011 12082011 sd 15082011
Menu Utama PREVIEW
159 e. Halaman Laporan Sistem Input Transaksi.
LAPORAN SISTEM INPUT TRANSAKSI
No Kode Ledger
Nama Ledger Debet
Kredit Keterangan
SUB TOTAL TOTAL BALANCE
Gambar 4.50 Perancangan Halaman Output Laporan Sistem Input Transaksi
Untuk melihat hasil program sesungguhnya yang sudah di printscreen dapat dilihat pada lampiran II Display Program.
4.3 Konstruksi dan Pelaksanaan Implementation.