Daftar Beranda
Informasi Barang
Kontak pengunjung
Kategori
Gambar III.28 Struktur menu Pengunjung
III. 2. 3. Perancangan Arsitektur
Spesifikasi antarmuka merupakan suatu bentuk tampilan dari program yang akan dibuat untuk kebutuhan interface dengan user. Spesifikasi antarmuka
terdiri dari perancangan tampilan menu, tampilan form, tampilan pesan, keluaran dan jaringan semantik.
III. 2. 3. 1 Perancangan Antar Muka
Interface atau antar muka merupakan tampilan dari suau program aplikasi yang berperan sebagai media komunikasi yang digunakan sebagai sarana
berdialog antara program dengan user. Sistem yang akan dibangun diharapkan menyediakan interface yang mudah dipahami dan digunakan oleh user.
Perancangan interface untuk aplikasi E-commerce di Distro Probably adalah sebagai berikut :
ee Perancangan antarmuka pemilik 1. perancangan antarmuka login adminpemilikoperator
Perancangan antar muka login pada pemilik, admin dan operator yang berfungsi sebagai halaman login pemilik, operator dan admin dapat dilihat pada
Gambar III.29
L01
· Klik Masuk untuk menuju form A01
· Klik masuk apabila input kosong tampil informasi login pesan
PS01 · Klik masuk apabila input salah
tampil informasi login pesan PS02
Admin panel login
Email Password
MASUK Nama Layar : L01
Ukuran : 920px Font : verdana, arial, helvetica, sans-serif
Informasi Login
Gambar III.29 Perancangan antarmuka Login Adminpemilikoperator
2. Perancangan antarmuka halaman utama pemilik Perancangan antar muka beranda pada pemilik yang berfungsi sebagai
halaman utama pemilik dapat dilihat pada Gambar III.30
A01
Header Data Konsumen
Footer
Profile Pemilik
· Klik Profile Pemilik untuk
menuju form A01 ·
Klik Data Konsumen untuk menuju form A02
· Klik Data Petugas untuk
menuju form A03 ·
Klik Laporan untuk menuju form A04
· Klik Backup Restore untuk
menuju form A05 ·
Klik Logout untuk menuju form L01
Nama Layar : A01 Ukuran : 920px
Font : verdana, arial, helvetica, sans-serif
Administrator : Nama Pemilik
Info Pemilik Profile Pemilik
Data Petugas Laporan
Backup Restore Logout
Gambar III.30 Perancangan antarmuka halaman utama pemilik
3. Perancangan antarmuka halaman pemilik data konsumen Perancangan antar muka data konsumen pada pemilik yang berfungsi
sebagai halaman pengolahan data konsumen dapat dilihat pada Gambar III.31
