Menu Home Utama Menu Login Menu Daftar Pelanggan

3.8 Perancangan Interface Antarmuka

Perancangan antar muka ini menggambarkan bentuk dari form-form yang akan digunakan pada program aplikasi ini, perancangan antar muka untuk sistem informasi penjualan dipisahkan menjadi dua tampilan, yaitu : tampilan untuk konsumen user dan tampilan untuk administrator. 3.8.1 Tampilan Antarmuka 3.8.1.1 Desain Tampilan Konsumen User

1. Menu Home Utama

Berikut ini adalah desain tampilan Menu Halaman Utama untuk User pelanggan. T01 T01 [Status : Belum Login | User : Tamu ] Home Profil Perusahaan Buku Tamu Menu Utama Pelanggan Informasi Home Profil Perusahaan Kategori Barang User : Password : Login Pendaftaran Baru Lupa Password • Klik home akan menuju T01 • Klik profile perusahaan akan menuju T05 • Klik Buku tamu akan menuju T06 • Klik login akan menuju T02 jika benar, dan akan ada pesan M04 jika salah • Klik pendaftaran baru maka akan menuju T03 • Klik lupa password maka akan menuju T04 • S01 : isi halaman utama S01 Gambar 3.20 Tampilan Menu Home

2. Menu Login

Berikut ini adalah desain tampilan Menu Login User, Berfungsi jika user ingin membeli suatu barang maka diharuskan untuk login terlebih dahulu. T01 T02 [Status : Login | User : aat ][logout] Home Profil Perusahaan Buku Tamu Menu Utama Pelanggan Informasi Home Profil Perusahaan Kategori Barang User : Password : aat • Klik home akan menuju T01 • Klik profile perusahaan akan menuju T05 • Klik Buku tamu akan menuju T06 • Klik login akan menuju T02 jika benar, dan akan ada pesan M04 jika salah • Klik pendaftaran baru maka akan menuju T03 • Klik lupa password maka akan menuju T04 • Klik ubah pelanggan akan menuju T06 • Klik keranjang belanja akan menuju T07 • Klik pembayaran akan menuju T08 • Klik daftar transaksi akan menuju T09 • Klik logout akan menuju T01 • S01 : isi halaman utama S01 Ubah pelanggan Keranjang belanja Lanjutkantransaksi Pembayaran Daftar transaksi Logout Gambar 3.21 Tampilan Menu Login

3. Menu Daftar Pelanggan

Berikut ini adalah desain tampilan Menu Daftar Pelanggan, Jika user belum memiliki account maka user harus daftar terlebih dahulu untuk dapat melakukan pemesanan barang. T01 T03 [Status : Belum Login | User : Tamu ] Home Profil Perusahaan Buku Tamu Menu Utama Pelanggan Informasi Home Profil Perusahaan Kategori Barang User : Password : Login Pendaftaran Baru Lupa Password • Klik home akan menuju T01 • Klik profile perusahaan akan menuju T05 • Klik Buku tamu akan menuju T06 • Klik login akan menuju T02 jika benar, dan akan ada pesan M04 jika salah • Klik pendaftaran baru maka akan menuju T03 • Klik lupa password maka akan menuju T04 • S02 : isi halaman pendaftaran S02 Daftar Gambar 3.22 Tampilan Menu Daftar Pelanggan

4. Menu Pilih Barang