Prosedur Penjualan Toko dbeauty shop
25. DFD level 4 Proses 5.2.5 Pengolahan Jenis Pengiriman
3.5 Perancangan Basis Data
3.5.3 Perancangan Struktur Menu
Struktur menu dirancang sesuai dengan level pengguna sistem. Terdapat
tiga pengguna aplikasi ini yaitu pengurus, member dan pengunjung. Adapun
struktur menunya adalah sebagai berikut:
a. Struktur Menu Pengunjung
Struktur menu pengunjung terdiri dari Beranda, Hubungi Kami, Cara
Pemesanan, Cara Pembayaran, Kategori, Daftar, Keranjang, Login , Detail
Produk. Untuk menu pengunjung ini hanya bisa melihat Detail Produk dan kategori saja tanpa bisa membeli atau memesan produk tersebut karena diharuskan untu mendaftar terlebih dahulu. Struktur menu admin dapat dilihat pada Gambar 3.32 berikut adalah struktur menu untuk pengunjung :
Cara Pemesanan Cara Pembayaran
Beranda Hubungi Kami Login Daftar
Gambar 3.32 Struktur Menu Pengunjung
b. Struktur Menu Member
Struktur menu pengunjung terdiri dari Beranda, Hubungi Kami, Cara
Pemesanan, Cara Pembayaran,info member , Riwayat Pembelian,info retur,
Kategori, Keranjang, logout, Detail Produk,Ubah Password ,ubah profil. Gambar
3.33 berikut adalah struktur menu member :
E-Commerce dbeauty-shop.com Cara Pemesanan Cara Pembayaran Beranda Hubungi Kami
Detail Produk Info member Riwayat Logout
pembelian Info retur
Gambar 3.33 Struktur Menu Member
c. Struktur Menu Admin
Struktur menu Admin terdiri dari Beranda, data pengurus, tamabh
pengurus, backup database, backup file dan gambar, edit password , logout
Gambar 3.34 berikut adalah struktur menu admin :
Beranda Data Pengurus Backup Database Logout
Tambah Pengurus
Backup File & gambar Edit Password
Gambar 3.34 Struktur Menu Admin
2. Pengurus
Struktur menu Pengurus terdiri dari Beranda, kontak, member , pengurus
invoice, laporan jasa pengiriman, pengolahan kategori, pengolahan produk detail, retur , pengolahan retur alasan, pengolahan jasa pengiriman, pengolahan provinsi, pengolahan kota, logout Gambar 3.35 berikut adalah struktur menu pengurus :
E-Commerce dbeauty-shop.com Member Beranda Invoice Laporan Jasa pengiriman Pengolahan Produk Retur Pengolahan Retur_alasan Kota Provinsi
Management Data Management Transaksi
member
Kontak
1. Perancangan Antamuka Beranda
Berikut dapat dilihat perancangan antar muka beranda dari pembangunan
aplikasi e-commerce di toko dbeauty shop yang tercantum pada gambar 3.36
dibawah ini:
F01
Gambar Header
Beranda | Hubungi Kami | Cara Pemesanan | Cara Pembayaran | Beranda
© 2011 Dbeauty Shop Oriflame Swedish Cosmetics Produk Terbaru Gambar Keterangan Detail Gambar Keterangan Gambar Keterangan Gambar Keterangan Gambar Keterangan Gambar Keterangan
Produk Terbanyak dilihat
Gambar Keterangan Gambar Keterangan Gambar Keterangan Folow us : facebook Gambar Keterangan Gambar Keterangan Gambar Keterangan Keranjang Belanja Pencarian Cari Item Keterangan
Lihat keranjang belanja
JNE Tracking
Masukan Nomor Airwaybill JNE :
Cari
Gambar JNE
Contact Sales
Kami Siap Melayani Anda
Kami menerima Gambar Gambar Kategori produk Nama Produk Nama Produk
Selamat Datang | Daftar | Masuk
Detail Detail
Detail Detail Detail
Detail Detail Detail
Detail Detail Detail
Produk Terlaris
Gambar
Klik Beranda Menuju F01
Klik Hubungi Kami Menuju F02
Klik Cara Pemesanan Menuju F03
Klik Cara Pembayaran Menuju F04
Klik Daftar Menuju F05
Klik Login Menuju F06
Klik Keranjang Belanja Menuju F07
Klik Cari Menuju F08
Lupa Password Menuju F09
Klik Detail Menuju F10
Berikut dapat dilihat perancangan antarmuka hubungi kami dari
pembangunan aplikasi e-commerce di toko dbeauty shop yang tercantum pada
gambar 3.42 dibawah ini:
F02
Gambar Header
Beranda | Hubungi Kami | Cara Pemesanan | Cara Pembayaran | >> Hubungi Kami
© 2011 Dbeauty Shop Oriflame Swedish Cosmetics Folow us : facebook Keranjang Belanja Pencarian
Cari
Item Keterangan
Lihat keranjang belanja JNE Tracking
Masukan Nomor Airwaybill JNE :
Cari
Gambar JNE
Contact Sales
Kami Siap Melayani Anda
Kami menerima Gambar Gambar Kategori produk Nama Produk Nama Produk
Selamat Datang | Daftar | Masuk
Gambar Nama Pesan kirim Email Telepon Hubungi Kami >> Beranda
Klik Beranda Menuju F01 Klik Hubungi Kami Menuju F02
Klik Cara Pemesanan Menuju F03 Klik Cara Pembayaran Menuju F04 Klik Daftar Menuju F05 Klik Login Menuju F06 Klik Keranjang Belanja Menuju F07 Klik Cari Menuju F08 Lupa Password Menuju F09
Klik Detail Menuju F10
Berikut dapat dilihat perancangan antarmuka cara pemesanan dari
pembangunan aplikasi e-commerce di toko dbeauty shop yang tercantum pada
gambar 3.43 dibawah ini:
F03
Gambar Header
Beranda | Hubungi Kami | Cara Pemesanan | Cara Pembayaran | >> Cara Pemesanan
© 2011 Dbeauty Shop Oriflame Swedish Cosmetics Folow us : facebook Keranjang Belanja Pencarian
Cari
Item Keterangan
Lihat keranjang belanja JNE Tracking
Masukan Nomor Airwaybill JNE :
Cari
Gambar JNE
Contact Sales
Kami Siap Melayani Anda
Kami menerima Gambar Gambar Kategori produk Nama Produk Nama Produk
Selamat Datang | Daftar | Masuk
Gambar >> Beranda
Text
Cara Pemesanan Klik Beranda Menuju F01
Klik Hubungi Kami Menuju F02
Klik Cara Pemesanan Menuju F03 Klik Cara Pembayaran Menuju F04 Klik Daftar Menuju F05 Klik Login Menuju F06 Klik Keranjang Belanja Menuju F07 Klik Cari Menuju F08 Lupa Password Menuju F09
Klik Detail Menuju F10
Berikut dapat dilihat perancangan antarmuka cara pembayaran dari
pembangunan aplikasi e-commerce di toko dbeauty shop yang tercantum pada
gambar 3.39 dibawah ini:
F04
Gambar Header
Beranda | Hubungi Kami | Cara Pemesanan | Cara Pembayaran | >> Cara Pembayaran
© 2011 Dbeauty Shop Oriflame Swedish Cosmetics Folow us : facebook Keranjang Belanja Pencarian
Cari
Item Keterangan
Lihat keranjang belanja JNE Tracking
Masukan Nomor Airwaybill JNE :
Cari
Gambar JNE
Contact Sales
Kami Siap Melayani Anda
Kami menerima Gambar Gambar Kategori produk Nama Produk Nama Produk
Selamat Datang | Daftar | Masuk
Gambar >> Beranda
Text
Cara Pembayaran Klik Beranda Menuju F01
Klik Hubungi Kami Menuju F02
Klik Cara Pemesanan Menuju F03 Klik Cara Pembayaran Menuju F04 Klik Daftar Menuju F05 Klik Login Menuju F06 Klik Keranjang Belanja Menuju F07 Klik Cari Menuju F08 Lupa Password Menuju F09
Klik Detail Menuju F10
Berikut dapat dilihat perancangan antarmuka daftar dari pembangunan
aplikasi e-commerce di toko dbeauty shop yang tercantum pada gambar 3.40
dibawah ini:
F05
Gambar Header
Beranda | Hubungi Kami | Cara Pemesanan | Cara Pembayaran | >> Daftar
© 2011 Dbeauty Shop Oriflame Swedish Cosmetics Folow us : facebook Keranjang Belanja Pencarian
Cari
Item Keterangan
Lihat keranjang belanja JNE Tracking
Masukan Nomor Airwaybill JNE :
Cari
Gambar JNE
Contact Sales
Kami Siap Melayani Anda
Kami menerima Gambar Gambar Kategori produk Nama Produk Nama Produk
Selamat Datang | Daftar | Masuk
Gambar >> Beranda
From Daftar Member
Daftar Nama Email Password Konfirmasi Password Provinsi Kota Alamat Telepon Kode Pos Nama Lengkap
Alamat Tempat Tinggal
Nomor Telpon
Email dan Password
Klik Beranda Menuju F01 Klik Hubungi Kami Menuju F02
Klik Cara Pemesanan Menuju F03 Klik Cara Pembayaran Menuju F04 Klik Daftar Menuju F05 Klik Login Menuju F06 Klik Keranjang Belanja Menuju F07 Klik Cari Menuju F08 Lupa Password Menuju F09
Klik Detail Menuju F10
Berikut dapat dilihat perancangan antarmuka login dari pembangunan
aplikasi e-commerce di toko dbeauty shop yang tercantum pada gambar 3.41
dibawah ini:
F06
Gambar Header
Beranda | Hubungi Kami | Cara Pemesanan | Cara Pembayaran | >> Login
© 2011 Dbeauty Shop Oriflame Swedish Cosmetics Folow us : facebook Keranjang Belanja Pencarian
Cari
Item Keterangan
Lihat keranjang belanja JNE Tracking
Masukan Nomor Airwaybill JNE :
Cari
Gambar JNE
Contact Sales
Kami Siap Melayani Anda
Kami menerima Gambar Gambar Kategori produk Nama Produk Nama Produk
Selamat Datang | Daftar | Masuk
Gambar >> Beranda Login Member Lupa Password? Masuk Email Password
Klik Beranda Menuju F01 Klik Hubungi Kami Menuju F02
Klik Cara Pemesanan Menuju F03 Klik Cara Pembayaran Menuju F04 Klik Daftar Menuju F05 Klik Login Menuju F06 Klik Keranjang Belanja Menuju F07 Klik Cari Menuju F08 Lupa Password Menuju F09
Klik Detail Menuju F10
Berikut dapat dilihat perancangan antarmuka keranjang belanja dari
pembangunan aplikasi e-commerce di toko dbeauty shop yang tercantum pada
gambar 3.42 dibawah ini:
F07
Gambar Header
Beranda | Hubungi Kami | Cara Pemesanan | Cara Pembayaran | >> Keranjang
© 2011 Dbeauty Shop Oriflame Swedish Cosmetics Folow us : facebook Keranjang Belanja Pencarian
Cari
Item Keterangan
Lihat keranjang belanja JNE Tracking
Masukan Nomor Airwaybill JNE :
Cari
Gambar JNE
Contact Sales
Kami Siap Melayani Anda
Kami menerima Gambar Gambar Kategori produk Nama Produk Nama Produk
Selamat Datang | Daftar | Masuk
Gambar >> Beranda
Keranjang Belanja
Nama Produk Harga Jumlah StokBerat DiskonSub Total Hapus
Klik Beranda Menuju F01 Klik Hubungi Kami Menuju F02
Klik Cara Pemesanan Menuju F03 Klik Cara Pembayaran Menuju F04 Klik Daftar Menuju F05 Klik Login Menuju F06 Klik Keranjang Belanja Menuju F07 Klik Cari Menuju F08 Lupa Password Menuju F09
Klik Detail Menuju F10
Berikut dapat dilihat perancangan antarmuka cari dari pembangunan aplikasi
e-commerce di toko dbeauty shop yang tercantum pada gambar 3.43 dibawah
ini:
F08
Gambar Header
Beranda | Hubungi Kami | Cara Pemesanan | Cara Pembayaran | >> Cari
© 2011 Dbeauty Shop Oriflame Swedish Cosmetics Folow us : facebook Keranjang Belanja Pencarian
Cari
Item Keterangan
Lihat keranjang belanja JNE Tracking
Masukan Nomor Airwaybill JNE :
Cari
Gambar JNE
Contact Sales
Kami Siap Melayani Anda
Kami menerima Gambar Gambar Kategori produk Nama Produk Nama Produk
Selamat Datang | Daftar | Masuk
Gambar >> Beranda
Hasil Pencarian => nama barang
Gambar Keterangan Detail Gambar Keterangan Detail Gambar Keterangan Detail Gambar Keterangan Detail Gambar Keterangan Detail Gambar Keterangan Detail Gambar Keterangan Detail Gambar Keterangan Detail Gambar Keterangan Detail
Klik Beranda Menuju F01 Klik Hubungi Kami Menuju F02
Klik Cara Pemesanan Menuju F03 Klik Cara Pembayaran Menuju F04 Klik Daftar Menuju F05 Klik Login Menuju F06 Klik Keranjang Belanja Menuju F07 Klik Cari Menuju F08 Lupa Password Menuju F09
Klik Detail Menuju F10
Berikut dapat dilihat perancangan antarmuka lupa Password dari
pembangunan aplikasi e-commerce di toko dbeauty shop yang tercantum pada
gambar 3.44 dibawah ini:
F09
Gambar Header
Beranda | Hubungi Kami | Cara Pemesanan | Cara Pembayaran | >> Lupa Password
© 2011 Dbeauty Shop Oriflame Swedish Cosmetics
Klik Beranda Menuju F01 Klik Hubungi Kami Menuju F02
Klik Cara Pemesanan Menuju F03 Klik Cara Pembayaran Menuju F04 Klik Daftar Menuju F05 Klik Login Menuju F06 Klik Keranjang Belanja Menuju F07 Klik Cari Menuju F08 Lupa Password Menuju F09
Klik Detail Menuju F10
Folow us : facebook Keranjang Belanja Pencarian Cari Item Keterangan
Lihat keranjang belanja JNE Tracking
Masukan Nomor Airwaybill JNE :
Cari
Gambar JNE
Contact Sales
Kami Siap Melayani Anda
Kami menerima Gambar Gambar Kategori produk Nama Produk Nama Produk
Selamat Datang | Daftar | Masuk
Gambar >> Beranda
Lupa Password
Reset Password
Berikut dapat dilihat perancangan antarmuka detail Produk dari
pembangunan aplikasi e-commerce di toko dbeauty shop yang tercantum pada
gambar 3.45 dibawah ini:
F10
Gambar Header
Beranda | Hubungi Kami | Cara Pemesanan | Cara Pembayaran | >> Lupa Password
© 2011 Dbeauty Shop Oriflame Swedish Cosmetics
Klik Beranda Menuju F01 Klik Hubungi Kami Menuju F02
Klik Cara Pemesanan Menuju F03 Klik Cara Pembayaran Menuju F04 Klik Daftar Menuju F05 Klik Login Menuju F06 Klik Keranjang Belanja Menuju F07 Klik Cari Menuju F08 Lupa Password Menuju F09
Klik Detail Menuju F10
Folow us : facebook Keranjang Belanja Pencarian Cari Item Keterangan
Lihat keranjang belanja JNE Tracking
Masukan Nomor Airwaybill JNE :
Cari
Gambar JNE
Contact Sales
Kami Siap Melayani Anda
Kami menerima Gambar Gambar Kategori produk Nama Produk Nama Produk
Selamat Datang | Daftar | Masuk
Gambar >> Beranda
Jenis - katagori
Gambar
Qty: Add to chart
Keterangan :
Share : Facebook, Twitter
Kategori Nama Produk berat Diskon stok Share : Facebook, Twitter
Keterangan Produk Terbaru Gambar Keterangan Detail Gambar Keterangan Gambar Keterangan Detail Detail
1. Perancangan Antarmuka Beranda
Berikut dapat dilihat perancangan antarmuka beranda dari pembangunan
aplikasi e-commerce di toko dbeauty shop yang tercantum pada gambar 3.46
dibawah ini:
G01
Gambar Header
>> Beranda
© 2011 Dbeauty Shop Oriflame Swedish Cosmetics Produk Terbaru Gambar Keterangan detail Gambar Keterangan Gambar Keterangan Produk Terlaris Gambar Keterangan Gambar Keterangan Gambar Keterangan
Produk Terbanyak Dilihat
Gambar Keterangan Gambar Keterangan Gambar Keterangan detail detail
detail detail detail
detail detail detail
Selamat Datang! Nama Member | Keluar
Folow us : facebook Keranjang Belanja Pencarian Cari Item Keterangan
Lihat keranjang belanja
JNE Tracking
Masukan Nomor Airwaybill JNE :
Cari
Gambar JNE
Contact Sales Kami Siap Melayani Anda
Kami menerima Gambar Gambar Kategori produk Nama Produk Nama Produk Gambar
Klik Beranda Menuju G01
Klik Hubungi Kami Menuju G02
Klik Cara Pemesanan & Retur Menuju G03
Klik Cara Pembayaran Menuju G04
Klik Logout Menuju G05
Klik Keranjang Belanja Menuju G06
Klik Ubah Profil Menuju G07
Klik Edit Password Menuju G08
Klik Riwaya Pembelian Menuju G09
Klik Cari Menuju G10 Beranda Hubungi Kami Cara Pemesanan Cara Pembayaran Info Member Riwayat Pesanan Info Retur
Berikut dapat dilihat perancangan antarmuka hubungi kami dari
pembangunan aplikasi e-commerce di toko dbeauty shop yang tercantum pada
gambar 3.47 dibawah ini:
G02
Gambar Header
>> Beranda >> Hubungi Kami
© 2011 Dbeauty Shop Oriflame Swedish Cosmetics
Klik Beranda Menuju G01
Klik Hubungi Kami Menuju G02
Klik Cara Pemesanan & Retur Menuju G03
Klik Cara Pembayaran Menuju G04
Klik Logout Menuju G05
Klik Keranjang Belanja Menuju G06
Klik Ubah Profil Menuju G07
Klik Edit Password Menuju G08
Klik Riwaya Pembelian Menuju G09
Klik Cari Menuju G10 Selamat Datang! Nama Member | Keluar
Folow us : facebook Nama Pesan kirim Email Telepon HUBUNGI KAMI Keranjang Belanja Pencarian Cari Item Keterangan
Lihat keranjang belanja
JNE Tracking
Masukan Nomor Airwaybill JNE :
Cari
Gambar JNE
Contact Sales Kami Siap Melayani Anda
Kami menerima Gambar Gambar Kategori produk Nama Produk Nama Produk Gambar
Beranda Hubungi Kami Cara Pemesanan Cara Pembayaran Info Member Riwayat Pesanan Info Retur
Berikut dapat dilihat perancangan antarmuka cara pemesanan dari
pembangunan aplikasi e-commerce di toko dbeauty shop yang tercantum pada
gambar 3.48 dibawah ini:
G03
Gambar Header
>> Beranda >> Cara Pemesanan
© 2011 Dbeauty Shop Oriflame Swedish Cosmetics
Klik Beranda Menuju G01
Klik Hubungi Kami Menuju G02
Klik Cara Pemesanan & Retur Menuju G03
Klik Cara Pembayaran Menuju G04
Klik Logout Menuju G05
Klik Keranjang Belanja Menuju G06
Klik Ubah Profil Menuju G07
Klik Edit Password Menuju G08
Klik Riwaya Pembelian Menuju G09
Klik Cari Menuju G10 Selamat Datang! Nama Member | Keluar
Beranda Hubungi Kami Cara Pemesanan Cara Pembayaran Info Member Riwayat Pesanan Info Retur
Folow us : facebook CARA PEMESANAN Keranjang Belanja Pencarian Cari Item Keterangan
Lihat keranjang belanja
JNE Tracking
Masukan Nomor Airwaybill JNE :
Cari
Gambar JNE
Contact Sales Kami Siap Melayani Anda
Kami menerima Gambar Gambar Kategori produk Nama Produk Nama Produk Gambar
Berikut dapat dilihat perancangan antarmuka cara pembayaran dari
pembangunan aplikasi e-commerce di toko dbeauty shop yang tercantum pada
gambar 3.49 dibawah ini:
G04
Gambar Header
>> Beranda >> Cara Pembayaran
© 2011 Dbeauty Shop Oriflame Swedish Cosmetics
Klik Beranda Menuju G01
Klik Hubungi Kami Menuju G02
Klik Cara Pemesanan & Retur Menuju G03
Klik Cara Pembayaran Menuju G04
Klik Logout Menuju G05
Klik Keranjang Belanja Menuju G06
Klik Ubah Profil Menuju G07
Klik Edit Password Menuju G08
Klik Riwaya Pembelian Menuju G09
Klik Cari Menuju G10 Selamat Datang! Nama Member | Keluar
My Account
Ubah Profil Ganti Password Data Pembelian Beranda Hubungi Kami Cara Pemesanan Cara Pembayaran
Folow us : facebook Keranjang Belanja Pencarian Cari Item Keterangan
Lihat keranjang belanja
JNE Tracking
Masukan Nomor Airwaybill JNE :
Cari
Gambar JNE
Contact Sales Kami Siap Melayani Anda
Kami menerima Gambar Gambar Kategori produk Nama Produk Nama Produk Gambar Nama Member CARA PEMBAYARAN
Berikut dapat dilihat perancangan antarmuka logout dari pembangunan
aplikasi e-commerce di toko dbeauty shop yang tercantum pada gambar 3.50
dibawah ini:
G05
Gambar Header
>> Beranda >> Logout
© 2011 Dbeauty Shop Oriflame Swedish Cosmetics
Klik Beranda Menuju G01
Klik Hubungi Kami Menuju G02
Klik Cara Pemesanan & Retur Menuju G03
Klik Cara Pembayaran Menuju G04
Klik Logout Menuju G05
Klik Keranjang Belanja Menuju G06
Klik Ubah Profil Menuju G07
Klik Edit Password Menuju G08
Klik Riwaya Pembelian Menuju G09
Klik Cari Menuju G10 Selamat Datang! Nama Member | Keluar
Folow us : facebook Logout Lupa Password? Login Email Password Anda telah keluar
Login
Beranda Hubungi Kami Cara Pemesanan Cara Pembayaran Info Member Riwayat Pesanan Info Retur
Keranjang Belanja Pencarian
Cari
Item Keterangan
Lihat keranjang belanja
JNE Tracking
Masukan Nomor Airwaybill JNE :
Cari
Gambar JNE
Contact Sales Kami Siap Melayani Anda
Kami menerima Gambar Gambar Kategori produk Nama Produk Nama Produk Gambar
Berikut dapat dilihat perancangan antarmuka keranjang belanja dari
pembangunan aplikasi e-commerce di toko dbeauty shop yang tercantum pada
gambar 3.51 dibawah ini:
G06
Gambar Header
>> Beranda >> Keranjang
© 2011 Dbeauty Shop Oriflame Swedish Cosmetics
Klik Beranda Menuju G01
Klik Hubungi Kami Menuju G02
Klik Cara Pemesanan & Retur Menuju G03
Klik Cara Pembayaran Menuju G04
Klik Logout Menuju G05
Klik Keranjang Belanja Menuju G06
Klik Ubah Profil Menuju G07
Klik Edit Password Menuju G08
Klik Riwaya Pembelian Menuju G09
Klik Cari Menuju G10 Selamat Datang! Nama Member | Keluar
Folow us : facebook Keranjang Belanja
Nama Produk Harga Jumlah StokBerat Diskon Sub Total
Keranjang Belanja Pencarian
Cari
Item Keterangan
Lihat keranjang belanja
JNE Tracking
Masukan Nomor Airwaybill JNE :
Cari
Gambar JNE
Contact Sales Kami Siap Melayani Anda
Kami menerima Gambar Gambar Kategori produk Nama Produk Nama Produk Gambar Beranda Hubungi Kami Cara Pemesanan Cara Pembayaran Info Member Riwayat Pesanan Info Retur
Berikut dapat dilihat perancangan antarmuka ubah profil dari
pembangunan aplikasi e-commerce di toko dbeauty shop yang tercantum pada
gambar 3.52 dibawah ini:
G07
Gambar Header
>> Beranda >> Ubah Profil
© 2011 Dbeauty Shop Oriflame Swedish Cosmetics
Klik Beranda Menuju G01
Klik Hubungi Kami Menuju G02
Klik Cara Pemesanan & Retur Menuju G03
Klik Cara Pembayaran Menuju G04
Klik Logout Menuju G05
Klik Keranjang Belanja Menuju G06
Klik Ubah Profil Menuju G07
Klik Edit Password Menuju G08
Klik Riwaya Pembelian Menuju G09
Klik Cari Menuju G10 Selamat Datang! Nama Member | Keluar
Folow us : facebook Ubah Profil Nama Email Provinsi Kota Alamat Telepon Simpan Kode Pos Keranjang Belanja Pencarian Cari Item Keterangan
Lihat keranjang belanja
JNE Tracking
Masukan Nomor Airwaybill JNE :
Cari
Gambar JNE
Contact Sales Kami Siap Melayani Anda
Kami menerima Gambar Gambar Kategori produk Nama Produk Nama Produk Gambar
Beranda Hubungi Kami Cara Pemesanan Cara Pembayaran Info Member Riwayat Pesanan Info Retur
Ubah Profil Ubah Pasword
Berikut dapat dilihat perancangan antarmuka ubah Password dari
pembangunan aplikasi e-commerce di toko dbeauty shop yang tercantum pada
gambar 3.53 dibawah ini:
G08
Gambar Header
>> Beranda >> Ubah Password
© 2011 Dbeauty Shop Oriflame Swedish Cosmetics
Klik Beranda Menuju G01
Klik Hubungi Kami Menuju G02
Klik Cara Pemesanan & Retur Menuju G03
Klik Cara Pembayaran Menuju G04
Klik Logout Menuju G05
Klik Keranjang Belanja Menuju G06
Klik Ubah Profil Menuju G07
Klik Edit Password Menuju G08
Klik Riwaya Pembelian Menuju G09
Klik Cari Menuju G10 Selamat Datang! Nama Member | Keluar
Folow us : facebook Ubah Password Password Lama Password Baru Konfirmasi Password Baru Simpan Keranjang Belanja Pencarian Cari Item Keterangan
Lihat keranjang belanja
JNE Tracking
Masukan Nomor Airwaybill JNE :
Cari
Gambar JNE
Contact Sales Kami Siap Melayani Anda
Kami menerima Gambar Gambar Kategori produk Nama Produk Nama Produk Gambar
Beranda Hubungi Kami Cara Pemesanan Cara Pembayaran Info Member Riwayat Pesanan Info Retur
Ubah Profil Ubah Pasword
Berikut dapat dilihat perancangan antarmuka riwayat pembelian dari
pembangunan aplikasi e-commerce di toko dbeauty shop yang tercantum pada
gambar 3.54 dibawah ini:
Keranjang Belanja Pencarian
Cari
Item Keterangan
Lihat keranjang belanja
JNE Tracking
Masukan Nomor Airwaybill JNE :
Cari
Gambar JNE
Contact Sales Kami Siap Melayani Anda
Kami menerima Gambar Gambar Kategori produk Nama Produk Nama Produk Gambar G09 Gambar Header
>> Beranda >> Riwayat Pembelian
© 2011 Dbeauty Shop Oriflame Swedish Cosmetics
Klik Beranda Menuju G01
Klik Hubungi Kami Menuju G02
Klik Cara Pemesanan & Retur Menuju G03
Klik Cara Pembayaran Menuju G04
Klik Logout Menuju G05
Klik Keranjang Belanja Menuju G06
Klik Ubah Profil Menuju G07
Klik Edit Password Menuju G08
Klik Riwaya Pembelian Menuju G09
Klik Cari Menuju G10 Selamat Datang! Nama Member | Keluar
Folow us : facebook Riwayat Pembelian
No. Invoice Tanggal Total Harga Status
Beranda Hubungi Kami Cara Pemesanan Cara Pembayaran Info Member Riwayat Pesanan Info Retur
Berikut dapat dilihat perancangan antarmuka cari dari pembangunan
aplikasi e-commerce di toko dbeauty shop yang tercantum pada gambar 3.55
dibawah ini:
G10
Gambar Header
>> Beranda >> Cari
© 2011 Dbeauty Shop Oriflame Swedish Cosmetics