Perancangan Antarmuka Perancangan Struktur Menu

128

3.5.1 Perancangan Antarmuka

1. Perancangan antarmuka index aplikasi e-commerce pada Toko Busana Muslim Hasbi Gambar 3.41 Tampilan Menu Index 2. Perancangan antarmuka beranda pada aplikasi e-commerce pada Toko Busana Muslim Hasbi Gambar 3.42 Tampilan Menu Beranda 129 3. Perancangan antarmuka bantuan pada aplikasi e-commerce pada Toko Busana Muslim Hasbi Gambar 3.43 Tampilan Menu Bantuan 4. Perancangan antarmuka hubungi kami pada aplikasi e-commerce pada Toko Busana Muslim Hasbi Gambar 3.44 Tampilan Menu Hubungi 130 5. Perancangan antarmuka masuk pada aplikasi e-commerce pada Toko Busana Muslim Hasbi Gambar 3.45 Tampilan Menu Masuk 6. Perancangan antarmuka lupa kata sandi pada aplikasi e-commerce pada Toko Busana Muslim Hasbi Gambar 3.46 Tampilan Menu Lupa Kata sandi 131 7. Perancangan antarmuka pendaftaran pada aplikasi e-commerce pada Toko Busana Muslim Hasbi Gambar 3.47 Tampilan Menu Daftar 8. Perancangan antarmuka kategori pada aplikasi e-commerce pada Toko Busana Muslim Hasbi Gambar 3.48 Tampilan Menu Kategori 132 9. Perancangan antarmuka detail barang pada aplikasi e-commerce pada Toko Busana Muslim Hasbi Gambar 3.49 Tampilan Menu Detail Barang 10. Perancangan antarmuka keranjang pada aplikasi e-commerce pada Toko Busana Muslim Hasbi Gambar 3.50 Tampilan Menu Keranjang Belanja 133 11. Perancangan antarmuka data pengiriman pada aplikasi e-commerce pada Toko Busana Muslim Hasbi Gambar 3.51 Tampilan Menu Data Pengiriman 12. Perancangan antarmuka pilih jenis pengiriman pada aplikasi e-commerce pada Toko Busana Muslim Hasbi Gambar 3.52 Tampilan Menu Jenis Pengiriman 134 13. Perancangan antarmuka pembayaran pada aplikasi e-commerce pada Toko Busana Muslim Hasbi Gambar 3.53 Tampilan Menu Pembayaran 14. Perancangan antarmuka retur pada aplikasi e-commerce pada Toko Busana Muslim Hasbi Gambar 3.54 Tampilan Menu Retur 135 15. Perancangan antarmuka riwayat pada aplikasi e-commerce pada Toko Busana Muslim Hasbi Gambar 3.55 Tampilan Menu Riwayat 16. Perancangan antarmuka detail pembayaran pada aplikasi e-commerce pada Toko Busana Muslim Hasbi Gambar 3.56 Tampilan Menu Detail Pembayaran 136 17. Perancangan antarmuka pembayaran transfer aplikasi e-commerce pada Toko Busana Muslim Hasbi Gambar 3.57 Tampilan Menu Pembayaran Transfer 18. Perancangan antarmuka detail retur pada aplikasi e-commerce pada Toko Busana Muslim Hasbi Gambar 3.58 Tampilan Menu Detail Retur 137 19. Perancangan antarmuka detail riwayat pada aplikasi e-commerce pada Toko Busana Muslim Hasbi Gambar 3.59 Tampilan Menu Detail Riwayat 20. Perancangan antarmuka konfirmasi pesanan pada aplikasi e-commerce pada Toko Busana Muslim Hasbi Gambar 3.60 Tampilan Menu Konfirmasi Pemesanan 138 21. Perancangan antarmuka ubah akun pada aplikasi e-commerce pada Toko Busana Muslim Hasbi Gambar 3.61 Tampilan Menu Ubah Akun 22. Perancangan antarmuka ubah kata sandi pada aplikasi e-commerce pada Toko Busana Muslim Hasbi Gambar 3.62 Tampilan Menu Ubah Kata sandi 139 23. Perancangan antarmuka cadangan pada aplikasi e-commerce pada Toko Busana Mulsim Hasbi Gambar 3.63 Tampilan Menu Cadangan 24. Perancangan antarmuka konfirmasi pesanan cadangan aplikasi e- commerce pada Toko Busana Muslim Hasbi Gambar 3.64 Tampilan Menu Konfirmasi Pesanan Cadangan 140 25. Perancangan antarmuka konfirmasi pembayaran transfer aplikasi e- commerce pada Toko Busana Muslim Hasbi Gambar 3.65 Tampilan Menu Konfirmasi Pembayaran Transfer 26. Perancangan antarmuka konfirmasi pembayaran COD aplikasi e- commerce pada Toko Busana Muslim Hasbi Gambar 3.66 Tampilan Menu Konfirmasi Pembayaran Cash On delivery 141 27. Perancangan antarmuka masuk super admin aplikasi e-commerce pada Toko Busana Muslim Hasbi Gambar 3.67 Tampilan Masuk Super Admin 28. Perancangan antarmuka lupa kata sandi super admin aplikasi e-commerce pada Toko Busana Muslim Hasbi Gambar 3.68 Tampilan Lupa Kata sandi Admin 29. Percangan antarmuka beranda super admin aplikasi e-commerce pada Toko Busana Muslim Hasbi Gambar 3.69 Tampilan Lupa Kata sandi Admin 142 30. Perancangan antarmuka masuk admin aplikasi e-commerce pada Toko Busana Muslim Hasbi Gambar 3.70 Tampilan Masuk Admin 31. Perancangan antarmuka form lupa kata sandi aplikasi e-commerce pada Toko Busana Muslim Hasbi Gambar 3.71 Tampilan Lupa Kata sandi Admin 32. Perancangan antarmuka form beranda admin aplikasi e-commerce pada Toko Busana Muslim Hasbi Gambar 3.72 Tampilan Menu Admin 143

3.5.2 Perancangan Pesan