Rancangan Antarmuka Halaman Login Member Rancangan Antarmuka Akun Member

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