49
Gambar 3.20 Desain IO Success Page Order
G. Desain IO Tampilan Payment Confirmation
Rancang desain IO berikut ini merupakan tampilan payment confirmation. Form ini digunakan untuk melakukan konfirmasi pembayaran.
Desain IO payment confirmation dapat dilihat pada gambar 3.21.
Gambar 3.21 Desain IO Payment Confirmation
50
H. Desain IO Tampilan History
Rancang desain IO berikut ini merupakan tampilan history. Pada halaman ini, customer dapat melihat histori transaksi pembelian produk. Desain
IO history dapat dilihat pada gambar 3.22.
Gambar 3.22 Desain IO History
51
I. Desain IO Tampilan Wishlist
Rancang desain IO berikut ini merupakan tampilan wishlist. Pada halaman ini, customer dapat melihat produk yang telah disimpan pada tabel
wishlist. Desain IO wishlist dapat dilihat pada gambar 3.23.
Gambar 3.23 Desain IO Wishlist
52
J. Desain IO Tampilan Admin Product List
Rancang desain IO berikut ini merupakan tampilan product list. Pada halaman ini, admin dapat melihat daftar produk dan mencari produk yang akan
diubah. Desain IO product list dapat dilihat pada gambar 3.24.
Gambar 3.24 Desain IO Product List
53
K. Desain IO Tampilan Admin Product Create
Rancang desain IO berikut ini merupakan tampilan product create. Form ini digunakan untuk mengisi data produk. Desain IO product create dapat dilihat
pada gambar 3.25.
Gambar 3.25 Desain IO Product Create
54
L. Desain IO Tampilan Admin Category List
Rancang desain IO berikut ini merupakan tampilan category list. Pada halaman ini, admin dapat melihat daftar produk dan mencari produk yang akan
diubah. Desain IO category list dapat dilihat pada gambar 3.26.
Gambar 3.26 Desain IO Category List
M. Desain IO Tampilan Admin Category Create
Rancang desain IO berikut ini merupakan tampilan category create. Form ini digunakan untuk mengisi data kategori. Desain IO category create
dapat dilihat pada gambar 3.27.
Gambar 3.27 Desain IO Category Create
55
N. Desain IO Tampilan Admin Order List
Rancang desain IO berikut ini merupakan tampilan order list. Pada halaman ini, admin dapat melihat daftar order dan menyetujui atau menolak
kofnrimasi order. Desain IO order list dapat dilihat pada gambar 3.28.
Gambar 3.28 Desain IO Order List
O. Desain IO Tampilan Admin Laporan Penjualan
Rancang desain IO berikut ini merupakan tampilan laporan penjualan. Pada halaman ini, admin dapat melihat laporan penjualan berdasarkan jarak
tanggal yang diisikan. Desain IO laporan penjualan dapat dilihat pada gambar 3.29.
56
Gambar 3.29 Desain IO Laporan Penjualan
P. Desain IO Tampilan Admin Laporan Produk
