Perancangan Antar Muka Pengunjung - Perancangan Arsitektur .1 Perancangan Antar Muka

ANALISIS DAN PERANCANGAN SISTEM

III.3 Perancangan Arsitektur .1 Perancangan Antar Muka

1. Perancangan Antar Muka Pengunjung

Antar muka ini adalah antar muka home (P01)

Home | Shopping Chart

BANNER

Cara Berbelanja | Cara Pembayaran | Cara Retur | Tentang Kami

KATALOG PRODUK DISKON LAYANAN PEMBAYARAN CONTACT US FOOTER cari Gambar produk Nama produk Harga Detail Gambar produk Nama produk Harga Detail Gambar produk Nama produk Harga Detail Gambar produk Nama produk Harga Detail Gambar produk Nama produk Harga Detail Gambar produk Nama produk Harga Detail P01 _{Navigasi :}

-Klik Home untuk menuju ke P01 -Klik Shopping Chart untuk menuju ke P03 -Klik Cara berbelanja untuk menuju ke P06 - klik Cara pembayaran untuk menuju ke P07 -Klik Cara retur untuk menuju ke P08 -Klik Tentang kami untuk menuju ke P09 -Klik detail produk untuk menuju ke P02 -Klik register untuk menuju ke P05 -Klik Sign In untuk menuju ke P04

Gambar III.29 Perancangan Antar Muka Home

Antar muka ini adalah antar muka Detail produk (P02)

Home | Shopping Chart

BANNER

Cara Berbelanja | Cara Pembayaran | Cara Retur | Tentang Kami

KATALOG PRODUK DISKON LAYANAN PEMBAYARAN CONTACT US FOOTER Gambar produk Nama Produk Deskripsi Produk Ukuran Qty :

Add to chart Kembali

Ukuran Stok Berat (kg) Diskon (%) Harga

P02 _{Navigasi :}

100

Antar muka ini adalah antar muka Shopping Chart (P03)

Home | Shopping Chart

BANNER

Cara Berbelanja | Cara Pembayaran | Cara Retur | Tentang Kami

KATALOG PRODUK DISKON LAYANAN PEMBAYARAN CONTACT US FOOTER cari Aturan dan prosedur pada shopping chart

Produk Hapus Ukuran Berat(kg) Qty Diskon(%) Harga SubTotal Total Belanja Total Belanja Produk Hapus Ukuran Berat(kg) Qty Diskon(%) Harga SubTotal Jasa Pengiriman yang akan digunakan :

Pilih jasa pengiriman Pilih layanan cargo Pilih kota tujuan _ongkos TOTAL BAYAR | Total Belanja lagi Lanjutkan

Ketentuan yang berlaku di shopping chart

P03 _{Navigasi :}

Gambar III.31 Perancangan Antar Muka Shopping Chart

Antar muka ini adalah antar muka Daftar (P04)

Cara Berbelanja | Cara Pembayaran | Cara Retur | Tentang Kami Home | Shopping Chart

BANNER Register | Sign In KATALOG PRODUK DISKON LAYANAN PEMBAYARAN CONTACT US FOOTER PELANGGAN BARU

Untuk mempercepat proses belanja dimasa mendatang plus mendapatkan sejumlah tawaran menarik lainnya, Anda akan ditawari opsi untuk menjadi anggota pada proses berikutnya.

ANGGOTA

Silahkan log in bagi Anda yang telah menjadi anggota !

Cara Berbelanja | Cara Pembayaran | Cara Retur | Tentang Kami

Navigasi : -Klik Home untuk menuju ke P01 -Klik Shopping Chart untuk menuju ke P03 -Klik Cara berbelanja untuk menuju ke P06 - klik Cara pembayaran untuk menuju ke P07 -Klik Cara retur untuk menuju ke P08 -Klik Tentang kami untuk menuju ke P09 -Klik detail produk untuk menuju ke P02 -Klik register untuk menuju ke P05 -Klik Sign In untuk menuju ke P04 -Klik register untuk menuju P05 -Klik login untuk menuju ke P03 -Klik lupa password untuk menuju ke M05

Antar muka ini adalah antar muka Form Pendaftaran (P05)

Home | Shopping Chart

BANNER

Cara Berbelanja | Cara Pembayaran | Cara Retur | Tentang Kami

KATALOG PRODUK DISKON LAYANAN PEMBAYARAN CONTACT US FOOTER PENDAFTARAN Nama Depan(*) : Nama Belakang(*) : Alamat(*) : Provinsi(*) : Kota(*) : Phone(*) : Data Login Email(*) :

Penulisan email harus benar, karena kode veritifikasi akan dikirim ke email Anda , dan apabila Anda lupa pada password Anda akan dikirimkan pada email Anda

Sandi(*) : Ulang Sandi(*) : Pertanyaan keamanan Pertanyaan(*) : Jawaban(*) : Pernyataan Setuju Daftar Batal P05 Navigasi : -Klik Home untuk menuju ke P01 -Klik Shopping Chart untuk menuju ke P03 -Klik Cara berbelanja untuk menuju ke P06 - klik Cara pembayaran untuk menuju ke P07 -Klik Cara retur untuk menuju ke P08 -Klik Tentang kami untuk menuju ke P09 -Klik detail produk untuk menuju ke P02 -Klik register untuk menuju ke P05 -Klik Sign In untuk menuju ke P04 -Klik daftar untuk menuju ke P10 -Klik Batal untuk kembali ke P04

Gambar III.33 Perancangan Antar Muka Form Pendaftaran Antar muka ini adalah antar muka Cara Berbelanja (P06)

Home | Shopping Chart

BANNER

Cara Berbelanja | Cara Pembayaran | Cara Retur | Tentang Kami

KATALOG PRODUK DISKON LAYANAN PEMBAYARAN CONTACT US FOOTER

Tata Cara Berbelanja disitus Antz-shop.com

P06 _{Navigasi :}

102

Antar muka ini adalah antar muka Cara Pembayaran (P07)

Home | Shopping Chart

BANNER

Cara Berbelanja | Cara Pembayaran | Cara Retur | Tentang Kami

KATALOG PRODUK DISKON LAYANAN PEMBAYARAN CONTACT US FOOTER

Tata Cara Pembayaran disitus Antz-shop.com

P07 Navigasi :

Gambar III.35 Perancangan Antar Muka Cara Pembayaran

Antar muka ini adalah antar muka Cara Retur (P08)

Home | Shopping Chart

BANNER

Cara Berbelanja | Cara Pembayaran | Cara Retur | Tentang Kami

KATALOG PRODUK DISKON LAYANAN PEMBAYARAN CONTACT US FOOTER

Tata Cara Retur disitus Antz-shop.com

P08 _{Navigasi :}

Antar muka ini adalah antar muka Tentang Kami (P09)

Home | Shopping Chart

BANNER

Cara Berbelanja | Cara Pembayaran | Cara Retur | Tentang Kami

KATALOG PRODUK DISKON LAYANAN PEMBAYARAN CONTACT US FOOTER Tentang Antz-shop.com P09 _{Navigasi :}

Gambar III.37 Perancangan Antar Muka Tentang Kami

Dalam dokumen Membangun Situs Penjualan On-Line Di Rumah Industri Stockers Bandung (Halaman 103-108)