141 Gambar 4.36 Struktur Menu Program Administrasi Keuangan
4.4 Perancangan Antarmuka dan Laporan
4.4.1 Perancangan Antarmuka
Gambar 4.37 Tampilan Perancangan Antarmuka Pada Menu Utama
Gambar 4.38 Tampilan Perancangan Antarmuka Pada Menu Log In Customer Service
142 Gambar 4.39 Tampilan Perancangan Antarmuka Pada Bagian Customer
Service
Gambar 4.40 Tampilan Perancangan Antarmuka Pada Resi Barang
Gambar 4.41 Tampilan Perancangan Antarmuka Pada Resi Dokumen
143 Gambar 4.42 Tampilan Perancangan Antarmuka Pada Resi Kendaraan
Gambar 4.43 Tampilan Perancangan Antarmuka Pada Transaksi Resi Volume
Gambar 4.44 Tampilan Perancangan Antarmuka Pada Dokumen Perjanjian Member
144 Gambar 4.45 Tampilan Perancangan Antarmuka Pada Surat Jalan
Gambar 4.46 Tampilan Perancangan Antarmuka Pada Memo Barang Rusak
STATUS BARANG TERKIRIM
No Resi Nama Pengirim
Alamat Pengirim No Tlp
Tanggal No Bukti
Status Barang
Simpan Keluar
Keterangan Isi Keterangan Barang
Tujuan Harga Pengiriman
Nama Penerima Alamat Penerima
Per Bulan Bulan
Tahun Per Tahun
Tahun
Cetak Cetak
Gambar 4.47 Tampilan Perancangan Status Barang Terkirim
145 Gambar 4.48 Tampilan Perancangan Antarmuka Pada Menu Log In Administrasi
Keuangan
Gambar 4.49 Tampilan Perancangan Antarmuka Pada Bagian Administrasi Keuangan
HARGA PENGIRIMAN
Nama Tujuan Tipe Pengiriman
Harga Lama Hari
Pengirim
Nama Kota Tipe Pengirim
Perusahaan
Simpan Ubah
Reset Hapus
Keluar
Gambar 4.50 Tampilan Perancangan Antarmuka Harga Pengiriman
146 Gambar 4.51 Tampilan Perancangan Antarmuka Pada Bayar Agen
Gambar 4.52 Tampilan Perancangan Antarmuka Pada Pendapatan Lain-Lain
Gambar 4.53 Tampilan Perancangan Pada Antarmuka Invoice
147 Gambar 4.54 Tampilan Perancangan Antarmuka Pada Kwitansi Dana Pertama
Gambar 4.55 Tampilan Perancangan Antarmuka Pada Bukti Kontra Bon
Gambar 4.56 Tampilan Perancangan AntarmukaPada Transaksi penyesuian
148 Gambar 4.57 Tampilan Perancangan Antarmuka Pada Jurnal umum
Gambar 4.58 Tampilan Perancangan Antarmuka Jurnal Penyesuaian
Gambar 4.59 Tampilan Perancangan Antarmuka Buku Besar
149 Gambar 4.60 Tampilan Perancangan Antarmuka Laba Rugi
Gambar 4.61 Tampilan Perancangan Antarmuka Neraca
Gambar 4.62 Tampilan Perancangan Antarmuka Rekap Laporan Pendapatan
150 Gambar 4.63 Tampilan Perancangan Antarmuka Data Perusahaan
Gambar 4.64 Tampilan Perancangan Antarmuka Profile Programer
151
3.4.2 Perancangan Laporan