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