BAB V KESIMPULAN DAN SARAN
ANALISIS DAN PERANCANGAN SISTEM
8. Perancangan Antarmuka Detail Produk
Berikut dapat dilihat perancangan antarmuka halaman semua produk untuk member. 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 Daftar untuk menuju
TPE05 · Klik Login untuk menuju
TPE06 · Klik Nama Kategori Produk
untuk menuju TPE07 · Klik Detail untuk menuju
TPE08 · TPE08 Freshrock Kategori Produk <nama_kategori> <nama_kategori> <nama_kategori> ….. Produk Terlaris
Beranda Tentang Kami Cara Pembelian Semua Produk
Gambar Produk <nama_produk> Stok [0] [Detail] Daftar Login Cari Kategori : <nama_kategori> Gambar Produk <nama_produk> Gambar Produk <nama_produk> Gambar Produk <nama_produk> Gambar Produk <nama_produk> Gambar Produk <nama_produk> Stok [0]
[beli] [Detail] [beli] [Detail]Stok [0] [beli] [Detail]Stok [0] [beli] [Detail]Stok [0] Stok [0]
[beli]
Deskripsi
rating
rating rating rating rating
Produk rekomendasi Layanan Pelanggan Akun YM <nama_pemilik_akun> Jejaring Sosial Facebook
Gambar 3.122 Perancangan AntarmukaDetail Produk
9. Perancangan Antarmuka Hasil Pencarian
Berikut dapat dilihat perancangan antarmuka halaman hasil pencarina untuk member. 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 Daftar untuk menuju
TPE05 · Klik Login untuk menuju
TPE06 · Klik Nama Kategori Produk
untuk menuju TPE07 · Klik Detail untuk menuju
TPE08 · TPE09 Freshrock Kategori Produk <nama_kategori> <nama_kategori> <nama_kategori> ….. Produk Terlaris
Beranda Tentang Kami Cara Pembelian Semua Produk
Gambar Produk <nama_produk>
Stok [0] [Detail]
Daftar Login Cari Hasil Pencarian Hasil Pencarian Layanan Pelanggan Akun YM <nama_pemilik_akun> Jejaring Sosial Facebook
3.2.2.2.7 Perancangan Antarmuka Member
1. Perancangan Antarmuka Halaman Utama Member
Berikut dapat dilihat perancangan antarmuka halaman utama untuk Member. 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 Beli untuk menuju TPL07
· Klik Detail Untuk menuju TPE10
· Klik Logout untuk menuju TPE01 TPL01 Freshrock Kategori Produk <nama_kategori> <nama_kategori> ….. Produk Terlaris
Beranda Tentang Kami Cara Pembelian Semua Produk
Produk Paling Banyak Dilihat Produk Terbaru Produk Lainnya Gambar Produk <nama_produk> Gambar Produk <nama_produk> Dilihat [0] Kali Menu Pelanggan Profil Saya Catatan Pemesanan Keranjang Belanja Testimonial Logout Gambar Produk <nama_produk> Gambar Produk <nama_produk> Gambar Produk <nama_produk> Gambar Produk <nama_produk> Gambar Produk <nama_produk> Gambar Produk <nama_produk> Gambar Produk <nama_produk> Gambar Produk <nama_produk> Gambar Produk <nama_produk> Gambar Produk <nama_produk> Gambar Produk <nama_produk> Gambar Produk <nama_produk> Stok [0]
[beli] [Detail] [beli] [Detail]Stok [0] Stok [0] [beli] [Detail] Stok [0] [beli] [Detail] Stok [0] [beli] [Detail] Stok [0] [beli] [Detail] Stok [0] [beli] [Detail] Stok [0] [beli] [Detail] Stok [0] [beli] [Detail] Stok [0] [beli] [Detail] Stok [0] [beli] [Detail] Stok [0] [beli] [Detail] Stok [0] [beli] [Detail] Stok [0] [beli] [Detail]
rating rating rating rating
rating rating rating rating rating rating rating rating
Cari
Gambar 3.124 Perancangan Antarmuka Halaman Utama Pelanggan
2. Perancangan Antarmuka Profil Saya
Berikut dapat dilihat perancangan antarmuka halaman profil saya untuk member. 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 Ubah Data Pribadi
untuk menuju TPL04 · Klik Ubah Data Akun untuk
menuju TPL05 · Klik Catatan Pemesanan
untuk menuju TPL06 · Klik Keranjang Belanja
untuk menuju TPL07 · Klik Testimonial untuk
menuju TPL08 · Klik Logout untuk menuju
TPE01
TPL02
Freshrock
Beranda Tentang Kami Cara Pembelian Semua Produk Profil Saya Nama Lengkap : _____________________________________ Kota : _____________________________________ Provinsi : _____________________________________ No Telp : _____________________________________ Alamat : _____________________________________ Kode Pos : _____________________________________ Jenis Kelamin: _____________________________________ Tanggal Lahir: _____________________________________
Ubah Data Pribadi Ubah Password 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 Profil Saya Catatan Pemesanan Keranjang Belanja Testimonial Logout Data Personal Cari Daftar Daftar
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