2. 1. 5 Perancangan Antarmuka Pengunjung Pembangunan aplikasi e-commerce di Partax 10

f. Perancangan antarmuka menu detail barang Perancangan antarmuka menu detail barang dapat dilihat pada gambar 3.84. PN23 PARTAX Nama Layar : PN23 Ukuran Layar : 1024 X 768 Font : Times New Roman Warna Background : Putih Nama Barang Daftar Masuk Layanan Konsumen Bank Pembayaran Jasa Pengiriman Partax Clothes Katalog Barang Beranda Gambar Beli Beli Logo Cek Pengiriman Masukan Nama Barang... Cari Beli Beli Informasi Member · Klik Beranda menuju PN01 · Klik Barang Terbaru Menuju PN04 · Klik Barang Terlaris Menuju PN05 · Klik Barang Terfavorit Menuju PN07 · Cara Pembeliuan menuju PN08 · Klik Tentang Toko menuju PM11 · Klik Profil menuju PN18. · Klik Password menuju PN19. · Klikkonfirmasi pembayaran menuju PN20 · Klik Transaksi Menuju PN21. · Klik Retur Barang Menuju PN22 · Klik cari Menuju PN24 dan PN25 Koleksi Terfavorit lihat semua Gambar Gambar Gambar Koleksi terlaris lihat semua Informasi Kurs GAMBAR Harga : Ukuran : Warna : --Pilih Warna-- --Pilih Ukuran-- Harga Barang Tampilan Rating Gambar 3.84 Perancangan Antarmuka Menu Detail Barang 3. 2. 3. 1. 6 Perancangan Antarmuka Member a. Perancangan antarmuka menu login member Perancangan antarmuka menu login member dapat dilihat pada gambar 3.85. PN02 PARTAX Nama Layar : PN02 Ukuran Layar : 1024 X 768 Font : Times New Roman Warna Background : Putih Form Masuk Daftar Masuk Layanan Konsumen Bank Pembayaran Jasa Pengiriman Partax Clothes Katalog Barang Beranda Gambar Beli Beli Logo Cek Pengiriman Masukan Nama Barang... Cari Beli Beli Informasi Member · Klik Beranda menuju PN01 · Klik Barang Terbaru Menuju PN04 · Klik Barang Terlaris Menuju PN05 · Klik Barang Terfavorit Menuju PN07 · Cara Pembeliuan menuju PN08 · Klik Tentang Toko menuju PM11 · Klik Profil menuju PN18. · Klik Password menuju PN19. · Klikkonfirmasi pembayaran menuju PN20 · Klik Transaksi Menuju PN21. · Klik Retur Barang Menuju PN22 · Klik cari Menuju PN24 dan PN25 Koleksi Terfavorit lihat semua Gambar Gambar Gambar Koleksi terlaris lihat semua Informasi Kurs Masukan Email Masukan Password Lupa Password Masuk Gambar 3.85 Perancangan Antarmuka Menu Login Member b. Perancangan antarmuka menu lupa password member Perancangan antarmuka menu lupa password member dapat dilihat pada gambar 3.86. PN0202 PARTAX Nama Layar : PN0202 Ukuran Layar : 1024 X 768 Font : Times New Roman Warna Background : Putih Lupa Password Daftar Masuk Layanan Konsumen Bank Pembayaran Jasa Pengiriman Partax Clothes Katalog Barang Beranda Gambar Beli Beli Logo Cek Pengiriman Masukan Nama Barang... Cari Beli Beli Informasi Member · Klik Beranda menuju PN01 · Klik Barang Terbaru Menuju PN04 · Klik Barang Terlaris Menuju PN05 · Klik Barang Terfavorit Menuju PN07 · Cara Pembeliuan menuju PN08 · Klik Tentang Toko menuju PM11 · Klik Profil menuju PN18. · Klik Password menuju PN19. · Klikkonfirmasi pembayaran menuju PN20 · Klik Transaksi Menuju PN21. · Klik Retur Barang Menuju PN22 · Klik cari Menuju PN24 dan PN25 Koleksi Terfavorit lihat semua Gambar Gambar Gambar Koleksi terlaris lihat semua Informasi Kurs Masukan Email Kirim Gambar 3.86 Perancangan Antarmuka Menu Lupa Password Member c. Perancangan antarmuka menu utama member Perancangan antarmuka menu utama member dapat dilihat pada gambar 3.87. PM01 PARTAX Nama Layar : PM01 Ukuran Layar : 1024 X 768 Font : Times New Roman Warna Background : Putih Selamat Datang “nama member” Layanan Konsumen Bank Pembayaran Jasa Pengiriman Partax Clothes Katalog Barang Beranda Gambar Beli Beli Logo Cek Pengiriman Masukan Nama Barang... Cari Beli Beli Informasi Member · Klik Beranda menuju PM01 · Klik Barang Terbaru Menuju PM04 · Klik Barang Terlaris Menuju PM05 · Klik Barang Terfavorit Menuju PM07 · Cara Pembeliuan menuju PM08 · Klik Tentang Toko menuju PM11 · Klik Profil menuju PM18. · Klik Password menuju PM19. · Klikkonfirmasi pembayaran menuju PM20 · Klik Transaksi Menuju PM21. · Klik Retur Barang Menuju PM22 · Klik cari Menuju PN24 dan PN25 · Klik Keluar Menuju PM01 Koleksi Terfavorit lihat semua Gambar Gambar Gambar Koleksi terlaris lihat semua Beli Gambar Beli Gambar Koleksi Terbaru lihat semua Beli Gambar Beli Gambar Kami Peduli Penampilan Anda Informasi Kurs : Menu Gambar 3.87 Perancangan Antarmuka Menu Utama Member d. Perancangan antarmuka menu keranjang belanja Perancangan antarmuka menu keranjang belanja dapat dilihat pada gambar 3.88. PM16 PARTAX Nama Layar : PM16 Ukuran Layar : 1024 X 768 Font : Times New Roman Warna Background : Putih Keranjang Belanja Selamat Datang “nama member” Layanan Konsumen Bank Pembayaran Jasa Pengiriman Partax Clothes Katalog Barang Beranda Gambar Beli Beli Logo Cek Pengiriman Masukan Nama Barang... Cari Beli Beli Informasi Member · Klik Beranda menuju PM01 · Klik Barang Terbaru Menuju PM04 · Klik Barang Terlaris Menuju PM05 · Klik Barang Terfavorit Menuju PM07 · Cara Pembeliuan menuju PM08 · Klik Tentang Toko menuju PM11 · Klik Profil menuju PM18. · Klik Password menuju PM19. · Klikkonfirmasi pembayaran menuju PM20 · Klik Transaksi Menuju PM21. · Klik Retur Barang Menuju PM22 · Klik cari Menuju PN24 dan PN25 · Klik Keluar Menuju PM01 Koleksi Terfavorit lihat semua Gambar Gambar Gambar Koleksi terlaris lihat semua Informasi Kurs Gambar Menu Selanjutnya Belanja Lagi Hapu Ubah “Nama Barang” Total Jumlah Diskon Harga “Detail produk” Gambar 3.88 Perancangan Antarmuka Menu Keranjang Belanja e. Perancangan antarmuka menu tujuan pengiriman Perancangan antarmuika menu tujuan pengiriman dapat dilihat pada gambar 3.89. PM1601 PARTAX Nama Layar : PM1601 Ukuran Layar : 1024 X 768 Font : Times New Roman Warna Background : Putih Alamat Pengiriman Selamat Datang “nama member” Layanan Konsumen Bank Pembayaran Jasa Pengiriman Partax Clothes Katalog Barang Beranda Gambar Beli Beli Logo Cek Pengiriman Masukan Nama Barang... Cari Beli Beli Informasi Member · Klik Beranda menuju PM01 · Klik Barang Terbaru Menuju PM04 · Klik Barang Terlaris Menuju PM05 · Klik Barang Terfavorit Menuju PM07 · Cara Pembeliuan menuju PM08 · Klik Tentang Toko menuju PM11 · Klik Profil menuju PM18. · Klik Password menuju PM19. · Klikkonfirmasi pembayaran menuju PM20 · Klik Transaksi Menuju PM21. · Klik Retur Barang Menuju PM22 · Klik cari Menuju PN24 dan PN25 · Klik Keluar Menuju PM01 Koleksi Terfavorit lihat semua Gambar Gambar Gambar Koleksi terlaris lihat semua Informasi Kurs Menu Selanjutnya Kembali Gunakan Alamat Lain Nama : Kode Pos : Kecamatan : Kota : Provinsi : Telepon Handphone : Alamat : Gambar 3.89 Perancangan Antarmuka Tujuan Pengiriman f. Perancangan antarmuka tujuan pengiriman lain Perancangan antarmuka tujuan pengiriman lain dapat dilihat pada gambar 3.90. PM1602 PARTAX Nama Layar : PM1602 Ukuran Layar : 1024 X 768 Font : Times New Roman Warna Background : Putih Alamat Pengiriman Selamat Datang “nama member” Layanan Konsumen Bank Pembayaran Jasa Pengiriman Partax Clothes Katalog Barang Beranda Gambar Beli Beli Logo Cek Pengiriman Masukan Nama Barang... Cari Beli Beli Informasi Member · Klik Beranda menuju PM01 · Klik Barang Terbaru Menuju PM04 · Klik Barang Terlaris Menuju PM05 · Klik Barang Terfavorit Menuju PM07 · Cara Pembeliuan menuju PM08 · Klik Tentang Toko menuju PM11 · Klik Profil menuju PM18. · Klik Password menuju PM19. · Klikkonfirmasi pembayaran menuju PM20 · Klik Transaksi Menuju PM21. · Klik Retur Barang Menuju PM22 · Klik cari Menuju PN24 dan PN25 · Klik Keluar Menuju PM01 Koleksi Terfavorit lihat semua Gambar Gambar Gambar Koleksi terlaris lihat semua Informasi Kurs Menu Selanjutnya Kembali Gunakan Alamat Sendiri Nama : Kode Pos : Kecamatan : Kota : Provinsi : Telepon Handphone : Alamat : --Pilih Provinsi-- --Pilih Kota-- --Pilih Kecamatan-- Gambar 3.90 Perancangan Antarmuka Tujuan Pengiriman Lain