37
button lanjutkan, button batalkan pesanan merupakan pembatalan pemesanan yang
sudah dibeli oleh member, sedangkan button lanjutkan merupakan pesanan barang yang sudah dibeli oleh member. Gambaran rancangan atarmuka halaman keranjang
belanja terdapat pada Gambar 3.14.
Gambar 3.14.
Rancangan Antarmuka Halaman Keranjang pembelian
Button Logo
search Button Cari
Label Kategori Produk Button T-Shit
Button Topi Button Tote
Data grid Label
No Label Nama
Barang Label
Ukuran Label Berat Label Harga
Label Jumlah
1 LabelBarang
label label
Label label
2 LabelBarang
label label
label label
Label invoice ID Label No ID
Label Totak Button Batal Pemesanan
Button Lanjutkan
Label Contact as
Label Produk
Label Label
Produk Label
Button Keranjang Button Pengguna
Button Masuk Button Riwayat
Pemesanan
Label Discount
label label
Label Total label
label label
label label
label
38
3.11.9 Rancangan Antarmuka Halaman Jasa Pengiriman
Rancangan antarmuka halaman jasa pengiriman terdapat pengisian data kota dan alamat member, terdapat dua jasa pengiriman yaitu melalui jasa JNE dan
TIKI. Gambaran rancangan antarmuka halaman jasa pengiriman terdapat pada Gambar 3.15.
Gambar 3.15.
Rancangan Antarmuka Halaman Jasa Pengiriman
Button Logo
search Button
Cari Label Kategori Produk
Button T-Shit Button Topi
Button Tote Label Pilih Jasa Pengiriman
Label Kota Tujuan List Pilih Kota Tujuan
Label Alamat Text alamat
Button Cek Data Grib
Label JNE Label Harga
Label Paket Label Penjelasan
Label Kota Button Pilih
Label Tiki Label Harga
Label Paket Label Penjelasan
Label Kota Button Pilih
Label Contact as Button Batalkan
Label Produk
Label Label
Produk Label
Button Keranjang Button Daftar
Button Masuk Button Keranjang
Button Pengguna Button Masuk
Button Riwayat Pemesanan
39
3.11.10 Rancangan Antarmuka Halaman Detail Pemesanan
Rancangan antarmuka halaman detail pemesanan terdapat data pemesanan dan upload bukti pembayaran. pembelian member. Gamabaran rancangan
antarmuka halaman detail pesanan terdapat pada Gambar 3.16.
Gambar 3.16. Rancangan Antarmuka Halaman Detail Pesanan
Label Contact as Button Logo
search Button Cari
Label Kategori Produk Button T-Shit
Button Topi
Label Produk
Label Label
Produk Label
Data grid Label
No Label Nama Barang
Label Ukuran
Label Harga Label
Berat Label
Discount 1
Label Label
Label Label
Label Label Ongkos Kirim
Label Berat
dan harga
Label Total
Label Invoice ID Label ID
Label Harga
Label Total
Label Label Berat
Label Total
Button Keranjang Button Daftar
Button Masuk Button Keranjang Button Pengguna
Button Masuk Button Riwayat
Pemesanan
Label Deskripsi
Label Upload Bukti
Button Browse Button Upload Bukti
Button Batalkan