Perancangan Pengkodean Perancangan Sistem
Perancangan antarmuka halaman edit akun member ditunjukkan dengan Gambar 3.33.
M03a - Klik link Beranda untuk menuju T01
- Klik link Login untuk menuju M01 - Klik link Daftar untuk menuju T02
- Klik link Daftar Minat untuk menuju M02
- Klik Akun Member untuk menuju M03 - Klik link Checkout untuk menuju T03
- Klik menu kategori untuk menuju T04 - Klik link Tentang Kami untuk menuju
T05 - Klik link Cara Berbelanja untuk menuju
T06 - Klik link Pengiriman untuk menuju T07
- Klik link Ketentuan Menjadi Member untuk menuju T08
- Klik link Pembayaran untuk menuju T09 - Klik link Hubungi Kami untuk menuju
T10 - Klik link Retur Produk untuk menuju
T11 - Klik Tombol Cek untuk menuju T13
- Klik Riwayat Pesanan untuk menuju M06
- Klik tombol Lanjutkan Belanja untuk menuju T01
Gambar 3.33 Perancangan Antarmuka Edit Akun Member
Perancangan antarmuka halaman daftar minat terhadap produk ditunjukkan dengan Gambar 3.34.
M02
- Klik link Beranda untuk menuju T01 - Klik link Login untuk menuju M01
- Klik link Daftar untuk menuju T02 - Klik link Daftar Minat untuk menuju
M02 - Klik Akun Member untuk menuju M03
- Klik link Checkout untuk menuju T03 - Klik menu kategori untuk menuju T04
- Klik link Tentang Kami untuk menuju T05
- Klik link Cara Berbelanja untuk menuju T06
- Klik link Pengiriman untuk menuju T07 - Klik link Ketentuan Menjadi Member
untuk menuju T08 - Klik link Pembayaran untuk menuju T09
- Klik link Hubungi Kami untuk menuju T10
- Klik link Retur Produk untuk menuju T11
- Klik Tombol Cek untuk menuju T13 - Klik Riwayat Pesanan untuk menuju
M06 - Klik tombol Lanjutkan Belanja untuk
menuju T01
Gambar 3.34 Perancangan Antarmuka Minat Produk
Perancangan antarmuka halaman pengubahan akun member ditunjukkan dengan Gambar 3.35.
M03b
- Klik link Beranda untuk menuju T01 - Klik link Login untuk menuju M01
- Klik link Daftar untuk menuju T02 - Klik link Daftar Minat untuk menuju
M02 - Klik Akun Member untuk menuju M03
- Klik link Checkout untuk menuju T03 - Klik menu kategori untuk menuju T04
- Klik link Tentang Kami untuk menuju T05
- Klik link Cara Berbelanja untuk menuju T06
- Klik link Pengiriman untuk menuju T07 - Klik link Ketentuan Menjadi Member
untuk menuju T08 - Klik link Pembayaran untuk menuju T09
- Klik link Hubungi Kami untuk menuju T10
- Klik link Retur Produk untuk menuju T11
- Klik Tombol Cek untuk menuju T13 - Klik Riwayat Pesanan untuk menuju
M06 - Klik tombol Lanjutkan untuk menuju
M03
Gambar 3.35 Perancangan Antarmuka Pengubahan Akun Member
Perancangan antarmuka halaman riwayat pesanan ditunjukkan dengan Gambar 3.36.
M03d
- Klik link Beranda untuk menuju T01 - Klik link Login untuk menuju M01
- Klik link Daftar untuk menuju T02 - Klik link Daftar Minat untuk menuju M02
- Klik Akun Member untuk menuju M03 - Klik link Checkout untuk menuju T03
- Klik menu kategori untuk menuju T04 - Klik link Tentang Kami untuk menuju T05
- Klik link Cara Berbelanja untuk menuju
T06 - Klik link Pengiriman untuk menuju T07
- Klik link Ketentuan Menjadi Member untuk menuju T08
- Klik link Pembayaran untuk menuju T09 - Klik link Hubungi Kami untuk menuju
T10 - Klik link Retur Produk untuk menuju T11
- Klik Tombol Cek untuk menuju T13 - Klik Riwayat Pesanan untuk menuju M06
- Klik tombol Lanjutkan untuk menuju M03
Gambar 3.36 Perancangan Antarmuka Riwayat Pesanan
Perancangan antarmuka halaman informasi retur produk ditunjukkan dengan Gambar 3.37.
M03e
- Klik link Beranda untuk menuju T01 - Klik link Login untuk menuju M01
- Klik link Daftar untuk menuju T02 - Klik link Daftar Minat untuk menuju
M02 - Klik Akun Member untuk menuju M03
- Klik link Checkout untuk menuju T03 - Klik menu kategori untuk menuju T04
- Klik link Tentang Kami untuk menuju T05
- Klik link Cara Berbelanja untuk menuju T06
- Klik link Pengiriman untuk menuju T07 - Klik link Ketentuan Menjadi Member
untuk menuju T08 - Klik link Pembayaran untuk menuju T09
- Klik link Hubungi Kami untuk menuju T10
- Klik link Retur Produk untuk menuju T11
- Klik Tombol Cek untuk menuju T13 - Klik Riwayat Pesanan untuk menuju
M06 - Klik tombol Lanjutkan untuk menuju
M03 - Klik link Link untuk menuju
Gambar 3.37 Perancangan Antarmuka Riwayat Return Produk
Perancangan antarmuka halaman riwayat transaksi ditunjukkan dengan Gambar 3.38.
M03f
- Klik link Beranda untuk menuju T01 - Klik link Login untuk menuju M01
- Klik link Daftar untuk menuju T02 - Klik link Daftar Minat untuk menuju M02
- Klik Akun Member untuk menuju M03 - Klik link Checkout untuk menuju T03
- Klik menu kategori untuk menuju T04 - Klik link Tentang Kami untuk menuju T05
- Klik link Cara Berbelanja untuk menuju
T06 - Klik link Pengiriman untuk menuju T07
- Klik link Ketentuan Menjadi Member untuk menuju T08
- Klik link Pembayaran untuk menuju T09 - Klik link Hubungi Kami untuk menuju
T10 - Klik link Retur Produk untuk menuju T11
- Klik Tombol Cek untuk menuju T13 - Klik Riwayat Pesanan untuk menuju M06
- Klik tombol lanjutkan untuk menuju M03
Gambar 3.38 Perancangan Antarmuka Riwayat Transaksi