Perancangan Pengkodean Perancangan Arsitektur Perangkat Lunak

Gambar 3. 28 struktur menu pengunjung b. Struktur Menu Members pada Aplikasi E-commerce di Low and Lame gambar 3.29 Gambar 3. 29 Struktur Menu Member c. Struktur Menu Admin pada Aplikasi E-commerce di toko Low and lame gambar 3.30 Gambar 3. 30 Struktur Menu Admin

3.4.4.2 Perancangan Antarmuka Pengunjung

1. [T01] Rancangan antarmuka tampilan beranda pengunjung Aplikasi e-commerce di toko Low and lame Gambar 3.31 Gambar 3. 31 Tampian Beranda Pengunjung 2. [T02] Rancangan antarmuka tampilan semua produk pengunjungAplikasi e-commerce di toko Low and lame Gambar 3.32 Gambar 3. 32 Tampilan Semua Produk Pengunjung 3. [T03] Rancangan antarmuka tampilan keranjang belanja pengunjung Aplikasi e-commerce di toko Low and lame Gambar 3.33 Gambar 3. 33 Tampilan Keranjang Belanja Pengunjung 4. [T04] Rancangan antarmuka tampilan cara belanja pengunjung Aplikasi e-commerce di toko Low and lame Gambar 3.34 Gambar 3. 34 Tampilan Cara Belanja Pengunjung 5. [T05] Rancangan antarmuka tampilan profil toko Aplikasi e-commerce di toko Low and lame Gambar 3.35 Gambar 3. 35 Tampilan Profil Toko 6. [T06] Rancangan antarmuka tampilan hubungi kami Aplikasi e-commerce di toko Low and lame Gambar 3.36 Gambar 3. 36 Tampilan Hubungi Kami 7. [T07] Rancangan antarmuka tampilan masuk untuk pengunjung Aplikasi e-commerce di toko Low and lame Gambar 3.37 Gambar 3. 37 Tampilan Masuk Pengunjung 8. [ T08] Rancangan antarmuka tampilan daftar untuk pengunjung Aplikasi e-commerce di toko Low and lame Gambar 3.38 Gambar 3. 38 Tampilan Daftar Pengunjung 9. [T09] Rancangan antarmuka tampilan detail produk untuk pengunjung Aplikasi e-commerce di toko Low and lame Gambar 3.39 Gambar 3. 39 Tampilan Detail Produk Pengunjung 10. [T10] Rancangan antarmuka tampilan selesai daftar untuk pengunjung Aplikasi e-commerce di toko Low and lame Gambar 3.40 Gambar 3. 40 Tampilan Selesai Daftar Pengunjung 11. [T11] Rancangan antarmuka tampilan peringatan login untuk pengunjung Aplikasi e- commerce di toko Low and lame Gambar 3.41 Gambar 3. 41 Tampilan Peringatan Login Pengunjung

3.4.4.3 Perancangan Antarmuka Member

a. [T12] Rancangan antarmuka tampilan beranda untuk member Aplikasi e-commerce di toko Low and lame Gambar 3.42 Gambar 3. 42 Tampilan Beranda Member b. [T13] Rancangan antarmuka tampilan semua produk untuk member Aplikasi e-commerce di toko Low and lame Gambar 3.43 Gambar 3. 43 Tampilan Semua Produk Member 2. [T14] Rancangan antarmuka tampilan keranjang belanja untuk member Aplikasi e-commerce di toko Low and lame Gambar 3.44 Gambar 3. 44 Tampilan Keranjang Belanja Member 3. [T15] Rancangan antarmuka tampilan cara pembelian untuk member Aplikasi e-commerce di toko Low and lame Gambar 3.45 Gambar 3. 45 Tampilan Cara Pembelian Member 4. [T16] Rancangan antarmuka tampilan profil kami untuk member Aplikasi e-commerce di toko Low and lame Gambar 3.46 Gambar 3. 46 Tampilan Profil Kami Member 5. [T17] Rancangan antarmuka tampilan hubungi kami untuk member Aplikasi e-commerce di toko Low and lame Gambar 3.47