3. Perancangan Antarmuka Ubah Profil
Berikut dapat dilihat perancangan antarmuka halaman ubah profil untuk pelanggan. Perancangannya disajikan dalam gambar dibawah ini :
Footer Ukuran Layar
: 1024 x 768 Jenis Font
: Lucida Sans Unicode, Arial Warna Latar
: f7fcf8
· Klik Beranda untuk menuju
TPE01 ·
Klik Tentang Kami untuk menuju TPE02
· Klik Cara Pembelian untuk
menuju TPE03 ·
Klik Semua Produk untuk menuju TPE04
· Klik Konfirmasi
Pembayaran untuk menuju TPE05
· Klik Garansi untuk menuju
TPE06 ·
Klik Nama Kategori Produk untuk menuju TPE09
· Klik Profil Saya untuk
menuju TPL03 ·
Klik Catatan Pemesanan untuk menuju TPL06
· Klik Keranjang Belanja
untuk menuju TPL07 ·
Klik Ubah maka akan muncul Pesan M06, M08,
M09 ·
Klik Testimonial untuk menuju TPL08
· Klik Logout untuk menuju
TPE01
TPL03 Freshrock
Beranda Tentang Kami
Cara Pembelian Semua Produk
Ubah Data Pribadi
Data Pribadi
Alamat Kota
Provinsi No Telp
Nama Lengkap
Kode Pos nama_provinsi
nama_pelanggan alamat_pelanggan
nama kota kodepos
no_telp Ubah
Batal Kategori Produk
nama_kategori nama_kategori
….. Produk Terlaris
Produk Paling Banyak Dilihat Gambar
Produk nama_produk
[beli] [Detail] Gambar
Produk nama_produk
[beli] [Detail] Dilihat [0] Kali
Menu Pelanggan Catatan Pemesanan
Keranjang Belanja Testimonial
Logout Profil Saya
Cari
Dafta Login
Gambar 3.126 Perancangan Antarmuka Ubah Profil
4. Perancangan Antarmuka Ubah Data Akun
Berikut dapat dilihat perancangan antarmuka halaman ubah data akun untuk pelanggan. Perancangannya disajikan dalam gambar dibawah ini :
Footer Ukuran Layar
: 1024 x 768 Jenis Font
: Lucida Sans Unicode, Arial Warna Latar
: f7fcf8
· Klik Beranda untuk menuju
TPE01 ·
Klik Tentang Kami untuk menuju TPE02
· Klik Cara Pembelian untuk
menuju TPE03 ·
Klik Semua Produk untuk menuju TPE04
· Klik Konfirmasi
Pembayaran untuk menuju TPE05
· Klik Garansi untuk menuju
TPE06 ·
Klik Nama Kategori Produk untuk menuju TPE09
· Klik Profil Saya untuk
menuju TPL03 ·
Klik Catatan Pemesanan untuk menuju TPL06
· Klik Keranjang Belanja
untuk menuju TPL07 ·
Klik Testimonial untuk menuju TPL08
· Klik Logout untuk menuju
TPE01
TPL04 Freshrock
Beranda Tentang Kami
Cara Pembelian Semua Produk
Ubah Data Akun
Data Akun
Password Ulangi Password
Email Anda email_pelanggan
Ubah Batal
Kategori Produk nama_kategori
nama_kategori …..
Produk Terlaris Produk Paling Banyak Dilihat
Gambar Produk
nama_produk [beli] [Detail]
Gambar Produk
nama_produk [beli] [Detail]
Dilihat [0] Kali Menu Pelanggan
Catatan Pemesanan Keranjang Belanja
Testimonial Logout
Profil Saya
Cari
Daftar Login
Gambar 3.127 Perancangan Antarmuka Ubah Data Akun
5. Perancangan Antarmuka Catatan Pemesanan
Berikut dapat dilihat perancangan antarmuka halaman catatan pemesanan untuk pelanggan. Perancangannya disajikan dalam gambar dibawah ini:
Footer Ukuran Layar
: 1024 x 768 Jenis Font
: Lucida Sans Unicode, Arial Warna Latar
: f7fcf8
· Klik Beranda untuk menuju
TPE01 ·
Klik Tentang Kami untuk menuju TPE02
· Klik Cara Pembelian untuk
menuju TPE03 ·
Klik Semua Produk untuk menuju TPE04
· Klik Konfirmasi
Pembayaran untuk menuju TPE05
· Klik Garansi untuk menuju
TPE06 ·
Klik Nama Kategori Produk untuk menuju TPE09
· Klik Profil Saya untuk
menuju TPL03 ·
Klik Catatan Pemesanan untuk menuju TPL06
· Klik Keranjang Belanja
untuk menuju TPL07 ·
Klik Testimonial untuk menuju TPL08
· Klik Logout untuk menuju
TPE01
TPL05 Freshrock
Beranda Tentang Kami
Cara Pembelian Semua Produk
Catatan Pemesanan Kategori Produk
nama_kategori nama_kategori
….. Produk Terlaris
Produk Paling Banyak Dilihat Gambar
Produk nama_produk
[beli] [Detail] Gambar
Produk nama_produk
[beli] [Detail] Dilihat [0] Kali
Menu Pelanggan Catatan Pemesanan
Keranjang Belanja Testimonial
Logout Profil Saya
No. Pemesanan no_pemesanan
Waktu Pesan Pembayaran Via
Status Bayar Aksi
No 1
waktu_pesan bank|online
status_bayar Detail
Daftar Login
Cari
Gambar 3.128 Perancangan Antarmuka Catatan Pemesanan
6. Perancangan Antarmuka Detail Pemesanan
Berikut dapat dilihat perancangan antarmuka halaman detail pemesanan untuk pelanggan. Perancangannya disajikan dalam gambar dibawah ini:
Footer Ukuran Layar
: 1024 x 768 Jenis Font
: Lucida Sans Unicode, Arial Warna Latar
: f7fcf8
· Klik Beranda untuk menuju
TPE01 ·
Klik Tentang Kami untuk menuju TPE02
· Klik Cara Pembelian untuk
menuju TPE03 ·
Klik Semua Produk untuk menuju TPE04
· Klik Konfirmasi
Pembayaran untuk menuju TPE05
· Klik Garansi untuk menuju
TPE06 ·
Klik Nama Kategori Produk untuk menuju TPE09
· Klik Profil Saya untuk
menuju TPL03 ·
Klik Catatan Pemesanan untuk menuju TPL06
· Klik Keranjang Belanja
untuk menuju TPL07 ·
Klik Testimonial untuk menuju TPL08
· Klik Logout untuk menuju
TPE01
TPL06 Freshrock
Beranda Tentang Kami
Cara Pembelian Semua Produk
Detail Pemesanan Kategori Produk
nama_kategori nama_kategori
….. Produk Terlaris
Produk Paling Banyak Dilihat Gambar
Produk nama_produk
[beli] [Detail] Gambar
Produk nama_produk
[beli] [Detail] Dilihat [0] Kali
Menu Pelanggan Catatan Pemesanan
Keranjang Belanja Testimonial
Logout Profil Saya
ID Produk id_produk
Nama Produk Qty
Harga Sub Total
No 1
nama_produk qty
harga subtotal
Daftar Login
Cari
Gambar 3.129 Perancangan Antarmuka Detail Pemesanan