b. Struktur menu members pada aplikasi E-commerce di took C8 Komputer
Beranda
Profil Produk
Keranjang Belanja
Profil Perusahaan
Kontak Cara Belanja
Cari Produk Pesanan
Retur
Profile Produk
Keranjang Belanja
Profil Perusahaan
Kontak Cara Belanja
Cari Produk Pesanan
Retur Login
Keluar Edit profile
member Daftar
Keranjang Belanja
Tambah data keranjang
belanja Edit data
keranjang belanja
Hapus data keranjang
belanja Cari history
pemesanan Daftar history
pemesanan Cari produk
retur Daftar produk
retur
Gambar 3. 29 Struktur Menu Member
c. Struktur menu admin pada aplikasi E-commerce di took C8 Komputer
Login
Beranda
Pengolahan Kategori
produk Jasa kirim
Perusahaan jasa
Subkategori Merk
Produk Provinsi
Kota
Ongkos kirim
Member Orders
Order baru Order dibayar
Order dikirim Order
diterima Produk Retur
Order lunas Pengaturan
Manajemen modul
Ganti password
Hubungi kami
Profil perusahaan
Cara pembelian
Syarat kondisi
Bacup restore Backup
gambar Backup
database Restore
database Backup
data Laporan penjualan
logout Laporan
penjualan diterima
Laporan produk
Gambar 3. 30 Struktur Menu Admin
3.2.3.2 Perancangan Antar Muka Pengunjung
1. [T01] Rancangan antar muka tampilan beranda pengunjung aplikasi E-
commerce di took C8 Komputer
F01 C8 KOMPUTER
alamat Produk terlaris
gambar gambar
kategori
Costumer service Keranjang Belanja
Cari barang
Nama produk cari
Beranda Produk Keranjang Belanja Profil C8 Kontak Cara belanja Produk Terbaru
Nama Produk Gambar
selengkapnya
User name: Password:
Lupa password? daftar akun
Login
login
Produk Diskon Gambar
Facebook Fotter
Keterangan 1. Klik beranda menuju ke F01
2. klik produk menuju ke F02 3. klik keranjang belanja menuju ke F03
4. klik profil c8 menuju ke F04 5. Klik kontak menuju ke F05
6. klik cara kerja menuju ke F06 7. klik lupa password menuju ke F07
8. klik lupa daftar akun menuju ke F08 9. klik selengkapnya menuju ke F09
Nama layar : F01 Ukuran Layar : 1024 x 768
Warna Latar : abu-abu
Gambar 3. 31 Tampilan Beranda Pengunjung
2. [T02] Rancangan antarmuka tampilan semua produk pengunjung Aplikasi e-commerce di toko C8 Komputer
F02 C8 KOMPUTER
alamat Produk terlaris
gambar gambar
kategori Costumer service
Keranjang Belanja Cari barang
Nama produk cari
Beranda Produk Keranjang Belanja Profil C8 Kontak Cara belanja All Produk
Nama Produk Gambar
selengkapnya
User name: Password:
Lupa password? daftar akun
Login
login
Produk Diskon Gambar
Facebook Fotter
Keterangan 1. Klik beranda menuju ke F01
2. klik produk menuju ke F02 3. klik keranjang belanja menuju ke F03
4. klik profil c8 menuju ke F04 5. Klik kontak menuju ke F05
6. klik cara kerja menuju ke F06 7. klik lupa password menuju ke F07
8. klik lupa daftar akun menuju ke F08 9. klik selengkapnya menuju ke F09
Nama layar : F02 Ukuran Layar : 1024 x 768
Warna Latar : abu-abu
Gambar 3. 32 Tampilan Semua Produk Pengunjung
3. [T03] Rancangan antarmuka tampilan keranjang belanja pengunjung Aplikasi e-commerce di toko C8 Komputer
F03 C8 KOMPUTER
alamat Produk terlaris
gambar gambar
kategori Costumer service
Keranjang Belanja Cari barang
Nama produk cari
Beranda Produk Keranjang Belanja Profil C8 Kontak Cara belanja All Produk
Nama Produk Gambar
selengkapnya
User name: Password:
Lupa password? daftar akun
Login
login
Produk Diskon Gambar
Facebook Fotter
Keterangan 1. Klik beranda menuju ke F01
2. klik produk menuju ke F02 3. klik keranjang belanja menuju ke F03
4. klik profil c8 menuju ke F04 5. Klik kontak menuju ke F05
6. klik cara kerja menuju ke F06 7. klik lupa password menuju ke F07
8. klik lupa daftar akun menuju ke F08 9. klik selengkapnya menuju ke F09
Nama layar : F03 Ukuran Layar : 1024 x 768
Warna Latar : abu-abu Keranjang belanja
Gambar 3. 33 Tampilan Keranjang Belanja Pengunjung
4. [T04] Rancangan antarmuka tampilan profil toko pengunjung Aplikasi e- commerce di toko C8 Komputer.
F04 C8 KOMPUTER
alamat Produk terlaris
gambar gambar
kategori Costumer service
Keranjang Belanja Cari barang
Nama produk cari
Beranda Produk Keranjang Belanja Profil C8 Kontak Cara belanja All Produk
Nama Produk Gambar
selengkapnya
User name: Password:
Lupa password? daftar akun
Login
login
Produk Diskon Gambar
Facebook Fotter
Keterangan 1. Klik beranda menuju ke F01
2. klik produk menuju ke F02 3. klik keranjang belanja menuju ke F03
4. klik profil c8 menuju ke F04 5. Klik kontak menuju ke F05
6. klik cara kerja menuju ke F06 7. klik lupa password menuju ke F07
8. klik lupa daftar akun menuju ke F08 9. klik selengkapnya menuju ke F09
Nama layar : F04 Ukuran Layar : 1024 x 768
Warna Latar : abu-abu Deskripsi
Profil perusahaan Gambar Logo
Gambar 3. 34 Tampilan Profil Toko
5. [T05] Rancangan antarmuka tampilan kontak Aplikasi e-commerce di toko C8 Komputer
F05 C8 KOMPUTER
alamat Produk terlaris
gambar gambar
kategori Costumer service
Keranjang Belanja Cari barang
Nama produk cari
Beranda Produk Keranjang Belanja Profil C8 Kontak Cara belanja All Produk
Nama Produk Gambar
selengkapnya
User name: Password:
Lupa password? daftar akun
Login
login
Produk Diskon Gambar
Facebook Fotter
Keterangan 1. Klik beranda menuju ke F01
2. klik produk menuju ke F02 3. klik keranjang belanja menuju ke F03
4. klik profil c8 menuju ke F04 5. Klik kontak menuju ke F05
6. klik cara kerja menuju ke F06 7. klik lupa password menuju ke F07
8. klik lupa daftar akun menuju ke F08 9. klik selengkapnya menuju ke F09
Nama layar : F05 Ukuran Layar : 1024 x 768
Warna Latar : abu-abu Nama :
Email : Subjek :
Pesan : Hubungi Kami
Kirim
Gambar 3. 35 Tampilan Kontak
6. [T06] Rancangan antarmuka tampilan cara belanja Aplikasi e-commerce di toko C8 Komputer
F06 C8 KOMPUTER
alamat Produk terlaris
gambar gambar
kategori Costumer service
Keranjang Belanja Cari barang
Nama produk cari
Beranda Produk Keranjang Belanja Profil C8 Kontak Cara belanja All Produk
Nama Produk Gambar
selengkapnya
User name: Password:
Lupa password? daftar akun
Login
login
Produk Diskon Gambar
Facebook Fotter
Keterangan 1. Klik beranda menuju ke F01
2. klik produk menuju ke F02 3. klik keranjang belanja menuju ke F03
4. klik profil c8 menuju ke F04 5. Klik kontak menuju ke F05
6. klik cara belanja menuju ke F06 7. klik lupa password menuju ke F07
8. klik lupa daftar akun menuju ke F08 9. klik selengkapnya menuju ke F09
Nama layar : F06 Ukuran Layar : 1024 x 768
Warna Latar : abu-abu 1.
2. 3.
4. Cara Pembelian
Gambar 3. 36 Tampilan Cara Belanja
7. [T07] Rancangan antarmuka tampilan Lupa password Aplikasi E- commerce di toko C8 Komputer
F07 C8 KOMPUTER
alamat Produk terlaris
gambar gambar
kategori Costumer service
Keranjang Belanja Cari barang
Nama produk cari
Beranda Produk Keranjang Belanja Profil C8 Kontak Cara belanja All Produk
Nama Produk Gambar
selengkapnya
User name: Password:
Lupa password? daftar akun
Login
login
Produk Diskon Gambar
Facebook Fotter
Keterangan 1. Klik beranda menuju ke F01
2. klik produk menuju ke F02 3. klik keranjang belanja menuju ke F03
4. klik profil c8 menuju ke F04 5. Klik kontak menuju ke F05
6. klik cara belanja menuju ke F06 7. klik lupa password menuju ke F07
8. klik lupa daftar akun menuju ke F08 9. klik selengkapnya menuju ke F09
Nama layar : F07 Ukuran Layar : 1024 x 768
Warna Latar : abu-abu Email :
User name : Password baru :
Konfirmasi password : Lupa Password
Proses
Gambar 3. 37 Tampilan Lupa Password
8. [T08] Rancangan antarmuka tampilan daftar akun aplikasi E-commerce pada toko C8 Komputer
F08 C8 KOMPUTER
alamat Produk terlaris
gambar gambar
kategori Costumer service
Keranjang Belanja Cari barang
Nama produk cari
Beranda Produk Keranjang Belanja Profil C8 Kontak Cara belanja All Produk
Nama Produk Gambar
selengkapnya
User name: Password:
Lupa password? daftar akun
Login
login
Produk Diskon Gambar
Facebook Fotter
Keterangan 1. Klik beranda menuju ke F01
2. klik produk menuju ke F02 3. klik keranjang belanja menuju ke F03
4. klik profil c8 menuju ke F04 5. Klik kontak menuju ke F05
6. klik cara belanja menuju ke F06 7. klik lupa password menuju ke F07
8. klik daftar akun menuju ke F08 9. klik selengkapnya menuju ke F09
Nama layar : F08 Ukuran Layar : 1024 x 768
Warna Latar : abu-abu Data member
User name : Nama lengkap :
Email : Jenis kelamin :
Telepon : Alamat member
Alamat : Provinsi :
Kotakabupaten : Kode pos :
Password member Password :
Ulangi password : Registrasi akun
Daftar
Gambar 3. 38 Tampilan Daftar Akun
9. [T09] Rancangan antarmuka tampilan selengkapnya aplikasi pada toko C8 Komputer
F09 C8 KOMPUTER
alamat Produk terlaris
gambar gambar
kategori Costumer service
Keranjang Belanja Cari barang
Nama produk cari
Beranda Produk Keranjang Belanja Profil C8 Kontak Cara belanja Nama barang
Kategori : Subkategori :
Harga : Berat :
Diskon : Rating :
Deskripsi : Stok :
Detail produk User name:
Password: Lupa password?
daftar akun Login
login
Produk Diskon Gambar
Facebook Fotter
Keterangan 1. Klik beranda menuju ke F01
2. klik produk menuju ke F02 3. klik keranjang belanja menuju ke F03
4. klik profil c8 menuju ke F04 5. Klik kontak menuju ke F05
6. klik cara belanja menuju ke F06 7. klik lupa password menuju ke F07
8. klik daftar akun menuju ke F08 9. klik selengkapnya menuju ke F09
Nama layar : F09 Ukuran Layar : 1024 x 768
Warna Latar : abu-abu beli
komentar Produk lain
Gambar
Gambar 3. 39 Tampilan Selengkapnya
3.2.3.3 Perancangan Antarmuka Member
1. [T10] Rancangan antarmuka tampilan beranda untuk member Aplikasi e- commerce di toko C8 Komputer
F10 C8 KOMPUTER
alamat Produk terlaris
gambar gambar
kategori
Costumer service Keranjang Belanja
Cari barang
Nama produk cari
Beranda Produk Keranjang Belanja Profil C8 Kontak Cara belanja Profil pesanan retur keluar
Produk Terbaru Nama Produk
Gambar
selengkapnya
Produk Diskon Gambar
Facebook
Fotter
Keterangan 1. Klik beranda menuju ke F10
2. klik produk menuju ke F11 3. klik keranjang belanja menuju ke F12
4. klik profil c8 menuju ke F13 5. Klik kontak menuju ke F14
6. klik cara belanja menuju ke F15 7. klik profil menuju ke F16
8. klik pesanan menuju ke F17 9. klik retur menuju ke F18
10. klik keluar menuju ke F19 11. klik detail retur menuju ke F20
12. klik selengkapnya menuju ke F21 13. klik beli menuju ke F22
14. klik lanjutkan menuju ke F23 15. klik lanjutkan menuju ke F24
16. klik lanjutkan menuju ke F25 17. klik pesanan menuju ke F26
Nama layar : F10 Ukuran Layar : 1024 x 768
Warna Latar : abu-abu Selamat datang
Gambar 3. 40 Tampilan Beranda Member
2. [T11] Rancangan antarmuka tampilan semua produk untuk member Aplikasi e-commerce di toko C8 Komputer
F11 C8 KOMPUTER
alamat Produk terlaris
gambar gambar
kategori Costumer service
Keranjang Belanja Cari barang
Nama produk cari
Beranda Produk Keranjang Belanja Profil C8 Kontak Cara belanja profil pesanan retur keluar
All Produk Nama Produk
Gambar
selengkapnya
Produk Diskon Gambar
Facebook
Fotter Keterangan
1. Klik beranda menuju ke F10 2. klik produk menuju ke F11
3. klik keranjang belanja menuju ke F12 4. klik profil c8 menuju ke F13
5. Klik kontak menuju ke F14 6. klik cara belanja menuju ke F15
7. klik profil menuju ke F16 8. klik pesanan menuju ke F17
9. klik retur menuju ke F18 10. klik keluar menuju ke F19
11. klik detail retur menuju ke F20 12. klik selengkapnya menuju ke F21
13. klik beli menuju ke F22 14. klik lanjutkan menuju ke F23
15. klik lanjutkan menuju ke F24 16. klik lanjutkan menuju ke F25
17. klik pesanan menuju ke F26
Nama layar : F11 Ukuran Layar : 1024 x 768
Warna Latar : abu-abu Selamat datang
Gambar 3. 41 Tampilan Produk Member
3. [T12] Rancangan antarmuka tampilan keranjang belanja untuk member Aplikasi e-commerce di toko C8 Komputer
F12 C8 KOMPUTER
alamat Produk terlaris
gambar gambar
kategori Costumer service
Keranjang Belanja Cari barang
Nama produk cari
Beranda Produk Keranjang Belanja Profil C8 Kontak Cara belanja profil pesanan retur keluar
All Produk Nama Produk
Gambar
selengkapnya
Produk Diskon Gambar
Facebook
Fotter Keterangan
1. Klik beranda menuju ke F10 2. klik produk menuju ke F11
3. klik keranjang belanja menuju ke F12 4. klik profil c8 menuju ke F13
5. Klik kontak menuju ke F14 6. klik cara belanja menuju ke F15
7. klik profil menuju ke F16 8. klik pesanan menuju ke F17
9. klik retur menuju ke F18 10. klik keluar menuju ke F19
11. klik detail retur menuju ke F20 12. klik selengkapnya menuju ke F21
13. klik beli menuju ke F22 14. klik lanjutkan menuju ke F23
15. klik lanjutkan menuju ke F24 16. klik lanjutkan menuju ke F25
17. klik pesanan menuju ke F26
Nama layar : F12 Ukuran Layar : 1024 x 768
Warna Latar : abu-abu Keranjang belanja
Selamat datang
Gambar 3. 42 Tampilan Keranjang Member
4. [T13] Rancangan antarmuka tampilan profil toko untuk member Aplikasi e-commerce di toko C8 Komputer
F13 C8 KOMPUTER
alamat Produk terlaris
gambar gambar
kategori Costumer service
Keranjang Belanja Cari barang
Nama produk cari
Beranda Produk Keranjang Belanja Profil C8 Kontak Cara belanja profil pesanan retur keluar
All Produk Nama Produk
Gambar
selengkapnya
Selamat datang Produk Diskon
Gambar Facebook
Fotter Keterangan
1. Klik beranda menuju ke F10 2. klik produk menuju ke F11
3. klik keranjang belanja menuju ke F12 4. klik profil c8 menuju ke F13
5. Klik kontak menuju ke F14 6. klik cara belanja menuju ke F15
7. klik profil menuju ke F16 8. klik pesanan menuju ke F17
9. klik retur menuju ke F18 10. klik keluar menuju ke F19
11. klik detail retur menuju ke F20 12. klik selengkapnya menuju ke F21
13. klik beli menuju ke F22 14. klik lanjutkan menuju ke F23
15. klik lanjutkan menuju ke F24 16. klik lanjutkan menuju ke F25
17. klik pesanan menuju ke F26
Nama layar : F13 Ukuran Layar : 1024 x 768
Warna Latar : abu-abu Deskripsi
Profil perusahaan Gambar Logo
Gambar 3. 43 Tampilan Profil Toko
5. [T14] Rancangan antarmuka tampilan kontak untuk member Aplikasi e- commerce di toko C8 Komputer
F14 C8 KOMPUTER
alamat Produk terlaris
gambar gambar
kategori Costumer service
Keranjang Belanja Cari barang
Nama produk cari
Beranda Produk Keranjang Belanja Profil C8 Kontak Cara belanja profil pesanan retur keluar
All Produk Nama Produk
Gambar
selengkapnya
Selamat datang Produk Diskon
Gambar Facebook
Fotter Keterangan
1. Klik beranda menuju ke F10 2. klik produk menuju ke F11
3. klik keranjang belanja menuju ke F12 4. klik profil c8 menuju ke F13
5. Klik kontak menuju ke F14 6. klik cara belanja menuju ke F15
7. klik profil menuju ke F16 8. klik pesanan menuju ke F17
9. klik retur menuju ke F18 10. klik keluar menuju ke F19
11. klik detail retur menuju ke F20 12. klik selengkapnya menuju ke F21
13. klik beli menuju ke F22 14. klik lanjutkan menuju ke F23
15. klik lanjutkan menuju ke F24 16. klik lanjutkan menuju ke F25
17. klik pesanan menuju ke F26
Nama layar : F14 Ukuran Layar : 1024 x 768
Warna Latar : abu-abu Nama :
Email : Subjek :
Pesan : Hubungi Kami
Kirim
Gambar 3. 44 Tampilan Kontak Member
6. [T15] Rancangan antarmuka tampilan cara belanja untuk member Aplikasi e-commerce di toko C8 Komputer
F15 C8 KOMPUTER
alamat Produk terlaris
gambar gambar
kategori Costumer service
Keranjang Belanja Cari barang
Nama produk cari
Beranda Produk Keranjang Belanja Profil C8 Kontak Cara belanja profil pesanan retur keluar
All Produk Nama Produk
Gambar
selengkapnya
Selamat datang Produk Diskon
Gambar Facebook
Fotter Keterangan
1. Klik beranda menuju ke F10 2. klik produk menuju ke F11
3. klik keranjang belanja menuju ke F12 4. klik profil c8 menuju ke F13
5. Klik kontak menuju ke F14 6. klik cara belanja menuju ke F15
7. klik profil menuju ke F16 8. klik pesanan menuju ke F17
9. klik retur menuju ke F18 10. klik keluar menuju ke F19
11. klik detail retur menuju ke F20 12. klik selengkapnya menuju ke F21
13. klik beli menuju ke F22 14. klik lanjutkan menuju ke F23
15. klik lanjutkan menuju ke F24 16. klik lanjutkan menuju ke F25
17. klik pesanan menuju ke F26
Nama layar : F15 Ukuran Layar : 1024 x 768
Warna Latar : abu-abu 1.
2. 3.
4. Cara Pembelian
Gambar 3. 45 Tampilan Cara Belanja Member
7. [T16] Rancangan antarmuka tampilan profil untuk member Aplikasi e- commerce di toko C8 Komputer
F16 C8 KOMPUTER
alamat Produk terlaris
gambar gambar
kategori Costumer service
Keranjang Belanja Cari barang
Nama produk cari
Beranda Produk Keranjang Belanja Profil C8 Kontak Cara belanja profil pesanan retur keluar
All Produk Nama Produk
Gambar
selengkapnya
Selamat datang Produk Diskon
Gambar Facebook
Fotter Keterangan
1. Klik beranda menuju ke F10 2. klik produk menuju ke F11
3. klik keranjang belanja menuju ke F12 4. klik profil c8 menuju ke F13
5. Klik kontak menuju ke F14 6. klik cara belanja menuju ke F15
7. klik profil menuju ke F16 8. klik pesanan menuju ke F17
9. klik retur menuju ke F18 10. klik keluar menuju ke F19
11. klik detail retur menuju ke F20 12. klik selengkapnya menuju ke F21
13. klik beli menuju ke F22 14. klik lanjutkan menuju ke F23
15. klik lanjutkan menuju ke F24 16. klik lanjutkan menuju ke F25
17. klik pesanan menuju ke F26
Nama layar : F16 Ukuran Layar : 1024 x 768
Warna Latar : abu-abu Username :
Nama : Email :
No tlp : alamat :
Provinsi : Kotakabupaten :
Kode pos : Profile
update
Gambar 3. 46 Tampilan Profil Member
8. [T17] Rancangan antarmuka tampilan pesanan untuk member Aplikasi e- commerce di toko C8 Komputer
F17 C8 KOMPUTER
alamat Produk terlaris
gambar gambar
kategori Costumer service
Keranjang Belanja Cari barang
Nama produk cari
Beranda Produk Keranjang Belanja Profil C8 Kontak Cara belanja profil pesanan retur keluar
All Produk Nama Produk
Gambar
selengkapnya
Produk Diskon Gambar
Facebook
Fotter Keterangan
1. Klik beranda menuju ke F10 2. klik produk menuju ke F11
3. klik keranjang belanja menuju ke F12 4. klik profil c8 menuju ke F13
5. Klik kontak menuju ke F14 6. klik cara belanja menuju ke F15
7. klik profil menuju ke F16 8. klik pesanan menuju ke F17
9. klik retur menuju ke F18 10. klik keluar menuju ke F19
11. klik detail retur menuju ke F20 12. klik selengkapnya menuju ke F21
13. klik beli menuju ke F22 14. klik lanjutkan menuju ke F23
15. klik lanjutkan menuju ke F24 16. klik lanjutkan menuju ke F25
17. klik pesanan menuju ke F26
Nama layar : F17 Ukuran Layar : 1024 x 768
Warna Latar : abu-abu cari pemesanan :
detai
l History pemesanan
Selamat datang cari
No.order tgl.order tgl.expire status order status bayar status pemesanan aksi
Gambar 3. 47 Tampilan Pesanan Member
9. [T18] Rancangan antarmuka tampilan retur untuk member Aplikasi e- commerce di toko C8 Komputer
F18 C8 KOMPUTER
alamat Produk terlaris
gambar gambar
kategori Costumer service
Keranjang Belanja Cari barang
Nama produk cari
Beranda Produk Keranjang Belanja Profil C8 Kontak Cara belanja profil pesanan retur keluar
All Produk Nama Produk
Gambar
selengkapnya
Produk Diskon Gambar
Facebook
Fotter Keterangan
1. Klik beranda menuju ke F10 2. klik produk menuju ke F11
3. klik keranjang belanja menuju ke F12 4. klik profil c8 menuju ke F13
5. Klik kontak menuju ke F14 6. klik cara belanja menuju ke F15
7. klik profil menuju ke F16 8. klik pesanan menuju ke F17
9. klik retur menuju ke F18 10. klik keluar menuju ke F19
11. klik detail retur menuju ke F20 12. klik selengkapnya menuju ke F21
13. klik beli menuju ke F22 14. klik lanjutkan menuju ke F23
15. klik lanjutkan menuju ke F24 16. klik lanjutkan menuju ke F25
17. klik pesanan menuju ke F26
Nama layar : F18 Ukuran Layar : 1024 x 768
Warna Latar : abu-abu cari retur :
detai
l History retur produk
Selamat datang cari
No ID retur ID order nama produk jumlah tgl.retur status aksi
Gambar 3. 48 Tampilan Retur Member
10. [T19] Rancangan antarmuka tampilan logout untuk member Aplikasi e- commerce di toko C8 Komputer
F19 C8 KOMPUTER
alamat Produk terlaris
gambar gambar
kategori Costumer service
Keranjang Belanja Cari barang
Nama produk cari
Beranda Produk Keranjang Belanja Profil C8 Kontak Cara belanja Produk Terbaru
Nama Produk Gambar
selengkapnya
User name: Password:
Lupa password? daftar akun
Login
login
Produk Diskon Gambar
Facebook Fotter
Keterangan 1. Klik beranda menuju ke F10
2. klik produk menuju ke F11 3. klik keranjang belanja menuju ke F12
4. klik profil c8 menuju ke F13 5. Klik kontak menuju ke F14
6. klik cara belanja menuju ke F15 7. klik profil menuju ke F16
8. klik pesanan menuju ke F17 9. klik retur menuju ke F18
10. klik keluar menuju ke F19 11. klik detail retur menuju ke F20
12. klik selengkapnya menuju ke F21 13. klik beli menuju ke F22
14. klik lanjutkan menuju ke F23 15. klik lanjutkan menuju ke F24
16. klik lanjutkan menuju ke F25 17. klik pesanan menuju ke F26
Nama layar : F19 Ukuran Layar : 1024 x 768
Warna Latar : abu-abu
Gambar 3. 49 Tampilan Logout Member
11. [T20] Rancangan antarmuka tampilan detail retur untuk member Aplikasi e-commerce di toko C8 Komputer
F20 C8 KOMPUTER
alamat Produk terlaris
gambar gambar
kategori Costumer service
Keranjang Belanja Cari barang
Nama produk cari
Beranda Produk Keranjang Belanja Profil C8 Kontak Cara belanja profil pesanan retur keluar
All Produk Nama Produk
Gambar
selengkapnya
Produk Diskon Gambar
Facebook
Fotter Keterangan
1. Klik beranda menuju ke F10 2. klik produk menuju ke F11
3. klik keranjang belanja menuju ke F12 4. klik profil c8 menuju ke F13
5. Klik kontak menuju ke F14 6. klik cara belanja menuju ke F15
7. klik profil menuju ke F16 8. klik pesanan menuju ke F17
9. klik retur menuju ke F18 10. klik keluar menuju ke F19
11. klik detail retur menuju ke F20 12. klik selengkapnya menuju ke F21
13. klik beli menuju ke F22 14. klik lanjutkan menuju ke F23
15. klik lanjutkan menuju ke F24 16. klik lanjutkan menuju ke F25
17. klik pesanan menuju ke F26
Nama layar : F20 Ukuran Layar : 1024 x 768
Warna Latar : abu-abu Detail retur barang
Selamat datang ID retur :
No. resi : Status :
DETAIL PRODUK YANG D IRETURKAN DETAIL PRODUK YANG DI SETUJUI
Terima kasih
Gambar 3. 50 Tampilan Detail Retur Member
12. [T21] Rancangan antarmuka tampilan selengkapnya untuk member Aplikasi e-commerce di toko C8 Komputer
F21 C8 KOMPUTER
alamat Produk terlaris
gambar gambar
kategori Costumer service
Keranjang Belanja Cari barang
Nama produk cari
Beranda Produk Keranjang Belanja Profil C8 Kontak Cara belanja profile pesanan retur keluar
Nama barang Kategori :
Subkategori : Harga :
Berat : Diskon :
Rating : Deskripsi :
Stok : Detail produk
User name: Password:
Lupa password? daftar akun
Login
login
Produk Diskon Gambar
Facebook Fotter
Keterangan 1. Klik beranda menuju ke F10
2. klik produk menuju ke F11 3. klik keranjang belanja menuju ke F12
4. klik profil c8 menuju ke F13 5. Klik kontak menuju ke F14
6. klik cara belanja menuju ke F15 7. klik profil menuju ke F16
8. klik pesanan menuju ke F17 9. klik retur menuju ke F18
10. klik keluar menuju ke F19 11. klik detail retur menuju ke F20
12. klik selengkapnya menuju ke F21 13. klik beli menuju ke F22
14. klik lanjutkan menuju ke F23 15. klik lanjutkan menuju ke F24
16. klik lanjutkan menuju ke F25 17. klik pesanan menuju ke F26
Nama layar : F21 Ukuran Layar : 1024 x 768
Warna Latar : abu-abu beli
komentar Produk lain
Komentar : Nama :
Komentar : Rating : Bad
Excelent
Gambar
Gambar 3. 51 Tampilan Selengkapnya Member
13. [T22] Rancangan antarmuka tampilan beli untuk member Aplikasi e- commerce di toko C8 Komputer
F22 C8 KOMPUTER
alamat Produk terlaris
gambar gambar
kategori Costumer service
Keranjang Belanja Cari barang
Nama produk cari
Beranda Produk Keranjang Belanja Profil C8 Kontak Cara belanja profil pesanan retur keluar
All Produk Nama Produk
Gambar
selengkapnya
Produk Diskon Gambar
Facebook
Fotter Keterangan
1. Klik beranda menuju ke F10 2. klik produk menuju ke F11
3. klik keranjang belanja menuju ke F12 4. klik profil c8 menuju ke F13
5. Klik kontak menuju ke F14 6. klik cara belanja menuju ke F15
7. klik profil menuju ke F16 8. klik pesanan menuju ke F17
9. klik retur menuju ke F18 10. klik keluar menuju ke F19
11. klik detail retur menuju ke F20 12. klik selengkapnya menuju ke F21
13. klik beli menuju ke F22 14. klik lanjutkan menuju ke F23
15. klik lanjutkan menuju ke F24 16. klik lanjutkan menuju ke F25
17. klik pesanan menuju ke F26
Nama layar : F22 Ukuran Layar : 1024 x 768
Warna Latar : abu-abu Keranjang belanja
Selamat datang
No gambar produk detail produk jumlah harga sub total aksi
1 gambar
update hapus
Lanjutkan belanja lanjutkan
Gambar 3. 52 Tampilan Beli Member
14. [T23] Rancangan antarmuka tampilan beli untuk member Aplikasi e- commerce di toko C8 Komputer
F23 C8 KOMPUTER
alamat Produk terlaris
gambar gambar
kategori Costumer service
Keranjang Belanja Cari barang
Nama produk cari
Beranda Produk Keranjang Belanja Profil C8 Kontak Cara belanja All Produk
Gambar
selengkapnya
User name: Password:
Lupa password? daftar akun
Login
login
Produk Diskon Gambar
Facebook Fotter
Keterangan 1. Klik beranda menuju ke F10
2. klik produk menuju ke F11 3. klik keranjang belanja menuju ke F12
4. klik profil c8 menuju ke F13 5. Klik kontak menuju ke F14
6. klik cara belanja menuju ke F15 7. klik profil menuju ke F16
8. klik pesanan menuju ke F17 9. klik retur menuju ke F18
10. klik keluar menuju ke F19 11. klik detail retur menuju ke F20
12. klik selengkapnya menuju ke F21 13. klik beli menuju ke F22
14. klik lanjutkan menuju ke F23 15. klik lanjutkan menuju ke F24
16. klik lanjutkan menuju ke F25 17. klik pesanan menuju ke F26
Nama layar : F23 Ukuran Layar : 1024 x 768
Warna Latar : abu-abu Data member
User name : Nama lengkap :
Email : Jenis kelamin :
Telepon : Alamat member
Alamat : checkout
Alamat akun Alamat lain
data member Nama penerima :
Email : Telepon :
alamat member Alamat :
Provinsi : Kotakabupaten :
Kode pos : kembali lanjutkan
Gambar 3. 53 Tampilan Checkout Member
15. [T24] Rancangan antarmuka tampilan konfirmasi pembayaran untuk member Aplikasi e-commerce di toko C8 Komputer
F24 C8 KOMPUTER
alamat Produk terlaris
gambar gambar
kategori Costumer service
Keranjang Belanja Cari barang
Nama produk cari
Beranda Produk Keranjang Belanja Profil C8 Kontak Cara belanja profil pesanan retur keluar
All Produk Nama Produk
Gambar
selengkapnya
Produk Diskon Gambar
Facebook
Fotter Keterangan
1. Klik beranda menuju ke F10 2. klik produk menuju ke F11
3. klik keranjang belanja menuju ke F12 4. klik profil c8 menuju ke F13
5. Klik kontak menuju ke F14 6. klik cara belanja menuju ke F15
7. klik profil menuju ke F16 8. klik pesanan menuju ke F17
9. klik retur menuju ke F18 10. klik keluar menuju ke F19
11. klik detail retur menuju ke F20 12. klik selengkapnya menuju ke F21
13. klik beli menuju ke F22 14. klik lanjutkan menuju ke F23
15. klik lanjutkan menuju ke F24 16. klik lanjutkan menuju ke F25
17. klik pesanan menuju ke F26
Nama layar : F24 Ukuran Layar : 1024 x 768
Warna Latar : abu-abu Silahkan pilih jasa pengiriman :
Konfirmasi jenis pengiriman Selamat datang
Data pemesanan Data alamat pengiriman
Detail pemesanan barang
kembali Jasa pegiriman
Pilih jasa pengiriman lanjutkan
Gambar 3. 54 Tampilan Konfirmasi Pembayaran
16. [T25] Rancangan antarmuka tampilan konfirmasi jenis pengiriman untuk member Aplikasi e-commerce di toko C8 Komputer
F25 C8 KOMPUTER
alamat Produk terlaris
gambar gambar
kategori Costumer service
Keranjang Belanja Cari barang
Nama produk cari
Beranda Produk Keranjang Belanja Profil C8 Kontak Cara belanja profil pesanan retur keluar
All Produk Nama Produk
Gambar
selengkapnya
Produk Diskon Gambar
Facebook
Fotter Keterangan
1. Klik beranda menuju ke F10 2. klik produk menuju ke F11
3. klik keranjang belanja menuju ke F12 4. klik profil c8 menuju ke F13
5. Klik kontak menuju ke F14 6. klik cara belanja menuju ke F15
7. klik profil menuju ke F16 8. klik pesanan menuju ke F17
9. klik retur menuju ke F18 10. klik keluar menuju ke F19
11. klik detail retur menuju ke F20 12. klik selengkapnya menuju ke F21
13. klik beli menuju ke F22 14. klik lanjutkan menuju ke F23
15. klik lanjutkan menuju ke F24 16. klik lanjutkan menuju ke F25
17. klik pesanan menuju ke F26
Nama layar : F25 Ukuran Layar : 1024 x 768
Warna Latar : abu-abu Silahkan pilih jasa pengiriman :
Konfirmasi jenis pengiriman Selamat datang
Data pemesanan Data alamat pengiriman
Detail pemesanan barang
kembali Jasa pegiriman
Pilih jasa pengiriman lanjutkan
Gambar 3. 55 Tampilan Konfirmasi Jenis Pengiriman
17. [T26] Rancangan antarmuka tampilan konfirmasi jenis pengiriman untuk member Aplikasi e-commerce di toko C8 Komputer
F26 C8 KOMPUTER
alamat Produk terlaris
gambar gambar
kategori Costumer service
Keranjang Belanja Cari barang
Nama produk cari
Beranda Produk Keranjang Belanja Profil C8 Kontak Cara belanja profil pesanan retur keluar All Produk
Nama Produk Gambar
selengkapnya Produk Diskon
Gambar Facebook
Fotter
Keterangan 1. Klik beranda menuju ke F10
2. klik produk menuju ke F11 3. klik keranjang belanja menuju ke F12
4. klik profil c8 menuju ke F13 5. Klik kontak menuju ke F14
6. klik cara belanja menuju ke F15 7. klik profil menuju ke F16
8. klik pesanan menuju ke F17 9. klik retur menuju ke F18
10. klik keluar menuju ke F19 11. klik detail retur menuju ke F20
12. klik selengkapnya menuju ke F21 13. klik beli menuju ke F22
14. klik lanjutkan menuju ke F23 15. klik lanjutkan menuju ke F24
16. klik lanjutkan menuju ke F25 17. klik pesanan menuju ke F26
Nama layar : F26 Ukuran Layar : 1024 x 768
Warna Latar : abu-abu History pemesanan
Selamat datang Data pemesanan
Data alamat pengiriman Status pemesanan barang
Detail pemesanan barang No Nama produk
jumlah berat
harga Sub total
Form pembayaran Pembayaran melalu Bank
Pembayaran melalui Paypal
Gambar 3. 56 Tampilan History Pesanan
3.2.3.4 Perancangan Antarmuka pada Admin
1. [T27] Rancangan antarmuka tampilan login untuk admin Aplikasi e- commerce di toko C8 Komputer
F27 User name :
Password : lupa password?
ADMIN DASHBOARD gambar
login Keterangan
1. tampilan login admin di F27
Nama layar :F27 Ukuran layar :1024 x 765
Warna background :Abu - abu
Gambar 3. 57 Tampila Login Admin
2. [T28] Rancangan antarmuka tampilan lupa password untuk admin Aplikasi e-commerce di toko C8 Komputer
F28 Email :
username : kembali ke login
RESET PASSWORD ADMIN gambar
proses Keterangan
1. tampilan login admin di F27 2. klik lupa password menuju ke F28
Nama layar :F28 Ukuran layar :1024 x 765
Warna background :Abu - abu
Gambar 3. 58 Tampilan Lupa Password Admin
3. [T29] Rancangan antarmuka tampilan beranda untuk admin Aplikasi e- commerce di toko C8 Komputer
F29
Home Pengolahan [-]
Kategori produk Jasa kirim
Perusahaan jasa Sub kategori
Merk Produk
Provinsi Kota
Ongkos kirim Members
Orders [+] Pengaturan [+]
Backup restore [+] Laporan penjualan [+]
logout Order terakhir
NO.ORDER NAMA KONSUMEN TGL.ORDER TGL.EXPIRE
STATUS ORDER STATUS BAYAR
STATUS PENGIRIMAN AKSI
Keterangan 1. tampilan login admin di F27
2. klik lupa password menuju ke F28 3. tampilan beranda admin F29
Nama layar :F29 Ukuran layar :1024 x 765
Warna background :Abu - abu
Gambar 3. 59 Tampilan Beranda Admin
4. [T30] Rancangan antarmuka tampilan kategori untuk admin Aplikasi e- commerce di toko C8 Komputer
F30
Home Pengolahan [-]
Kategori produk Jasa kirim
Perusahaan jasa Sub kategori
Merk Produk
Provinsi Kota
Ongkos kirim Members
Orders [+] Pengaturan [+]
Backup restore [+] Laporan penjualan [+]
logout
Cari kategori :
kategori Keterangan
1. tampilan login admin di F27 2. klik lupa password menuju ke F28
3. tampilan beranda admin F29 4. klik kategori menuju ke F30
Nama layar :F30 Ukuran layar :1024 x 765
Warna background :Abu - abu NO
NAMA KATEGORI AKSI
cari Tambah kategori
edit hapus
Gambar 3. 60 Tampilan Pengolahan Kategori Admin
5. [T31] Rancangan antarmuka tampilan tambah kategori untuk admin Aplikasi e-commerce di toko C8 Komputer
F31
Home Pengolahan [-]
Kategori produk Jasa kirim
Perusahaan jasa Sub kategori
Merk Produk
Provinsi Kota
Ongkos kirim Members
Orders [+] Pengaturan [+]
Backup restore [+] Laporan penjualan [+]
logout
Nama kategori :
Tambah kategori Keterangan
1. tampilan login admin di F27 2. klik lupa password menuju ke F28
3. tampilan beranda admin F29 4. klik kategori menuju ke F30
5. klik tambah kategori menuju ke F31
Nama layar :F31 Ukuran layar :1024 x 765
Warna background :Abu - abu simpan
batal
Gambar 3. 61 Tampilan Tambah Kategori
6. [T32] Rancangan antarmuka tampilan edit kategori untuk admin Aplikasi e-commerce di toko C8 Komputer
F32
Home Pengolahan [-]
Kategori produk Jasa kirim
Perusahaan jasa Sub kategori
Merk Produk
Provinsi Kota
Ongkos kirim Members
Orders [+] Pengaturan [+]
Backup restore [+] Laporan penjualan [+]
logout
Nama kategori :
Edit kategori Keterangan
1. tampilan login admin di F27 2. klik lupa password menuju ke F28
3. tampilan beranda admin F29 4. klik kategori menuju ke F30
5. klik tambah kategori menuju ke F31 6. klik edit kategori menuju F32
Nama layar :F32 Ukuran layar :1024 x 765
Warna background :Abu - abu update
batal
Gambar 3. 62 Tampilan Edit Kategori
7. [T33] Rancangan antarmuka tampilan jasa kirim untuk admin Aplikasi e- commerce di toko C8 Komputer
F33
Home Pengolahan [-]
Kategori produk Jasa kirim
Perusahaan jasa Sub kategori
Merk Produk
Provinsi Kota
Ongkos kirim Members
Orders [+] Pengaturan [+]
Backup restore [+] Laporan penjualan [+]
logout Jasa kirim
Keterangan 1. tampilan login admin di F27
2. klik lupa password menuju ke F28 3. tampilan beranda admin F29
4. klik kategori menuju ke F30 5. klik tambah kategori menuju ke F31
6. klik edit kategori menuju F32 7. klik jasa kirim menuju ke F33
Nama layar :F33 Ukuran layar :1024 x 765
Warna background :Abu - abu NO
JASA KIRIM AKSI
Tambah jasa kirimi edit hapus
PERUSAHAAN
Gambar 3. 63 Tampilan Jasa Kirim Admin
8. [T34] Rancangan antarmuka tampilan tambah jasa kirim untuk admin Aplikasi e-commerce di toko C8 Komputer
F34
Home Pengolahan [-]
Kategori produk Jasa kirim
Perusahaan jasa Sub kategori
Merk Produk
Provinsi Kota
Ongkos kirim Members
Orders [+] Pengaturan [+]
Backup restore [+] Laporan penjualan [+]
logout Tambah Jasa kirim
Keterangan 1. tampilan login admin di F27
2. klik lupa password menuju ke F28 3. tampilan beranda admin F29
4. klik kategori menuju ke F30 5. klik tambah kategori menuju ke F31
6. klik edit kategori menuju F32 7. klik jasa kirim menuju ke F33
8. klik tambah jasa kirim menuju ke F34
Nama layar :F34 Ukuran layar :1024 x 765
Warna background :Abu - abu NO
JASA KIRIM AKSI
edit hapus PERUSAHAAN
jasa kirim : perusahaan jasa :
Pilih perusahaan jasa simpan
batal
Gambar 3. 64 Tampilan Tambah Jasa Kirim Admin
9. [T35] Rancangan antarmuka tampilan edit jasa kirim untuk admin Aplikasi e-commerce di toko C8 Komputer.
F35
Home Pengolahan [-]
Kategori produk Jasa kirim
Perusahaan jasa Sub kategori
Merk Produk
Provinsi Kota
Ongkos kirim Members
Orders [+] Pengaturan [+]
Backup restore [+] Laporan penjualan [+]
logout Edit Jasa kirim
Keterangan 1. tampilan login admin di F27
2. klik lupa password menuju ke F28 3. tampilan beranda admin F29
4. klik kategori menuju ke F30 5. klik tambah kategori menuju ke F31
6. klik edit kategori menuju F32 7. klik jasa kirim menuju ke F33
8. klik tambah jasa kirim menuju ke F34 9. klik edit jasa kirim menuju ke F35
Nama layar :F35 Ukuran layar :1024 x 765
Warna background :Abu - abu NO
JASA KIRIM AKSI
edit hapus PERUSAHAAN
jasa kirim : perusahaan :
Pilih perusahaan jasa update
batal
Gambar 3. 65 Tampilan Edit Jasa Kirim Admin
10. [T36] Rancangan antarmuka tampilan pengolahan perusahaan jasa untuk admin Aplikasi e-commerce di toko C8 Komputer.
F36
Home Pengolahan [-]
Kategori produk Jasa kirim
Perusahaan jasa Sub kategori
Merk Produk
Provinsi Kota
Ongkos kirim Members
Orders [+] Pengaturan [+]
Backup restore [+] Laporan penjualan [+]
logout Perusahaan jasa
Keterangan 1. tampilan login admin di F27
2. klik lupa password menuju ke F28 3. tampilan beranda admin F29
4. klik kategori menuju ke F30 5. klik tambah kategori menuju ke F31
6. klik edit kategori menuju F32 7. klik jasa kirim menuju ke F33
8. klik tambah jasa kirim menuju ke F34 9. klik edit jasa kirim menuju ke F35
10. klik perusahaan jasa menuju ke F36
Nama layar :F36 Ukuran layar :1024 x 765
Warna background :Abu - abu NO
AKSI Tambah perusahaan jasa
edit hapus PERUSAHAAN JASA
Gambar 3. 66 Tampilan Perusahaan Jasa Admin
11. [T37] Rancangan antarmuka tampilan tambah perusahaan jasa untuk admin Aplikasi e-commerce di toko C8 Komputer.
F37
Home Pengolahan [-]
Kategori produk Jasa kirim
Perusahaan jasa Sub kategori
Merk Produk
Provinsi Kota
Ongkos kirim Members
Orders [+] Pengaturan [+]
Backup restore [+] Laporan penjualan [+]
logout Tambah perusahaan jasa
Keterangan 1. tampilan login admin di F27
2. klik lupa password menuju ke F28 3. tampilan beranda admin F29
4. klik kategori menuju ke F30 5. klik tambah kategori menuju ke F31
6. klik edit kategori menuju F32 7. klik jasa kirim menuju ke F33
8. klik tambah jasa kirim menuju ke F34 9. klik edit jasa kirim menuju ke F35
10. klik perusahaan jasa menuju ke F36 11. klik tambah perusahaan jasa menuju ke
F37
Nama layar :F37 Ukuran layar :1024 x 765
Warna background :Abu - abu NO
AKSI edit hapus
PERUSAHAAN JASA perusahaan jasa :
simpan batal
Gambar 3. 67 Tampilan Tambah Perusahaan Jasa
12. [T38] Rancangan antarmuka tampilan edit perusahaan jasa untuk admin Aplikasi e-commerce di toko C8 Komputer.
F38
Home Pengolahan [-]
Kategori produk Jasa kirim
Perusahaan jasa Sub kategori
Merk Produk
Provinsi Kota
Ongkos kirim Members
Orders [+] Pengaturan [+]
Backup restore [+] Laporan penjualan [+]
logout Edit perusahaan jasa
Keterangan 1. tampilan login admin di F27
2. klik lupa password menuju ke F28 3. tampilan beranda admin F29
4. klik kategori menuju ke F30 5. klik tambah kategori menuju ke F31
6. klik edit kategori menuju F32 7. klik jasa kirim menuju ke F33
8. klik tambah jasa kirim menuju ke F34 9. klik edit jasa kirim menuju ke F35
10. klik perusahaan jasa menuju ke F36 11. klik tambah perusahaan jasa menuju ke
F37 12. klik edit perusahaan jasa menuju ke F38
Nama layar :F38 Ukuran layar :1024 x 765
Warna background :Abu - abu NO
AKSI edit hapus
PERUSAHAAN JASA perusahaan jasa :
update batal
Gambar 3. 68 Tampilan Edit Perusahaan Jasa
13. [T39] Rancangan antarmuka tampilan pengolahan subkategori untuk admin Aplikasi e-commerce di toko C8 Komputer.
F39
Home Pengolahan [-]
Kategori produk Jasa kirim
Perusahaan jasa Sub kategori
Merk Produk
Provinsi Kota
Ongkos kirim Members
Orders [+] Pengaturan [+]
Backup restore [+] Laporan penjualan [+]
logout
Cari sub kategori :
Sub kategori Keterangan
1. tampilan login admin di F27 2. klik lupa password menuju ke F28
3. tampilan beranda admin F29 4. klik kategori menuju ke F30
5. klik tambah kategori menuju ke F31 6. klik edit kategori menuju F32
7. klik jasa kirim menuju ke F33 8. klik tambah jasa kirim menuju ke F34
9. klik edit jasa kirim menuju ke F35 10. klik perusahaan jasa menuju ke F36
11. klik tambah perusahaan jasa menuju ke F37
12. klik edit perusahaan jasa menuju ke F38 13. klik subkategori menuju ke F39
Nama layar :F39 Ukuran layar :1024 x 765
Warna background :Abu - abu NO
NAMA SUB KATEGORI AKSI
cari Tambah sub kategori
edit hapus KATEGORI
Gambar 3. 69 Tampilan Pengolahan Subkategori
14. [T40] Rancangan antarmuka tampilan tambah subkategori untuk admin Aplikasi e-commerce di toko C8 Komputer.
F40
Home Pengolahan [-]
Kategori produk Jasa kirim
Perusahaan jasa Sub kategori
Merk Produk
Provinsi Kota
Ongkos kirim Members
Orders [+] Pengaturan [+]
Backup restore [+] Laporan penjualan [+]
logout
Nama sub kategori : kategori
:
Tambah sub kategori Keterangan
1. tampilan login admin di F27 2. klik lupa password menuju ke F28
3. tampilan beranda admin F29 4. klik kategori menuju ke F30
5. klik tambah kategori menuju ke F31 6. klik edit kategori menuju F32
7. klik jasa kirim menuju ke F33 8. klik tambah jasa kirim menuju ke F34
9. klik edit jasa kirim menuju ke F35 10. klik perusahaan jasa menuju ke F36
11. klik tambah perusahaan jasa menuju ke F37
12. klik edit perusahaan jasa menuju ke F38 13. klik subkategori menuju ke F39
14. klik tambah subkategori menuju ke F40
Nama layar :F40 Ukuran layar :1024 x 765
Warna background :Abu - abu simpan
batal Pilih kategori
Gambar 3. 70 Tampilan Tambah Subkategori Admin
15. [T41] Rancangan antarmuka tampilan edit subkategori untuk admin Aplikasi e-commerce di toko C8 Komputer.
F41
Home Pengolahan [-]
Kategori produk Jasa kirim
Perusahaan jasa Sub kategori
Merk Produk
Provinsi Kota
Ongkos kirim Members
Orders [+] Pengaturan [+]
Backup restore [+] Laporan penjualan [+]
logout
Nama subkategori : kategori
:
Edit sub kategori Keterangan
1. tampilan login admin di F27 2. klik lupa password menuju ke F28
3. tampilan beranda admin F29 4. klik kategori menuju ke F30
5. klik tambah kategori menuju ke F31 6. klik edit kategori menuju F32
7. klik jasa kirim menuju ke F33 8. klik tambah jasa kirim menuju ke F34
9. klik edit jasa kirim menuju ke F35 10. klik perusahaan jasa menuju ke F36
11. klik tambah perusahaan jasa menuju ke F37
12. klik edit perusahaan jasa menuju ke F38 13. klik subkategori menuju ke F39
14. klik tambah subkategori menuju ke F40 15. klik edit subkategori menuju ke F41
Nama layar :F41 Ukuran layar :1024 x 765
Warna background :Abu - abu update
batal Pilih kategori
Gambar 3. 71 Tampilan Edit Subkategori Admin
16. [T42] Rancangan antarmuka tampilan merk untuk admin Aplikasi e- commerce di toko C8 Komputer.
F42
Home Pengolahan [-]
Kategori produk Jasa kirim
Perusahaan jasa Sub kategori
Merk Produk
Provinsi Kota
Ongkos kirim Members
Orders [+] Pengaturan [+]
Backup restore [+] Laporan penjualan [+]
logout
Cari merk :
Merk Keterangan
1. tampilan login admin di F27 2. klik lupa password menuju ke F28
3. tampilan beranda admin F29 4. klik kategori menuju ke F30
5. klik tambah kategori menuju ke F31 6. klik edit kategori menuju F32
7. klik jasa kirim menuju ke F33 8. klik tambah jasa kirim menuju ke F34
9. klik edit jasa kirim menuju ke F35 10. klik perusahaan jasa menuju ke F36
11. klik tambah perusahaan jasa menuju ke F37
12. klik edit perusahaan jasa menuju ke F38 13. klik subkategori menuju ke F39
14. klik tambah subkategori menuju ke F40 15. klik edit subkategori menuju ke F41
16. klik merk menuju ke F42
Nama layar :F42 Ukuran layar :1024 x 765
Warna background :Abu - abu NO
NAMA MERK AKSI
cari Tambah merk
edit hapus
Gambar 3. 72 Tampilan Merk Admin
17. [T43] Rancangan antarmuka tampilan tambah merk untuk admin Aplikasi e-commerce di toko C8 Komputer.
F43
Home Pengolahan [-]
Kategori produk Jasa kirim
Perusahaan jasa Sub kategori
Merk Produk
Provinsi Kota
Ongkos kirim Members
Orders [+] Pengaturan [+]
Backup restore [+] Laporan penjualan [+]
logout
Nama merk :
Tambah merk Keterangan
1. tampilan login admin di F27 2. klik lupa password menuju ke F28
3. tampilan beranda admin F29 4. klik kategori menuju ke F30
5. klik tambah kategori menuju ke F31 6. klik edit kategori menuju F32
7. klik jasa kirim menuju ke F33 8. klik tambah jasa kirim menuju ke F34
9. klik edit jasa kirim menuju ke F35 10. klik perusahaan jasa menuju ke F36
11. klik tambah perusahaan jasa menuju ke F37
12. klik edit perusahaan jasa menuju ke F38 13. klik subkategori menuju ke F39
14. klik tambah subkategori menuju ke F40 15. klik edit subkategori menuju ke F41
16. klik merk menuju ke F42 17. klik tambah merk menuju ke F43
Nama layar :F43 Ukuran layar :1024 x 765
Warna background :Abu - abu simpan
batal
Gambar 3. 73 Tampilan Tambah Merk Admin
18. [T44] Rancangan antarmuka tampilan edit merk untuk admin Aplikasi e- commerce di toko C8 Komputer.
F44
Home Pengolahan [-]
Kategori produk Jasa kirim
Perusahaan jasa Sub kategori
Merk Produk
Provinsi Kota
Ongkos kirim Members
Orders [+] Pengaturan [+]
Backup restore [+] Laporan penjualan [+]
logout
Nama merk :
Edit merk Keterangan
1. tampilan login admin di F27 2. klik lupa password menuju ke F28
3. tampilan beranda admin F29 4. klik kategori menuju ke F30
5. klik tambah kategori menuju ke F31 6. klik edit kategori menuju F32
7. klik jasa kirim menuju ke F33 8. klik tambah jasa kirim menuju ke F34
9. klik edit jasa kirim menuju ke F35 10. klik perusahaan jasa menuju ke F36
11. klik tambah perusahaan jasa menuju ke F37
12. klik edit perusahaan jasa menuju ke F38 13. klik subkategori menuju ke F39
14. klik tambah subkategori menuju ke F40 15. klik edit subkategori menuju ke F41
16. klik merk menuju ke F42 17. klik tambah merk menuju ke F43
18. klik edit merk menuju ke F44
Nama layar :F44 Ukuran layar :1024 x 765
Warna background :Abu - abu update
batal
Gambar 3. 74 Tampilan Edit Merk Admin
19. [T45] Rancangan antarmuka tampilan pengolahan produk untuk admin Aplikasi e-commerce di toko C8 Komputer.
F45
Home Pengolahan [-]
Kategori produk Jasa kirim
Perusahaan jasa Sub kategori
Merk Produk
Provinsi Kota
Ongkos kirim Members
Orders [+] Pengaturan [+]
Backup restore [+] Laporan penjualan [+]
logout
Cari Produk :
Produk Keterangan
1. tampilan login admin di F27 2. klik lupa password menuju ke F28
3. tampilan beranda admin F29 4. klik kategori menuju ke F30
5. klik tambah kategori menuju ke F31 6. klik edit kategori menuju F32
7. klik jasa kirim menuju ke F33 8. klik tambah jasa kirim menuju ke F34
9. klik edit jasa kirim menuju ke F35 10. klik perusahaan jasa menuju ke F36
11. klik tambah perusahaan jasa menuju ke F37
12. klik edit perusahaan jasa menuju ke F38 13. klik subkategori menuju ke F39
14. klik tambah subkategori menuju ke F40 15. klik edit subkategori menuju ke F41
16. klik merk menuju ke F42 17. klik tambah merk menuju ke F43
18. klik edit merk menuju ke F44 19. klik produk menuju ke F45
Nama layar :F45 Ukuran layar :1024 x 765
Warna background :Abu - abu
NO NAMA KATEGORI
AKSI
cari Tambah produk
edit hapus
Cetak laporan produk
GAMBAR STOKPCS
BERATKG HARGA
DISKON TGL.MASUK
Tambah gambar
Update stok
Gambar 3. 75 Tampilan Pengolahan Produk Admin
20. [T46] Rancangan antarmuka tampilan tambah produk untuk admin Aplikasi e-commerce di toko C8 Komputer.
F46
Home Pengolahan [-]
Kategori produk Jasa kirim
Perusahaan jasa Sub kategori
Merk Produk
Provinsi Kota
Ongkos kirim Members
Orders [+] Pengaturan [+]
Backup restore [+] Laporan penjualan [+]
logout
serie : kategori :
subkategori : merk :
beratkg : hargaRp. :
stok : diskon :
deskripsi : gambar :
Tambah produk Keterangan
1. tampilan login admin di F27 2. klik lupa password menuju ke F28
3. tampilan beranda admin F29 4. klik kategori menuju ke F30
5. klik tambah kategori menuju ke F31 6. klik edit kategori menuju F32
7. klik jasa kirim menuju ke F33 8. klik tambah jasa kirim menuju ke F34
9. klik edit jasa kirim menuju ke F35 10. klik perusahaan jasa menuju ke F36
11. klik tambah perusahaan jasa menuju ke F37
12. klik edit perusahaan jasa menuju ke F38 13. klik subkategori menuju ke F39
14. klik tambah subkategori menuju ke F40 15. klik edit subkategori menuju ke F41
16. klik merk menuju ke F42 17. klik tambah merk menuju ke F43
18. klik edit merk menuju ke F44 19. klik produk menuju ke F45
20. klik tambah produk menuju ke 46
Nama layar :F46 Ukuran layar :1024 x 765
Warna background :Abu - abu simpan
batal Pilih kategori
Pilih subkategori Pilih merk
browse Tambah gambar
Gambar 3. 76 Tampilan Tambah Produk
21. [T47] Rancangan antarmuka tampilan edit produk untuk admin Aplikasi e- commerce di toko C8 Komputer.
F47
Home Pengolahan [-]
Kategori produk Jasa kirim
Perusahaan jasa Sub kategori
Merk Produk
Provinsi Kota
Ongkos kirim Members
Orders [+] Pengaturan [+]
Backup restore [+] Laporan penjualan [+]
logout
serie : kategori :
subkategori : merk :
beratkg : hargaRp. :
stok : diskon :
deskripsi : gambar :
ganti gbr :
Edit produk
Keterangan 1. tampilan login admin di F27
2. klik lupa password menuju ke F28 3. tampilan beranda admin F29
4. klik kategori menuju ke F30 5. klik tambah kategori menuju ke F31
6. klik edit kategori menuju F32 7. klik jasa kirim menuju ke F33
8. klik tambah jasa kirim menuju ke F34 9. klik edit jasa kirim menuju ke F35
10. klik perusahaan jasa menuju ke F36 11. klik tambah perusahaan jasa menuju ke
F37 12. klik edit perusahaan jasa menuju ke F38
13. klik subkategori menuju ke F39 14. klik tambah subkategori menuju ke F40
15. klik edit subkategori menuju ke F41 16. klik merk menuju ke F42
17. klik tambah merk menuju ke F43 18. klik edit merk menuju ke F44
19. klik produk menuju ke F45 20. klik tambah produk menuju ke F46
21. klik edit produk menuju ke F47
Nama layar :F47 Ukuran layar :1024 x 765
Warna background :Abu - abu update
batal Pilih kategori
Pilih subkategori Pilih merk
gambar browse
Tambah gambar
Gambar 3. 77 Tampilan Edit Produk Admin
22. [T48] Rancangan antarmuka tampilan tambah gambar untuk admin Aplikasi e-commerce di toko C8 Komputer.
F48
Home Pengolahan [-]
Kategori produk Jasa kirim
Perusahaan jasa Sub kategori
Merk Produk
Provinsi Kota
Ongkos kirim Members
Orders [+] Pengaturan [+]
Backup restore [+] Laporan penjualan [+]
logout
tambah gambar :
Tambah gambar
Keterangan 1. tampilan login admin di F27
2. klik lupa password menuju ke F28 3. tampilan beranda admin F29
4. klik kategori menuju ke F30 5. klik tambah kategori menuju ke F31
6. klik edit kategori menuju F32 7. klik jasa kirim menuju ke F33
8. klik tambah jasa kirim menuju ke F34 9. klik edit jasa kirim menuju ke F35
10. klik perusahaan jasa menuju ke F36 11. klik tambah perusahaan jasa menuju ke
F37 12. klik edit perusahaan jasa menuju ke F38
13. klik subkategori menuju ke F39 14. klik tambah subkategori menuju ke F40
15. klik edit subkategori menuju ke F41 16. klik merk menuju ke F42
17. klik tambah merk menuju ke F43 18. klik edit merk menuju ke F44
19. klik produk menuju ke F45 20. klik tambah produk menuju ke F46
21. klik edit produk menuju ke F47 22. klik tambah gambar menuju ke F48
Nama layar :F48 Ukuran layar :1024 x 765
Warna background :Abu - abu tambah
batal gambar
aksi gambar
browse
Gambar 3. 78 Tampilan Tambah Gambar Admin
23. [T49] Rancangan antarmuka tampilan update stok untuk admin Aplikasi e- commerce di toko C8 Komputer.
F49
Home Pengolahan [-]
Kategori produk Jasa kirim
Perusahaan jasa Sub kategori
Merk Produk
Provinsi Kota
Ongkos kirim Members
Orders [+] Pengaturan [+]
Backup restore [+] Laporan penjualan [+]
logout
Nama produk : stok :
Update stok Keterangan
1. tampilan login admin di F27 2. klik lupa password menuju ke F28
3. tampilan beranda admin F29 4. klik kategori menuju ke F30
5. klik tambah kategori menuju ke F31 6. klik edit kategori menuju F32
7. klik jasa kirim menuju ke F33 8. klik tambah jasa kirim menuju ke F34
9. klik edit jasa kirim menuju ke F35 10. klik perusahaan jasa menuju ke F36
11. klik tambah perusahaan jasa menuju ke F37
12. klik edit perusahaan jasa menuju ke F38 13. klik subkategori menuju ke F39
14. klik tambah subkategori menuju ke F40 15. klik edit subkategori menuju ke F41
16. klik merk menuju ke F42 17. klik tambah merk menuju ke F43
18. klik edit merk menuju ke F44 19. klik produk menuju ke F45
20. klik tambah produk menuju ke F46 21. klik edit produk menuju ke F47
22. klik tambah gambar menuju ke F48 23. klik update stok menuju ke F49
Nama layar :F49 Ukuran layar :1024 x 765
Warna background :Abu - abu update
batal
Gambar 3. 79 Tampilan Update Stok Admin
24. [T50] Rancangan antarmuka tampilan pengolahan provinsi untuk admin Aplikasi e-commerce di toko C8 Komputer.
F50
Home Pengolahan [-]
Kategori produk Jasa kirim
Perusahaan jasa Sub kategori
Merk Produk
Provinsi Kota
Ongkos kirim Members
Orders [+] Pengaturan [+]
Backup restore [+] Laporan penjualan [+]
logout
Cari provinsi :
provinsi Keterangan
1. tampilan login admin di F27 2. klik lupa password menuju ke F28
3. tampilan beranda admin F29 4. klik kategori menuju ke F30
5. klik tambah kategori menuju ke F31 6. klik edit kategori menuju F32
7. klik jasa kirim menuju ke F33 8. klik tambah jasa kirim menuju ke F34
9. klik edit jasa kirim menuju ke F35 10. klik perusahaan jasa menuju ke F36
11. klik tambah perusahaan jasa menuju ke F37
12. klik edit perusahaan jasa menuju ke F38 13. klik subkategori menuju ke F39
14. klik tambah subkategori menuju ke F40 15. klik edit subkategori menuju ke F41
16. klik merk menuju ke F42 17. klik tambah merk menuju ke F43
18. klik edit merk menuju ke F44 19. klik produk menuju ke F45
20. klik tambah produk menuju ke F46 21. klik edit produk menuju ke F47
22. klik tambah gambar menuju ke F48 23. klik update stok menuju ke F49
24. klik provinsi menuju ke F50
Nama layar :F50 Ukuran layar :1024 x 765
Warna background :Abu - abu NO
NAMA PROVINSI AKSI
cari Tambah provinsi
edit hapus
Gambar 3. 80 Tampilan Pengolahan Provinsi Admin
25. [T51] Rancangan antarmuka tampilan tambah provinsi untuk admin Aplikasi e-commerce di toko C8 Komputer.
F51
Home Pengolahan [-]
Kategori produk Jasa kirim
Perusahaan jasa Sub kategori
Merk Produk
Provinsi Kota
Ongkos kirim Members
Orders [+] Pengaturan [+]
Backup restore [+] Laporan penjualan [+]
logout
Nama provinsi :
Tambah provinsi Keterangan
1. tampilan login admin di F27 2. klik lupa password menuju ke F28
3. tampilan beranda admin F29 4. klik kategori menuju ke F30
5. klik tambah kategori menuju ke F31 6. klik edit kategori menuju F32
7. klik jasa kirim menuju ke F33 8. klik tambah jasa kirim menuju ke F34
9. klik edit jasa kirim menuju ke F35 10. klik perusahaan jasa menuju ke F36
11. klik tambah perusahaan jasa menuju ke F37
12. klik edit perusahaan jasa menuju ke F38 13. klik subkategori menuju ke F39
14. klik tambah subkategori menuju ke F40 15. klik edit subkategori menuju ke F41
16. klik merk menuju ke F42 17. klik tambah merk menuju ke F43
18. klik edit merk menuju ke F44 19. klik produk menuju ke F45
20. klik tambah produk menuju ke F46 21. klik edit produk menuju ke F47
22. klik tambah gambar menuju ke F48 23. klik update stok menuju ke F49
24. klik provinsi menuju ke F50 25. klik tambah provinsi menuju ke F51
Nama layar :F51 Ukuran layar :1024 x 765
Warna background :Abu - abu simpan
batal
Gambar 3. 81 Tampilan Tambah Provinsi
26. [T52] Rancangan antarmuka tampilan edit provinsi untuk admin Aplikasi e-commerce di toko C8 Komputer.
F52
Home Pengolahan [-]
Kategori produk Jasa kirim
Perusahaan jasa Sub kategori
Merk Produk
Provinsi Kota
Ongkos kirim Members
Orders [+] Pengaturan [+]
Backup restore [+] Laporan penjualan [+]
logout
Nama provinsi :
Edit provinsi Keterangan
1. tampilan login admin di F27 2. klik lupa password menuju ke F28
3. tampilan beranda admin F29 4. klik kategori menuju ke F30
5. klik tambah kategori menuju ke F31 6. klik edit kategori menuju F32
7. klik jasa kirim menuju ke F33 8. klik tambah jasa kirim menuju ke F34
9. klik edit jasa kirim menuju ke F35 10. klik perusahaan jasa menuju ke F36
11. klik tambah perusahaan jasa menuju ke F37
12. klik edit perusahaan jasa menuju ke F38 13. klik subkategori menuju ke F39
14. klik tambah subkategori menuju ke F40 15. klik edit subkategori menuju ke F41
16. klik merk menuju ke F42 17. klik tambah merk menuju ke F43
18. klik edit merk menuju ke F44 19. klik produk menuju ke F45
20. klik tambah produk menuju ke F46 21. klik edit produk menuju ke F47
22. klik tambah gambar menuju ke F48 23. klik update stok menuju ke F49
24. klik provinsi menuju ke F50 25. klik tambah provinsi menuju ke F51
26. klik edit provinsi menuju ke F52
Nama layar :F52 Ukuran layar :1024 x 765
Warna background :Abu - abu update
batal
Gambar 3. 82 Tampilan Edit Provinsi Admin
27. [T53] Rancangan antarmuka tampilan pengolahan kota untuk admin Aplikasi e-commerce di toko C8 Komputer.
F53
Home Pengolahan [-]
Kategori produk Jasa kirim
Perusahaan jasa Sub kategori
Merk Produk
Provinsi Kota
Ongkos kirim Members
Orders [+] Pengaturan [+]
Backup restore [+] Laporan penjualan [+]
logout
Cari kota :
Kota Keterangan
1. tampilan login admin di F27 2. klik lupa password menuju ke F28
3. tampilan beranda admin F29 4. klik kategori menuju ke F30
5. klik tambah kategori menuju ke F31 6. klik edit kategori menuju F32
7. klik jasa kirim menuju ke F33 8. klik tambah jasa kirim menuju ke F34
9. klik edit jasa kirim menuju ke F35 10. klik perusahaan jasa menuju ke F36
11. klik tambah perusahaan jasa menuju ke F37
12. klik edit perusahaan jasa menuju ke F38 13. klik subkategori menuju ke F39
14. klik tambah subkategori menuju ke F40 15. klik edit subkategori menuju ke F41
16. klik merk menuju ke F42 17. klik tambah merk menuju ke F43
18. klik edit merk menuju ke F44 19. klik produk menuju ke F45
20. klik tambah produk menuju ke F46 21. klik edit produk menuju ke F47
22. klik tambah gambar menuju ke F48 23. klik update stok menuju ke F49
24. klik provinsi menuju ke F50 25. klik tambah provinsi menuju ke F51
26. klik edit provinsi menuju ke F52 27. klik kota menuju ke F53
Nama layar :F53 Ukuran layar :1024 x 765
Warna background :Abu - abu NO
NAMA KOTA AKSI
cari Tambah kota
edit hapus PROVINSI
KABKOTA
Gambar 3. 83 Tampilan Pengolahan Kota Admin
28. [T54] Rancangan antarmuka tampilan tambah kota untuk admin Aplikasi e- commerce di toko C8 Komputer.
F54
Home Pengolahan [-]
Kategori produk Jasa kirim
Perusahaan jasa Sub kategori
Merk Produk
Provinsi Kota
Ongkos kirim Members
Orders [+] Pengaturan [+]
Backup restore [+] Laporan penjualan [+]
logout
Nama provinsi : kota
: kabkota :
Tambah kota Keterangan
1. tampilan login admin di F27 2. klik lupa password menuju ke F28
3. tampilan beranda admin F29 4. klik kategori menuju ke F30
5. klik tambah kategori menuju ke F31 6. klik edit kategori menuju F32
7. klik jasa kirim menuju ke F33 8. klik tambah jasa kirim menuju ke F34
9. klik edit jasa kirim menuju ke F35 10. klik perusahaan jasa menuju ke F36
11. klik tambah perusahaan jasa menuju ke F37
12. klik edit perusahaan jasa menuju ke F38 13. klik subkategori menuju ke F39
14. klik tambah subkategori menuju ke F40 15. klik edit subkategori menuju ke F41
16. klik merk menuju ke F42 17. klik tambah merk menuju ke F43
18. klik edit merk menuju ke F44 19. klik produk menuju ke F45
20. klik tambah produk menuju ke F46 21. klik edit produk menuju ke F47
22. klik tambah gambar menuju ke F48 23. klik update stok menuju ke F49
24. klik provinsi menuju ke F50 25. klik tambah provinsi menuju ke F51
26. klik edit provinsi menuju ke F52 27. klik kota menuju ke F53
28. klik tambah kota menuju ke F54
Nama layar :F54 Ukuran layar :1024 x 765
Warna background :Abu - abu Pilih provinsi
simpan batal
Pilih kabupaten
Gambar 3. 84 Tampilan Tambah Kota Admin
29. [T55] Rancangan antarmuka tampilan edit kota untuk admin Aplikasi e- commerce di toko C8 Komputer.
F55
Home Pengolahan [-]
Kategori produk Jasa kirim
Perusahaan jasa Sub kategori
Merk Produk
Provinsi Kota
Ongkos kirim Members
Orders [+] Pengaturan [+]
Backup restore [+] Laporan penjualan [+]
logout
Provinsi : Nama kota :
kabkota :
Edit kota Keterangan
1. tampilan login admin di F27 2. klik lupa password menuju ke F28
3. tampilan beranda admin F29 4. klik kategori menuju ke F30
5. klik tambah kategori menuju ke F31 6. klik edit kategori menuju F32
7. klik jasa kirim menuju ke F33 8. klik tambah jasa kirim menuju ke F34
9. klik edit jasa kirim menuju ke F35 10. klik perusahaan jasa menuju ke F36
11. klik tambah perusahaan jasa menuju ke F37
12. klik edit perusahaan jasa menuju ke F38 13. klik subkategori menuju ke F39
14. klik tambah subkategori menuju ke F40 15. klik edit subkategori menuju ke F41
16. klik merk menuju ke F42 17. klik tambah merk menuju ke F43
18. klik edit merk menuju ke F44 19. klik produk menuju ke F45
20. klik tambah produk menuju ke F46 21. klik edit produk menuju ke F47
22. klik tambah gambar menuju ke F48 23. klik update stok menuju ke F49
24. klik provinsi menuju ke F50 25. klik tambah provinsi menuju ke F51
26. klik edit provinsi menuju ke F52 27. klik kota menuju ke F53
28. klik tambah kota menuju ke F54 29. klik edit kota menuju ke F55
Nama layar :F55 Ukuran layar :1024 x 765
Warna background :Abu - abu update
batal
Gambar 3. 85 Tampilan Edit Kota Admin
30. [T56] Rancangan antarmuka tampilan pengolahan ongkos kirim untuk admin Aplikasi e-commerce di toko C8 Komputer.
F56
Home Pengolahan [-]
Kategori produk Jasa kirim
Perusahaan jasa Sub kategori
Merk Produk
Provinsi Kota
Ongkos kirim Members
Orders [+] Pengaturan [+]
Backup restore [+] Laporan penjualan [+]
logout
cari ongkos kirim :
Ongkos kirim Keterangan
1. tampilan login admin di F27 2. klik lupa password menuju ke F28
3. tampilan beranda admin F29 4. klik kategori menuju ke F30
5. klik tambah kategori menuju ke F31 6. klik edit kategori menuju F32
7. klik jasa kirim menuju ke F33 8. klik tambah jasa kirim menuju ke F34
9. klik edit jasa kirim menuju ke F35 10. klik perusahaan jasa menuju ke F36
11. klik tambah perusahaan jasa menuju ke F37
12. klik edit perusahaan jasa menuju ke F38 13. klik subkategori menuju ke F39
14. klik tambah subkategori menuju ke F40 15. klik edit subkategori menuju ke F41
16. klik merk menuju ke F42 17. klik tambah merk menuju ke F43
18. klik edit merk menuju ke F44 19. klik produk menuju ke F45
20. klik tambah produk menuju ke F46 21. klik edit produk menuju ke F47
22. klik tambah gambar menuju ke F48 23. klik update stok menuju ke F49
24. klik provinsi menuju ke F50 25. klik tambah provinsi menuju ke F51
26. klik edit provinsi menuju ke F52 27. klik kota menuju ke F53
28. klik tambah kota menuju ke F54 29. klik edit kota menuju ke F55
30. klik ongkos kirim menuju ke F56
Nama layar :F56 Ukuran layar :1024 x 765
Warna background :Abu - abu
NO NAMA KOTA
AKSI
Tambah ongkos kirim edit hapus
KAB.KOTA PERUSAHAAN JASA
JENIS PENGIRIMAN ONGKOS KIRIM
cari
Gambar 3. 86 Tampilan Pengolahan Ongkos Kirim Admin
31. [T57] Rancangan antarmuka tampilan tambah ongkos kirim untuk admin Aplikasi e-commerce di toko C8 Komputer.
F57
Home Pengolahan [-]
Kategori produk Jasa kirim
Perusahaan jasa Sub kategori
Merk Produk
Provinsi Kota
Ongkos kirim Members
Orders [+] Pengaturan [+]
Backup restore [+] Laporan penjualan [+]
logout
kotakabupaten : perusahaan
: jenis pengiriman :
ongkos kirim :
Tambah ongkos kirim Keterangan
1. tampilan login admin di F27 2. klik lupa password menuju ke F28
3. tampilan beranda admin F29 4. klik kategori menuju ke F30
5. klik tambah kategori menuju ke F31 6. klik edit kategori menuju F32
7. klik jasa kirim menuju ke F33 8. klik tambah jasa kirim menuju ke F34
9. klik edit jasa kirim menuju ke F35 10. klik perusahaan jasa menuju ke F36
11. klik tambah perusahaan jasa menuju ke F37
12. klik edit perusahaan jasa menuju ke F38 13. klik subkategori menuju ke F39
14. klik tambah subkategori menuju ke F40 15. klik edit subkategori menuju ke F41
16. klik merk menuju ke F42 17. klik tambah merk menuju ke F43
18. klik edit merk menuju ke F44 19. klik produk menuju ke F45
20. klik tambah produk menuju ke F46 21. klik edit produk menuju ke F47
22. klik tambah gambar menuju ke F48 23. klik update stok menuju ke F49
24. klik provinsi menuju ke F50 25. klik tambah provinsi menuju ke F51
26. klik edit provinsi menuju ke F52 27. klik kota menuju ke F53
28. klik tambah kota menuju ke F54 29. klik edit kota menuju ke F55
30. klik ongkos kirim menuju ke F56 31. klik tambah ongkos kirim menuju ke F57
Nama layar :F57 Ukuran layar :1024 x 765
Warna background :Abu - abu Pilih kota
simpan batal
Pilih perusahaan Pilih jenis
Gambar 3. 87 Tampilan Tambah Ongkos Kirim
32. [T58] Rancangan antarmuka tampilan edit ongkos kirim untuk admin Aplikasi e-commerce di toko C8 Komputer.
F58
Home Pengolahan [-]
Kategori produk Jasa kirim
Perusahaan jasa Sub kategori
Merk Produk
Provinsi Kota
Ongkos kirim Members
Orders [+] Pengaturan [+]
Backup restore [+] Laporan penjualan [+]
logout
nama provinsi : nama kota
: jenis pengiriman :
ongkos kirim :
Edit ongkos kirim Keterangan
1. tampilan login admin di F27 2. klik lupa password menuju ke F28
3. tampilan beranda admin F29 4. klik kategori menuju ke F30
5. klik tambah kategori menuju ke F31 6. klik edit kategori menuju F32
7. klik jasa kirim menuju ke F33 8. klik tambah jasa kirim menuju ke F34
9. klik edit jasa kirim menuju ke F35 10. klik perusahaan jasa menuju ke F36
11. klik tambah perusahaan jasa menuju ke F37
12. klik edit perusahaan jasa menuju ke F38 13. klik subkategori menuju ke F39
14. klik tambah subkategori menuju ke F40 15. klik edit subkategori menuju ke F41
16. klik merk menuju ke F42 17. klik tambah merk menuju ke F43
18. klik edit merk menuju ke F44 19. klik produk menuju ke F45
20. klik tambah produk menuju ke F46 21. klik edit produk menuju ke F47
22. klik tambah gambar menuju ke F48 23. klik update stok menuju ke F49
24. klik provinsi menuju ke F50 25. klik tambah provinsi menuju ke F51
26. klik edit provinsi menuju ke F52 27. klik kota menuju ke F53
28. klik tambah kota menuju ke F54 29. klik edit kota menuju ke F55
30. klik ongkos kirim menuju ke F56 31. klik tambah ongkos kirim menuju ke F57
32. klik edit ongkos kirim menuju ke F58
Nama layar :F58 Ukuran layar :1024 x 765
Warna background :Abu - abu Pilih provinsi
update batal
Pilih kota Pilih jenis
Gambar 3. 88 Tampilan Edit Ongkos Kirim Admin
33. [T59] Rancangan antarmuka tampilan pengolahan members untuk admin Aplikasi e-commerce di toko C8 Komputer.
F59
Home Pengolahan [-]
Kategori produk Jasa kirim
Perusahaan jasa Sub kategori
Merk Produk
Provinsi Kota
Ongkos kirim Members
Orders [+] Pengaturan [+]
Backup restore [+] Laporan penjualan [+]
logout
cari members :
members Keterangan
1. tampilan login admin di F27 2. klik lupa password menuju ke F28
3. tampilan beranda admin F29 4. klik kategori menuju ke F30
5. klik tambah kategori menuju ke F31 6. klik edit kategori menuju F32
7. klik jasa kirim menuju ke F33 8. klik tambah jasa kirim menuju ke F34
9. klik edit jasa kirim menuju ke F35 10. klik perusahaan jasa menuju ke F36
11. klik tambah perusahaan jasa menuju ke F37
12. klik edit perusahaan jasa menuju ke F38 13. klik subkategori menuju ke F39
14. klik tambah subkategori menuju ke F40 15. klik edit subkategori menuju ke F41
16. klik merk menuju ke F42 17. klik tambah merk menuju ke F43
18. klik edit merk menuju ke F44 19. klik produk menuju ke F45
20. klik tambah produk menuju ke F46 21. klik edit produk menuju ke F47
22. klik tambah gambar menuju ke F48 23. klik update stok menuju ke F49
24. klik provinsi menuju ke F50 25. klik tambah provinsi menuju ke F51
26. klik edit provinsi menuju ke F52 27. klik kota menuju ke F53
28. klik tambah kota menuju ke F54 29. klik edit kota menuju ke F55
30. klik ongkos kirim menuju ke F56 31. klik tambah ongkos kirim menuju ke F57
32. klik edit ongkos kirim menuju ke F58 33. klik members menuju ke F59
Nama layar :F59 Ukuran layar :1024 x 765
Warna background :Abu - abu
NO USERNAME
AKSI NAMA USER
EMAIL NO TLP
BLOKIR
cari
Gambar 3. 89 Tampilan Pengolahan Members Admin
34. [T60] Rancangan antarmuka tampilan pengolahan order baru untuk admin Aplikasi e-commerce di toko C8 Komputer.
F60
Home Pengolahan [+]
Order baru Order dibayar
Order lunas Order dikirim
Produk retur
Orders [-]
Pengaturan [+] Backup restore [+]
Laporan penjualan [+] logout
cari cari berdasarkan no pesanan
Order baru Keterangan
1. tampilan login admin di F27 2. klik lupa password menuju ke F28
3. tampilan beranda admin F29 4. klik kategori menuju ke F30
5. klik tambah kategori menuju ke F31 6. klik edit kategori menuju F32
7. klik jasa kirim menuju ke F33 8. klik tambah jasa kirim menuju ke F34
9. klik edit jasa kirim menuju ke F35 10. klik perusahaan jasa menuju ke F36
11. klik tambah perusahaan jasa menuju ke F37
12. klik edit perusahaan jasa menuju ke F38 13. klik subkategori menuju ke F39
14. klik tambah subkategori menuju ke F40 15. klik edit subkategori menuju ke F41
16. klik merk menuju ke F42 17. klik tambah merk menuju ke F43
18. klik edit merk menuju ke F44 19. klik produk menuju ke F45
20. klik tambah produk menuju ke F46 21. klik edit produk menuju ke F47
22. klik tambah gambar menuju ke F48 23. klik update stok menuju ke F49
24. klik provinsi menuju ke F50 25. klik tambah provinsi menuju ke F51
26. klik edit provinsi menuju ke F52 27. klik kota menuju ke F53
28. klik tambah kota menuju ke F54 29. klik edit kota menuju ke F55
30. klik ongkos kirim menuju ke F56 31. klik tambah ongkos kirim menuju ke F57
32. klik edit ongkos kirim menuju ke F58 33. klik members menuju ke F59
34. klik orders baru menuju ke F60
Nama layar :F60 Ukuran layar :1024 x 765
Warna background :Abu - abu NO.ORDER
AKSI aksi
NAMA KONSUMEN TGL. ORDER
JAM cari
STATUS
Gambar 3. 90 Tampilan Order Baru Admin
35. [T61] Rancangan antarmuka tampilan detail order baru untuk admin Aplikasi e-commerce di toko C8 Komputer.
F61
Home Pengolahan [+]
Order baru Order dibayar
Order lunas Order dikirim
Produk retur
Orders [-]
Pengaturan [+] Backup restore [+]
Laporan penjualan [+] logout
cetak label pengiriman :
Detail order Keterangan
1. tampilan login admin di F27 2. klik lupa password menuju ke F28
3. tampilan beranda admin F29 4. klik kategori menuju ke F30
5. klik tambah kategori menuju ke F31 6. klik edit kategori menuju F32
7. klik jasa kirim menuju ke F33 8. klik tambah jasa kirim menuju ke F34
9. klik edit jasa kirim menuju ke F35 10. klik perusahaan jasa menuju ke F36
11. klik tambah perusahaan jasa menuju ke F37
12. klik edit perusahaan jasa menuju ke F38 13. klik subkategori menuju ke F39
14. klik tambah subkategori menuju ke F40 15. klik edit subkategori menuju ke F41
16. klik merk menuju ke F42 17. klik tambah merk menuju ke F43
18. klik edit merk menuju ke F44 19. klik produk menuju ke F45
20. klik tambah produk menuju ke F46 21. klik edit produk menuju ke F47
22. klik tambah gambar menuju ke F48 23. klik update stok menuju ke F49
24. klik provinsi menuju ke F50 25. klik tambah provinsi menuju ke F51
26. klik edit provinsi menuju ke F52 27. klik kota menuju ke F53
28. klik tambah kota menuju ke F54 29. klik edit kota menuju ke F55
30. klik ongkos kirim menuju ke F56 31. klik tambah ongkos kirim menuju ke F57
32. klik edit ongkos kirim menuju ke F58 33. klik members menuju ke F59
34. klik orders baru menuju ke F60 35. klik detail order menuju ke F61
Nama layar :F61 Ukuran layar :1024 x 765
Warna background :Abu - abu NAMA
PRODUK BERATKG
JUMLAH HARGA SATUAN
SUB TOTAL gambar
DATA STATUS ORDER
DATA ALAMAT KIRIM
Gambar 3. 91 Tampilan Detail Order Admin
36. [T62] Rancangan antarmuka tampilan order dibayar untuk admin Aplikasi e-commerce di toko C8 Komputer.
F62
Home Pengolahan [+]
Order baru Order dibayar
Order lunas Order dikirim
Produk retur
Orders [-]
Pengaturan [+] Backup restore [+]
Laporan penjualan [+] logout
cari cari berdasarkan no pesanan
Order dibayar Keterangan
1. tampilan login admin di F27 2. klik lupa password menuju ke F28
3. tampilan beranda admin F29 4. klik kategori menuju ke F30
5. klik tambah kategori menuju ke F31 6. klik edit kategori menuju F32
7. klik jasa kirim menuju ke F33 8. klik tambah jasa kirim menuju ke F34
9. klik edit jasa kirim menuju ke F35 10. klik perusahaan jasa menuju ke F36
11. klik tambah perusahaan jasa menuju ke F37
12. klik edit perusahaan jasa menuju ke F38 13. klik subkategori menuju ke F39
14. klik tambah subkategori menuju ke F40 15. klik edit subkategori menuju ke F41
16. klik merk menuju ke F42 17. klik tambah merk menuju ke F43
18. klik edit merk menuju ke F44 19. klik produk menuju ke F45
20. klik tambah produk menuju ke F46 21. klik edit produk menuju ke F47
22. klik tambah gambar menuju ke F48 23. klik update stok menuju ke F49
24. klik provinsi menuju ke F50 25. klik tambah provinsi menuju ke F51
26. klik edit provinsi menuju ke F52 27. klik kota menuju ke F53
28. klik tambah kota menuju ke F54 29. klik edit kota menuju ke F55
30. klik ongkos kirim menuju ke F56 31. klik tambah ongkos kirim menuju ke F57
32. klik edit ongkos kirim menuju ke F58 33. klik members menuju ke F59
34. klik orders baru menuju ke F60 35. klik detail order menuju ke F61
36. klik prder dibayar menuju ke F62
Nama layar :F62 Ukuran layar :1024 x 765
Warna background :Abu - abu NO.ORDER
AKSI aksi
NAMA KONSUMEN TGL. ORDER
JAM ORDER cari
STATUS BAYAR
Gambar 3. 92 Tampilan Order Dibayar Admin
37. [T63] Rancangan antarmuka tampilan order lunas untuk admin Aplikasi e- commerce di toko C8 Komputer.
F63
Home Pengolahan [+]
Order baru Order dibayar
Order lunas Order dikirim
Produk retur
Orders [-]
Pengaturan [+] Backup restore [+]
Laporan penjualan [+] logout
cari cari berdasarkan no pesanan
Order lunas Keterangan
1. tampilan login admin di F27 2. klik lupa password menuju ke F28
3. tampilan beranda admin F29 4. klik kategori menuju ke F30
5. klik tambah kategori menuju ke F31 6. klik edit kategori menuju F32
7. klik jasa kirim menuju ke F33 8. klik tambah jasa kirim menuju ke F34
9. klik edit jasa kirim menuju ke F35 10. klik perusahaan jasa menuju ke F36
11. klik tambah perusahaan jasa menuju ke F37
12. klik edit perusahaan jasa menuju ke F38 13. klik subkategori menuju ke F39
14. klik tambah subkategori menuju ke F40 15. klik edit subkategori menuju ke F41
16. klik merk menuju ke F42 17. klik tambah merk menuju ke F43
18. klik edit merk menuju ke F44 19. klik produk menuju ke F45
20. klik tambah produk menuju ke F46 21. klik edit produk menuju ke F47
22. klik tambah gambar menuju ke F48 23. klik update stok menuju ke F49
24. klik provinsi menuju ke F50 25. klik tambah provinsi menuju ke F51
26. klik edit provinsi menuju ke F52 27. klik kota menuju ke F53
28. klik tambah kota menuju ke F54 29. klik edit kota menuju ke F55
30. klik ongkos kirim menuju ke F56 31. klik tambah ongkos kirim menuju ke F57
32. klik edit ongkos kirim menuju ke F58 33. klik members menuju ke F59
34. klik orders baru menuju ke F60 35. klik detail order menuju ke F61
36. klik prder dibayar menuju ke F62 37. klik order lunas menuju ke F63
Nama layar :F63 Ukuran layar :1024 x 765
Warna background :Abu - abu
NO.ORDER AKSI
aksi
NAMA KONSUMEN TGL. ORDER
JAM ORDER
cari
STATUS BAYAR TGL. BAYAR
NO. RESI
Gambar 3. 93 Tampilan Order Lunas
38. [T64] Rancangan antarmuka tampilan order dikirim untuk admin Aplikasi e-commerce di toko C8 Komputer.
F64
Home Pengolahan [+]
Order baru Order dibayar
Order lunas Order dikirim
Produk retur
Orders [-]
Pengaturan [+] Backup restore [+]
Laporan penjualan [+] logout
cari cari berdasarkan no pesanan
Order dikirim Keterangan
1. tampilan login admin di F27 2. klik lupa password menuju ke F28
3. tampilan beranda admin F29 4. klik kategori menuju ke F30
5. klik tambah kategori menuju ke F31 6. klik edit kategori menuju F32
7. klik jasa kirim menuju ke F33 8. klik tambah jasa kirim menuju ke F34
9. klik edit jasa kirim menuju ke F35 10. klik perusahaan jasa menuju ke F36
11. klik tambah perusahaan jasa menuju ke F37
12. klik edit perusahaan jasa menuju ke F38 13. klik subkategori menuju ke F39
14. klik tambah subkategori menuju ke F40 15. klik edit subkategori menuju ke F41
16. klik merk menuju ke F42 17. klik tambah merk menuju ke F43
18. klik edit merk menuju ke F44 19. klik produk menuju ke F45
20. klik tambah produk menuju ke F46 21. klik edit produk menuju ke F47
22. klik tambah gambar menuju ke F48 23. klik update stok menuju ke F49
24. klik provinsi menuju ke F50 25. klik tambah provinsi menuju ke F51
26. klik edit provinsi menuju ke F52 27. klik kota menuju ke F53
28. klik tambah kota menuju ke F54 29. klik edit kota menuju ke F55
30. klik ongkos kirim menuju ke F56 31. klik tambah ongkos kirim menuju ke F57
32. klik edit ongkos kirim menuju ke F58 33. klik members menuju ke F59
34. klik orders baru menuju ke F60 35. klik detail order menuju ke F61
36. klik prder dibayar menuju ke F62 37. klik order lunas menuju ke F63
38. klik prder dikirim menuju ke F64
Nama layar :F64 Ukuran layar :1024 x 765
Warna background :Abu - abu NO.ORDER
AKSI aksi
NAMA KONSUMEN TGL. ORDER
JAM ORDER cari
STATUS PENGIRIMAN
Gambar 3. 94 Tampilan Order Dikirim Admin
39. [T65] Rancangan antarmuka tampilan produk retur untuk admin Aplikasi e- commerce di toko C8 Komputer.
F65
Home Pengolahan [+]
Order baru Order dibayar
Order lunas Order dikirim
Produk retur
Orders [-]
Pengaturan [+] Backup restore [+]
Laporan penjualan [+] logout
cari cari berdasarkan no pesanan
Data Retur Keterangan
1. tampilan login admin di F27 2. klik lupa password menuju ke F28
3. tampilan beranda admin F29 4. klik kategori menuju ke F30
5. klik tambah kategori menuju ke F31 6. klik edit kategori menuju F32
7. klik jasa kirim menuju ke F33 8. klik tambah jasa kirim menuju ke F34
9. klik edit jasa kirim menuju ke F35 10. klik perusahaan jasa menuju ke F36
11. klik tambah perusahaan jasa menuju ke F37
12. klik edit perusahaan jasa menuju ke F38 13. klik subkategori menuju ke F39
14. klik tambah subkategori menuju ke F40 15. klik edit subkategori menuju ke F41
16. klik merk menuju ke F42 17. klik tambah merk menuju ke F43
18. klik edit merk menuju ke F44 19. klik produk menuju ke F45
20. klik tambah produk menuju ke F46 21. klik edit produk menuju ke F47
22. klik tambah gambar menuju ke F48 23. klik update stok menuju ke F49
24. klik provinsi menuju ke F50 25. klik tambah provinsi menuju ke F51
26. klik edit provinsi menuju ke F52 27. klik kota menuju ke F53
28. klik tambah kota menuju ke F54 29. klik edit kota menuju ke F55
30. klik ongkos kirim menuju ke F56 31. klik tambah ongkos kirim menuju ke F57
32. klik edit ongkos kirim menuju ke F58 33. klik members menuju ke F59
34. klik orders baru menuju ke F60 35. klik detail order menuju ke F61
36. klik prder dibayar menuju ke F62 37. klik order lunas menuju ke F63
38. klik prder dikirim menuju ke F64 39. klik produk retur menju ke F65
Nama layar :F65 Ukuran layar :1024 x 765
Warna background :Abu - abu
NO.RETUR AKSI
aksi
NO. ORDER NAMA KOSTUMER
TGL. ORDER
cari
STATUS TGL RETUR
ID RETUR
Gambar 3. 95 Tampilan Produk Retur Admin
40. [T66] Rancangan antarmuka tampilan manajemen modul untuk admin Aplikasi e-commerce di toko C8 Komputer.
F66
Home Pengolahan [+]
Manajemen modul Ganti password
Hubungi kami Cara pembelian
Profil perusahaan Syarat kondisi
Orders [+] Pengaturan [-]
Backup restore [+] Laporan penjualan [+]
logout Data modul
Keterangan 1. tampilan login admin di F27
2. klik lupa password menuju ke F28 3. tampilan beranda admin F29
4. klik kategori menuju ke F30 5. klik tambah kategori menuju ke F31
6. klik edit kategori menuju F32 7. klik jasa kirim menuju ke F33
8. klik tambah jasa kirim menuju ke F34 9. klik edit jasa kirim menuju ke F35
10. klik perusahaan jasa menuju ke F36 11. klik tambah perusahaan jasa menuju ke
F37 12. klik edit perusahaan jasa menuju ke F38
13. klik subkategori menuju ke F39 14. klik tambah subkategori menuju ke F40
15. klik edit subkategori menuju ke F41 16. klik merk menuju ke F42
17. klik tambah merk menuju ke F43 18. klik edit merk menuju ke F44
19. klik produk menuju ke F45 20. klik tambah produk menuju ke F46
21. klik edit produk menuju ke F47 22. klik tambah gambar menuju ke F48
23. klik update stok menuju ke F49 24. klik provinsi menuju ke F50
25. klik tambah provinsi menuju ke F51 26. klik edit provinsi menuju ke F52
27. klik kota menuju ke F53 28. klik tambah kota menuju ke F54
29. klik edit kota menuju ke F55 30. klik ongkos kirim menuju ke F56
31. klik tambah ongkos kirim menuju ke F57 32. klik edit ongkos kirim menuju ke F58
33. klik members menuju ke F59 34. klik orders baru menuju ke F60
35. klik detail order menuju ke F61 36. klik prder dibayar menuju ke F62
37. klik order lunas menuju ke F63 38. klik prder dikirim menuju ke F64
39. klik produk retur menju ke F65 40 kli menajemen modul menuju ke F66
Nama layar :F66 Ukuran layar :1024 x 765
Warna background :Abu - abu NO
NAMA MODUL AKSI
Tambah modul edit hapus
URUTAN LINK
AKTIF
Gambar 3. 96 Tampilan Manejemen Modul
41. [T67] Rancangan antarmuka tampilan ganti password untuk admin Aplikasi e-commerce di toko C8 Komputer.
F67
Home Pengolahan [+]
Manajemen modul Ganti password
Hubungi kami Cara pembelian
Profil perusahaan Syarat kondisi
Orders [+] Pengaturan [-]
Backup restore [+] Laporan penjualan [+]
logout
Masukan password lama : Masukan password baru :
Masukan lagi password lama :
Ganti password
Keterangan 1. tampilan login admin di F27
2. klik lupa password menuju ke F28 3. tampilan beranda admin F29
4. klik kategori menuju ke F30 5. klik tambah kategori menuju ke F31
6. klik edit kategori menuju F32 7. klik jasa kirim menuju ke F33
8. klik tambah jasa kirim menuju ke F34 9. klik edit jasa kirim menuju ke F35
10. klik perusahaan jasa menuju ke F36 11. klik tambah perusahaan jasa menuju ke
F37 12. klik edit perusahaan jasa menuju ke F38
13. klik subkategori menuju ke F39 14. klik tambah subkategori menuju ke F40
15. klik edit subkategori menuju ke F41 16. klik merk menuju ke F42
17. klik tambah merk menuju ke F43 18. klik edit merk menuju ke F44
19. klik produk menuju ke F45 20. klik tambah produk menuju ke F46
21. klik edit produk menuju ke F47 22. klik tambah gambar menuju ke F48
23. klik update stok menuju ke F49 24. klik provinsi menuju ke F50
25. klik tambah provinsi menuju ke F51 26. klik edit provinsi menuju ke F52
27. klik kota menuju ke F53 28. klik tambah kota menuju ke F54
29. klik edit kota menuju ke F55 30. klik ongkos kirim menuju ke F56
31. klik tambah ongkos kirim menuju ke F57 32. klik edit ongkos kirim menuju ke F58
33. klik members menuju ke F59 34. klik orders baru menuju ke F60
35. klik detail order menuju ke F61 36. klik prder dibayar menuju ke F62
37. klik order lunas menuju ke F63 38. klik prder dikirim menuju ke F64
39. klik produk retur menju ke F65 40 kli menajemen modul menuju ke F66
41. klik ganti password menuju ke F67
Nama layar :F67 Ukuran layar :1024 x 765
Warna background :Abu - abu proses
batal
Gambar 3. 97 Tampilan Ganti Password Admin
42. [T68] Rancangan antarmuka tampilan hubungi kami untuk admin Aplikasi e-commerce di toko C8 Komputer.
F68
Home Pengolahan [+]
Manajemen modul Ganti password
Hubungi kami Cara pembelian
Profil perusahaan Syarat kondisi
Orders [+] Pengaturan [-]
Backup restore [+] Laporan penjualan [+]
logout Hubungi kami
Keterangan 1. tampilan login admin di F27
2. klik lupa password menuju ke F28 3. tampilan beranda admin F29
4. klik kategori menuju ke F30 5. klik tambah kategori menuju ke F31
6. klik edit kategori menuju F32 7. klik jasa kirim menuju ke F33
8. klik tambah jasa kirim menuju ke F34 9. klik edit jasa kirim menuju ke F35
10. klik perusahaan jasa menuju ke F36 11. klik tambah perusahaan jasa menuju ke
F37 12. klik edit perusahaan jasa menuju ke F38
13. klik subkategori menuju ke F39 14. klik tambah subkategori menuju ke F40
15. klik edit subkategori menuju ke F41 16. klik merk menuju ke F42
17. klik tambah merk menuju ke F43 18. klik edit merk menuju ke F44
19. klik produk menuju ke F45 20. klik tambah produk menuju ke F46
21. klik edit produk menuju ke F47 22. klik tambah gambar menuju ke F48
23. klik update stok menuju ke F49 24. klik provinsi menuju ke F50
25. klik tambah provinsi menuju ke F51 26. klik edit provinsi menuju ke F52
27. klik kota menuju ke F53 28. klik tambah kota menuju ke F54
29. klik edit kota menuju ke F55 30. klik ongkos kirim menuju ke F56
31. klik tambah ongkos kirim menuju ke F57 32. klik edit ongkos kirim menuju ke F58
33. klik members menuju ke F59 34. klik orders baru menuju ke F60
35. klik detail order menuju ke F61 36. klik prder dibayar menuju ke F62
37. klik order lunas menuju ke F63 38. klik prder dikirim menuju ke F64
39. klik produk retur menju ke F65 40 kli menajemen modul menuju ke F66
41. klik ganti password menuju ke F67 42. klik hubungi kami menuju ke F68
Nama layar :F68 Ukuran layar :1024 x 765
Warna background :Abu - abu NO
NAMA EMAIL
SUBJEK TANGGAL
AKSI
Gambar 3. 98 Tampilan Hubungi Kami
43. [T69] Rancangan antarmuka tampilan cara pembelian untuk admin Aplikasi e-commerce di toko C8 Komputer.
F69
Home Pengolahan [+]
Manajemen modul Ganti password
Hubungi kami Cara pembelian
Profil perusahaan Syarat kondisi
Orders [+] Pengaturan [-]
Backup restore [+] Laporan penjualan [+]
logout Cara pembelian
Keterangan 1. tampilan login admin di F27
2. klik lupa password menuju ke F28 3. tampilan beranda admin F29
4. klik kategori menuju ke F30 5. klik tambah kategori menuju ke F31
6. klik edit kategori menuju F32 7. klik jasa kirim menuju ke F33
8. klik tambah jasa kirim menuju ke F34 9. klik edit jasa kirim menuju ke F35
10. klik perusahaan jasa menuju ke F36 11. klik tambah perusahaan jasa menuju ke
F37 12. klik edit perusahaan jasa menuju ke F38
13. klik subkategori menuju ke F39 14. klik tambah subkategori menuju ke F40
15. klik edit subkategori menuju ke F41 16. klik merk menuju ke F42
17. klik tambah merk menuju ke F43 18. klik edit merk menuju ke F44
19. klik produk menuju ke F45 20. klik tambah produk menuju ke F46
21. klik edit produk menuju ke F47 22. klik tambah gambar menuju ke F48
23. klik update stok menuju ke F49 24. klik provinsi menuju ke F50
25. klik tambah provinsi menuju ke F51 26. klik edit provinsi menuju ke F52
27. klik kota menuju ke F53 28. klik tambah kota menuju ke F54
29. klik edit kota menuju ke F55 30. klik ongkos kirim menuju ke F56
31. klik tambah ongkos kirim menuju ke F57 32. klik edit ongkos kirim menuju ke F58
33. klik members menuju ke F59 34. klik orders baru menuju ke F60
35. klik detail order menuju ke F61 36. klik prder dibayar menuju ke F62
37. klik order lunas menuju ke F63 38. klik prder dikirim menuju ke F64
39. klik produk retur menju ke F65 40 kli menajemen modul menuju ke F66
41. klik ganti password menuju ke F67 42. klik hubungi kami menuju ke F68
43. klik cara pembelian menuju ke F69
Nama layar :F69 Ukuran layar :1024 x 765
Warna background :Abu - abu update
back
Gambar 3. 99 Tampilan Cara Pembelian Admin
44. [T70] Rancangan antarmuka tampilan profil perusahaan untuk admin Aplikasi e-commerce di toko C8 Komputer.
F70
Home Pengolahan [+]
Manajemen modul Ganti password
Hubungi kami Cara pembelian
Profil perusahaan Syarat kondisi
Orders [+] Pengaturan [-]
Backup restore [+] Laporan penjualan [+]
logout
Ganti foto
Profile perusahaan
Keterangan 1. tampilan login admin di F27
2. klik lupa password menuju ke F28 3. tampilan beranda admin F29
4. klik kategori menuju ke F30 5. klik tambah kategori menuju ke F31
6. klik edit kategori menuju F32 7. klik jasa kirim menuju ke F33
8. klik tambah jasa kirim menuju ke F34 9. klik edit jasa kirim menuju ke F35
10. klik perusahaan jasa menuju ke F36 11. klik tambah perusahaan jasa menuju ke
F37 12. klik edit perusahaan jasa menuju ke F38
13. klik subkategori menuju ke F39 14. klik tambah subkategori menuju ke F40
15. klik edit subkategori menuju ke F41 16. klik merk menuju ke F42
17. klik tambah merk menuju ke F43 18. klik edit merk menuju ke F44
19. klik produk menuju ke F45 20. klik tambah produk menuju ke F46
21. klik edit produk menuju ke F47 22. klik tambah gambar menuju ke F48
23. klik update stok menuju ke F49 24. klik provinsi menuju ke F50
25. klik tambah provinsi menuju ke F51 26. klik edit provinsi menuju ke F52
27. klik kota menuju ke F53 28. klik tambah kota menuju ke F54
29. klik edit kota menuju ke F55 30. klik ongkos kirim menuju ke F56
31. klik tambah ongkos kirim menuju ke F57 32. klik edit ongkos kirim menuju ke F58
33. klik members menuju ke F59 34. klik orders baru menuju ke F60
35. klik detail order menuju ke F61 36. klik prder dibayar menuju ke F62
37. klik order lunas menuju ke F63 38. klik prder dikirim menuju ke F64
39. klik produk retur menju ke F65 40 kli menajemen modul menuju ke F66
41. klik ganti password menuju ke F67 42. klik hubungi kami menuju ke F68
43. klik cara pembelian menuju ke F69 44. klik profil perusahaan menuju ke F70
Nama layar :F70 Ukuran layar :1024 x 765
Warna background :Abu - abu update
batal browse
Gambar logo
Gambar 3. 100 Tampilan Profil Perusahaan Admin
45. [T71] Rancangan antarmuka syarat kondisi untuk admin Aplikasi e- commerce di toko C8 Komputer.
F71
Home Pengolahan [+]
Manajemen modul Ganti password
Hubungi kami Cara pembelian
Profil perusahaan Syarat kondisi
Orders [+] Pengaturan [-]
Backup restore [+] Laporan penjualan [+]
logout Cara persyaratan
Keterangan 1. tampilan login admin di F27
2. klik lupa password menuju ke F28 3. tampilan beranda admin F29
4. klik kategori menuju ke F30 5. klik tambah kategori menuju ke F31
6. klik edit kategori menuju F32 7. klik jasa kirim menuju ke F33
8. klik tambah jasa kirim menuju ke F34 9. klik edit jasa kirim menuju ke F35
10. klik perusahaan jasa menuju ke F36 11. klik tambah perusahaan jasa menuju ke
F37 12. klik edit perusahaan jasa menuju ke F38
13. klik subkategori menuju ke F39 14. klik tambah subkategori menuju ke F40
15. klik edit subkategori menuju ke F41 16. klik merk menuju ke F42
17. klik tambah merk menuju ke F43 18. klik edit merk menuju ke F44
19. klik produk menuju ke F45 20. klik tambah produk menuju ke F46
21. klik edit produk menuju ke F47 22. klik tambah gambar menuju ke F48
23. klik update stok menuju ke F49 24. klik provinsi menuju ke F50
25. klik tambah provinsi menuju ke F51 26. klik edit provinsi menuju ke F52
27. klik kota menuju ke F53 28. klik tambah kota menuju ke F54
29. klik edit kota menuju ke F55 30. klik ongkos kirim menuju ke F56
31. klik tambah ongkos kirim menuju ke F57 32. klik edit ongkos kirim menuju ke F58
33. klik members menuju ke F59 34. klik orders baru menuju ke F60
35. klik detail order menuju ke F61 36. klik prder dibayar menuju ke F62
37. klik order lunas menuju ke F63 38. klik prder dikirim menuju ke F64
39. klik produk retur menju ke F65 40 kli menajemen modul menuju ke F66
41. klik ganti password menuju ke F67 42. klik hubungi kami menuju ke F68
43. klik cara pembelian menuju ke F69 44. klik profil perusahaan menuju ke F70
45. klik syarat kondisi menuju ke F71
Nama layar :F71 Ukuran layar :1024 x 765
Warna background :Abu - abu update
back
Gambar 3. 101 Tampilan Syarat Kondisi
46. [T72] Rancangan antarmuka backup gambar untuk admin Aplikasi e- commerce di toko C8 Komputer.
F72
Home Pengolahan [+]
Backup gambar Backup database
Restore database Backup data
Orders [+] Pengaturan [+]
Backup restore [-] Laporan penjualan [+]
logout
Klik tombol backup untuk mengcopy semua file gambar
Backup gambar
Keterangan 1. tampilan login admin di F27
2. klik lupa password menuju ke F28 3. tampilan beranda admin F29
4. klik kategori menuju ke F30 5. klik tambah kategori menuju ke F31
6. klik edit kategori menuju F32 7. klik jasa kirim menuju ke F33
8. klik tambah jasa kirim menuju ke F34 9. klik edit jasa kirim menuju ke F35
10. klik perusahaan jasa menuju ke F36 11. klik tambah perusahaan jasa menuju ke
F37 12. klik edit perusahaan jasa menuju ke F38
13. klik subkategori menuju ke F39 14. klik tambah subkategori menuju ke F40
15. klik edit subkategori menuju ke F41 16. klik merk menuju ke F42
17. klik tambah merk menuju ke F43 18. klik edit merk menuju ke F44
19. klik produk menuju ke F45 20. klik tambah produk menuju ke F46
21. klik edit produk menuju ke F47 22. klik tambah gambar menuju ke F48
23. klik update stok menuju ke F49 24. klik provinsi menuju ke F50
25. klik tambah provinsi menuju ke F51 26. klik edit provinsi menuju ke F52
27. klik kota menuju ke F53 28. klik tambah kota menuju ke F54
29. klik edit kota menuju ke F55 30. klik ongkos kirim menuju ke F56
31. klik tambah ongkos kirim menuju ke F57 32. klik edit ongkos kirim menuju ke F58
33. klik members menuju ke F59 34. klik orders baru menuju ke F60
35. klik detail order menuju ke F61 36. klik prder dibayar menuju ke F62
37. klik order lunas menuju ke F63 38. klik prder dikirim menuju ke F64
39. klik produk retur menju ke F65 40 kli menajemen modul menuju ke F66
41. klik ganti password menuju ke F67 42. klik hubungi kami menuju ke F68
43. klik cara pembelian menuju ke F69 44. klik profil perusahaan menuju ke F70
45. klik syarat kondisi menuju ke F71 46. klik backup gambar menuju ke F72
Nama layar :F72 Ukuran layar :1024 x 765
Warna background :Abu - abu Backup gambar
Gambar 3. 102 Tampilan Backup Gambar Admin
47. [T73] Rancangan antarmuka backup database untuk admin Aplikasi e- commerce di toko C8 Komputer.
F73
Home Pengolahan [+]
Backup gambar Backup database
Restore database Backup data
Orders [+] Pengaturan [+]
Backup restore [-] Laporan penjualan [+]
logout
Nama database toko Daftar tabel
Backup database
Keterangan 3. tampilan beranda admin F29
4. klik kategori menuju ke F30 5. klik tambah kategori menuju ke F31
6. klik edit kategori menuju F32 7. klik jasa kirim menuju ke F33
8. klik tambah jasa kirim menuju ke F34 9. klik edit jasa kirim menuju ke F35
10. klik perusahaan jasa menuju ke F36 11. klik tambah perusahaan jasa menuju ke
F37 12. klik edit perusahaan jasa menuju ke F38
13. klik subkategori menuju ke F39 14. klik tambah subkategori menuju ke F40
15. klik edit subkategori menuju ke F41 16. klik merk menuju ke F42
17. klik tambah merk menuju ke F43 18. klik edit merk menuju ke F44
19. klik produk menuju ke F45 20. klik tambah produk menuju ke F46
21. klik edit produk menuju ke F47 22. klik tambah gambar menuju ke F48
23. klik update stok menuju ke F49 24. klik provinsi menuju ke F50
25. klik tambah provinsi menuju ke F51 26. klik edit provinsi menuju ke F52
27. klik kota menuju ke F53 28. klik tambah kota menuju ke F54
29. klik edit kota menuju ke F55 30. klik ongkos kirim menuju ke F56
31. klik tambah ongkos kirim menuju ke F57 32. klik edit ongkos kirim menuju ke F58
33. klik members menuju ke F59 34. klik orders baru menuju ke F60
35. klik detail order menuju ke F61 36. klik prder dibayar menuju ke F62
37. klik order lunas menuju ke F63 38. klik prder dikirim menuju ke F64
39. klik produk retur menju ke F65 40 kli menajemen modul menuju ke F66
41. klik ganti password menuju ke F67 42. klik hubungi kami menuju ke F68
43. klik cara pembelian menuju ke F69 44. klik profil perusahaan menuju ke F70
45. klik syarat kondisi menuju ke F71 46. klik backup gambar menuju ke F72
47. klik bacup database menuju ke F73
Nama layar :F73 Ukuran layar :1024 x 765
Warna background :Abu - abu Backup data
Gambar 3. 103 Tampilan Backup Database Admin
48. [T74] Rancangan antarmuka restore database untuk admin Aplikasi e- commerce di toko C8 Komputer.
F74
Home Pengolahan [+]
Backup gambar Backup database
Restore database Backup data
Orders [+] Pengaturan [+]
Backup restore [-] Laporan penjualan [+]
logout
DB name toko
Restore
Keterangan 3. tampilan beranda admin F29
4. klik kategori menuju ke F30 5. klik tambah kategori menuju ke F31
6. klik edit kategori menuju F32 7. klik jasa kirim menuju ke F33
8. klik tambah jasa kirim menuju ke F34 9. klik edit jasa kirim menuju ke F35
10. klik perusahaan jasa menuju ke F36 11. klik tambah perusahaan jasa menuju ke
F37 12. klik edit perusahaan jasa menuju ke F38
13. klik subkategori menuju ke F39 14. klik tambah subkategori menuju ke F40
15. klik edit subkategori menuju ke F41 16. klik merk menuju ke F42
17. klik tambah merk menuju ke F43 18. klik edit merk menuju ke F44
19. klik produk menuju ke F45 20. klik tambah produk menuju ke F46
21. klik edit produk menuju ke F47 22. klik tambah gambar menuju ke F48
23. klik update stok menuju ke F49 24. klik provinsi menuju ke F50
25. klik tambah provinsi menuju ke F51 26. klik edit provinsi menuju ke F52
27. klik kota menuju ke F53 28. klik tambah kota menuju ke F54
29. klik edit kota menuju ke F55 30. klik ongkos kirim menuju ke F56
31. klik tambah ongkos kirim menuju ke F57 32. klik edit ongkos kirim menuju ke F58
33. klik members menuju ke F59 34. klik orders baru menuju ke F60
35. klik detail order menuju ke F61 36. klik prder dibayar menuju ke F62
37. klik order lunas menuju ke F63 38. klik prder dikirim menuju ke F64
39. klik produk retur menju ke F65 40 kli menajemen modul menuju ke F66
41. klik ganti password menuju ke F67 42. klik hubungi kami menuju ke F68
43. klik cara pembelian menuju ke F69 44. klik profil perusahaan menuju ke F70
45. klik syarat kondisi menuju ke F71 46. klik backup gambar menuju ke F72
47. klik bacup database menuju ke F73 48. klik restore database menuju ke F74
Nama layar :F74 Ukuran layar :1024 x 765
Warna background :Abu - abu browse
restore
Gambar 3. 104 Tampilan Restore Database Admin
49. [T75] Rancangan antarmuka backup data untuk admin Aplikasi e- commerce di toko C8 Komputer.
F75
Home Pengolahan [+]
Backup gambar Backup database
Restore database Backup data
Orders [+] Pengaturan [+]
Backup restore [-] Laporan penjualan [+]
logout
Klik tombol backup untuk mengcopy semua file yang ada dalam sistem
Backup data
Keterangan 3. tampilan beranda admin F29
4. klik kategori menuju ke F30 5. klik tambah kategori menuju ke F31
6. klik edit kategori menuju F32 7. klik jasa kirim menuju ke F33
8. klik tambah jasa kirim menuju ke F34 9. klik edit jasa kirim menuju ke F35
10. klik perusahaan jasa menuju ke F36 11. klik tambah perusahaan jasa menuju ke
F37 12. klik edit perusahaan jasa menuju ke F38
13. klik subkategori menuju ke F39 14. klik tambah subkategori menuju ke F40
15. klik edit subkategori menuju ke F41 16. klik merk menuju ke F42
17. klik tambah merk menuju ke F43 18. klik edit merk menuju ke F44
19. klik produk menuju ke F45 20. klik tambah produk menuju ke F46
21. klik edit produk menuju ke F47 22. klik tambah gambar menuju ke F48
23. klik update stok menuju ke F49 24. klik provinsi menuju ke F50
25. klik tambah provinsi menuju ke F51 26. klik edit provinsi menuju ke F52
27. klik kota menuju ke F53 28. klik tambah kota menuju ke F54
29. klik edit kota menuju ke F55 30. klik ongkos kirim menuju ke F56
31. klik tambah ongkos kirim menuju ke F57 32. klik edit ongkos kirim menuju ke F58
33. klik members menuju ke F59 34. klik orders baru menuju ke F60
35. klik detail order menuju ke F61 36. klik prder dibayar menuju ke F62
37. klik order lunas menuju ke F63 38. klik prder dikirim menuju ke F64
39. klik produk retur menju ke F65 40 kli menajemen modul menuju ke F66
41. klik ganti password menuju ke F67 42. klik hubungi kami menuju ke F68
43. klik cara pembelian menuju ke F69 44. klik profil perusahaan menuju ke F70
45. klik syarat kondisi menuju ke F71 46. klik backup gambar menuju ke F72
47. klik bacup database menuju ke F73 48. klik restore database menuju ke F74
49. klik backup data menuju ke F75
Nama layar :F75 Ukuran layar :1024 x 765
Warna background :Abu - abu Backup data
Gambar 3. 105 Tampilan Backup Data
50. [T76] Rancangan antarmuka laporan penjualan untuk admin Aplikasi e- commerce di toko C8 Komputer.
F76
Home Pengolahan [+]
Laporan produk Laporan penjualan diterima
Orders [+] Pengaturan [+]
Backup restore [+] Laporan penjualan [-]
logout Laporan penjualan
Keterangan 3. tampilan beranda admin F29
4. klik kategori menuju ke F30 5. klik tambah kategori menuju ke F31
6. klik edit kategori menuju F32 7. klik jasa kirim menuju ke F33
8. klik tambah jasa kirim menuju ke F34 9. klik edit jasa kirim menuju ke F35
10. klik perusahaan jasa menuju ke F36 11. klik tambah perusahaan jasa menuju ke
F37 12. klik edit perusahaan jasa menuju ke F38
13. klik subkategori menuju ke F39 14. klik tambah subkategori menuju ke F40
15. klik edit subkategori menuju ke F41 16. klik merk menuju ke F42
17. klik tambah merk menuju ke F43 18. klik edit merk menuju ke F44
19. klik produk menuju ke F45 20. klik tambah produk menuju ke F46
21. klik edit produk menuju ke F47 22. klik tambah gambar menuju ke F48
23. klik update stok menuju ke F49 24. klik provinsi menuju ke F50
25. klik tambah provinsi menuju ke F51 26. klik edit provinsi menuju ke F52
27. klik kota menuju ke F53 28. klik tambah kota menuju ke F54
29. klik edit kota menuju ke F55 30. klik ongkos kirim menuju ke F56
31. klik tambah ongkos kirim menuju ke F57 32. klik edit ongkos kirim menuju ke F58
33. klik members menuju ke F59 34. klik orders baru menuju ke F60
35. klik detail order menuju ke F61 36. klik prder dibayar menuju ke F62
37. klik order lunas menuju ke F63 38. klik prder dikirim menuju ke F64
39. klik produk retur menju ke F65 40 kli menajemen modul menuju ke F66
41. klik ganti password menuju ke F67 42. klik hubungi kami menuju ke F68
43. klik cara pembelian menuju ke F69 44. klik profil perusahaan menuju ke F70
45. klik syarat kondisi menuju ke F71 46. klik backup gambar menuju ke F72
47. klik bacup database menuju ke F73 48. klik restore database menuju ke F74
49. klik backup data menuju ke F75 50. klik laporan penjualan menuju ke F76
Nama layar :F76 Ukuran layar :1024 x 765
Warna background :Abu - abu mulai tanggal :
sampai tanggal : cari
batal cetak :
NO NAMA KONSUMEN
TGL. ORDER JAM
STATUS
Gambar 3. 106 Tampilan Laporan Penjualan
51. [T77] Rancangan antarmuka laporan produk untuk admin Aplikasi e- commerce di toko C8 Komputer.
F77
Home Pengolahan [+]
Laporan produk Laporan penjualan diterima
Orders [+] Pengaturan [+]
Backup restore [+] Laporan penjualan [-]
logout Laporan produk
Keterangan 3. tampilan beranda admin F29
4. klik kategori menuju ke F30 5. klik tambah kategori menuju ke F31
6. klik edit kategori menuju F32 7. klik jasa kirim menuju ke F33
8. klik tambah jasa kirim menuju ke F34 9. klik edit jasa kirim menuju ke F35
10. klik perusahaan jasa menuju ke F36 11. klik tambah perusahaan jasa menuju ke
F37 12. klik edit perusahaan jasa menuju ke F38
13. klik subkategori menuju ke F39 14. klik tambah subkategori menuju ke F40
15. klik edit subkategori menuju ke F41 16. klik merk menuju ke F42
17. klik tambah merk menuju ke F43 18. klik edit merk menuju ke F44
19. klik produk menuju ke F45 20. klik tambah produk menuju ke F46
21. klik edit produk menuju ke F47 22. klik tambah gambar menuju ke F48
23. klik update stok menuju ke F49 24. klik provinsi menuju ke F50
25. klik tambah provinsi menuju ke F51 26. klik edit provinsi menuju ke F52
27. klik kota menuju ke F53 28. klik tambah kota menuju ke F54
29. klik edit kota menuju ke F55 30. klik ongkos kirim menuju ke F56
31. klik tambah ongkos kirim menuju ke F57 32. klik edit ongkos kirim menuju ke F58
33. klik members menuju ke F59 34. klik orders baru menuju ke F60
35. klik detail order menuju ke F61 36. klik prder dibayar menuju ke F62
37. klik order lunas menuju ke F63 38. klik prder dikirim menuju ke F64
39. klik produk retur menju ke F65 40 kli menajemen modul menuju ke F66
41. klik ganti password menuju ke F67 42. klik hubungi kami menuju ke F68
43. klik cara pembelian menuju ke F69 44. klik profil perusahaan menuju ke F70
45. klik syarat kondisi menuju ke F71 46. klik backup gambar menuju ke F72
47. klik bacup database menuju ke F73 48. klik restore database menuju ke F74
49. klik backup data menuju ke F75 50. klik laporan penjualan menuju ke F76
51. klik laporan produk menuju ke F77
Nama layar :F77 Ukuran layar :1024 x 765
Warna background :Abu - abu mulai tanggal :
sampai tanggal : cari
batal cetak :
NO TANGGAL MASUK
NAMA PRODUK HARGA
Gambar 3. 107 Tampilan Laporan Produk
52. [T72] Rancangan antarmuka logout untuk admin Aplikasi e-commerce di toko C8 Komputer.
T78 Logout berhasil
LOGOUT ADMINISTRATOR Keterangan
1. tampilan logout
Nama layar :T78 Ukuran layar :1024 x 765
Warna background :Abu - abu
Gambar 3. 108 Tampilan Logout Admin
3.2.3.5 Perancangan Antarmuka Pesan
Pada gambar dibawah ini merupakan perancangan pesan yang terdapat pada aplikasi e-commerce di C8 Komputer. Adapun tampilan pesan yang ada
adalah sebagai berikut :
Apakah anda Yakin akan menghapus Kategori ?
OK
M07
Apakah anda Yakin akan menghapus Sub Kategori ?
OK
M08
Apakah anda Yakin akan menghapus Merk?
OK
M10
Apakah anda Yakin akan menghapus Produk?
OK
M09
Apakah anda Yakin akan menghapus Gambar?
OK
M11
Apakah anda Yakin akan menghapus Provinsi?
OK
M12
Apakah anda Yakin akan menghapus Kota?
OK
M13
Apakah anda Yakin akan menghapus Ongkos Kirim?
OK
M14
Usernama atau Password salah OK
M01
Keranjang belanja masih kosong OK
M02
Data tidak ditemukan
OK
M03
Data kategori berhasil diinputkan
OK
M04
Data produk berhasil diinputkan
OK
M05
Data kota berhasil diinputkan
OK
M06
Gambar 3. 109 Perancangan Antarmuka Pesan
3.2.4 Jaringan Semantik
Jaringan semantik sistem yang akan dibangun dibedakan sesuai dengan jenis penggunaannya yaitu pengunjung, member, dan admin. Jaringan
semantiknya dapat dilihat pada gambar dibawah ini: 1. Jaringan semantic pengunjung
Jaringan semantik pengunjung dapat dilihat pada Gambar :
T01 T02
T08 T09
T06 T07
T03
T04
T05 M03
M02
Gambar 3. 110 Jaringan Semantik Pengunjung
2. Jaringan semantic member Jaringan semantic member dapat dilihat pada gambar :
T10 T25
T24
T22 T21
T17 T14
T13 T11
T15
T16
T18
T20 T23
T12
T19 T26
Gambar 3. 111 Jaringan Semantik Member
3. jaringan semantic admin Jaringan semantic admin dapat dilihat pada gambar :
T27 T42
T41
T39 T38
T34 T31
T30 T28
T32
T33
T35 T37
T40 T29
T36 T43
Gambar 3. 112 Jaringan Semantik Admin
