Desain Tampilan Login Desain Tampilan Utama Program

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