5. Perancangan antar muka manage retur
O5
header
footer Manage order
Data pengiriman Manage retur
Tambah kategori
Logout Data retur produk
Id order
Id retur Nama member
Tanggal retur
akses acc
· Klik login menuju O2
· Klik manage order
menuju O3 ·
Klik data pengiriman menuju O4
· Klik manage retur
menuju O5 ·
Klik tambah kategori produk meuju O6
· Klik logout menuju O1
Nama Layar : O2 Ukuran Layar
: 1024 X 768 Font
: Times New Roman Warna Background
: Putuh
Gambar 3.50 Perancangan Antar Muka Manage Retur
6. Perancangan antar muka tambah kategori produk
O7
header
footer Manage order
Data pengiriman Manage retur
Tambah kategori
Logout Tambah kategori produk
Kategori Simpan
Deskripsi
· Klik login menuju O2
· Klik manage order
menuju O3 ·
Klik data pengiriman menuju O4
· Klik manage retur
menuju O5 ·
Klik tambah kategori produk meuju O6
· Klik logout menuju O1
Nama Layar : O2 Ukuran Layar
: 1024 X 768 Font
: Times New Roman Warna Background
: Putuh
Gambar 3.51 Perancangan Antar Muka Tambah Kategori Produk
7. Perancangan antar muka logout
O8
· Klik login menuju
O2
LOGIN ADMINISTRATOR
Username Password
Login
Gambar 3.52 Perancangan Antar Muka Logout
3.2.3.1.3 Perancangan Antar Muka Member
1. Perancangan antar muka setelah login berhasil
M1
Header
footer Gambar
Selamat datang nama member ·
Klik Home menuju M2 ·
Klik info tentang kami menuju M3
· Klik cara pembelian
menuju M4 ·
Klik cara pembayaran menuju M5
· Klik ubah data pribadi
barng menuju M6 ·
Klik ubah password menuju M7
· Klik pembelian menuju
M8 ·
Klik konfirmasi pembayaran menuju
M9 ·
Klik lretur produk menuju M10
· Klik keranjang belanja
menuju M11 ·
Klik logout menuju M12
· Klik Nama Produk
· Menuju M13
Cari Berdasarkan Kata
Cari
. Blouse . Celana
. Ciput . Gamis
. Kerudung . Koko
. Mangset . Rok
. Ubah data Pribadi . Ubah password
. Pembelian . Konfirmasi Pembayaran
. Pelacakan Pengiriman . Retur Produk
. Keranjang Belanja . logout
Profil
Kategori produk Produk paling di minanti
Gambar Tambah
Produk Baru Gambar
Tambah
paypal BCA
Mandiri Dukungan pembayaran
Pelayanan Pelanggan sales
JNE TIKI
POS Gambar
Nama Produk Kode Produk
Warna Ukuran
Stok Harga
Detail Tambah Keranjang
Gambar Nama Produk
Kode Produk Warna
Ukuran Stok
Harga Detail
Tambah Keranjang Gambar
Nama Produk Kode Produk
Warna Ukuran
Stok Harga
Detail Tambah Keranjang
Gambar Nama Produk
Kode Produk Warna
Ukuran Stok
Harga Detail
Tambah Keranjang Gambar
Nama Produk Kode Produk
Warna Ukuran
Stok Harga
Detail Tambah Keranjang
Gambar Nama Produk
Kode Produk Warna
Ukuran Stok
Harga Detail
Tambah Keranjang Gambar
Nama Produk Kode Produk
Warna Ukuran
Stok Harga
Detail Tambah Keranjang
Gambar Nama Produk
Kode Produk Warna
Ukuran Stok
Harga Detail
Tambah Keranjang 1.2.3.4...8 next
Tentang Kami Cara Pembelian
Cara Pembayaran Home
Nama Layar : M1
Ukuran Layar : 1024 X 768
Font : Times New Roman
Warna Background : Putih
Gambar 3.53 Perancangan Antar Muka Setelah Login Berhasil
2. Perancangan antar muka home
M2
Header
footer Gambar
Selamat datang nama member ·
Klik Home menuju M2 ·
Klik info tentang kami menuju M3
· Klik cara pembelian
menuju M4 ·
Klik cara pembayaran menuju M5
· Klik ubah data pribadi
barng menuju M6 ·
Klik ubah password menuju M7
· Klik pembelian menuju
M8 ·
Klik konfirmasi pembayaran menuju
M9 ·
Klik lretur produk menuju M10
· Klik keranjang belanja
menuju M11 ·
Klik logout menuju M12
· Klik Nama Produk
· Menuju M13
Cari Berdasarkan Kata
Cari
. Blouse . Celana
. Ciput . Gamis
. Kerudung . Koko
. Mangset . Rok
. Ubah data Pribadi . Ubah password
. Pembelian . Konfirmasi Pembayaran
. Pelacakan Pengiriman . Retur Produk
. Keranjang Belanja . logout
Profil
Kategori produk Produk paling di minanti
Gambar Tambah
Produk Baru Gambar
Tambah
paypal BCA
Mandiri Dukungan pembayaran
Pelayanan Pelanggan sales
JNE TIKI
POS Gambar
Nama Produk Kode Produk
Warna Ukuran
Stok Harga
Detail Tambah Keranjang
Gambar Nama Produk
Kode Produk Warna
Ukuran Stok
Harga Detail
Tambah Keranjang
Gambar Nama Produk
Kode Produk Warna
Ukuran Stok
Harga Detail
Tambah Keranjang Gambar
Nama Produk Kode Produk
Warna Ukuran
Stok Harga
Detail Tambah Keranjang
Gambar Nama Produk
Kode Produk Warna
Ukuran Stok
Harga Detail
Tambah Keranjang Gambar
Nama Produk Kode Produk
Warna Ukuran
Stok Harga
Detail Tambah Keranjang
Gambar Nama Produk
Kode Produk Warna
Ukuran Stok
Harga Detail
Tambah Keranjang Gambar
Nama Produk Kode Produk
Warna Ukuran
Stok Harga
Detail Tambah Keranjang
1.2.3.4...8 next
Tentang Kami Cara Pembelian
Cara Pembayaran Home
Nama Layar : M2
Ukuran Layar : 1024 X 768
Font : Times New Roman
Warna Background : Putih
Gambar 3.54 Perancangan Antar Muka Home
3. Perancangan antar muka tentang kami
M3
Header
footer Gambar
Tentang Kami ·
Klik Home menuju M2 ·
Klik info tentang kami menuju M3
· Klik cara pembelian
menuju M4 ·
Klik cara pembayaran menuju M5
· Klik ubah data pribadi
barng menuju M6 ·
Klik ubah password menuju M7
· Klik pembelian menuju
M8 ·
Klik konfirmasi pembayaran menuju
M9 ·
Klik lretur produk menuju M10
· Klik keranjang belanja
menuju M11 ·
Klik logout menuju M12
· Klik Nama Produk
· Menuju M13
Cari Berdasarkan Kata
Cari
. Blouse . Celana
. Ciput . Gamis
. Kerudung . Koko
. Mangset . Rok
. Ubah data Pribadi . Ubah password
. Pembelian . Konfirmasi Pembayaran
. Pelacakan Pengiriman . Retur Produk
. Keranjang Belanja . logout
Profil
Kategori produk Produk paling di minanti
Gambar Tambah
Produk Baru Gambar
Tambah
paypal BCA
Mandiri Dukungan pembayaran
Pelayanan Pelanggan sales
JNE TIKI
POS
Tentang Kami Cara Pembelian
Cara Pembayaran Home
Nama Layar : M3
Ukuran Layar : 1024 X 768
Font : Times New Roman
Warna Background : Putih
TEXT
Gambar 3.55 Perancangan Antar Muka Tentang Muka