39
3.5 Desain Antar Muka
Desain antar muka yang akan dibuat dalam Analisis dan Perancangan Sistem Informasi Pelaporan Hutang dan Piutang Studi
Kasus pada Toko Elektronik Era adalah sebagai berikut.
3.5.1 Desain Tampilan Login
Desain Tampilan Login merupakan syarat untuk dapat memanfaatkan program secara keseluruhan. Pada menu login ini ada
dua data yang harus dimasukkan, yaitu:
1. User Name : Merupakan pengguna yang sudah terdaftar dan
diberi wewenang untuk menggunakan aplikasi. 2.
Password : Merupakan syarat mutlak untuk dapat masuk ke dalam sistem
Gambar 3.15 Desain Tampilan Login Perancangan dan Implementasi Sistem
Informasi Penjualan studi kasus pada Toko Elektronik ERA
Adapun hal-hal yang harus diperhatikan adalah, User harus memasukkan nama dan password pada form yang telah disediakan.
Masukan User Name dan Password
OK CANCEL
User Name Password
40 Apabila terjadi kesalahan 2 kali berturut-turut maka akan muncul
pesan kesalahan dan form login akan ditutup.
3.5.2 Desain Tampilan Utama Program
Jendela menu utama akan muncul apabila user berhasil memasukkan User Name dan Password dengan benar pada form
login. Menu utama akan aktif sesuai hak akses. Ada 4 macam hak akes yaitu admin, pemilik, data entri, dan kasir. Untuk admin,
semua menu akan aktif. Untuk pemilik, menu yang akan aktif adalah file, laporan akuntansi, laporan manajerial, utilitas untuk mengganti
password dan menu help. Data entry hanya bisa mengakses menu file, master barang, utilitas mengganti password dan menu help.
Untuk kasir hanya bisa mengakses menu file, transaksi dan hutang piutang.
File Master
Data Transaksi
Hutang Piutang
Laporan Manajerial
Help Sistem Informasi Pelaporan Hutang dan Piutang Toko ERA
Jam Hari, Tanggal dan Tahun
SI Hutang dan Piutang User :
Status : Log Off
Gambar 3.16 Desain Tampilan Utama Perancangan dan Implementasi Sistem
Informasi Penjualan studi kasus pada Toko Elektronik ERA
Menu utama terdiri dari beberapa menu yaitu :
41 1.
File : Digunakan untuk login, logoff dan keluar aplikasi
2.
Master Data : Menginputkan data barang, data pemasok dan
data pelanggan 3.
Transaksi : Untuk melakukan transaksi pembelian dan
penjualan tunaikredit dan melihat laporan stok kosong. 4.
Hutang Piutang : Untuk melakukan pembayaran hutang dan
piutang 5.
Laporan Manajerial : Untuk melihat laporan manajerial seperti
laporan data barang, data pelanggan, data pemasok, laporan pembelian, laporan penjualan, laporan pembayaran hutang dan
piutang 6.
Utilitas : Digunakan untuk melihat data perusahaan, menambah
user dan mengganti password 7.
Help : Untuk melihat splash screen pembuat aplikasi dan untuk
membaca manual program.
3.5.3 Input Data Barang