2. Perancangan Kode Sub Kategori Perancangan kode Sub kategori yang diusulkan adalah sebagai berikut :
Format :
JAN 3 huruf kependekan dari nama sub kategori
Contoh : JAN kependekan dari kategori jilbab anak 3. Perancangan Kode Produk
Perancangan kode produk yang diusulkan adalah sebagai berikut : Format : JILJAN001
Contoh : JILJAN001
JIL menunjukan id dari kategori, JAN id dari sub_kategori dan 001 menunjukan nomor urut.
3.2.2 Perancangan Struktur Menu
1. Struktur Menu Pengunjung Struktur menu pengunjung terdiri dari Beranda, Kategori, Cara Pemesanan,
Tentang kami, Masuk, Daftar, Lupa Password, Detail Produk.Untuk menu pengunjung ini hanya bisa melihat daftar barang dan kategori saja tanpa bisa
membeli atau memesan barang tersebut karena diharuskan untu mendaftar terlebih dahulu. Struktur menu admin dapat dilihat pada gambar 3.53.
001 : No. urut produk
JAN : Id Sub Kategori JIL
: Id Kategori
E-Commerce Aghnie Shop
Bandung
Cara Pemesanan Cara Pembayaran
Home Tentang Aghnie
Shop
Kategori Profile
Daftar Login
Logout
Detail Produk
Gambar 3.53, Struktur Menu Pengunjung
2. Struktur Menu Member Struktur menu member terdiri dari Beranda, Kategori, Cara Pemesanan,
Tentang kami, Keranjang Belanja, Setting, Ubah Password, Detail Produk, Keluar. Struktur menu admin dapat dilihat pada gambar 3.54.
E-Commerce Aghnie Shop
Bandung
Cara Pemesanan Cara Pembayaran
Home Tentang Aghnie
Shop
Kategori Profile
Data Pesanan Retur Pesanan
Logout
Detail Produk Detail Pesanan
Detail Retur Keranjang
Gambar 3.54, Struktur Menu Member
3. Struktur Menu Pegawai Struktur menu pegawai dapat dilihat pada gambar 3.55 .
E-Commerce Aghnie Shop
Bandung
Katalog Member
Retur Home
Pesanan Laporan
Alamat
Pengolahan Kategori
Pengolahan Sub Kategori
Pengolahan Produk
Pengolahan Warna
Pengolahan Ukuran
Pengolahan Provinsi
Pengolahan Kota
Gambar 3.55, Struktur Menu Pegawai
4. Struktur Menu Super Admin Struktur menu admin dapat dilihat pada gambar 3.56 :
E-Commerce Aghnie Shop
Bandung
Home Pengolahan
Pegawai My Profile
Logout
Tambah Pegawai Edit Pegawai
Edit Profile
Gambar 3.56, Struktur Menu Super Admin
3.2.3 Perancangan Antar Muka
Perancangan antar muka yang dibuat dalam sistem ini adalah sebagai berikut :
LOGO HOME | TENTANG AGHNIE SHOP | CARA PESAN | CARA BAYAR | LOGIN DAFTAR
KATEGORI
TRACKING
CARI PRODUK berdasarkan
Cari
YAHOO PINGBOX PRODUK TERBARU
GAMBAR
DETAIL GAMBAR
GAMBAR
DETAIL DETAIL
PRODUK PALING BANYAK DILIHAT
GAMBAR
DETAIL GAMBAR
GAMBAR
DETAIL DETAIL
PRODUK TERLARIS
GAMBAR
DETAIL GAMBAR
GAMBAR
DETAIL DETAIL
FOOTER Keterangan :
· Klik Home menuju T01
· Klik Tentang Aghnie Shop menuju T02
· Klik Cara Pesan menuju T03
· Klik Cara Bayar menuju T04
· Klik LoginDaftar menuju T05
· Klik Cek no resi tiki JNE akan di
alihkan ke http:www.jne.co.id ·
Klik Kategori menuju T06 ·
Klik Gambar Diskon menuju T08 ·
Klik Lihat Semua menuju T07 ·
Klik Cari menuju T09 ·
Klik Detail menuju T08 T01
GAMBAR DISKON
Lihat Semua
Gambar 3.57, Halaman Utama Pengunjung
LOGO HOME | TENTANG AGHNIE SHOP | CARA PESAN | CARA BAYAR | LOGIN DAFTAR
KATEGORI
DISKON
TRACKING
CARI PRODUK berdasarkan
Cari
YAHOO PINGBOX TENTANG AGHNIE SHOP
TENTANG AGHNIE SHOP Keterangan :
· Klik Home menuju T01
· Klik Tentang Aghnie Shop menuju T02
· Klik Cara Pesan menuju T03
· Klik Cara Bayar menuju T04
· Klik LoginDaftar menuju T05
· Klik Cek no resi tiki JNE akan di
alihkan ke http:www.jne.co.id ·
Klik Kategori menuju T06 ·
Klik Gambar Diskon menuju T08 ·
Klik Lihat Semua menuju T07 ·
Klik Cari menuju T09 T02
GAMBAR DISKON
Lihat Semua
FOOTER
Gambar 3.58, Halaman Profile Aghnie Shop Pengunjung
LOGO HOME | TENTANG AGHNIE SHOP | CARA PESAN | CARA BAYAR | LOGIN DAFTAR
KATEGORI
DISKON
TRACKING
CARI PRODUK berdasarkan
Cari
YAHOO PINGBOX CARA PESAN
DESKRIPSI CARA PESAN Keterangan :
· Klik Home menuju T01
· Klik Tentang Aghnie Shop menuju T02
· Klik Cara Pesan menuju T03
· Klik Cara Bayar menuju T04
· Klik LoginDaftar menuju T05
· Klik Cek no resi tiki JNE akan di
alihkan ke http:www.jne.co.id ·
Klik Kategori menuju T06 ·
Klik Gambar Diskon menuju T08 ·
Klik Lihat Semua menuju T07 ·
Klik Cari menuju T09 T03
GAMBAR DISKON
Lihat Semua
FOOTER
Gambar 3.59, Halaman Cara Pemesanan Pengunjung
LOGO HOME | TENTANG AGHNIE SHOP | CARA PESAN | CARA BAYAR | LOGIN DAFTAR
KATEGORI
DISKON
TRACKING
CARI PRODUK berdasarkan
Cari
YAHOO PINGBOX CARA BAYAR
DESKRIPSI CARA BAYAR Keterangan :
· Klik Home menuju T01
· Klik Tentang Aghnie Shop menuju T02
· Klik Cara Pesan menuju T03
· Klik Cara Bayar menuju T04
· Klik LoginDaftar menuju T05
· Klik Cek no resi tiki JNE akan di
alihkan ke http:www.jne.co.id ·
Klik Kategori menuju T06 ·
Klik Gambar Diskon menuju T08 ·
Klik Lihat Semua menuju T07 ·
Klik Cari menuju T09 T04
GAMBAR DISKON
Lihat Semua
FOOTER
Gambar 3.60, Halaman Cara Pembayaran Pengunjung
LOGO Klik Disini untuk kembali ke halaman utama
Login Member Keterangan :
· Klik link Disini menuju T01
· Klik login menujuT10 jika login valid,
jika username kosong menuju M01, jika password kosong menuju M02, jika
login gagal menuju M03 ·
Klik Kirim menuju M04 jika email tidak diisi, menuju M05 jika format email
salah, menuju M06 jika email tidak terdaftar, menuju M07 jika email
terdaftar di database
· Klik daftar menampilkan M01 jika
username tidak diisi, menampilkan M08 jika username sudah ada,
menuju M10 jika nama tidak diisi, menampilkan M04 jika email tidak
diisi, menampilkan M05 jika format email salah, menampilkan M09 jika
email sudah ada, menampilkan M11 jika password tidak diisi,
menampilkan M12 jika password tdk sama, menampilkan M13 jika semua
data sudah valid, menampilkan M14 jika pendaftaran berhasil
T05
Username Password
Login Lupa Password
Email Kirim
Username Informasi Kontak
Nama Email
Telepon Jenis Kelamin
Password Ulang Password
Alamat Informasi Alamat
Provinsi Kota
Kode Pos Daftar
FOOTER
Gambar 3.61, Halaman Daftar dan Login Pengunjung
LOGO HOME | TENTANG AGHNIE SHOP | CARA PESAN | CARA BAYAR | LOGIN DAFTAR
KATEGORI
TRACKING
CARI PRODUK berdasarkan
Cari
YAHOO PINGBOX GAMBAR
DETAIL GAMBAR
GAMBAR
DETAIL DETAIL
GAMBAR
DETAIL GAMBAR
GAMBAR
DETAIL DETAIL
GAMBAR
DETAIL GAMBAR
GAMBAR
DETAIL DETAIL
FOOTER Keterangan :
· Klik Home menuju T01
· Klik Tentang Aghnie Shop menuju T02
· Klik Cara Pesan menuju T03
· Klik Cara Bayar menuju T04
· Klik LoginDaftar menuju T05
· Klik Cek no resi tiki JNE akan di
alihkan ke http:www.jne.co.id ·
Klik Kategori menuju T06 ·
Klik Gambar Diskon menuju T08 ·
Klik Lihat Semua menuju T07 ·
Klik Cari menuju T09 ·
Klik Detail menuju T08 T06
GAMBAR DISKON
Lihat Semua
Gambar 3.62, Halaman Kategori Pengunjung
LOGO HOME | TENTANG AGHNIE SHOP | CARA PESAN | CARA BAYAR | LOGIN DAFTAR
KATEGORI
TRACKING
CARI PRODUK berdasarkan
Cari
YAHOO PINGBOX GAMBAR
DETAIL GAMBAR
GAMBAR
DETAIL DETAIL
GAMBAR
DETAIL GAMBAR
GAMBAR
DETAIL DETAIL
GAMBAR
DETAIL GAMBAR
GAMBAR
DETAIL DETAIL
FOOTER Keterangan :
· Klik Home menuju T01
· Klik Tentang Aghnie Shop menuju T02
· Klik Cara Pesan menuju T03
· Klik Cara Bayar menuju T04
· Klik LoginDaftar menuju T05
· Klik Cek no resi tiki JNE akan di
alihkan ke http:www.jne.co.id ·
Klik Kategori menuju T06 ·
Klik Gambar Diskon menuju T08 ·
Klik Lihat Semua menuju T07 ·
Klik Cari menuju T09 ·
Klik Detail menuju T08 T07
GAMBAR DISKON
Lihat Semua
Gambar 3.63, Halaman Diskon Pengunjung
LOGO HOME | TENTANG AGHNIE SHOP | CARA PESAN | CARA BAYAR | LOGIN DAFTAR
KATEGORI
DISKON
TRACKING
CARI PRODUK berdasarkan
Cari
YAHOO PINGBOX DESKRIPSI PRODUK
Keterangan : ·
Klik Home menuju T01 ·
Klik Tentang Aghnie Shop menuju T02 ·
Klik Cara Pesan menuju T03 ·
Klik Cara Bayar menuju T04 ·
Klik LoginDaftar menuju T05 ·
Klik Cek no resi tiki JNE akan di alihkan ke http:www.jne.co.id
· Klik Kategori menuju T06
· Klik Gambar Diskon menuju T08
· Klik Lihat Semua menuju T07
· Klik Cari menuju T09
· Klik Beli menuju T05
T08
GAMBAR DISKON
Lihat Semua
FOOTER HARGA
UKURAN WARNA
STOCK GAMBAR
BELI XXXX
XXXX XXXX
GAMBAR BELI
Gambar 3.64, Halaman Detail Produk Pengunjung
LOGO HOME | TENTANG AGHNIE SHOP | CARA PESAN | CARA BAYAR | LOGIN DAFTAR
KATEGORI
TRACKING
CARI PRODUK berdasarkan
Cari
YAHOO PINGBOX GAMBAR
DETAIL GAMBAR
GAMBAR
DETAIL DETAIL
GAMBAR
DETAIL GAMBAR
GAMBAR
DETAIL DETAIL
GAMBAR
DETAIL GAMBAR
GAMBAR
DETAIL DETAIL
FOOTER Keterangan :
· Klik Home menuju T01
· Klik Tentang Aghnie Shop menuju T02
· Klik Cara Pesan menuju T03
· Klik Cara Bayar menuju T04
· Klik LoginDaftar menuju T05
· Klik Cek no resi tiki JNE akan di
alihkan ke http:www.jne.co.id ·
Klik Kategori menuju T06 ·
Klik Gambar Diskon menuju T08 ·
Klik Lihat Semua menuju T07 ·
Klik Cari menuju T09 ·
Klik Detail menuju T08 T09
GAMBAR DISKON
Lihat Semua
Gambar 3.65, Halaman Hasil Pencarian Produk Pengunjung
LOGO HOME | TENTANG AGHNIE SHOP | CARA PESAN | CARA BAYAR | MY ACCOUNT
KATEGORI
TRACKING
CARI PRODUK berdasarkan
Cari
YAHOO PINGBOX PRODUK TERBARU
GAMBAR
DETAIL GAMBAR
GAMBAR
DETAIL DETAIL
PRODUK PALING BANYAK DILIHAT
GAMBAR
DETAIL GAMBAR
GAMBAR
DETAIL DETAIL
PRODUK TERLARIS
GAMBAR
DETAIL GAMBAR
GAMBAR
DETAIL DETAIL
FOOTER Keterangan :
· Klik Home menuju T10
· Klik Tentang Aghnie Shop menuju T11
· Klik Cara Pesan menuju T12
· Klik Cara Bayar menuju T13
· Klik My Account menuju T14
· Klik Cek no resi tiki JNE akan di
alihkan ke http:www.jne.co.id ·
Klik Kategori menuju T15 ·
Klik Gambar Diskon menuju T17 ·
Klik Lihat Semua menuju T16 ·
Klik Cari menuju T18 ·
Klik Detail menuju T17 ·
Klik Username menuju T14 ·
Klik Keranjang Belanja menuju M27 jika data pesanan di keranjang
kosong, menuju T25 jika data pesanan di keranjang ada
· Klik Logout menuju T01
T10
GAMBAR DISKON
Lihat Semua Username | Logout
Keranjang Belanja
Gambar 3.66, Halaman Utama Member Member
LOGO
KATEGORI
DISKON
TRACKING
CARI PRODUK berdasarkan
Cari
YAHOO PINGBOX TENTANG AGHNIE SHOP
TENTANG AGHNIE SHOP Keterangan :
Klik Home menuju T10 Klik Tentang Aghnie Shop menuju T11
Klik Cara Pesan menuju T12 Klik Cara Bayar menuju T13
Klik My Account menuju T14 Klik Cek no resi tiki JNE akan di alihkan ke
http:www.jne.co.id Klik Kategori menuju T15
Klik Gambar Diskon menuju T17 Klik Lihat Semua menuju T16
Klik Cari menuju T18 Klik Username menuju T14
Klik Keranjang Belanja menuju M27 jika data pesanan di keranjang kosong, menuju
T25 jika data pesanan di keranjang ada Klik Logout menuju T01
T11
GAMBAR DISKON
Lihat Semua
FOOTER HOME | TENTANG AGHNIE SHOP | CARA PESAN | CARA BAYAR | MY ACCOUNT
Username | Logout Keranjang Belanja
Gambar 3.67, Halaman Profile Aghnie Shop Member
LOGO
KATEGORI
DISKON
TRACKING
CARI PRODUK berdasarkan
Cari
YAHOO PINGBOX CARA PESAN
DESKRIPSI CARA PESAN Keterangan :
Klik Home menuju T10 Klik Tentang Aghnie Shop menuju T11
Klik Cara Pesan menuju T12 Klik Cara Bayar menuju T13
Klik My Account menuju T14 Klik Cek no resi tiki JNE akan di alihkan ke
http:www.jne.co.id Klik Kategori menuju T15
Klik Gambar Diskon menuju T17 Klik Lihat Semua menuju T16
Klik Cari menuju T18 Klik Username menuju T14
Klik Keranjang Belanja menuju M27 jika data pesanan di keranjang kosong, menuju
T25 jika data pesanan di keranjang ada Klik Logout menuju T01
T12
GAMBAR DISKON
Lihat Semua
FOOTER HOME | TENTANG AGHNIE SHOP | CARA PESAN | CARA BAYAR | MY ACCOUNT
Username | Logout Keranjang Belanja
Gambar 3.68, Halaman Cara Pemesanan Member
LOGO
KATEGORI
DISKON
TRACKING
CARI PRODUK berdasarkan
Cari
YAHOO PINGBOX CARA BAYAR
DESKRIPSI CARA BAYAR Keterangan :
Klik Home menuju T10 Klik Tentang Aghnie Shop menuju T11
Klik Cara Pesan menuju T12 Klik Cara Bayar menuju T13
Klik My Account menuju T14 Klik Cek no resi tiki JNE akan di alihkan ke
http:www.jne.co.id Klik Kategori menuju T15
Klik Gambar Diskon menuju T17 Klik Lihat Semua menuju T16
Klik Cari menuju T18 Klik Username menuju T14
Klik Keranjang Belanja menuju M27 jika data pesanan di keranjang kosong, menuju
T25 jika data pesanan di keranjang ada Klik Logout menuju T01
T13
GAMBAR DISKON
Lihat Semua
FOOTER HOME | TENTANG AGHNIE SHOP | CARA PESAN | CARA BAYAR | MY ACCOUNT
Username | Logout Keranjang Belanja
Gambar 3.69, Halaman Cara Pembayaran Member
LOGO
KATEGORI
DISKON
TRACKING
CARI PRODUK berdasarkan
Cari
YAHOO PINGBOX My Profile
Informasi Kontak
Data Pesanan Keterangan :
Klik Home menuju T10 Klik Tentang Aghnie Shop menuju T11
Klik Cara Pesan menuju T12 Klik Cara Bayar menuju T13
Klik My Account menuju T14 Klik Cek no resi tiki JNE akan di alihkan ke
http:www.jne.co.id Klik Kategori menuju T15
Klik Gambar Diskon menuju T17 Klik Lihat Semua menuju T16
Klik Cari menuju T18 Klik Tampilkan atau Ubah Informasi Tentang
Saya menuju T19 Klik Tampilkan atau Ubah Alamat Saya
menuju T20 Klik Ubah Password Account menuju T21
Klik Tampilkan History Pesanan Yang Telah Dilakukan menuju T22
Klik Kelola Retur menuju T28 Klik Username menuju T14
Klik Keranjang Belanja menuju M27 jika data pesanan di keranjang kosong, menuju
T25 jika data pesanan di keranjang ada Klik Logout menuju T01
T14
GAMBAR DISKON
Lihat Semua
FOOTER Tampilkan atau Ubah Informasi Tentang Saya
Tampilkan atau Ubah Alamat Saya Ubah Password Account
Tampilkan History Pesanan Yang Telah Dilakukan Kelola Retur
HOME | TENTANG AGHNIE SHOP | CARA PESAN | CARA BAYAR | MY ACCOUNT Username | Logout
Keranjang Belanja
Gambar 3.70, Halaman My Account Member
LOGO
KATEGORI
TRACKING
CARI PRODUK berdasarkan
Cari
YAHOO PINGBOX GAMBAR
DETAIL GAMBAR
GAMBAR
DETAIL DETAIL
GAMBAR
DETAIL GAMBAR
GAMBAR
DETAIL DETAIL
GAMBAR
DETAIL GAMBAR
GAMBAR
DETAIL DETAIL
FOOTER Keterangan :
Klik Home menuju T10 Klik Tentang Aghnie Shop menuju T11
Klik Cara Pesan menuju T12 Klik Cara Bayar menuju T13
Klik My Account menuju T14 Klik Cek no resi tiki JNE akan di alihkan ke
http:www.jne.co.id Klik Kategori menuju T15
Klik Gambar Diskon menuju T17 Klik Lihat Semua menuju T16
Klik Cari menuju T18 Klik Detail menuju T17
Klik Username menuju T14 Klik Keranjang Belanja menuju M27 jika
data pesanan di keranjang kosong, menuju T25 jika data pesanan di keranjang ada
Klik Logout menuju T01 T15
GAMBAR DISKON
Lihat Semua HOME | TENTANG AGHNIE SHOP | CARA PESAN | CARA BAYAR | MY ACCOUNT
Username | Logout Keranjang Belanja
Gambar 3.71, Halaman Kategori Member
LOGO
KATEGORI
TRACKING
CARI PRODUK berdasarkan
Cari
YAHOO PINGBOX GAMBAR
DETAIL GAMBAR
GAMBAR
DETAIL DETAIL
GAMBAR
DETAIL GAMBAR
GAMBAR
DETAIL DETAIL
GAMBAR
DETAIL GAMBAR
GAMBAR
DETAIL DETAIL
FOOTER Keterangan :
Klik Home menuju T10 Klik Tentang Aghnie Shop menuju T11
Klik Cara Pesan menuju T12 Klik Cara Bayar menuju T13
Klik My Account menuju T14 Klik Cek no resi tiki JNE akan di alihkan ke
http:www.jne.co.id Klik Kategori menuju T15
Klik Gambar Diskon menuju T17 Klik Lihat Semua menuju T16
Klik Cari menuju T18 Klik Detail menuju T17
Klik Username menuju T14 Klik Keranjang Belanja menuju M27 jika
data pesanan di keranjang kosong, menuju T25 jika data pesanan di keranjang ada
Klik Logout menuju T01 T16
GAMBAR DISKON
Lihat Semua HOME | TENTANG AGHNIE SHOP | CARA PESAN | CARA BAYAR | MY ACCOUNT
Username | Logout Keranjang Belanja
Gambar 3.72, Halaman Diskon Member
LOGO
KATEGORI
DISKON
TRACKING
CARI PRODUK berdasarkan
Cari
YAHOO PINGBOX DESKRIPSI PRODUK
Keterangan : Klik Home menuju T10
Klik Tentang Aghnie Shop menuju T11 Klik Cara Pesan menuju T12
Klik Cara Bayar menuju T13 Klik My Account menuju T14
Klik Cek no resi tiki JNE akan di alihkan ke http:www.jne.co.id
Klik Kategori menuju T15 Klik Gambar Diskon menuju T17
Klik Lihat Semua menuju T16 Klik Cari menuju T18
Klik Beli menuju T25 Klik Username menuju T14
Klik Keranjang Belanja menuju M27 jika data pesanan di keranjang kosong, menuju
T25 jika data pesanan di keranjang ada Klik Logout menuju T01
T17
GAMBAR DISKON
Lihat Semua
FOOTER HARGA
UKURAN WARNA
STOCK GAMBAR
BELI XXXX
XXXX XXXX
GAMBAR BELI
HOME | TENTANG AGHNIE SHOP | CARA PESAN | CARA BAYAR | MY ACCOUNT Username | Logout
Keranjang Belanja
Gambar 3.73, Halaman Detail Produk Member
LOGO
KATEGORI
TRACKING
CARI PRODUK berdasarkan
Cari
YAHOO PINGBOX GAMBAR
DETAIL GAMBAR
GAMBAR
DETAIL DETAIL
GAMBAR
DETAIL GAMBAR
GAMBAR
DETAIL DETAIL
GAMBAR
DETAIL GAMBAR
GAMBAR
DETAIL DETAIL
FOOTER Keterangan :
Klik Home menuju T10 Klik Tentang Aghnie Shop menuju T11
Klik Cara Pesan menuju T12 Klik Cara Bayar menuju T13
Klik My Account menuju T14 Klik Cek no resi tiki JNE akan di alihkan ke
http:www.jne.co.id Klik Kategori menuju T15
Klik Gambar Diskon menuju T17 Klik Lihat Semua menuju T16
Klik Cari menuju T18 Klik Detail menuju T17
Klik Username menuju T14 Klik Keranjang Belanja menuju M27 jika
data pesanan di keranjang kosong, menuju T25 jika data pesanan di keranjang ada
Klik Logout menuju T01 T18
GAMBAR DISKON
Lihat Semua HOME | TENTANG AGHNIE SHOP | CARA PESAN | CARA BAYAR | MY ACCOUNT
Username | Logout Keranjang Belanja
Gambar 3.74, Halaman Hasil Pencarian Produk Member
LOGO
KATEGORI
DISKON
TRACKING
CARI PRODUK berdasarkan
Cari
YAHOO PINGBOX My Account Edit Profile
Keterangan : Klik Home menuju T10
Klik Tentang Aghnie Shop menuju T11 Klik Cara Pesan menuju T12
Klik Cara Bayar menuju T13 Klik My Account menuju T14
Klik Cek no resi tiki JNE akan di alihkan ke http:www.jne.co.id
Klik Kategori menuju T15 Klik Gambar Diskon menuju T17
Klik Lihat Semua menuju T16 Klik Cari menuju T18
Klik My Account menuju T14 Klik Kembali menuju T14
Klik simpan menampilkan M10 jika nama tidak diisi, menampilkan M13 jika semua
data sudah benar, menampilkan M15 jika data berhasil disimpan
Klik Username menuju T14 Klik Keranjang Belanja menuju M27 jika
data pesanan di keranjang kosong, menuju T25 jika data pesanan di keranjang ada
Klik Logout menuju T01 T19
GAMBAR DISKON
Lihat Semua
FOOTER Informasi Kontak
Username xxxx
Nama Email
xxxx Telepon
Kembali Simpan
HOME | TENTANG AGHNIE SHOP | CARA PESAN | CARA BAYAR | MY ACCOUNT Username | Logout
Keranjang Belanja
Gambar 3.75, Halaman Edit Profile Member
LOGO
KATEGORI
DISKON
TRACKING
CARI PRODUK berdasarkan
Cari
YAHOO PINGBOX My Account Ubah Alamat
Keterangan : ·
Klik Home menuju T10 ·
Klik Tentang Aghnie Shop menuju T11 ·
Klik Cara Pesan menuju T12 ·
Klik Cara Bayar menuju T13 ·
Klik My Account menuju T14 ·
Klik Cek no resi tiki JNE akan di alihkan ke http:www.jne.co.id
· Klik Kategori menuju T15
· Klik Gambar Diskon menuju T17
· Klik Lihat Semua menuju T16
· Klik Cari menuju T18
· Klik My Account menuju T14
· Klik Kembali menuju T14
· Klik simpan menampilkan M13 jika
semua data sudah benar, menampilkan M16 jika data berhasil
disimpan ·
Klik Username menuju T14 ·
Klik Keranjang Belanja menuju M27 jika data pesanan di keranjang
kosong, menuju T25 jika data pesanan di keranjang ada
· Klik Logout menuju T01
T20
GAMBAR DISKON
Lihat Semua
FOOTER Informasi Alamat
Alamat Provinsi
Kota Kode Pos
Kembali Simpan
HOME | TENTANG AGHNIE SHOP | CARA PESAN | CARA BAYAR | MY ACCOUNT Username | Logout
Keranjang Belanja
Gambar 3.76, Halaman Ubah Alamat Member
LOGO
KATEGORI
DISKON
TRACKING
CARI PRODUK berdasarkan
Cari
YAHOO PINGBOX My Account Ubah Password
Keterangan : ·
Klik Home menuju T10 ·
Klik Tentang Aghnie Shop menuju T11 ·
Klik Cara Pesan menuju T12 ·
Klik Cara Bayar menuju T13 ·
Klik My Account menuju T14 ·
Klik Cek no resi tiki JNE akan di alihkan ke http:www.jne.co.id
· Klik Kategori menuju T15
· Klik Gambar Diskon menuju T17
· Klik Lihat Semua menuju T16
· Klik Cari menuju T18
· Klik My Account menuju T14
· Klik Kembali menuju T14
· Klik simpan menampilkan M18 jika
semua data tidak diisi, menampilkan M19 jika password lama tidak sesuai,
menampilkan M20 jika ulangi password tidak sama dengan
password baru, menampilkan M13 jika semua data sudah benar,
menampilkan T14 jika data berhasil disimpan
· Klik Username menuju T14
· Klik Keranjang Belanja menuju M27
jika data pesanan di keranjang kosong, menuju T25 jika data
pesanan di keranjang ada ·
Klik Logout menuju T01 T21
GAMBAR DISKON
Lihat Semua
FOOTER Informasi Alamat
Password Lama Password Baru
Ulangi Password Kembali
Simpan HOME | TENTANG AGHNIE SHOP | CARA PESAN | CARA BAYAR | MY ACCOUNT
Username | Logout Keranjang Belanja
Gambar 3.77, Halaman Ubah Password Member
LOGO
KATEGORI
DISKON
TRACKING
CARI PRODUK berdasarkan
Cari
YAHOO PINGBOX Keterangan :
· Klik Home menuju T10
· Klik Tentang Aghnie Shop menuju T11
· Klik Cara Pesan menuju T12
· Klik Cara Bayar menuju T13
· Klik My Account menuju T14
· Klik Cek no resi tiki JNE akan di
alihkan ke http:www.jne.co.id ·
Klik Kategori menuju T15 ·
Klik Gambar Diskon menuju T17 ·
Klik Lihat Semua menuju T16 ·
Klik Cari menuju T18 ·
Klik My Account menuju T14 ·
Klik Lihat menuju T23 jika data pesanan belum dibayar, menuju T24
jika data pesanan sudah pernah dibayar
· Klik Username menuju T14
· Klik Keranjang Belanja menuju M27
jika data pesanan di keranjang kosong, menuju T25 jika data
pesanan di keranjang ada ·
Klik Logout menuju T01 T22
GAMBAR DISKON
Lihat Semua
FOOTER Pesanan
No Pesanan
Tgl Pesanan
Status Pesanan
Status Konfirmasi Pembayaran
Lihat xxxxx
xxxxx xxxxx
xxxxx Lihat
HOME | TENTANG AGHNIE SHOP | CARA PESAN | CARA BAYAR | MY ACCOUNT Username | Logout
Keranjang Belanja
Gambar 3.78, Halaman History Pesanan Member
LOGO
KATEGORI
DISKON
TRACKING
CARI PRODUK berdasarkan
Cari
YAHOO PINGBOX My Account Pesanan Detail Pesanan
Keterangan : Klik Home menuju T10
Klik Tentang Aghnie Shop menuju T11 Klik Cara Pesan menuju T12
Klik Cara Bayar menuju T13 Klik My Account menuju T14
Klik Cek no resi tiki JNE akan di alihkan ke http:www.jne.co.id
Klik Kategori menuju T15 Klik Gambar Diskon menuju T17
Klik Lihat Semua menuju T16 Klik Cari menuju T18
Klik My Account menuju T14 Klik Pesanan menuju T22
Klik Konfirmasi menampilkan M22 jika bank tujuan tidak diisi, menampilkan M23 jika
nama tidak diisi, menampilkan M24 jika jumlah pembayaran tidak diisi,
menampilkan M25 jika jumlah pembayaran kurang dari total pembayaran,
menampilkan M26 jika jumlah pembayaran melebihi total pembayaran, menuju T24
jika konfirmasi pembayaran berhasil
Klik Username menuju T14 Klik Keranjang Belanja menuju M27 jika
data pesanan di keranjang kosong, menuju T25 jika data pesanan di keranjang ada
Klik Logout menuju T01 T23
GAMBAR DISKON
Lihat Semua
FOOTER Detail Pesanan
Konfirmasi Pembayaran
Data Pesanan
Alamat Pengiriman
Detail Pesanan No. Pesanan
Total Pembayaran Tanggal Bayar
Bank Tujuan Atas Nama
Jumlah Pembayaran Konfirmasi
PayPal
DATA PESANAN
DATA ALAMAT PENGIRIMAN
DATA DETAIL PESANAN HOME | TENTANG AGHNIE SHOP | CARA PESAN | CARA BAYAR | MY ACCOUNT
Username | Logout Keranjang Belanja
Gambar 3.79, Halaman Detail Pesanan Belum Dibayar Member
LOGO
KATEGORI
DISKON
TRACKING
CARI PRODUK berdasarkan
Cari
YAHOO PINGBOX My Account Pesanan Detail Pesanan
Keterangan : Klik Home menuju T10
Klik Tentang Aghnie Shop menuju T11 Klik Cara Pesan menuju T12
Klik Cara Bayar menuju T13 Klik My Account menuju T14
Klik Cek no resi tiki JNE akan di alihkan ke http:www.jne.co.id
Klik Kategori menuju T15 Klik Gambar Diskon menuju T17
Klik Lihat Semua menuju T16 Klik Cari menuju T18
Klik My Account menuju T14 Klik Pesanan menuju T22
Klik Username menuju T14 Klik Keranjang Belanja menuju M27 jika
data pesanan di keranjang kosong, menuju T25 jika data pesanan di keranjang ada
Klik Logout menuju T01 T24
GAMBAR DISKON
Lihat Semua
FOOTER Detail Pesanan
Data Pesanan
Alamat Pengiriman
Detail Pesanan DATA PESANAN
DATA ALAMAT PENGIRIMAN
DATA DETAIL PESANAN HOME | TENTANG AGHNIE SHOP | CARA PESAN | CARA BAYAR | MY ACCOUNT
Username | Logout Keranjang Belanja
Gambar 3.80, Halaman Detail Pesanan Sudah Dibayar Member
LOGO
KATEGORI
DISKON
TRACKING
CARI PRODUK berdasarkan
Cari
YAHOO PINGBOX Keterangan :
· Klik Home menuju T10
· Klik Tentang Aghnie Shop menuju T11
· Klik Cara Pesan menuju T12
· Klik Cara Bayar menuju T13
· Klik My Account menuju T14
· Klik Cek no resi tiki JNE akan di
alihkan ke http:www.jne.co.id ·
Klik Kategori menuju T15 ·
Klik Gambar Diskon menuju T17 ·
Klik Lihat Semua menuju T16 ·
Klik Cari menuju T18 ·
Klik Username menuju T14 ·
Klik Keranjang Belanja menuju M27 jika data pesanan di keranjang
kosong, menuju T25 jika data pesanan di keranjang ada
· Klik Logout menuju T01
· ·
Klik Lanjutkan menampilkan M28 jika jumlah diisi 0, menampilkan M29 jika
jumlah melebihi stock, menuju T26 jika jumlah tidak melebihi stock
T25
GAMBAR DISKON
Lihat Semua
FOOTER Keranjang Belanja
No Model Ukuran Warna Stock Jumlah Diskon Harga Subtotal Hapus xx xxxxx xxxxx xxxxx xxxx xxxxx xxxx xxxxx Hapus
HOME | TENTANG AGHNIE SHOP | CARA PESAN | CARA BAYAR | MY ACCOUNT Username | Logout
Keranjang Belanja
Update Lanjutkan
Total xxxx
Gambar 3.81, Halaman Keranjang Belanja Member
LOGO
KATEGORI
DISKON
TRACKING
CARI PRODUK berdasarkan
Cari
YAHOO PINGBOX Keterangan :
· Klik Home menuju T10
· Klik Tentang Aghnie Shop menuju T11
· Klik Cara Pesan menuju T12
· Klik Cara Bayar menuju T13
· Klik My Account menuju T14
· Klik Cek no resi tiki JNE akan di
alihkan ke http:www.jne.co.id ·
Klik Kategori menuju T15 ·
Klik Gambar Diskon menuju T17 ·
Klik Lihat Semua menuju T16 ·
Klik Cari menuju T18 ·
Klik Kembali menuju T25 ·
Klik Lanjutkan menampilkan M10 jika nama tidak diisi, menampilkan M30
jika provinsi tidak diisi, menampilkan M31 jika kota tidak diisi, menampilkan
M32 jika alamat tidak diisi, menampilkan M33 jika kode pos tidak
diisi, menampilkan M34 jika telepon tidak diisi, menampilkan M13 jika
semua data sudah diisi, menuju T27 jika data suda benar
· Klik Username menuju T14
· Klik Keranjang Belanja menuju M27
jika data pesanan di keranjang kosong, menuju T25 jika data
pesanan di keranjang ada ·
Klik Logout menuju T01 T26
GAMBAR DISKON
Lihat Semua
FOOTER Nama Penerima
Provinsi Kota
Alamat Kode Pos
Telepon Kembali
Lanjutkan HOME | TENTANG AGHNIE SHOP | CARA PESAN | CARA BAYAR | MY ACCOUNT
Username | Logout Keranjang Belanja
Alamat Pesan
Gambar 3.82, Halaman Alamat Pesan Member
LOGO
KATEGORI
DISKON
TRACKING
CARI PRODUK berdasarkan
Cari
YAHOO PINGBOX Keterangan :
· Klik Home menuju T10
· Klik Tentang Aghnie Shop menuju T11
· Klik Cara Pesan menuju T12
· Klik Cara Bayar menuju T13
· Klik My Account menuju T14
· Klik Cek no resi tiki JNE akan di
alihkan ke http:www.jne.co.id ·
Klik Kategori menuju T15 ·
Klik Gambar Diskon menuju T17 ·
Klik Lihat Semua menuju T16 ·
Klik Cari menuju T18 ·
Klik Kembali menuju T26 ·
Klik Checkout menuju T23 ·
Klik Username menuju T14 ·
Klik Keranjang Belanja menuju M27 jika data pesanan di keranjang
kosong, menuju T25 jika data pesanan di keranjang ada
· Klik Logout menuju T01
T27
GAMBAR DISKON
Lihat Semua
FOOTER HOME | TENTANG AGHNIE SHOP | CARA PESAN | CARA BAYAR | MY ACCOUNT
Username | Logout Keranjang Belanja
DATA DETAIL PESANAN Checkout
DATA PENERIMA Kembali
Checkout
Gambar 3.83, Halaman Checkout Member
LOGO
KATEGORI
DISKON
TRACKING
CARI PRODUK berdasarkan
Cari
YAHOO PINGBOX Keterangan :
· Klik Home menuju T10
· Klik Tentang Aghnie Shop menuju T11
· Klik Cara Pesan menuju T12
· Klik Cara Bayar menuju T13
· Klik My Account menuju T14
· Klik Cek no resi tiki JNE akan di
alihkan ke http:www.jne.co.id ·
Klik Kategori menuju T15 ·
Klik Gambar Diskon menuju T17 ·
Klik Lihat Semua menuju T16 ·
Klik Cari menuju T18 ·
Klik Kembali menuju T14 ·
Klik Retur Barang Pesanan menuju T29
· Klik Tampilkan Barang Pesanan Yang
Sudah Diretur menuju T31 ·
Klik Username menuju T14 ·
Klik Keranjang Belanja menuju M27 jika data pesanan di keranjang
kosong, menuju T25 jika data pesanan di keranjang ada
· Klik Logout menuju T01
T28
GAMBAR DISKON
Lihat Semua
FOOTER HOME | TENTANG AGHNIE SHOP | CARA PESAN | CARA BAYAR | MY ACCOUNT
Username | Logout Keranjang Belanja
Retur Barang Pesanan Tampilkan Barang Pesanan Yang Sudah Diretur
Kelola Retur
Kembali
Gambar 3.84, Halaman Kelola Retur Member
LOGO
KATEGORI
DISKON
TRACKING
CARI PRODUK berdasarkan
Cari
YAHOO PINGBOX Keterangan :
· Klik Home menuju T10
· Klik Tentang Aghnie Shop menuju T11
· Klik Cara Pesan menuju T12
· Klik Cara Bayar menuju T13
· Klik My Account menuju T14
· Klik Cek no resi tiki JNE akan di
alihkan ke http:www.jne.co.id ·
Klik Kategori menuju T15 ·
Klik Gambar Diskon menuju T17 ·
Klik Lihat Semua menuju T16 ·
Klik Cari menuju T18 ·
Klik Lihat menuju T30 ·
Klik Tampilkan Barang Pesanan Yang Sudah Diretur menuju T31
· Klik Username menuju T14
· Klik Keranjang Belanja menuju M27
jika data pesanan di keranjang kosong, menuju T25 jika data
pesanan di keranjang ada ·
Klik Logout menuju T01 T29
GAMBAR DISKON
Lihat Semua
FOOTER HOME | TENTANG AGHNIE SHOP | CARA PESAN | CARA BAYAR | MY ACCOUNT
Username | Logout Keranjang Belanja
No. Pemesanan Tanggal Pemesanan Status Pemesanan Lihat xxx xxx xxx Lihat
Retur Pesanan
Gambar 3.85, Halaman Retur Pesanan Member
LOGO
KATEGORI
DISKON
TRACKING
CARI PRODUK berdasarkan
Cari
YAHOO PINGBOX Keterangan :
· Klik Home menuju T10
· Klik Tentang Aghnie Shop menuju T11
· Klik Cara Pesan menuju T12
· Klik Cara Bayar menuju T13
· Klik My Account menuju T14
· Klik Cek no resi tiki JNE akan di
alihkan ke http:www.jne.co.id ·
Klik Kategori menuju T15 ·
Klik Gambar Diskon menuju T17 ·
Klik Lihat Semua menuju T16 ·
Klik Cari menuju T18 ·
Klik Kembali menuju T29 ·
Klik Retur menampilkan M35 ·
Klik Tampilkan Barang Pesanan Yang Sudah Diretur menuju T31
· Klik Username menuju T14
· Klik Keranjang Belanja menuju M27
jika data pesanan di keranjang kosong, menuju T25 jika data
pesanan di keranjang ada ·
Klik Logout menuju T01 T30
GAMBAR DISKON
Lihat Semua
FOOTER HOME | TENTANG AGHNIE SHOP | CARA PESAN | CARA BAYAR | MY ACCOUNT
Username | Logout Keranjang Belanja
Detail Retur DATA DETAIL RETUR
Kembali Retur
Gambar 3.86, Halaman Detail Retur Member
LOGO
KATEGORI
DISKON
TRACKING
CARI PRODUK berdasarkan
Cari
YAHOO PINGBOX Keterangan :
· Klik Home menuju T10
· Klik Tentang Aghnie Shop menuju T11
· Klik Cara Pesan menuju T12
· Klik Cara Bayar menuju T13
· Klik My Account menuju T14
· Klik Cek no resi tiki JNE akan di
alihkan ke http:www.jne.co.id ·
Klik Kategori menuju T15 ·
Klik Gambar Diskon menuju T17 ·
Klik Lihat Semua menuju T16 ·
Klik Cari menuju T18 ·
Klik Lihat menuju T30 ·
Klik Tampilkan Barang Pesanan Yang Sudah Diretur menuju T31
· Klik Username menuju T14
· Klik Keranjang Belanja menuju M27
jika data pesanan di keranjang kosong, menuju T25 jika data
pesanan di keranjang ada ·
Klik Logout menuju T01 T31
GAMBAR DISKON
Lihat Semua
FOOTER HOME | TENTANG AGHNIE SHOP | CARA PESAN | CARA BAYAR | MY ACCOUNT
Username | Logout Keranjang Belanja
No. Pemesanan Tanggal Pemesanan Status Pemesanan Lihat xxx xxx xxx Lihat
History Retur Pesanan
Gambar 3.87, Halaman History Retur Member
header
logo T32
footer Login Admin
Username Password
Login ·
Klik Login menuju T33 jika login sebagai Super Admin,
menuju T39 jika login sebagai Pengurus, menuju M01 jika
username kosong, menuju M02 jika password kosong,
menuju M03 jika username dan password salah
Keterangan :
Gambar 3.88, Halaman Login Admin
header
logo
Menu Super Admin Home
Data Pegawai My Profile
Logout Ucapan Selamat Datang
T33
footer Keterangan :
· Klik Home menuju T33
· Klik Data Pegawai menuju
T34 ·
Klik My Profile menuju T35 ·
Klik Logout keluar dari aplikasi
Gambar 3.89, Halaman Utama Super Admin Super Admin
header
logo
Menu Super Admin Home
Data Pegawai My Profile
Logout T34
footer Data Pegawai
Pencarian Berdasarkan
Tambah Pegawai cari
No Username
email nama Status
Aksi xx
xxxxxx xxxxx
xxxx xxx
Edit | Hapus Keterangan :
· Klik Home menuju T33
· Klik Data Pegawai menuju
T34 ·
Klik My Profile menuju T35 ·
Klik Logout keluar dari aplikasi
· Klik Tambah Pegawai
menuju T36 ·
Klik Edit menuju T37
Gambar 3.90, Halaman Data Pegawai Super Admin
header
logo
Menu Super Admin Home
Data Pegawai My Profile
Logout T35
footer Username
: xxx Email
: xxx Nama
: xxx Telepon
: xxx Edit Profile
Keterangan : ·
Klik Home menuju T33 ·
Klik Data Pegawai menuju T34
· Klik My Profile menuju T35
· Klik Logout keluar dari
aplikasi ·
Klik Edit Profile menuju T38
Gambar 3.91, Halaman Profile Super Admin
header
logo
Menu Super Admin Home
Data Pegawai My Profile
Logout T36
footer Username
: xxx Email
: xxx Nama
: xxx Password
: xxx Ulang Password
: xxx Yahoo Messanger
: xxx Telepon
: xxx Simpan
Batal Keterangan :
· Klik Home menuju T33
· Klik Data Pegawai menuju
T34 ·
Klik My Profile menuju T35 ·
Klik Logout keluar dari aplikasi
· Klik Simpan menuju T35,
menuju M01 jika username kosong, menuju M04 jika
email kosong, menuju M10 jika nama kosong, menuju
M02 jika password kosong
· Klik Batal menuju T35
Gambar 3.92, Halaman Tambah Data Pegawai Super Admin
header
logo
Menu Super Admin Home
Data Pegawai My Profile
Logout T37
footer Username
: xxx Nama Lengkap
: xxx Email
: xxx Yahoo Messanger
: xxx Password
: xxx Nomor Telepon
: xxx Status
: xxx Update
Batal Keterangan :
· Klik Home menuju T33
· Klik Data Pegawai menuju
T34 ·
Klik My Profile menuju T35 ·
Klik Logout keluar dari aplikasi
· ·
Klik Simpan menuju T35, menuju M10 jika nama
kosong ·
Klik Batal menuju T35
Gambar 3.93, Halaman Edit Data Pegawai Super Admin
header
logo
Menu Super Admin Home
Data Pegawai My Profile
Logout T38
footer Username
: xxx Nama Lengkap
: xxx Email
: xxx Yahoo Messanger : xxx
Password : xxx
Password Baru :
Ulangi Password Baru :
Nomor Telepon : xxx
Status : xxx
Edit Profile Keterangan :
· Klik Home menuju T33
· Klik Data Pegawai menuju
T34 ·
Klik My Profile menuju T35 ·
Klik Logout keluar dari aplikasi
· ·
Klik Simpan menuju T35, menuju M10 jika nama
kosong ·
Klik Batal menuju T35
Gambar 3.94, Halaman Edit Profile Super Admin
header logo
Menu Pegawai Home
Konten Web Katalog
Alamat Kirim Data Member
Data Pesanan Laporan
Kelola Retur Logout
Ucapan Selamat Datang T39
footer Keterangan :
· Klik Home menuju T39
· Klik Konten Web menuju T40
· Klik Katalog menuju T41
· Klik Alamat Kirim menuju T42
· Klik Data Member Menuju T43
· Klik Data Pesanan menuju T44
· Klik Laporan menuju T45
· Klik Logout untuk keluar dari
aplikasi
Gambar 3.95, Halaman Utama Pegawai Pegawai
header logo
Menu Pegawai Home
Konten Web Katalog
Alamat Kirim Data Member
Data Pesanan Laporan
Kelola Retur Logout
T40
footer No
Judul Konten Editor
Aksi xx
xxxxxx xxxxx
Edit Keterangan :
· Klik Home menuju T39
· Klik Konten Web menuju T40
· Klik Katalog menuju T41
· Klik Alamat Kirim menuju T42
· Klik Data Member Menuju T43
· Klik Data Pesanan menuju T44
· Klik Laporan menuju T45
· Klik Edit menuju T46
· Klik Logout untuk keluar dari
aplikasi
Gambar 3.96, Halaman Konten Web Pegawai
header logo
Menu Pegawai Home
Konten Web Katalog
Alamat Kirim Data Member
Data Pesanan Laporan
Kelola Retur Logout
T41
footer No
Model Sub Kategori
Harga xx
xxxxxx xxxxx
xxx Katalog Produk
| Sub Kategori | Kategori | Produk | Warna | Ukuran | Pencarian
Berdasarkan cari
Tambah Produk stock
xxx Detail
Lihat Aksi
Edit | Hapus Produk
Keterangan : ·
Klik Home menuju T39 ·
Klik Konten Web menuju T40 ·
Klik Katalog menuju T41 ·
Klik Alamat Kirim menuju T42 ·
Klik Data Member Menuju T43 ·
Klik Data Pesanan menuju T44 ·
Klik Laporan menuju T45 ·
Klik Logout untuk keluar dari aplikasi
· Klik Sub Kategori menuju T48
· Klik Kategori menuju T49
· Klik Produk menuju T47
· Klik Warna menuju T50
· Klik Ukuran menuju T51
· Klik Tambah Produk menuju T56
· Klik Detail menuju T58
· Klik Edit menuju T59
Gambar 3.97, Halaman Katalog Produk Pegawai
header logo
Menu Pegawai Home
Konten Web Katalog
Alamat Kirim Data Member
Data Pesanan Laporan
Kelola Retur Logout
T42
footer No
Nama Provinsi xx
xxxxxx Alamat Kirim
| Provinsi | Kota | Biaya Kirim | cari
Tambah Provinsi Aksi
Edit | Hapus ·
Klik Home menuju T39 ·
Klik Konten Web menuju T40 ·
Klik Katalog menuju T41 ·
Klik Alamat Kirim menuju T42 ·
Klik Data Member Menuju T43 ·
Klik Data Pesanan menuju T44 ·
Klik Laporan menuju T45 ·
Klik Logout untuk keluar dari aplikasi
· Klik Provinsi menuju T64
· Klik Kota menuju T66
· Klik Biaya Kirim menuju T75
· Klik Tambah Provinsi menuju T65
Keterangan :
Gambar 3.98, Halaman Alamat Kirim Pegawai
header logo
Menu Pegawai Home
Konten Web Katalog
Alamat Kirim Data Member
Data Pesanan Laporan
Kelola Retur Logout
T43
footer No
Username Email
Nama xx
xxxxxx xxxxx
xxx Data Member
Aksi Edit | Hapus
Pencarian Berdasarkan
cari
Status xxx
· Klik Home menuju T39
· Klik Konten Web menuju T340
· Klik Katalog menuju T41
· Klik Alamat Kirim menuju T42
· Klik Data Member Menuju T43
· Klik Data Pesanan menuju T44
· Klik Laporan menuju T45
· Klik Logout untuk keluar dari
aplikasi ·
Klik Provinsi menuju T64 ·
Klik Kota menuju T66 ·
Klik Biaya Kirim menuju T75 ·
Klik Edit menuju T69 Keterangan :
Gambar 3.99, Halaman Data Member Pegawai
header logo
Menu Pegawai Home
Konten Web Katalog
Alamat Kirim Data Member
Data Pesanan Laporan
Kelola Retur Logout
T44
footer Data Pesanan
| Pemesanan Baru | Pemesanan Dibayar | Pemesanan Dikirim | Pemesanan Berhasil | | Pemesanan Dibatalkan |
Data Pesanan
Alamat Pengiriman Detail Pesanan
Konfirmasi Batalkan
Pesanan Baru ·
Klik Home menuju T39 ·
Klik Konten Web menuju T340 ·
Klik Katalog menuju T41 ·
Klik Alamat Kirim menuju T42 ·
Klik Data Member Menuju T43 ·
Klik Data Pesanan menuju T44 ·
Klik Laporan menuju T45 ·
Klik Logout untuk keluar dari aplikasi
· Klik Pemesanan Baru menuju T70
· Klik Pemesanan Dibayar menuju
T71 ·
Klik Pemesanan Dikirim menuju T72
· Klik Pemesanan Berhasil menuju
T73 ·
Klik Pemesanan Dibatalkan menuju T74
· Klik Konfirmasi menuju T71
· Klik Batalkan menuju T74
Keterangan :
Gambar 3.100, Halaman Data Pesanan Pegawai
header logo
Menu Pegawai Home
Konten Web Katalog
Alamat Kirim Data Member
Data Pesanan Laporan
Kelola Retur Logout
T45
footer Laporan
Laporan Pembelian Perhari Laporan Pembelian Perbulan
Laporan Pembelian Pertahun Tanggal Sekarang
bulan V
tahun V
Tampilkan Tampilkan
Tampilkan ·
Klik Home menuju T39 ·
Klik Konten Web menuju T340
· Klik Katalog menuju T41
· Klik Alamat Kirim menuju
T42 ·
Klik Data Member Menuju T43
· Klik Data Pesanan
menuju T44 ·
Klik Laporan menuju T45 ·
Klik Logout untuk keluar dari aplikasi
· Klik Tampilkan akan
menampilkan laporan Keterangan :
tahun V
Laporan Pembelian Manual tanggal V
Tampilkan bulan
V tahun
V tanggal V
bulan V
tahun V
Sampai Dengan
Gambar 3.101, Halaman Laporan Pegawai
header logo
Menu Pegawai Home
Konten Web Katalog
Alamat Kirim Data Member
Data Pesanan Laporan
Kelola Retur Logout
T46
· Klik Home menuju
T39 ·
Klik Konten Web menuju T340
· Klik Katalog menuju
T41 ·
Klik Alamat Kirim menuju T42
· Klik Data Member
Menuju T43 ·
Klik Data Pesanan menuju T44
· Klik Laporan menuju
T45 ·
Klik Logout untuk keluar dari aplikasi
footer Edit Data Konten
Nama Konten Isi Konten
Simpan Batal
Gambar 3.102, Halaman Edit Konten Web Pegawai
header logo
Menu Pegawai Home
Konten Web Katalog
Alamat Kirim Data Member
Data Pesanan Laporan
Kelola Retur Logout
T47
footer No
Model Sub Kategori
Harga xx
xxxxxx xxxxx
xxx Katalog Produk
| Sub Kategori | Kategori | Produk | Warna | Ukuran | Pencarian
Berdasarkan cari
Tambah Produk stock
xxx Detail
Lihat Aksi
Edit | Hapus Produk
Keterangan : ·
Klik Home menuju T39 ·
Klik Konten Web menuju T340 ·
Klik Katalog menuju T41 ·
Klik Alamat Kirim menuju T42 ·
Klik Data Member Menuju T43 ·
Klik Data Pesanan menuju T44 ·
Klik Laporan menuju T45 ·
Klik Logout untuk keluar dari aplikasiKlik Sub Kategori menuju
T47 ·
Klik Kategori menuju T49 ·
Klik Produk menuju T47 ·
Klik Warna menuju T50 ·
Klik Ukuran menuju T51 ·
Klik Tambah Produk menuju T56 ·
Klik Detail menuju T58 ·
Klik Edit menuju T59
Gambar 3.103, Halaman Produk Pegawai
header logo
Menu Pegawai Home
Konten Web Katalog
Alamat Kirim Data Member
Data Pesanan Laporan
Kelola Retur Logout
T48
footer No
Nama Sub Kategori xx
xxxxxx Katalog Produk
| Sub Kategori | Kategori | Produk | Warna | Ukuran | cari
Tambah Sub Kategori Aksi
Edit | Hapus Sub Kategori
Keterangan : ·
Klik Home menuju T39 ·
Klik Konten Web menuju T340 ·
Klik Katalog menuju T41 ·
Klik Alamat Kirim menuju T42 ·
Klik Data Member Menuju T43 ·
Klik Data Pesanan menuju T44 ·
Klik Laporan menuju T45 ·
Klik Logout untuk keluar dari aplikasi
· Klik Sub Kategori menuju T48
· Klik Kategori menuju T49
· Klik Produk menuju T47
· Klik Warna menuju T50
· Klik Ukuran menuju T50
· Klik Tambah Sub Kategori menuju
T52 ·
Klik Edit menuju T53
Gambar 3.104, Halaman Sub Kategori Pegawai
header logo
Menu Pegawai Home
Konten Web Katalog
Alamat Kirim Data Member
Data Pesanan Laporan
Kelola Retur Logout
T49
footer No
Nama Kategori xx
xxxxxx Katalog Produk
| Sub Kategori | Kategori | Produk | Warna | Ukuran | cari
Tambah Kategori Aksi
Edit | Hapus Kategori
Sub Kategori xxxxxx
Keterangan : ·
Klik Home menuju T39 ·
Klik Konten Web menuju T340 ·
Klik Katalog menuju T41 ·
Klik Alamat Kirim menuju T42 ·
Klik Data Member Menuju T43 ·
Klik Data Pesanan menuju T44 ·
Klik Laporan menuju T45 ·
Klik Logout untuk keluar dari aplikasi
· Klik Sub Kategori menuju T48
· Klik Kategori menuju T49
· Klik Produk menuju T47
· Klik Warna menuju T50
· Klik Ukuran menuju T51
· Klik Tambah Kategori menuju T54
· Klik Edit menuju T55
Gambar 3.105, Halaman Kategori Pegawai
header logo
Menu Pegawai Home
Konten Web Katalog
Alamat Kirim Data Member
Data Pesanan Laporan
Kelola Retur Logout
T50
footer No
Warna xx
xxxxxx Katalog Produk
| Sub Kategori | Kategori | Produk | Warna | Ukuran |
Tambah Warna Warna
Hapus Hapus
Keterangan : ·
Klik Home menuju T39 ·
Klik Konten Web menuju T340 ·
Klik Katalog menuju T41 ·
Klik Alamat Kirim menuju T42 ·
Klik Data Member Menuju T43 ·
Klik Data Pesanan menuju T44 ·
Klik Laporan menuju T45 ·
Klik Logout untuk keluar dari aplikasi
· Klik Sub Kategori menuju T48
· Klik Kategori menuju T49
· Klik Produk menuju T47
· Klik Warna menuju T50
· Klik Ukuran menuju T51
· Klik Tambah Warna menuju T62
Gambar 3.106, Halaman Warna Pegawai
header logo
Menu Pegawai Home
Konten Web Katalog
Alamat Kirim Data Member
Data Pesanan Laporan
Kelola Retur Logout
T51
footer No
Ukuran xx
xxxxxx Katalog Produk
| Sub Kategori | Kategori | Produk | Warna | Ukuran |
Tambah Ukuran Ukuran
Hapus Hapus
Keterangan : ·
Klik Home menuju T39 ·
Klik Konten Web menuju T340 ·
Klik Katalog menuju T41 ·
Klik Alamat Kirim menuju T42 ·
Klik Data Member Menuju T43 ·
Klik Data Pesanan menuju T44 ·
Klik Laporan menuju T45 ·
Klik Logout untuk keluar dari aplikasiKlik Sub Kategori menuju
T47 ·
Klik Kategori menuju T49 ·
Klik Produk menuju T47 ·
Klik Warna menuju T50 ·
Klik Ukuran menuju T51 ·
Klik Tambah Ukuran menuju T63
Gambar 3.107, Halaman Ukuran Pegawai
header logo
Menu Pegawai Home
Konten Web Katalog
Alamat Kirim Data Member
Data Pesanan Laporan
Kelola Retur Logout
T52
footer Katalog Produk
| Sub Kategori | Kategori | Produk | Warna | Ukuran | Tambah Sub Kategori
Nama Sub Kategori Tambah
Batal Keterangan :
· Klik Home menuju T39
· Klik Konten Web menuju T340
· Klik Katalog menuju T41
· Klik Alamat Kirim menuju T42
· Klik Data Member Menuju T43
· Klik Data Pesanan menuju T44
· Klik Laporan menuju T45
· Klik Logout untuk keluar dari
aplikasi ·
Klik Sub Kategori menuju T48 ·
Klik Kategori menuju T49 ·
Klik Produk menuju T47 ·
Klik Warna menuju T50 ·
Klik Ukuran menuju T51 ·
Klik Tambah menuju T48 ·
Klik Batal menuju T48
Gambar 3.108, Halaman Tambah Sub Kategori Pegawai
header logo
Menu Pegawai Home
Konten Web Katalog
Alamat Kirim Data Member
Data Pesanan Laporan
Kelola Retur Logout
T53
footer Katalog Produk
| Sub Kategori | Kategori | Produk | Warna | Ukuran | Edit Sub Kategori
Nama Sub Kategori Simpan
Batal Id Sub Kategori
xxxxx Keterangan :
· Klik Home menuju T39
· Klik Konten Web menuju T340
· Klik Katalog menuju T41
· Klik Alamat Kirim menuju T42
· Klik Data Member Menuju T43
· Klik Data Pesanan menuju T44
· Klik Laporan menuju T45
· Klik Logout untuk keluar dari
aplikasi ·
Klik Sub Kategori menuju T48 ·
Klik Kategori menuju T49 ·
Klik Produk menuju T47 ·
Klik Warna menuju T50 ·
Klik Ukuran menuju T51 ·
Klik Simpan Menuju T48 ·
Klik Batal menuju T48
Gambar 3.109, Halaman Edit Sub Kategori Pegawai
header logo
Menu Pegawai Home
Konten Web Katalog
Alamat Kirim Data Member
Data Pesanan Laporan
Kelola Retur Logout
T54
footer Katalog Produk
| Sub Kategori | Kategori | Produk | Warna | Ukuran | Tambah Kategori
Nama Sub Kategori
Tambah Batal
Nama Kategori V
Keterangan : ·
Klik Home menuju T38 ·
Klik Konten Web menuju T39 ·
Klik Katalog menuju T40 ·
Klik Alamat Kirim menuju T41 ·
Klik Data Member Menuju T42 ·
Klik Data Pesanan menuju T43 ·
Klik Laporan menuju T44 ·
Klik Logout untuk keluar dari aplikasi
· Klik Sub Kategori menuju T47
· Klik Kategori menuju T48
· Klik Produk menuju T46
· Klik Warna menuju T49
· Klik Ukuran menuju T50
· Klik Tambah menuju T48
· Klik Batal menuju T48
Gambar 3.110, Halaman Tambah Kategori Pegawai
header logo
Menu Pegawai Home
Konten Web Katalog
Alamat Kirim Data Member
Data Pesanan Laporan
Kelola Retur Logout
T55
footer Katalog Produk
| Sub Kategori | Kategori | Produk | Warna | Ukuran | Edit Kategori
Nama Sub Kategori
Simpan Batal
Nama Kategori V
Keterangan : ·
Klik Home menuju T38 ·
Klik Konten Web menuju T39 ·
Klik Katalog menuju T40 ·
Klik Alamat Kirim menuju T41 ·
Klik Data Member Menuju T42 ·
Klik Data Pesanan menuju T43 ·
Klik Laporan menuju T44 ·
Klik Logout untuk keluar dari aplikasi
· Klik Sub Kategori menuju T47
· Klik Kategori menuju T48
· Klik Produk menuju T46
· Klik Warna menuju T49
· Klik Ukuran menuju T50
· Klik Simpan menuju T48
Gambar 3.111, Halaman Edit Kategori Pegawai
header logo
Menu Pegawai Home
Konten Web Katalog
Alamat Kirim Data Member
Data Pesanan Laporan
Kelola Retur Logout
T56
footer Katalog Produk
| Sub Kategori | Kategori | Produk | Warna | Ukuran | Tambah Data Produk
Model Tambah
Batal Keterangan :
· Klik Home menuju T38
· Klik Konten Web menuju T39
· Klik Katalog menuju T40
· Klik Alamat Kirim menuju T41
· Klik Data Member Menuju T42
· Klik Data Pesanan menuju T43
· Klik Laporan menuju T44
· Klik Logout untuk keluar dari
aplikasi ·
Klik Sub Kategori menuju T47 ·
Klik Kategori menuju T48 ·
Klik Produk menuju T46 ·
Klik Warna menuju T49 ·
Klik Ukuran menuju T50 ·
Klik Tambah menuju T56 jika data produk belum terdaftar, menuju
T60 jika data produk sudah ada ·
Klik batal menuju T46
Gambar 3.112, Halaman Tambah Produk Pegawai
header logo
Menu Pegawai Home
Konten Web Katalog
Alamat Kirim Data Member
Data Pesanan Laporan
Kelola Retur Logout
T57
footer Katalog Produk
| Sub Kategori | Kategori | Produk | Warna | Ukuran | Tambah Produk Baru
Model Harga
Diskon Jumlah
Simpan Batal
Sub Kategori Kategori
Ukuran Warna
Berat Gambar Depan
Gambar Kiri Gambar Kanan
Gambar Belakang Keterangan
Telusuri Telusuri
Telusuri Telusuri
V V
V V
Keterangan : ·
Klik Home menuju T38 ·
Klik Konten Web menuju T39 ·
Klik Katalog menuju T40 ·
Klik Alamat Kirim menuju T41 ·
Klik Data Member Menuju T42 ·
Klik Data Pesanan menuju T43 ·
Klik Laporan menuju T44 ·
Klik Logout untuk keluar dari aplikasi
· Klik Sub Kategori menuju T47
· Klik Kategori menuju T48
· Klik Produk menuju T46
· Klik Warna menuju T49
· Klik Ukuran menuju T50
· Klik Simpan menuju T46 jika data
valid, menuju M36 jika model kosong, menuju M37 jika harga
kosong, menuju M38 jika jumlah kosong, menuju M39 jika sub
kategori kosong, menuju M40 jika kategori kosong, menuju M41 jika
ukuran kosong, menuju M42 jika warna kosong, menuju M43 jika
berat kosong
Gambar 3.113 Halaman Tambah Produk Baru Pegawai
header logo
Menu Pegawai Home
Konten Web Katalog
Alamat Kirim Data Member
Data Pesanan Laporan
Kelola Retur Logout
T58
footer Katalog Produk
| Sub Kategori | Kategori | Produk | Warna | Ukuran | Tambah Item
Detail Produk Kategori
Model Keterangan
xxxx xxxx
xxxx Tampak Depan
Tampak Kiri Tampak Kanan
Tampak Belakang gambar
gambar gambar
gambar Ukuran
Warna xxxxx
xxx stock
xxx Tambah
Tambah Stock Aksi
Edit | Hapus Keterangan :
· Klik Home menuju T38
· Klik Konten Web menuju T39
· Klik Katalog menuju T40
· Klik Alamat Kirim menuju T41
· Klik Data Member Menuju T42
· Klik Data Pesanan menuju T43
· Klik Laporan menuju T44
· Klik Logout untuk keluar dari
aplikasi ·
Klik Sub Kategori menuju T47 ·
Klik Kategori menuju T48 ·
Klik Produk menuju T46 ·
Klik Warna menuju T49 ·
Klik Ukuran menuju T50 ·
Klik Tambah Item menuju T59 ·
Klik Tambah Stock menuju T60 ·
Klik Edit menuju T58
Gambar 3.114, Halaman Detail Produk Pegawai
header logo
Menu Pegawai Home
Konten Web Katalog
Alamat Kirim Data Member
Data Pesanan Laporan
Kelola Retur Logout
T59
footer Katalog Produk
| Sub Kategori | Kategori | Produk | Warna | Ukuran | Edit Produk
Model Harga
Diskon Jumlah
Simpan Batal
Kategori Berat
Gambar Depan Gambar Kiri
Gambar Kanan Gambar Belakang
Keterangan Telusuri
Telusuri Telusuri
Telusuri V
Keterangan : ·
Klik Home menuju T38 ·
Klik Konten Web menuju T39 ·
Klik Katalog menuju T40 ·
Klik Alamat Kirim menuju T41 ·
Klik Data Member Menuju T42 ·
Klik Data Pesanan menuju T43 ·
Klik Laporan menuju T44 ·
Klik Logout untuk keluar dari aplikasi
· Klik Sub Kategori menuju T47
· Klik Kategori menuju T48
· Klik Produk menuju T46
· Klik Warna menuju T49
· Klik Ukuran menuju T50
· Klik Simpan menuju T46 jika data
valid, menuju M36 jika model kosong, menuju M37 jika harga
kosong, menuju M38 jika jumlah kosong, menuju M39 jika sub
kategori kosong, menuju M40 jika kategori kosong, menuju M41 jika
ukuran kosong, menuju M42 jika warna kosong, menuju M43 jika
berat kosong
Gambar 3.115, Halaman Edit Produk Pegawai
header logo
Menu Pegawai Home
Konten Web Katalog
Alamat Kirim Data Member
Data Pesanan Laporan
Kelola Retur Logout
T60
footer Katalog Produk
| Sub Kategori | Kategori | Produk | Warna | Ukuran | Tambah Item Produk
Model Jumlah
Ukuran Warna
Simpan Batal
V V
Keterangan :
· Klik Home menuju T38
· Klik Konten Web menuju T39
· Klik Katalog menuju T40
· Klik Alamat Kirim menuju T41
· Klik Data Member Menuju T42
· Klik Data Pesanan menuju T43
· Klik Laporan menuju T44
· Klik Logout untuk keluar dari
aplikasi ·
Klik Sub Kategori menuju T47 ·
Klik Kategori menuju T48 ·
Klik Produk menuju T46 ·
Klik Warna menuju T49 ·
Klik Ukuran menuju T50 ·
Klik Simpan menuju T46 jika data valid, menuju M38 jika jumlah
kosong, menuju M41 jika ukuran kosong, menuju M42 jika warna
kosong
Gambar 3.116, Halaman Tambah Detail Produk Pegawai
header logo
Menu Pegawai Home
Konten Web Katalog
Alamat Kirim Data Member
Data Pesanan Laporan
Logout T61
footer Katalog Produk
| Sub Kategori | Kategori | Produk | Warna | Ukuran | Tambah Stock Produk
Model Jumlah
Ukuran Warna
xxxx xxxx
Simpan Batal
Keterangan :
· Klik Home menuju T38
· Klik Konten Web menuju T39
· Klik Katalog menuju T40
· Klik Alamat Kirim menuju T41
· Klik Data Member Menuju T42
· Klik Data Pesanan menuju T43
· Klik Laporan menuju T44
· Klik Logout untuk keluar dari
aplikasi ·
Klik Sub Kategori menuju T47 ·
Klik Kategori menuju T48 ·
Klik Produk menuju T46 ·
Klik Warna menuju T49 ·
Klik Ukuran menuju T50 ·
Klik Simpan menuju T46 jika data valid, menuju M38 jika jumlah
kosong
Gambar 3.117, Halaman Tambah Stock Produk Pegawai
header logo
Menu Pegawai Home
Konten Web Katalog
Alamat Kirim Data Member
Data Pesanan Laporan
Kelola Retur Logout
T62
footer Katalog Produk
| Sub Kategori | Kategori | Produk | Warna | Ukuran | Tambah Warna
Warna Tambah
Batal ·
Klik Home menuju T38 ·
Klik Konten Web menuju T39 ·
Klik Katalog menuju T40 ·
Klik Alamat Kirim menuju T41 ·
Klik Data Member Menuju T42 ·
Klik Data Pesanan menuju T43 ·
Klik Laporan menuju T44 ·
Klik Logout untuk keluar dari aplikasi
· Klik Sub Kategori menuju T47
· Klik Kategori menuju T48
· Klik Produk menuju T46
· Klik Warna menuju T49
· Klik Ukuran menuju T50
· Klik Tambah menuju T49
Keterangan :
Gambar 3.118, Halaman Tambah WarnaPegawai
header logo
Menu Pegawai Home
Konten Web Katalog
Alamat Kirim Data Member
Data Pesanan Laporan
Kelola Retur Logout
T63
footer Katalog Produk
| Sub Kategori | Kategori | Produk | Warna | Ukuran | Tambah Ukuran
Ukuran Tambah
Batal ·
Klik Home menuju T38 ·
Klik Konten Web menuju T39 ·
Klik Katalog menuju T40 ·
Klik Alamat Kirim menuju T41 ·
Klik Data Member Menuju T42 ·
Klik Data Pesanan menuju T43 ·
Klik Laporan menuju T44 ·
Klik Logout untuk keluar dari aplikasi
· Klik Sub Kategori menuju T47
· Klik Kategori menuju T48
· Klik Produk menuju T46
· Klik Warna menuju T49
· Klik Ukuran menuju T50
· Klik Tambah menuju T50
Keterangan :
Gambar 3.119, Halaman Tambah Ukuran Pegawai
header logo
Menu Pegawai Home
Konten Web Katalog
Alamat Kirim Data Member
Data Pesanan Laporan
Kelola Retur Logout
T64
footer No
Nama Provinsi xx
xxxxxx Alamat Kirim
| Provinsi | Kota | Biaya Kirim | cari
Tambah Provinsi Aksi
Hapus ·
Klik Home menuju T38 ·
Klik Konten Web menuju T39 ·
Klik Katalog menuju T40 ·
Klik Alamat Kirim menuju T41 ·
Klik Data Member Menuju T42 ·
Klik Data Pesanan menuju T43 ·
Klik Laporan menuju T44 ·
Klik Logout untuk keluar dari aplikasi
· Klik Provinsi menuju T63
· Klik Kota menuju T65
· Klik Biaya Kirim menuju T74
· Klik Tambah Provinsi menuju T64
Keterangan :
Gambar 3.120, Halaman Provinsi Pegawai
header logo
Menu Pegawai Home
Konten Web Katalog
Alamat Kirim Data Member
Data Pesanan Laporan
Kelola Retur Logout
T65
footer Alamat Kirim
Nama Provinsi Simpan
| Provinsi | Kota | Biaya kirim | ·
Klik Home menuju T38 ·
Klik Konten Web menuju T39 ·
Klik Katalog menuju T40 ·
Klik Alamat Kirim menuju T41 ·
Klik Data Member Menuju T42 ·
Klik Data Pesanan menuju T43 ·
Klik Laporan menuju T44 ·
Klik Logout untuk keluar dari aplikasi
· Klik Provinsi menuju T63
· Klik Kota menuju T65
· Klik Biaya Kirim menuju T74
· Klik Simpan menuju T63
Keterangan :
Gambar Halaman 3.121, Tambah Provinsi Pegawai
header logo
Menu Pegawai Home
Konten Web Katalog
Alamat Kirim Data Member
Data Pesanan Laporan
Kelola Retur Logout
T66
footer No
Nama Kota Provinsi
Ongkos Kirim xx
xxxxxx xxxxx
xxx Alamat Kirim
| Provinsi | Kota | Biaya Kirim | cari
Tambah Kota Aksi
Edit | Hapus ·
Klik Home menuju T38 ·
Klik Konten Web menuju T39 ·
Klik Katalog menuju T40 ·
Klik Alamat Kirim menuju T41 ·
Klik Data Member Menuju T42 ·
Klik Data Pesanan menuju T43 ·
Klik Laporan menuju T44 ·
Klik Logout untuk keluar dari aplikasi
· Klik Provinsi menuju T63
· Klik Kota menuju T65
· Klik Biaya Kirim menuju T74
· Klik Tambah Kota menuju T66
· Klik Edit menuju T67
Keterangan :
Gambar 3.122, Halaman Kota Pegawai
header logo
Menu Pegawai Home
Konten Web Katalog
Alamat Kirim Data Member
Data Pesanan Laporan
Kelola Retur Logout
T67
footer Alamat Kirim
| Provinsi | Kota | Biaya kirim | Nama Kota
Simpan Nama Provinsi
Kabkota Ongkos Kirim
· Klik Home menuju T38
· Klik Konten Web menuju T39
· Klik Katalog menuju T40
· Klik Alamat Kirim menuju T41
· Klik Data Member Menuju T42
· Klik Data Pesanan menuju T43
· Klik Laporan menuju T44
· Klik Logout untuk keluar dari
aplikasi ·
Klik Provinsi menuju T63 ·
Klik Kota menuju T65 ·
Klik Biaya Kirim menuju T74 ·
Klik Simpan menuju T65 Keterangan :
Gambar 3.123, Halaman Tambah Kota Pegawai
header logo
Menu Pegawai Home
Konten Web Katalog
Alamat Kirim Data Member
Data Pesanan Laporan
Kelola Retur Logout
T68
footer Alamat Kirim
| Provinsi | Kota | Biaya kirim | Nama Kota
Simpan Nama Provinsi
Kabkota Ongkos Kirim
· Klik Home menuju T38
· Klik Konten Web menuju T39
· Klik Katalog menuju T40
· Klik Alamat Kirim menuju T41
· Klik Data Member Menuju T42
· Klik Data Pesanan menuju T43
· Klik Laporan menuju T44
· Klik Logout untuk keluar dari
aplikasi ·
Klik Provinsi menuju T63 ·
Klik Kota menuju T65 ·
Klik Biaya Kirim menuju T74 ·
Klik Simpan menuju T65 Keterangan :
Gambar 3.124, Halaman Edit Kota Pegawai
header logo
Menu Pegawai Home
Konten Web Katalog
Alamat Kirim Data Member
Data Pesanan Laporan
Kelola Retur Logout
T69
footer Edit Member
Username Nama
Email Telepon
Status xxxxxxxx
xxxxxxxx xxxxxxxx
xxxxxxxx V
Update Batal
· Klik Home menuju T38
· Klik Konten Web menuju T39
· Klik Katalog menuju T40
· Klik Alamat Kirim menuju T41
· Klik Data Member Menuju T42
· Klik Data Pesanan menuju T43
· Klik Laporan menuju T44
· Klik Logout untuk keluar dari
aplikasi ·
Klik Update menuju T42 ·
Klik Batal menuju T42 Keterangan :
Gambar 3.125, Halaman Edit Member Pegawai
header logo
Menu Pegawai Home
Konten Web Katalog
Alamat Kirim Data Member
Data Pesanan Laporan
Kelola Retur Logout
T70
footer Data Pesanan
| Pemesanan Baru | Pemesanan Dibayar | Pemesanan Dikirim | Pemesanan Berhasil | | Pemesanan Dibatalkan |
Data Pesanan
Alamat Pengiriman Detail Pesanan
Konfirmasi Batalkan
Pesanan Baru ·
Klik Home menuju T38 ·
Klik Konten Web menuju T39 ·
Klik Katalog menuju T40 ·
Klik Alamat Kirim menuju T41 ·
Klik Data Member Menuju T42 ·
Klik Data Pesanan menuju T43 ·
Klik Laporan menuju T44 ·
Klik Logout untuk keluar dari aplikasi
· Klik Pemesanan Baru menuju T69
· Klik Pemesanan Dibayar menuju
T70 ·
Klik Pemesanan Dikirim menuju T71
· Klik Pemesanan Berhasil menuju
T72 ·
Klik Pemesanan Dibatalkan menuju T73
· Klik Konfirmasi menuju T70
· Klik Batalkan menuju T73
Keterangan :
Gambar 3.126, Halaman Pemesanan Baru Pegawai
header logo
Menu Pegawai Home
Konten Web Katalog
Alamat Kirim Data Member
Data Pesanan Laporan
Kelola Retur Logout
T71
footer Data Pesanan
| Pemesanan Baru | Pemesanan Dibayar | Pemesanan Dikirim | Pemesanan Berhasil | | Pemesanan Dibatalkan |
Data Pesanan
Alamat Pengiriman Detail Pesanan
Konfirmasi Pesanan Dibayar
No Resi Pengiriman ·
Klik Home menuju T38 ·
Klik Konten Web menuju T39 ·
Klik Katalog menuju T40 ·
Klik Alamat Kirim menuju T41 ·
Klik Data Member Menuju T42 ·
Klik Data Pesanan menuju T43 ·
Klik Laporan menuju T44 ·
Klik Logout untuk keluar dari aplikasi
· Klik Pemesanan Baru menuju T69
· Klik Pemesanan Dibayar menuju
T70 ·
Klik Pemesanan Dikirim menuju T71
· Klik Pemesanan Berhasil menuju
T72 ·
Klik Pemesanan Dibatalkan menuju T73
· Klik Konfirmasi menuju T71
Keterangan :
Gambar 3.127, Halaman Pemesanan Dibayar Pegawai
header logo
Menu Pegawai Home
Konten Web Katalog
Alamat Kirim Data Member
Data Pesanan Laporan
Kelola Retur Logout
T72
footer Data Pesanan
| Pemesanan Baru | Pemesanan Dibayar | Pemesanan Dikirim | Pemesanan Berhasil | | Pemesanan Dibatalkan |
Data Pesanan
Alamat Pengiriman Detail Pesanan
Pesanan Dikirim ·
Klik Home menuju T38 ·
Klik Konten Web menuju T39 ·
Klik Katalog menuju T40 ·
Klik Alamat Kirim menuju T41 ·
Klik Data Member Menuju T42 ·
Klik Data Pesanan menuju T43 ·
Klik Laporan menuju T44 ·
Klik Logout untuk keluar dari aplikasi
· Klik Pemesanan Baru menuju T69
· Klik Pemesanan Dibayar menuju
T70 ·
Klik Pemesanan Dikirim menuju T71
· Klik Pemesanan Berhasil menuju
T72 ·
Klik Pemesanan Dibatalkan menuju T73
Keterangan :
Gambar 3.128, Halaman Pemesanan Dikirim Pegawai
header logo
Menu Pegawai Home
Konten Web Katalog
Alamat Kirim Data Member
Data Pesanan Laporan
Kelola Retur Logout
T73
footer Data Pesanan
| Pemesanan Baru | Pemesanan Dibayar | Pemesanan Dikirim | Pemesanan Berhasil | | Pemesanan Dibatalkan |
Data Pesanan
Alamat Pengiriman Detail Pesanan
Pesanan Berhasil ·
Klik Home menuju T38 ·
Klik Konten Web menuju T39 ·
Klik Katalog menuju T40 ·
Klik Alamat Kirim menuju T41 ·
Klik Data Member Menuju T42 ·
Klik Data Pesanan menuju T43 ·
Klik Laporan menuju T44 ·
Klik Logout untuk keluar dari aplikasi
· Klik Pemesanan Baru menuju T69
· Klik Pemesanan Dibayar menuju
T70 ·
Klik Pemesanan Dikirim menuju T71
· Klik Pemesanan Berhasil menuju
T72 ·
Klik Pemesanan Dibatalkan menuju T73
Keterangan :
Gambar 3.129, Halaman Pemesanan Berhasil Pegawai
header logo
Menu Pegawai Home
Konten Web Katalog
Alamat Kirim Data Member
Data Pesanan Laporan
Kelola Retur Logout
T74
footer Data Pesanan
| Pemesanan Baru | Pemesanan Dibayar | Pemesanan Dikirim | Pemesanan Berhasil | | Pemesanan Dibatalkan |
Data Pesanan
Alamat Pengiriman Detail Pesanan
Pesanan Dibatalkan ·
Klik Home menuju T38 ·
Klik Konten Web menuju T39 ·
Klik Katalog menuju T40 ·
Klik Alamat Kirim menuju T41 ·
Klik Data Member Menuju T42 ·
Klik Data Pesanan menuju T43 ·
Klik Laporan menuju T44 ·
Klik Logout untuk keluar dari aplikasi
· Klik Pemesanan Baru menuju T69
· Klik Pemesanan Dibayar menuju
T70 ·
Klik Pemesanan Dikirim menuju T71
· Klik Pemesanan Berhasil menuju
T72 ·
Klik Pemesanan Dibatalkan menuju T73
Keterangan :
Gambar 3.130, Halaman Pemesanan Dibatalkan Pegawai
3.2.4 Perancangan Pesan