Gambar 3.28 Desain User Interface Halaman Detail Barang
i. Desain
User Interface Halaman Keranjang Belanja
Gambar 3.29 di bawah ini merupakan desain user interfaces halaman keranjang belanja. Dalam halaman ini menampilkan barang-barang yang dipesan
oleh pelanggan, dimana dalam halaman ini terdapat menu update harga barang dan delete barang, berikut desain user interface nya.
STIKOM SURABAYA
Gambar 3.29 Desain User Interface Halaman Keranjang Belanja
j. Desain
User Interface Data Pengiriman
Gambar 3.30 di bawah ini merupakan desain user interfaces halaman data pengiriman. Dalam halaman ini berisi tentang nama penerima, alamat penerima,
dan telp penerima.
Gambar 3.30 Desain User Interface Data Pengiriman
STIKOM SURABAYA
k. Desain
User Interface Halaman Login Pemilik
Gambar 3.31 dibawah ini merupakan desain user interface halaman Login pelanggan. Dalam halaman ini juga terdapat textbox untuk memasukan username
dan password. Disini pemilik akan memasukan username dan password untuk selanjutnya dilakukan validasi.
Gambar 3.31 Desain User Interface Halaman Halaman Login Pemilik
Gambar 3.32 menunjukkan halaman cek Login jika pelanggan salah memasukkan username dan password.
Gambar 3.32 Desain User Interface Cek Login
l. Desain
User Interface Halaman Awal Pemilik
Gambar 3.33 dibawah ini merupakan desain user interface halaman awal pemilik. Dalam halaman ini juga terdapat menu-menu untuk mengelola data
penjualan seperti form barang, form kategori, form merk, dan form pemasok.
STIKOM SURABAYA
Gambar 3.33 Desain User Interface Halaman awal pemilik
m. Desain
User Interface Halaman Form Barang
Gambar 3.34 dibawah ini merupakan desain user interface halaman form Barang. Dalam halaman ini juga terdapat navigasi untuk mengelola data barang.
STIKOM SURABAYA
Gambar 3.34 Desain User Interface Halaman form barang
n. Desain
User Interface Halaman Form Kategori
Gambar 3.35 dibawah ini merupakan desain user interface halaman form Kategori. Dalam halaman ini juga terdapat navigasi untuk mengelola data
Kategori atau jenis barang.
Gambar 3.35 Desain User Interface Halaman form kategori barang
o. Desain
User Interface Halaman Form Pemasok
Gambar 3.36 dibawah ini merupakan desain user interface halaman form Pemasok. Dalam halaman ini juga terdapat navigasi untuk mengelola data
pemasok.
STIKOM SURABAYA
Gambar 3.36 Desain User Interface Halaman form pemasok