18. Tabel Komentar Tabel komentar digunakan untuk menyimpan semua data komentar.Secara
umum struktur table yang akan digunakan dapat dilihat pada table 3.22
Tabel 3. 22 Tabel Komentar
Nama field Tipe
Size Kunci
Keterangan id_komentar
Integer 5
Primary Key Auto_increment
id_produk Integer
5 Foreign
Key,RefT.Produkid_produk username
Varchar 50
Foreign Key,RefT.Members username
useradmin Varchar
50 Foreign Key,Ref
T.adminuseradmin komentar
Text 100
Not Null tgl_komentar
Date Not Null
jam_komentar Time
Not Null aktif
Enum „Y‟,‟N‟
3.4.4 Perancangan Arsitektur Perangkat Lunak
Perancangan arsitektur merupakan perancangan yang dibuat sebelum program aplikasi dibuat. Dengan perancangan arsitektur akan mempermudah
proses pembangunan Aplikasi E-Commerce Penjualan Alat-alat Olahraga di Taufik Jaya Sport.Arsitektur yang digunakan adalah arsitektur network.
3.4.4.1 Perancangan Struktur Menu
Berikut adalah perancangan struktur menu Aplikasi E-commerce Penjualan Alat-alat Olahraga di Taufik Jaya Sport :
a. Struktur Menu Pengunjung pada Website E-commerce Penjualan Alat- alat Olahraga di Taufik Jaya Sport gambar 3.28:
182
Menu Pengunjung
Home Produk
Keranjang Belanja
Bantuan Profil Toko
Hubungi Kami Cari Produk
Login Daftar
Daftar Keranjang
Belanja Tambah Data
Keranjang Belanja Edit Data
Keranjang Belanja Hapus Data
Keranjang Belanja
Gambar 3. 28 Struktur Menu Pengunjung
183
b. S
truktur menu
Membe r
pa da
W ebsit
e
E -c
om m
erc e
P enju
alan Ala
t-a lat Ola
h ra
g a
Di Ta uf
ik J ay
a S port
g amba
r 3.29
Home
Profile Produk
Keranjang Belanja
Bantuan Profil Toko
Hubungi Kami Cari Produk
History Retur
Daftar Keranjang
Belanja Tambah Data
Keranjang Belanja Edit Data
Keranjang Belanja Hapus Data
Keranjang Belanja Logout
Login
Daftar History Pemesanan
Cari History Pemesanan
Cari Retur produk
Tambah Retur Produk
Daftar Retur Produk
Edit Profile Members
Gambar 3. 29 Sturktur Menu Member
184
c. S
truktur Me
nu Admin pada
W ebsit
e
E -c
om me
rc e P
enjuala n
Ala t-a
lat Ola h
ra g
a Di tau
fik J ay
a S port
g amba
r 3. 30
Login Home
Logout Orders
Orders Dibayar
Orders Lunas Orders Baru
Pengaturan Ganti
Password Cara
Pembelian Edit Data Cara
Pembelian Backup
Restore Restore
Database Backup
Database
Profile Toko Edit Data
Profile Toko Laporan
Penjualan Hubungi Kami
Daftar Hubungi Kami
Hapus Hubungi Kami
Balas Hubungi Kami
Members Daftar User
Edit Status Members
Ongkos Kirim Daftar
Ongkos Kirim Tambah Data
Ongkos Kirim Edit Data
Ongkos Kirim Hapus Data
Ongkos Kirim Cari Data
Ongkos Kirim Pengolahan
Merk Daftar Merk
Edit Data Merk
Hapus Data Merk
Tambah Data Merk
Kategori Produk
Daftar Kategori
Tambah Data Kategori
Edit Data Kategori
Hapus Data Kategori
Produk Daftar Produk
Edit Data Produk
Hapus Data Produk
Tambah Data Produk
Gambar Opsi Produk
Daftar Gambar
Tambah Data Gambar
Edit Data Gambar
Daftar Opsi Produk
Tambah Data Produk Opsi
Hapus Data Produk Opsi
Edit Data Produk Opsi
Provinsi Daftar Provinsi
Tambah Data Provinsi
Edit Data Provinsi
Hapus Data Provinsi
Cari Data Provinsi
Kota Daftar Kota
Tambah Data Kota
Edit Data Kota
Hapus Data Kota
Cari Data Kota
Daftar Orders Baru
Orders Diterima
Orders Dikirim Update Status
Bayar Update Status
Bayar Update Status
Bayar Daftar Orders
Dibayar Daftar
Orders Lunas Update
No.Resi Daftar
Orders Dikirim Daftar Orders
Diterima Update Status
Pengiriman Retur Produk
Daftar Retur Produk
Update Status Retur
Update No.Resi Retur
Syarat Kondisi
Edit Data Syarat
Kondisi Daftar
Laporan Penjualan
Cari Laporan Penjualan
Cetak Laporan Penjualan
Cari Data Kategori
Cari Data Merk
Hapus Data Gambar
Cetak Data Produk
Cari Data Produk
Cari Data Members
Gambar 3. 30 Sturktur Menu Admin
3.4.4.2 Perancangan Antarmuka
3.4.4.2.1 Perancangan Antarmuka Pengunjung
1. [T01] Rancangan antarmuka tampilan home pengunjung Aplikasi e- commerce
penjualan alat – alat olahraga di Taufik Jaya Sport
Gambar 3.31
Nama dan Alamat Toko
Login Sign Up
Home Produk
Keranjang Belanja Cara Pembelian
Profil Toko Hubungi Kami
Kategori Customer Service
Produk Terlaris Produk Terbaru
Facebook Nama Produk
Selengkapnya
Ga mbar
Pr odu
k
Nama Produk Selengkapnya
Gam bar
Pro duk
Nama Produk Selengkapnya
Gam bar
Pr odu
k
Keranjang Belanja
Produk Paling Banyak Dilihat Nama Produk
Selengkapnya
Ga mbar
Pr odu
k
Nama Produk Selengkapnya
Ga mb
ar P rod
uk
Nama Produk Selengkapnya
Gam bar
Pro duk
Nama Produk Selengkapnya
Gam bar
Pro duk
Nama Produk Selengkapnya
Gam bar
Pr odu
k
Nama Produk Selengkapnya
Gam bar
Pr odu
k
Fotter
1. Klik Home menuju ke T01 5. Klik Profil Toko menuju ke T05
4. Klik Cara Pembelian menuju ke T04
3. Klik Keranjang Belanja menuju ke T03
2. Klik Produk menuju ke T02 6. Klik Hubungi Kami menuju ke T06
7. Klik Login menuju ke T07 8. Klik Sign Up menuju ke T08
Keterangan
9. Klik Selengkapnya menuju ke T09
1. Nama dan Alamat Toko menggunakan font arial, ukuran 12px , warna FFFFFF 3. Kategori, produk terlaris,keranjang belanja,cara pembelian,profil toko, hubungi kami, produk paling banyak dilihat,customer service,facebook menggunakan font arial, ukuran 12px , warne FFFFFF ,
4. Produk menggunakan font arial, ukuran 12px , warne 000 2. Menu menggunakan font arial, ukuran 11px , warne FFFFFF , backgroud 000000
Gam bar
Pro duk
Gam bar
Pro duk
Ga mb
ar Pr
oduk T01
Cari
Gambar 3. 31 Tampilan Home Pengunjung
2. [T02] Rancangan antarmuka tampilan semua produk untuk pengunjung Aplikasi e-commerce penjualan alat
– alat olahraga di Taufik Jaya Sport Gambar 3.32
Nama dan Alamat Toko
Login Sign Up
Home Produk
Keranjang Belanja Cara Pembelian
Profil Toko Hubungi Kami
Kategori Customer Service
Produk Terlaris All Produk
Facebook
Nama Produk Selengkapnya
Ga mb
ar P roduk
Nama Produk Selengkapnya
Ga mb
ar P rodu
k
Nama Produk Selengkapnya
Ga mb
ar P rodu
k
Keranjang Belanja
Produk Paling Banyak Dilihat
Nama Produk Selengkapnya
Ga mb
ar P roduk
Nama Produk Selengkapnya
Ga mb
ar P roduk
Nama Produk Selengkapnya
Ga mb
ar P rodu
k
Nama Produk Selengkapnya
Ga mb
ar P rod
uk
Nama Produk Selengkapnya
Ga mb
ar P rodu
k
Nama Produk Selengkapnya
Ga mb
ar P rod
uk Fotter
1. Klik Home menuju ke T01 5. Klik Profil Toko menuju ke T05
4. Klik Cara Pembelian menuju ke T04
3. Klik Keranjang Belanja menuju ke T03
2. Klik Produk menuju ke T02 6. Klik Hubungi Kami menuju ke T06
7. Klik Login menuju ke T07 8. Klik Sign Up menuju ke T08
Keterangan
9. Klik Selengkapnya menuju ke T09
1. Nama dan Alamat Toko menggunakan font arial, ukuran 12px , warna FFFFFF 3. Kategori, produk terlaris,keranjang belanja,cara pembelian,profil toko, hubungi kami, produk paling banyak dilihat,customer service,facebook menggunakan font arial, ukuran 12px , warne FFFFFF ,
4. Produk menggunakan font arial, ukuran 12px , warne 000 2. Menu menggunakan font arial, ukuran 11px , warne FFFFFF , backgroud 000000
Ga mb
ar Pro
duk Ga
mb ar
Pro duk
Ga mb
ar Pr od
uk
T02
Cari
Gambar 3. 32 Tampilan Semua Produk Pengunjung
3. [T03] Rancangan antarmuka tampilan keranjang belanja untuk pengunjung Aplikasi e-commerce penjualan alat
– alat olahraga di Taufik Jaya Sport Gambar 3.33
Nama dan Alamat Toko
Login Sign Up
Home Produk
Keranjang Belanja Cara Pembelian
Profil Toko Hubungi Kami
Kategori Customer Service
Produk Terlaris All Produk
Facebook Keranjang Belanja
Produk Paling Banyak Dilihat
Fotter
1. Klik Home menuju ke T01 5. Klik Profil Toko menuju ke T05
4. Klik Cara Pembelian menuju ke T04
3. Klik Keranjang Belanja menuju ke T03
2. Klik Produk menuju ke T02 6. Klik Hubungi Kami menuju ke T06
7. Klik Login menuju ke T07 8. Klik Sign Up menuju ke T08
Keterangan
9. Klik tombol Lanjutkan belanja menuju ke T02
1. Nama dan Alamat Toko menggunakan font arial, ukuran 12px , warna FFFFFF 3. Kategori, produk terlaris,keranjang belanja,cara pembelian,profil toko, hubungi kami, produk paling banyak dilihat,customer service,facebook menggunakan font arial, ukuran 12px , warne FFFFFF ,
4. Produk menggunakan font arial, ukuran 12px , warne 000 2. Menu menggunakan font arial, ukuran 11px , warne FFFFFF , backgroud 000000
Ga mba
r Pro
duk Ga
mba r
Pro duk
Ga mb
ar P ro
du k
Gambar Produk Detail Produk
Jumlah Harga
Sub Total Aksi
Total Bayar : Lanjutkan Belanja
Checkout No
Ga mb
ar P rod
uk
10. Klik tombol Checkout menuju ke T11
Cari
T03
Gambar 3. 33 Tampilan Keranjang Belanja Pengunjung
4. [T04] Rancangan antarmuka tampilan cara pembelian untuk pengunjung Aplikasi e-commerce penjualan alat
– alat olahraga di Taufik Jaya Sport Gambar 3.34
Nama dan Alamat Toko
Login Sign Up
Home Produk
Keranjang Belanja Cara Pembelian
Profil Toko Hubungi Kami
Kategori Customer Service
Produk Terlaris Cara Pembelian
Facebook Keranjang Belanja
Produk Paling Banyak Dilihat
Fotter
1. Klik Home menuju ke T01 5. Klik Profil Toko menuju ke T05
4. Klik Cara Pembelian menuju ke T04
3. Klik Keranjang Belanja menuju ke T03
2. Klik Produk menuju ke T02 6. Klik Hubungi Kami menuju ke T06
7. Klik Login menuju ke T07 8. Klik Sign Up menuju ke T08
Keterangan
9. Klik Selengkapnya menuju ke T09
1. Nama dan Alamat Toko menggunakan font arial, ukuran 12px , warna FFFFFF 3. Kategori, produk terlaris,keranjang belanja,cara pembelian,profil toko, hubungi kami, produk paling banyak dilihat,customer service,facebook menggunakan font arial, ukuran 12px , warne FFFFFF ,
4. Produk menggunakan font arial, ukuran 12px , warne 000 2. Menu menggunakan font arial, ukuran 11px , warne FFFFFF , backgroud 000000
Ga mb
ar Pro
duk Ga
mb ar
Pro duk
Ga mb
ar P ro
du k
Cari
T04
Gambar 3. 34 Tampilan Cara Pembelian Pengunjung
5. [T05] Rancangan antarmuka tampilan profile toko pengunjung Aplikasi e-commerce penjualan alat
– alat olahraga di Taufik Jaya Sport Gambar 3.35
Nama dan Alamat Toko
Login Sign Up
Home Produk
Keranjang Belanja Cara Pembelian
Profil Toko Hubungi Kami
Kategori Customer Service
Produk Terlaris Profil Toko
Facebook Keranjang Belanja
Produk Paling Banyak Dilihat
Fotter
1. Klik Home menuju ke T01 5. Klik Profil Toko menuju ke T05
4. Klik Cara Pembelian menuju ke T04
3. Klik Keranjang Belanja menuju ke T03
2. Klik Produk menuju ke T02 6. Klik Hubungi Kami menuju ke T06
7. Klik Login menuju ke T07 8. Klik Sign Up menuju ke T08
Keterangan
9. Klik Selengkapnya menuju ke T09
1. Nama dan Alamat Toko menggunakan font arial, ukuran 12px , warna FFFFFF 3. Kategori, produk terlaris,keranjang belanja,cara pembelian,profil toko, hubungi kami, produk paling banyak dilihat,customer service,facebook menggunakan font arial, ukuran 12px , warne FFFFFF ,
4. Produk menggunakan font arial, ukuran 12px , warne 000 2. Menu menggunakan font arial, ukuran 11px , warne FFFFFF , backgroud 000000
Gam bar
Pro du
k Gam
bar Pro
du k
Ga m
ba r P
ro du
k Gam
bar Pr
ofil
Keterangan Toko T05
Cari
Gambar 3. 35 Tampilan Profile Toko Pengunjung
6. [T06] Rancangan antar muka tampilan hubungi kami untuk pengunjung Aplikasi e-commerce penjualan alat
– alat olahraga di Taufik Jaya Sport Gambar 3.36
Nama dan Alamat Toko
Login Sign Up
Home Produk
Keranjang Belanja Cara Pembelian
Profil Toko Hubungi Kami
Kategori Customer Service
Produk Terlaris Hubungi Kami
Facebook Keranjang Belanja
Produk Paling Banyak Dilihat
Fotter
1. Klik Home menuju ke T01 5. Klik Profil Toko menuju ke T05
4. Klik Cara Pembelian menuju ke T04
3. Klik Keranjang Belanja menuju ke T03
2. Klik Produk menuju ke T02 6. Klik Hubungi Kami menuju ke T06
7. Klik Login menuju ke T07 8. Klik Sign Up menuju ke T08
Keterangan
9. Klik Selengkapnya menuju ke T09
1. Nama dan Alamat Toko menggunakan font arial, ukuran 12px , warna FFFFFF 3. Kategori, produk terlaris,keranjang belanja,cara pembelian,profil toko, hubungi kami, produk paling banyak dilihat,customer service,facebook menggunakan font arial, ukuran 12px , warne FFFFFF ,
4. Produk menggunakan font arial, ukuran 12px , warne 000 2. Menu menggunakan font arial, ukuran 11px , warne FFFFFF , backgroud 000000
Gam bar
Pro duk
Gam bar
Pro duk
Ga mb
ar Pr
oduk
Nama Email
Subjek Pesan
kirim Cari
T06
Gambar 3. 36 Tampilan Hubungi Kami Pengunjung
7. [T07] Rancangan antar muka tampilan login untuk pengunjung Aplikasi e-commerce penjualan alat
– alat olahraga di Taufik Jaya Sport Gambar 3.37
Nama dan Alamat Toko
Login Sign Up
Home Produk
Keranjang Belanja Cara Pembelian
Profil Toko Hubungi Kami
Kategori Customer Service
Produk Terlaris Login Members
Facebook Keranjang Belanja
Produk Paling Banyak Dilihat
Fotter
1. Klik Home menuju ke T01 5. Klik Profil Toko menuju ke T05
4. Klik Cara Pembelian menuju ke T04
3. Klik Keranjang Belanja menuju ke T03
2. Klik Produk menuju ke T02 6. Klik Hubungi Kami menuju ke T06
7. Klik Login menuju ke T07 8. Klik Sign Up menuju ke T08
Keterangan
9. Klik Tombol Login untuk Login
1. Nama dan Alamat Toko menggunakan font arial, ukuran 12px , warna FFFFFF 3. Kategori, produk terlaris,keranjang belanja,cara pembelian,profil toko, hubungi kami, produk paling banyak dilihat,customer service,facebook menggunakan font arial, ukuran 12px , warne FFFFFF ,
4. Produk menggunakan font arial, ukuran 12px , warne 000 2. Menu menggunakan font arial, ukuran 11px , warne FFFFFF , backgroud 000000
Ga mb
ar Pro
duk Ga
mb ar
Pro duk
Ga m
ba r P
ro du
k
Login
Username Password
Lupa password ?
Klik Daftar Akun Untuk Membuat Akun Baru
Daftar Akun Register member
10. Klik Daftar Akun menuju ke T08 Cari
Login
T07
Gambar 3. 37 Tampilan Login Pengunjung
8. [T08] Rancangan antar muka tampilan daftar untuk pengunjung Aplikasi e-commerce penjualan alat
– alat olahraga di Taufik Jaya Sport Gambar 3.38
Nama dan Alamat Toko
Login Sign Up
Home Produk
Keranjang Belanja Cara Pembelian
Profil Toko Hubungi Kami
Kategori Customer Service
Produk Terlaris Registrasi Akun
Facebook Keranjang Belanja
Produk Paling Banyak Dilihat
Fotter
1. Klik Home menuju ke T01 5. Klik Profil Toko menuju ke T05
4. Klik Cara Pembelian menuju ke T04
3. Klik Keranjang Belanja menuju ke T03
2. Klik Produk menuju ke T02 6. Klik Hubungi Kami menuju ke T06
7. Klik Login menuju ke T07 8. Klik Sign Up menuju ke T08
Keterangan
1. Nama dan Alamat Toko menggunakan font arial, ukuran 12px , warna FFFFFF 3. Kategori, produk terlaris,keranjang belanja,cara pembelian,profil toko, hubungi kami, produk paling banyak dilihat,customer service,facebook menggunakan font arial, ukuran 12px , warne FFFFFF ,
4. Produk menggunakan font arial, ukuran 12px , warne 000 2. Menu menggunakan font arial, ukuran 11px , warne FFFFFF , backgroud 000000
Gam bar
Pro duk
Gam bar
Pro duk
Ga mb
ar Pr oduk
Password Detail data akun
alamat akun Password akun
Username Nama lengkap
Email Jenis Kelamin
Alamat Provinsi
Kotakabupaten Kode Pos
Ulangi Password Telepon
9. Klik Tombol Daftar menuju ke T10 Cari
Daftar Laki - laki
Perempuan
Password
T08
Gambar 3. 38 Tampilan Daftar Pengunjung
9. [T09] Rancangan antarmuka tampilan detail produk untuk pengunjung Aplikasi e-commerce penjualan alat
– alat olahraga di Taufik Jaya Sport Gambar 3.39
Nama dan Alamat Toko
Login Sign Up
Home Produk
Keranjang Belanja Cara Pembelian
Profil Toko Hubungi Kami
Kategori Customer Service
Produk Terlaris Detail Produk
Facebook Keranjang Belanja
Produk Paling Banyak Dilihat
Fotter
1. Klik Home menuju ke T01 5. Klik Profil Toko menuju ke T05
4. Klik Cara Pembelian menuju ke T04
3. Klik Keranjang Belanja menuju ke T03
2. Klik Produk menuju ke T02 6. Klik Hubungi Kami menuju ke T06
7. Klik Login menuju ke T07 8. Klik Sign Up menuju ke T08
Keterangan
9. Klik Selengkapnya menuju ke T09
1. Nama dan Alamat Toko menggunakan font arial, ukuran 12px , warna FFFFFF 3. Kategori, produk terlaris,keranjang belanja,cara pembelian,profil toko, hubungi kami, produk paling banyak dilihat,customer service,facebook menggunakan font arial, ukuran 12px , warne FFFFFF ,
4. Produk menggunakan font arial, ukuran 12px , warne 000 2. Menu menggunakan font arial, ukuran 11px , warne FFFFFF , backgroud 000000
Ga mb
ar Pro
duk Ga
mb ar
Pro duk
Ga m
ba r Pr
oduk Ga
mb ar
Pro duk
De tail
Pro duk
Produk Lainnya Komentar
Nama Produk Selengkapnya
Ga mb
ar Pro
duk
Nama Produk Selengkapnya
Ga mb
ar Pro
duk
Nama Produk Selengkapnya
Ga mb
ar Pro
duk
10. Klik Tombol beli menuju ke T03 Cari
Ukuran Beli
T09
Gambar 3. 39 Tampilan Detail Produk Pengunjung
10. [T10] Rancangan antar muka tampilan selesai daftar untuk pengunjung Aplikasi e-commerce penjualan alat
– alat olahraga di Taufik Jaya Sport Gambar 3.40
Nama dan Alamat Toko
Login Sign Up
Home Produk
Keranjang Belanja Cara Pembelian
Profil Toko Hubungi Kami
Kategori Customer Service
Produk Terlaris Registrasi Akun
Facebook Keranjang Belanja
Produk Paling Banyak Dilihat
Fotter
1. Klik Home menuju ke T01 5. Klik Profil Toko menuju ke T05
4. Klik Cara Pembelian menuju ke T04
3. Klik Keranjang Belanja menuju ke T03
2. Klik Produk menuju ke T02 6. Klik Hubungi Kami menuju ke T06
7. Klik Login menuju ke T07 8. Klik Sign Up menuju ke T08
Keterangan
1. Nama dan Alamat Toko menggunakan font arial, ukuran 12px , warna FFFFFF 3. Kategori, produk terlaris,keranjang belanja,cara pembelian,profil toko, hubungi kami, produk paling banyak dilihat,customer service,facebook menggunakan font arial, ukuran 12px , warne FFFFFF ,
4. Produk menggunakan font arial, ukuran 12px , warne 000 2. Menu menggunakan font arial, ukuran 11px , warne FFFFFF , backgroud 000000
Gam bar
Pro duk
Gam bar
Pro duk
Ga mb
ar Pr oduk
Terima Kasih Telah menjadi members kami. Silahkan cek email anda untuk mengaktifkan akun anda
Cari
T10
Gambar 3. 40 Tampilan Selesai Daftar Pengunjung
11. [T11] Rancangan antar muka tampilan tambah peringatan login untuk pengunjung Aplikasi e-commerce penjualan alat
– alat olahraga di Taufik Jaya Sport Gambar 3.41
Nama dan Alamat Toko
Login Sign Up
Home Produk
Keranjang Belanja Cara Pembelian
Profil Toko Hubungi Kami
Kategori Customer Service
Produk Terlaris Peringatan
Facebook Keranjang Belanja
Produk Paling Banyak Dilihat
Fotter
1. Klik Home menuju ke T01 5. Klik Profil Toko menuju ke T05
4. Klik Cara Pembelian menuju ke T04
3. Klik Keranjang Belanja menuju ke T03
2. Klik Produk menuju ke T02 6. Klik Hubungi Kami menuju ke T06
7. Klik Login menuju ke T07 8. Klik Sign Up menuju ke T08
Keterangan
1. Nama dan Alamat Toko menggunakan font arial, ukuran 12px , warna FFFFFF 3. Kategori, produk terlaris,keranjang belanja,cara pembelian,profil toko, hubungi kami, produk paling banyak dilihat,customer service,facebook menggunakan font arial, ukuran 12px , warne FFFFFF ,
4. Produk menggunakan font arial, ukuran 12px , warne 000 2. Menu menggunakan font arial, ukuran 11px , warne FFFFFF , backgroud 000000
Ga mb
ar Pro
duk Ga
mb ar
Pro duk
Ga mb
ar Pr odu
k
Keterangan Peringatan Cari
T11
Gambar 3. 41 Tampilan Peringatan Login Pengunjung
3.4.4.2.2 Perancangan Antarmuka Members
1. [T12] Rancangan antarmuka tampilan home member Aplikasi e- commerce
penjualan alat – alat olahraga di Taufik Jaya Sport
Gambar 3.42
Nama dan Alamat Toko
Home Produk
Keranjang Belanja Cara Pembelian
Profil Toko Hubungi Kami
Kategori Customer Service
Produk Terlaris History Orders
Facebook Keranjang Belanja
Produk Paling banyak dilhat
Fotter
1. Nama dan Alamat Toko menggunakan font arial, ukuran 12px , warna FFFFFF 3. Kategori, produk terlaris,keranjang belanja,cara pembelian,profil toko, hubungi kami, produk paling banyak dilihat,customer service,facebook menggunakan font arial, ukuran 12px , warne FFFFFF ,
4. Produk menggunakan font arial, ukuran 12px , warne 000 2. Menu menggunakan font arial, ukuran 11px , warne FFFFFF , backgroud 000000
Ga mb
ar Pro
duk Ga
mb ar
Pro duk
Ga m
ba r P
rod uk
Profile History
Retur Logout
1. Klik Home menuju ke T12 5. Klik Profil Toko menuju ke T16
4. Klik Cara Pembelian menuju ke T15
3. Klik Keranjang Belanja menuju ke T14
2. Klik Produk menuju ke T13 6. Klik Hubungi Kami menuju ke T17
7. Klik Profile menuju ke T18 8. Klik History menuju ke T19
Keterangan
9. Klik Retur menuju ke T20 11. Klik Logout untuk keluar dari
halaman members
Nama Produk Selengkapnya
Ga mb
ar P rod
uk
Nama Produk Selengkapnya
Ga mb
ar P rod
uk
Nama Produk Selengkapnya
Ga mb
ar P rodu
k
Nama Produk Selengkapnya
Ga mb
ar Pro
duk
Nama Produk Selengkapnya
Ga mb
ar Pro
duk
Nama Produk Selengkapnya
Ga mba
r P rod
uk
Nama Produk Selengkapnya
Ga mba
r P rod
uk
Nama Produk Selengkapnya
Ga mb
ar Pro
duk
Nama Produk Selengkapnya
Ga mb
ar P rodu
k
10. Klik Selengkapnya menuju ke T21 Cari
T12
Gambar 3. 42 Tampilan Home Members
2. [T13] Rancangan antar muka tampilan semua produk member Aplikasi e-commerce penjualan alat
– alat olahraga di Taufik Jaya Sport Gambar 3.43
Nama dan Alamat Toko
Home Produk
Keranjang Belanja Cara Pembelian
Profil Toko Hubungi Kami
Kategori Customer Service
Produk Terlaris All Produk
Facebook
Nama Produk Selengkapnya
Ga mba
r P roduk
Nama Produk Selengkapnya
Ga mba
r P roduk
Nama Produk Selengkapnya
Ga mba
r P roduk
Keranjang Belanja
Produk Paling Banyak Dilihat Nama Produk
Selengkapnya
Ga mba
r Produk
Nama Produk Selengkapnya
Ga mb
ar Produ k
Nama Produk Selengkapnya
Ga mba
r P roduk
Nama Produk Selengkapnya
Ga mba
r P roduk
Nama Produk Selengkapnya
Ga mba
r P roduk
Nama Produk Selengkapnya
Ga mba
r P roduk
Fotter
1. Nama dan Alamat Toko menggunakan font arial, ukuran 12px , warna FFFFFF 3. Kategori, produk terlaris,keranjang belanja,cara pembelian,profil toko, hubungi kami, produk paling banyak dilihat,customer service,facebook menggunakan font arial, ukuran 12px , warne FFFFFF ,
4. Produk menggunakan font arial, ukuran 12px , warne 000 2. Menu menggunakan font arial, ukuran 11px , warne FFFFFF , backgroud 000000
Ga mba
r Produk
Ga mb
ar Produ
k Ga
mb ar
Produ k
Profile History
Retur Logout
1. Klik Home menuju ke T12 5. Klik Profil Toko menuju ke T16
4. Klik Cara Pembelian menuju ke T15
3. Klik Keranjang Belanja menuju ke T14
2. Klik Produk menuju ke T13 6. Klik Hubungi Kami menuju ke T17
7. Klik Profile menuju ke T18 8. Klik History menuju ke T19
Keterangan
9. Klik Retur menuju ke T20 11. Klik Logout untuk keluar dari
halaman members 10. Klik Selengkapnya menuju ke T21
Cari
T13
Gambar 3. 43 Tampilan Semua Produk Members
3. [T14] Rancangan antarmuka tampilan keranjang belanja member Aplikasi e-commerce penjualan alat
– alat olahraga di Taufik Jaya Sport Gambar 3.44
Nama dan Alamat Toko
Home Produk
Keranjang Belanja Cara Pembelian
Profil Toko Hubungi Kami
Kategori
Customer Service Produk Terlaris
All Produk Facebook
Keranjang Belanja
Produk Paling Banyak Dilihat
Fotter
1. Nama dan Alamat Toko menggunakan font arial, ukuran 12px , warna FFFFFF 3. Kategori, produk terlaris,keranjang belanja,cara pembelian,profil toko, hubungi kami, produk paling banyak dilihat,customer service,facebook menggunakan font arial, ukuran 12px , warne FFFFFF ,
4. Produk menggunakan font arial, ukuran 12px , warne 000 2. Menu menggunakan font arial, ukuran 11px , warne FFFFFF , backgroud 000000
Ga mb
ar Pro
duk Ga
mba r
Produk G
am ba
r P rodu
k
Gambar Produk Detail Produk
Jumlah Harga
Sub Total Aksi
Total Bayar : Lanjutkan Belanja
Checkout No
Ga mb
ar P rod
uk
Profile History
Retur Logout
1. Klik Home menuju ke T12 5. Klik Profil Toko menuju ke T16
4. Klik Cara Pembelian menuju ke T15
3. Klik Keranjang Belanja menuju ke T14
2. Klik Produk menuju ke T13 6. Klik Hubungi Kami menuju ke T17
7. Klik Profile menuju ke T18 8. Klik History menuju ke T19
9. Klik Retur menuju ke T20 10. Klik Logout untuk keluar dari
halaman members
Keterangan
11. Klik Lanjutkan Belanja menuju ke T13
12. Klik Checkout menuju ke T22 Cari
T14
Gambar 3. 44 Tampilan Keranjang Belanja Members
4. [T15] Rancangan antar muka tampilan cara pembelian member Aplikasi e-commerce penjualan alat
– alat olahraga di Taufik Jaya Sport Gambar 3.45
Nama dan Alamat Toko
Home Produk
Keranjang Belanja Cara Pembelian
Profil Toko Hubungi Kami
Kategori Customer Service
Produk Terlaris Cara Pembelian
Facebook Keranjang Belanja
Produk Paling Banyak Dilihat
Fotter
1. Nama dan Alamat Toko menggunakan font arial, ukuran 12px , warna FFFFFF 3. Kategori, produk terlaris,keranjang belanja,cara pembelian,profil toko, hubungi kami, produk paling banyak dilihat,customer service,facebook menggunakan font arial, ukuran 12px , warne FFFFFF ,
4. Produk menggunakan font arial, ukuran 12px , warne 000 2. Menu menggunakan font arial, ukuran 11px , warne FFFFFF , backgroud 000000
Ga mb
ar Pro
duk Ga
mb ar
Pro duk
Ga m
ba r Pr
od uk
1. Klik Home menuju ke T12 5. Klik Profil Toko menuju ke T16
4. Klik Cara Pembelian menuju ke T15
3. Klik Keranjang Belanja menuju ke T14
2. Klik Produk menuju ke T13 6. Klik Hubungi Kami menuju ke T17
7. Klik Profile menuju ke T18 8. Klik History menuju ke T19
Keterangan
9. Klik Retur menuju ke T20 10. Klik Logout untuk keluar dari
halaman members Profile
History Retur
Logout
T15
Cari
Gambar 3. 45 Tampilan Cara Pembelian Members
5. [T16] Rancangan antar muka tampilan profile toko member Aplikasi e-commerce
penjualan alat – alat olahraga di Taufik Jaya Sport
Gambar 3.46
Nama dan Alamat Toko
Home Produk
Keranjang Belanja Cara Pembelian
Profil Toko Hubungi Kami
Kategori Customer Service
Produk Terlaris Profil Toko
Facebook Keranjang Belanja
Produk Paling Banyak Dilihat
Fotter
1. Nama dan Alamat Toko menggunakan font arial, ukuran 12px , warna FFFFFF 3. Kategori, produk terlaris,keranjang belanja,cara pembelian,profil toko, hubungi kami, produk paling banyak dilihat,customer service,facebook menggunakan font arial, ukuran 12px , warne FFFFFF ,
4. Produk menggunakan font arial, ukuran 12px , warne 000 2. Menu menggunakan font arial, ukuran 11px , warne FFFFFF , backgroud 000000
Ga mb
ar Pro
du k
Ga mb
ar Pro
du k
Ga m
ba r P
rodu k
Gam bar
Pr ofi
l
Keterangan Toko
Profile History
Retur Logout
1. Klik Home menuju ke T12 5. Klik Profil Toko menuju ke T16
4. Klik Cara Pembelian menuju ke T15
3. Klik Keranjang Belanja menuju ke T14
2. Klik Produk menuju ke T13 6. Klik Hubungi Kami menuju ke T17
7. Klik Profile menuju ke T18 8. Klik History menuju ke T19
Keterangan
9. Klik Retur menuju ke T20 10. Klik Logout untuk keluar dari
halaman members
T16
Cari
Gambar 3. 46 Tampialan Profile Toko Members
6. [T17] Rancangan antar muka tampilan hubungi kami member Aplikasi e-commerce penjualan alat
– alat olahraga di Taufik Jaya Sport Gambar 3.47
Nama dan Alamat Toko
Home Produk
Keranjang Belanja Cara Pembelian
Profil Toko Hubungi Kami
Kategori Customer Service
Produk Terlaris Hubungi Kami
Facebook Keranjang Belanja
Produk Paling Banyak Dilihat
Fotter
1. Nama dan Alamat Toko menggunakan font arial, ukuran 12px , warna FFFFFF 3. Kategori, produk terlaris,keranjang belanja,cara pembelian,profil toko, hubungi kami, produk paling banyak dilihat,customer service,facebook menggunakan font arial, ukuran 12px , warne FFFFFF ,
4. Produk menggunakan font arial, ukuran 12px , warne 000 2. Menu menggunakan font arial, ukuran 11px , warne FFFFFF , backgroud 000000
Ga mb
ar Produk
Ga mb
ar Produk
Ga mb
ar Pr
od uk
Nama Email
Subjek Pesan
1. Klik Home menuju ke T12 5. Klik Profil Toko menuju ke T16
4. Klik Cara Pembelian menuju ke T15
3. Klik Keranjang Belanja menuju ke T14
2. Klik Produk menuju ke T13 6. Klik Hubungi Kami menuju ke T17
7. Klik Profile menuju ke T18 8. Klik History menuju ke T19
Keterangan
9. Klik Retur menuju ke T20 10. Klik Logout untuk keluar dari
halaman members Profile
History Retur
Logout Cari
Kirim
T17
Gambar 3. 47 Tampilan Hubungi Kami Members
7. [T18] Rancangan antar muka tampilan profile member Aplikasi e- commerce
penjualan alat – alat olahraga di Taufik Jaya Sport
Gambar 3.48
Nama dan Alamat Toko
Home Produk
Keranjang Belanja Cara Pembelian
Profil Toko Hubungi Kami
cari Kategori
Customer Service Produk Terlaris
Edit Data Members Facebook
Keranjang Belanja
Produk Paling Banyak Dilihat
Fotter
1. Nama dan Alamat Toko menggunakan font arial, ukuran 12px , warna FFFFFF 3. Kategori, produk terlaris,keranjang belanja,cara pembelian,profil toko, hubungi kami, produk paling banyak dilihat,customer service,facebook menggunakan font arial, ukuran 12px , warne FFFFFF ,
4. Produk menggunakan font arial, ukuran 12px , warne 000 2. Menu menggunakan font arial, ukuran 11px , warne FFFFFF , backgroud 000000
Ga mb
ar Pro
duk Gam
bar Pro
duk Ga
m ba
r P roduk
Profile History
Retur Logout
Update Username
Nama lengkap Email
Telepon Alamat
Provinsi Kotakabupaten
Kode Pos Batal
1. Klik Home menuju ke T12 5. Klik Profil Toko menuju ke T16
4. Klik Cara Pembelian menuju ke T15
3. Klik Keranjang Belanja menuju ke T14
2. Klik Produk menuju ke T13 6. Klik Hubungi Kami menuju ke T17
7. Klik Profile menuju ke T18 8. Klik History menuju ke T19
Keterangan
9. Klik Retur menuju ke T20 10. Klik Logout untuk keluar dari
halaman members
Tidak bisa diedit
T18
Gambar 3. 48 Tampilan Profile Members
8. [T19] Rancangan antar muka tampilan history member Aplikasi e- commerce
penjualan alat – alat olahraga di Taufik Jaya Sport
Gambar 3.49
Nama dan Alamat Toko
Home Produk
Keranjang Belanja Cara Pembelian
Profil Toko Hubungi Kami
cari Kategori
Customer Service Produk Terlaris
History Orders Facebook
Keranjang Belanja
Produk Paling banyak dilhat
Fotter
1. Nama dan Alamat Toko menggunakan font arial, ukuran 12px , warna FFFFFF 3. Kategori, produk terlaris,keranjang belanja,cara pembelian,profil toko, hubungi kami, produk paling banyak dilihat,customer service,facebook menggunakan font arial, ukuran 12px , warne FFFFFF ,
4. Produk menggunakan font arial, ukuran 12px , warne 000 2. Menu menggunakan font arial, ukuran 11px , warne FFFFFF , backgroud 000000
Gam bar
Produk Gam
bar Produk
Ga m
ba r P
ro du
k
Profile History
Retur Logout
1. Klik Home menuju ke T12 5. Klik Profil Toko menuju ke T16
4. Klik Cara Pembelian menuju ke T15
3. Klik Keranjang Belanja menuju ke T14
2. Klik Produk menuju ke T13 6. Klik Hubungi Kami menuju ke T17
7. Klik Profile menuju ke T18 8. Klik History menuju ke T19
Keterangan
9. Klik Retur menuju ke T20 11. Klik Batal untuk membatalkan
orders 10. Klik Detail menuju ke T26
No.order Tgl. Order
Tgl. expire Status Order
Status Kirim Status Bayar
Aksi Batal
Detail
11. Klik Logout untuk keluar dari halaman members
T19
Gambar 3. 49 Tampilan History Members
9. [T20] Rancangan antar muka tampilan retur produk member Aplikasi e-commerce penjualan alat
– alat olahraga di Taufik Jaya Sport Gambar 3.50
Nama dan Alamat Toko
Home Produk
Keranjang Belanja Cara Pembelian
Profil Toko Hubungi Kami
cari Kategori
Customer Service Produk Terlaris
History Retur Produk Facebook
Keranjang Belanja
Produk Paling banyak dilhat
Fotter
1. Nama dan Alamat Toko menggunakan font arial, ukuran 12px , warna FFFFFF 3. Kategori, produk terlaris,keranjang belanja,cara pembelian,profil toko, hubungi kami, produk paling banyak dilihat,customer service,facebook menggunakan font arial, ukuran 12px , warne FFFFFF ,
4. Produk menggunakan font arial, ukuran 12px , warne 000 2. Menu menggunakan font arial, ukuran 11px , warne FFFFFF , backgroud 000000
Ga mba
r Produk
Ga mba
r Produk
Ga mb
ar Pr
od uk
Profile History
Retur Logout
1. Klik Home menuju ke T12 5. Klik Profil Toko menuju ke T16
4. Klik Cara Pembelian menuju ke T15
3. Klik Keranjang Belanja menuju ke T14
2. Klik Produk menuju ke T13 6. Klik Hubungi Kami menuju ke T17
7. Klik Profile menuju ke T18 8. Klik History menuju ke T19
Keterangan
9. Klik Retur menuju ke T20 10. Klik Detail menuju ke T27
No.order Tgl. Order
Tgl. expire Status Order
Status Kirim Status Bayar
Aksi Detail
11. Klik Logout untuk keluar dari halaman members
T20
Gambar 3. 50 Tampilan Retur Produk members
10. [T21] Rancangan antar muka tampilan detail produk member Aplikasi e-commerce penjualan alat
– alat olahraga di Taufik Jaya Sport Gambar 3.51
Nama dan Alamat Toko
Home Produk
Keranjang Belanja Cara Pembelian
Profil Toko Hubungi Kami
cari Kategori
Customer Service Produk Terlaris
Detail Produk Facebook
Keranjang Belanja
Produk Paling banyak Dilihat
Fotter
1. Nama dan Alamat Toko menggunakan font arial, ukuran 12px , warna FFFFFF 3. Kategori, produk terlaris,keranjang belanja,cara pembelian,profil toko, hubungi kami, produk paling banyak dilihat,customer service,facebook menggunakan font arial, ukuran 12px , warne FFFFFF ,
4. Produk menggunakan font arial, ukuran 12px , warne 000 2. Menu menggunakan font arial, ukuran 11px , warne FFFFFF , backgroud 000000
Gam bar
Pro duk
Gam bar
Pro duk
Ga m
ba r P
ro du
k Gam
bar Pr
oduk
De tai
l P rod
uk
Beli
Ukuran Produk Lainnya
Komentar
Nama Produk Selengkapnya
Gambar Pr
oduk
Nama Produk Selengkapnya
Gambar Pr
oduk
Nama Produk Selengkapnya
Gam bar P
rodu k
Profile History
Retur Logout
1. Klik Home menuju ke T12 5. Klik Profil Toko menuju ke T16
4. Klik Cara Pembelian menuju ke T15
3. Klik Keranjang Belanja menuju ke T14
2. Klik Produk menuju ke T13 6. Klik Hubungi Kami menuju ke T17
7. Klik Profile menuju ke T18 8. Klik History menuju ke T19
Keterangan
9. Klik Retur menuju ke T20 11. Klik Logout untuk keluar dari
halaman members 12. Klik Tombol Beli menuju ke T14
10. Klik Selengkapnya menuju ke T21
T21
Gambar 3. 51 Tampilan detail Produk Members
11. [T022] Rancangan antar muka tampilan alamat pengiriman member Aplikasi e-commerce penjualan alat
– alat olahraga di Taufik Jaya Sport Gambar 3.52
Nama dan Alamat Toko
Home Produk
Keranjang Belanja Cara Pembelian
Profil Toko Hubungi Kami
cari Kategori
Customer Service Produk Terlaris
Alamat Pengiriman Facebook
Keranjang Belanja
Produk Paling Banyak Dilihat
Fotter
1. Nama dan Alamat Toko menggunakan font arial, ukuran 12px , warna FFFFFF 3. Kategori, produk terlaris,keranjang belanja,cara pembelian,profil toko, hubungi kami, produk paling banyak dilihat,customer service,facebook menggunakan font arial, ukuran 12px , warne FFFFFF ,
4. Produk menggunakan font arial, ukuran 12px , warne 000 2. Menu menggunakan font arial, ukuran 11px , warne FFFFFF , backgroud 000000
Ga mb
ar Pro
duk Ga
mb ar
Pro du
k Ga
m ba
r Pr oduk
Password Data pengiriman
Alamat pengiriman
Lanjutkan Nama lengkap
Email Alamat
Provinsi Kotakabupaten
Kode Pos Telepon
Kembali Alamat Akun
Alamat Lain Profile
History Retur
Logout 1. Klik Home menuju ke T12
5. Klik Profil Toko menuju ke T16 4. Klik Cara Pembelian menuju ke
T15 3. Klik Keranjang Belanja menuju ke
T14 2. Klik Produk menuju ke T13
6. Klik Hubungi Kami menuju ke T17 7. Klik Profile menuju ke T18
8. Klik History menuju ke T19
Keterangan
9. Klik Retur menuju ke T20 12. Klik Logout untuk keluar dari
halaman members 10. Klik Lanjutkan menuju ke T23
11. Klik Kembali menuju ke T14
T22
Gambar 3. 52 Tampilan Alamat Pengiriman Members
12. [T23] Rancangan antar muka tampilan jenis pengiriman member Aplikasi e-commerce penjualan alat
– alat olahraga di Taufik Jaya Sport Gambar 3.53
Nama dan Alamat Toko
Home Produk
Keranjang Belanja Cara Pembelian
Profil Toko Hubungi Kami
cari Kategori
Customer Service Produk Terlaris
Pilih Jenis Pengiriman Facebook
Keranjang Belanja
Produk Paling Banyak Dilihat
Fotter
1. Nama dan Alamat Toko menggunakan font arial, ukuran 12px , warna FFFFFF 3. Kategori, produk terlaris,keranjang belanja,cara pembelian,profil toko, hubungi kami, produk paling banyak dilihat,customer service,facebook menggunakan font arial, ukuran 12px , warne FFFFFF ,
4. Produk menggunakan font arial, ukuran 12px , warne 000 2. Menu menggunakan font arial, ukuran 11px , warne FFFFFF , backgroud 000000
Gam bar
Pro du
k Gam
bar Pro
du k
Ga m
ba r P
roduk
Profile History
Retur Logout
1. Klik Home menuju ke T12 5. Klik Profil Toko menuju ke T16
4. Klik Cara Pembelian menuju ke T15
3. Klik Keranjang Belanja menuju ke T14
2. Klik Produk menuju ke T13 6. Klik Hubungi Kami menuju ke T17
7. Klik Profile menuju ke T18 8. Klik History menuju ke T19
Keterangan
9. Klik Retur menuju ke T20 12. Klik Logout untuk keluar dari
halaman members 10. Klik Lanjutkan menuju ke T24
11. Klik Kembali menuju ke T22 Detail Pesanan Produk
Data Pesanan Produk
Jasa Pengiriman Cash On Delivery
JNE Silahkan Pilih Jasa Pengiriman
Syarat Kondisi
Lanjutkan Kembali
T23
Gambar 3. 53 Tampilan Jenis Pengiriman Members
13. [T24] Rancangan antar muka tampilan konfirmasi pemesanan member Aplikasi e-commerce penjualan alat
– alat olahraga di Taufik Jaya Sport Gambar 3.54
Nama dan Alamat Toko
Home Produk
Keranjang Belanja Cara Pembelian
Profil Toko Hubungi Kami
cari Kategori
Customer Service Produk Terlaris
Detail Pemesanan Facebook
Keranjang Belanja
Produk Paling Banyak Dilihat
Fotter
1. Nama dan Alamat Toko menggunakan font arial, ukuran 12px , warna FFFFFF 3. Kategori, produk terlaris,keranjang belanja,cara pembelian,profil toko, hubungi kami, produk paling banyak dilihat,customer service,facebook menggunakan font arial, ukuran 12px , warne FFFFFF ,
4. Produk menggunakan font arial, ukuran 12px , warne 000 2. Menu menggunakan font arial, ukuran 11px , warne FFFFFF , backgroud 000000
Gam bar
Pro duk
Gam bar
Pro duk
Ga m
ba r Pr
odu k
Profile History
Retur Logout
1. Klik Home menuju ke T12 5. Klik Profil Toko menuju ke T16
4. Klik Cara Pembelian menuju ke T15
3. Klik Keranjang Belanja menuju ke T14
2. Klik Produk menuju ke T13 6. Klik Hubungi Kami menuju ke T17
7. Klik Profile menuju ke T18 8. Klik History menuju ke T19
Keterangan
9. Klik Retur menuju ke T20 11. Klik Logout untuk keluar dari
halaman members 10. Klik disini untuk melakukan
pembayaran menuju ke T25 Status Pesanan Produk
Data Status Pesanan Produk
Detail Pesanan Produk
Data Detail Pesanan Produk
Konfirmasi Pemesanan Data Konfirmasi
Klik Disini Untuk Melakukan Pembayaran
T24
Gambar 3. 54 Tampilan Konfirmasi Pemesanan Members
14. [T25] Rancangan antar muka tampilan konfirmasi pembayaran member Aplikasi e-commerce penjualan alat
– alat olahraga di Taufik Jaya Sport Gambar 3.55
Nama dan Alamat Toko
Home Produk
Keranjang Belanja Cara Pembelian
Profil Toko Hubungi Kami
cari Kategori
Customer Service Produk Terlaris
Detail Pemesanan Facebook
Keranjang Belanja
Produk Paling Banyak Dilihat
Fotter
1. Nama dan Alamat Toko menggunakan font arial, ukuran 12px , warna FFFFFF 3. Kategori, produk terlaris,keranjang belanja,cara pembelian,profil toko, hubungi kami, produk paling banyak dilihat,customer service,facebook menggunakan font arial, ukuran 12px , warne FFFFFF ,
4. Produk menggunakan font arial, ukuran 12px , warne 000 2. Menu menggunakan font arial, ukuran 11px , warne FFFFFF , backgroud 000000
Gam bar
Pro duk
Gam bar
Pro duk
Ga m
ba r P
ro du
k
Profile History
Retur Logout
1. Klik Home menuju ke T12 5. Klik Profil Toko menuju ke T16
4. Klik Cara Pembelian menuju ke T15
3. Klik Keranjang Belanja menuju ke T14
2. Klik Produk menuju ke T13 6. Klik Hubungi Kami menuju ke T17
7. Klik Profile menuju ke T18 8. Klik History menuju ke T19
Keterangan
9. Klik Retur menuju ke T20 12. Klik Logout untuk keluar dari
halaman members 10. Klik Icon BCA menuju ke T26
Status Pesanan Produk
Data Status Pesanan Produk
Detail Pesanan Produk
Data Detail Pesanan Produk
Form Pembayaran
Data Detail Pesanan Produk BCA
Paypal
11. Klik Icon Paypal menuju ke website Paypal
T25
Gambar 3. 55 Tampialan Konfirmasi Pembayaran Members
15. [T26] Rancangan antar muka tampilan detail history member Aplikasi e-commerce penjualan alat
– alat olahraga di Taufik Jaya Sport Gambar 3.56:
Nama dan Alamat Toko
Home Produk
Keranjang Belanja Cara Pembelian
Profil Toko Hubungi Kami
cari Kategori
Customer Service Produk Terlaris
Detail Pemesanan Facebook
Keranjang Belanja
Produk Paling Banyak Dilihat
Fotter
1. Nama dan Alamat Toko menggunakan font arial, ukuran 12px , warna FFFFFF 3. Kategori, produk terlaris,keranjang belanja,cara pembelian,profil toko, hubungi kami, produk paling banyak dilihat,customer service,facebook menggunakan font arial, ukuran 12px , warne FFFFFF ,
4. Produk menggunakan font arial, ukuran 12px , warne 000 2. Menu menggunakan font arial, ukuran 11px , warne FFFFFF , backgroud 000000
Ga mb
ar Pro
duk Gam
bar Pro
duk Ga
m ba
r P ro
du k
Profile History
Retur Logout
1. Klik Home menuju ke T12 5. Klik Profil Toko menuju ke T16
4. Klik Cara Pembelian menuju ke T15
3. Klik Keranjang Belanja menuju ke T14
2. Klik Produk menuju ke T13 6. Klik Hubungi Kami menuju ke T17
7. Klik Profile menuju ke T18 8. Klik History menuju ke T19
Keterangan
9. Klik Retur menuju ke T20 10. Klik Logout untuk keluar dari
halaman members Status Pesanan Produk
Data Status Pesanan Produk
Detail Pesanan Produk
Data Detail Pesanan Produk Data Pemesan
Data Alamat Pengiriman
T26
Gambar 3. 56 Tampilan Detail History members
16. [T27] Rancangan antar muka tampilan selesai transaksi member Aplikasi e-commerce penjualan alat
– alat olahraga di Taufik Jaya Sport Gambar 3.57:
Nama dan Alamat Toko
Home Produk
Keranjang Belanja Cara Pembelian
Profil Toko Hubungi Kami
cari Kategori
Customer Service Produk Terlaris
Transaksi Selesai Facebook
Keranjang Belanja
Produk Paling Banyak Dilihat
Fotter
1. Nama dan Alamat Toko menggunakan font arial, ukuran 12px , warna FFFFFF 3. Kategori, produk terlaris,keranjang belanja,cara pembelian,profil toko, hubungi kami, produk paling banyak dilihat,customer service,facebook menggunakan font arial, ukuran 12px , warne FFFFFF ,
4. Produk menggunakan font arial, ukuran 12px , warne 000 2. Menu menggunakan font arial, ukuran 11px , warne FFFFFF , backgroud 000000
Ga mb
ar Pro
duk Ga
mb ar
Pro duk
Ga m
ba r P
ro duk
Profile History
Retur Logout
1. Klik Home menuju ke T12 5. Klik Profil Toko menuju ke T16
4. Klik Cara Pembelian menuju ke T15
3. Klik Keranjang Belanja menuju ke T14
2. Klik Produk menuju ke T13 6. Klik Hubungi Kami menuju ke T17
7. Klik Profile menuju ke T18 8. Klik History menuju ke T19
Keterangan
9. Klik Retur menuju ke T20 10. Klik Logout untuk keluar dari
halaman members
Transaksi Selesai
T27
Gambar 3. 57 Tampilan Selesai Transaksi Members
17. [T28] Rancangan antar muka tampilan detail retur member Aplikasi e-commerce
penjualan alat – alat olahraga di Taufik Jaya Sport
Gambar 3.58:
Nama dan Alamat Toko
Home Produk
Keranjang Belanja Cara Pembelian
Profil Toko Hubungi Kami
cari Kategori
Customer Service Produk Terlaris
Detail Retur Facebook
Keranjang Belanja
Produk Paling Banyak Dilihat
Fotter
1. Nama dan Alamat Toko menggunakan font arial, ukuran 12px , warna FFFFFF 3. Kategori, produk terlaris,keranjang belanja,cara pembelian,profil toko, hubungi kami, produk paling banyak dilihat,customer service,facebook menggunakan font arial, ukuran 12px , warne FFFFFF ,
4. Produk menggunakan font arial, ukuran 12px , warne 000 2. Menu menggunakan font arial, ukuran 11px , warne FFFFFF , backgroud 000000
Gam bar
Pro duk
Ga mb
ar Pro
duk Ga
m ba
r P ro
du k
Profile History
Retur Logout
1. Klik Home menuju ke T12 5. Klik Profil Toko menuju ke T16
4. Klik Cara Pembelian menuju ke T15
3. Klik Keranjang Belanja menuju ke T14
2. Klik Produk menuju ke T13 6. Klik Hubungi Kami menuju ke T17
7. Klik Profile menuju ke T18 8. Klik History menuju ke T19
Keterangan
9. Klik Retur menuju ke T20 10. Klik Logout untuk keluar dari
halaman members Status Pesanan Produk Retur
Data Status Pesanan Produk Retur
Detail Pesanan Produk Retur
Data Detail Pesanan Produk Retur T28
Gambar 3. 58 Tampilan Detail Retur members
3.4.4.2.3 Perancangan Antarmuka Admin
1. [T29] Rancangan antar muka tampilan Login Admin Aplikasi e- commerce
penjualan alat – alat olahraga di Taufik Jaya Sport
Gambar 3.59:
T29
footer
Login Admin
1. Header menggunakan font arial, ukuran 20px , warna FFF,background 000 2. Menu login menggunakan font arial, ukuran 11px , warne FFF , backgroud CCC
ADMIN | TAUFIK JAYA SPORT
Login Gambar
Username Passoword
Lupa password 1. Klik Lupa Password menuju T30
2. Klik tombol login menuju T31
Gambar 3. 59 Tampilan Login Admin
2. [T30] Rancangan antar muka tampilan lupa password admin Aplikasi e-commerce penjualan alat
– alat olahraga di Taufik Jaya Sport Gambar 3.60:
footer
Lupa Password
1. Header menggunakan font arial, ukuran 20px , warna FFF,background 000 2. Menu Lupa Password menggunakan font arial, ukuran 11px , warne FFF , backgroud CCC
ADMIN | TAUFIK JAYA SPORT
Kirim 1. Klik tombol kirim untuk mengirim
password baru ke alamat email 2. Klik tombol batal menuju T29
Email Batal
T30
Gambar 3. 60 Tampilan Lupa Password admin
3. [T31] Rancangan antar muka tampilan home admin Aplikasi e- commerce
penjualan alat – alat olahraga di Taufik Jaya Sport
Gambar 3.61:
T31
footer
1. Header menggunakan font arial, ukuran 20px , warna FFF,background 000 2. Menu header menggunakan font arial, ukuran 11px , warne FFF , backgroud CCC
ADMIN | TAUFIK JAYA SPORT
1. Klik home menuju T31 Home
Logout Laporan Penjualan
Backup Restore Setting
Orders Pengolahan
Kategori produk Kota
Provinsi Produk
Merk Members
Ongkos Kirim Orders Baru
Orders Dibayar Orders Diterima
Orders Dikirim Orders Lunas
Produk Retur Ganti Password
Profil Toko Syarat Kondisi
Cara Pembelian Hubungi Kami
Backup Database Restore Database
ORDERS TERAKHIR
2. Klik kategori produk menuju T32 3. Klik merk menuju T33
4. Klik produk menuju T34 5. Klik provinsi menuju T35
6. Klik kota menuju T36
Keterangan
7. Klik ongkos kirim menuju T37 8. Klik members menuju T38
9. Klik orders baru menuju T39 10. Klik orders dibayar menuju T40
11. Klik orders lunas menuju T41 12. Klik orders dikirim menuju T42
13. Klik orders diterima menuju T43 14. Klik produk retur menuju T44
15. Klik ganti password menuju T45 16. Klik hubungi kami menuju T46
17. Klik cara pembelian menuju T47 18. Klik profil kami menuju T48
19. Klik syarat kondisi menuju T49 20. Klik backup database menuju T50
21. Klik restore database menuju T51 22. Klik laporan penjualan menuju
T52 23. Klik Logout menuju T53
Gambar 3. 61 Tampilan Home Admin
4. [T32] Rancangan antar muka tampilan kategori produk admin Aplikasi e-commerce penjualan alat
– alat olahraga di Taufik Jaya Sport Gambar 3.62:
T32
footer
1. Header menggunakan font arial, ukuran 20px , warna FFF,background 000 2. Menu header menggunakan font arial, ukuran 11px , warne FFF , backgroud CCC
ADMIN | TAUFIK JAYA SPORT
1. Klik home menuju T31 Home
Logout Laporan Penjualan
Backup Restore Setting
Orders Pengolahan
Kategori produk Kota
Provinsi Produk
Merk Members
Ongkos Kirim Orders Baru
Orders Dibayar Orders Diterima
Orders Dikirim Orders Lunas
Produk Retur Ganti Password
Profil Toko Syarat Kondisi
Cara Pembelian Hubungi Kami
Backup Database Restore Database
Kategori Produk
2. Klik kategori produk menuju T32 3. Klik merk menuju T33
4. Klik produk menuju T34 5. Klik provinsi menuju T35
6. Klik kota menuju T36
Keterangan
7. Klik ongkos kirim menuju T37 8. Klik members menuju T38
9. Klik orders baru menuju T39 10. Klik orders dibayar menuju T40
11. Klik orders lunas menuju T41 12. Klik orders dikirim menuju T42
13. Klik orders diterima menuju T43 14. Klik produk retur menuju T44
15. Klik ganti password menuju T45 16. Klik hubungi kami menuju T46
17. Klik cara pembelian menuju T47 18. Klik profil kami menuju T48
19. Klik syarat kondisi menuju T49 20. Klik backup database menuju T50
21. Klik restore database menuju T51 22. Klik laporan penjualan menuju
T52 23. Klik Logout menuju T53
Tambah Kategori No
Nama Kategori Aksi
Edit Hapus
25. Klik edit menuju T55 26. Klik hapus untuk menghapus
kategori 24. Klik Tambah kategori menuju T54
Cari
Cari Kategori
Gambar 3. 62 Tampilan kategori produk
5. [T33] Rancangan antar muka tampilan merk admin Aplikasi e- commerce
penjualan alat – alat olahraga di Taufik Jaya Sport
Gambar 3.63:
T33
footer
1. Header menggunakan font arial, ukuran 20px , warna FFF,background 000 2. Menu header menggunakan font arial, ukuran 11px , warne FFF , backgroud CCC
ADMIN | TAUFIK JAYA SPORT
1. Klik home menuju T31 Home
Logout Laporan Penjualan
Backup Restore Setting
Orders Pengolahan
Kategori produk Kota
Provinsi Produk
Merk Members
Ongkos Kirim Orders Baru
Orders Dibayar Orders Diterima
Orders Dikirim Orders Lunas
Produk Retur Ganti Password
Profil Toko Syarat Kondisi
Cara Pembelian Hubungi Kami
Backup Database Restore Database
Merk
2. Klik kategori produk menuju T32 3. Klik merk menuju T33
4. Klik produk menuju T34 5. Klik provinsi menuju T35
6. Klik kota menuju T36
Keterangan
7. Klik ongkos kirim menuju T37 8. Klik members menuju T38
9. Klik orders baru menuju T39 10. Klik orders dibayar menuju T40
11. Klik orders lunas menuju T41 12. Klik orders dikirim menuju T42
13. Klik orders diterima menuju T43 14. Klik produk retur menuju T44
15. Klik ganti password menuju T45 16. Klik hubungi kami menuju T46
17. Klik cara pembelian menuju T47 18. Klik profil kami menuju T48
19. Klik syarat kondisi menuju T49 20. Klik backup database menuju T50
21. Klik restore database menuju T51 22. Klik laporan penjualan menuju
T52 23. Klik Logout menuju T53
Tambah Merk No
Nama Merk Aksi
Edit Hapus
25. Klik edit menuju T57 26. Klik hapus untuk menghapus
merk 24. Klik Tambah Merk menuju T56
Cari Cari Merk
Gambar 3. 63 Tampilan Merk
6. [T34] Rancangan antar muka produk Aplikasi e-commerce penjualan alat
– alat olahraga di Taufik Jaya Sport Gambar 3.64:
T34
footer
1. Header menggunakan font arial, ukuran 20px , warna FFF,background 000 2. Menu header menggunakan font arial, ukuran 11px , warne FFF , backgroud CCC
ADMIN | TAUFIK JAYA SPORT
1. Klik home menuju T31 Home
Logout Laporan Penjualan
Backup Restore Setting
Orders Pengolahan
Kategori produk Kota
Provinsi Produk
Merk Members
Ongkos Kirim Orders Baru
Orders Dibayar Orders Diterima
Orders Dikirim Orders Lunas
Produk Retur Ganti Password
Profil Toko Syarat Kondisi
Cara Pembelian Hubungi Kami
Backup Database Restore Database
Produk
2. Klik kategori produk menuju T32 3. Klik merk menuju T33
4. Klik produk menuju T34 5. Klik provinsi menuju T35
6. Klik kota menuju T36
Keterangan
7. Klik ongkos kirim menuju T37 8. Klik members menuju T38
9. Klik orders baru menuju T39 10. Klik orders dibayar menuju T40
11. Klik orders lunas menuju T41 12. Klik orders dikirim menuju T42
13. Klik orders diterima menuju T43 14. Klik produk retur menuju T44
15. Klik ganti password menuju T45 16. Klik hubungi kami menuju T46
17. Klik cara pembelian menuju T47 18. Klik profil kami menuju T48
19. Klik syarat kondisi menuju T49 20. Klik backup database menuju T50
21. Klik restore database menuju T51 22. Klik laporan penjualan menuju
T52 23. Klik Logout menuju T53
Tambah Produk No
Nama Produk Aksi
Edit Hapus
26. Klik edit menuju T59 26. Klik hapus untuk menghapus
produk 24. Klik Tambah Produk menuju T58
Cetak Laporan Produk Opsi
Gambar 25. Klik cetak laporan produk untuk
membuat laporan produk 27. Klik gambar menuju T60
28. Klik opsi menuju T61 Cari
Cari Produk
Gambar 3. 64 Tampilan Produk
7. [T35] Rancangan antar muka Provinsi Aplikasi e-commerce penjualan alat
– alat olahraga di Taufik Jaya Sport Gambar 3.65:
T35
footer
1. Header menggunakan font arial, ukuran 20px , warna FFF,background 000 2. Menu header menggunakan font arial, ukuran 11px , warne FFF , backgroud CCC
ADMIN | TAUFIK JAYA SPORT
1. Klik home menuju T31 Home
Logout Laporan Penjualan
Backup Restore Setting
Orders Pengolahan
Kategori produk Kota
Provinsi Produk
Merk Members
Ongkos Kirim Orders Baru
Orders Dibayar Orders Diterima
Orders Dikirim Orders Lunas
Produk Retur Ganti Password
Profil Toko Syarat Kondisi
Cara Pembelian Hubungi Kami
Backup Database Restore Database
Provinsi
2. Klik kategori produk menuju T32 3. Klik merk menuju T33
4. Klik produk menuju T34 5. Klik provinsi menuju T35
6. Klik kota menuju T36
Keterangan
7. Klik ongkos kirim menuju T37 8. Klik members menuju T38
9. Klik orders baru menuju T39 10. Klik orders dibayar menuju T40
11. Klik orders lunas menuju T41 12. Klik orders dikirim menuju T42
13. Klik orders diterima menuju T43 14. Klik produk retur menuju T44
15. Klik ganti password menuju T45 16. Klik hubungi kami menuju T46
17. Klik cara pembelian menuju T47 18. Klik profil kami menuju T48
19. Klik syarat kondisi menuju T49 20. Klik backup database menuju T50
21. Klik restore database menuju T51 22. Klik laporan penjualan menuju
T52 23. Klik Logout menuju T53
Tambah Provinsi No
Nama Provinsi Aksi
Edit Hapus
25. Klik edit menuju T63 26. Klik hapus untuk menghapus
provinsi 24. Klik Tambah provinsi menuju T62
Cari
Cari Provinsi
27. Klik cari untuk mencari provinsi
Gambar 3. 65 Tampilan Provinsi
8. [T36] Rancangan antar muka tampilan Kota Aplikasi e-commerce penjualan alat
– alat olahraga di Taufik Jaya Sport Gambar 3.66:
T36
footer
1. Header menggunakan font arial, ukuran 20px , warna FFF,background 000 2. Menu header menggunakan font arial, ukuran 11px , warne FFF , backgroud CCC
ADMIN | TAUFIK JAYA SPORT
1. Klik home menuju T31 Home
Logout Laporan Penjualan
Backup Restore Setting
Orders Pengolahan
Kategori produk Kota
Provinsi Produk
Merk Members
Ongkos Kirim Orders Baru
Orders Dibayar Orders Diterima
Orders Dikirim Orders Lunas
Produk Retur Ganti Password
Profil Toko Syarat Kondisi
Cara Pembelian Hubungi Kami
Backup Database Restore Database
Kota
2. Klik kategori produk menuju T32 3. Klik merk menuju T33
4. Klik produk menuju T34 5. Klik provinsi menuju T35
6. Klik kota menuju T36
Keterangan
7. Klik ongkos kirim menuju T37 8. Klik members menuju T38
9. Klik orders baru menuju T39 10. Klik orders dibayar menuju T40
11. Klik orders lunas menuju T41 12. Klik orders dikirim menuju T42
13. Klik orders diterima menuju T43 14. Klik produk retur menuju T44
15. Klik ganti password menuju T45 16. Klik hubungi kami menuju T46
17. Klik cara pembelian menuju T47 18. Klik profil kami menuju T48
19. Klik syarat kondisi menuju T49 20. Klik backup database menuju T50
21. Klik restore database menuju T51 22. Klik laporan penjualan menuju
T52 23. Klik Logout menuju T53
Tambah Kota No
Nama Kota Aksi
Edit Hapus
25. Klik edit menuju T65 26. Klik hapus untuk menghapus
kota 24. Klik Tambah kota menuju T64
Cari
Cari Kota
27. Klik cari untuk mencari kota
Gambar 3. 66 Tampilan Kota
9. [T37] Rancangan antar muka tampilan ongkos kirim Aplikasi e- commerce
penjualan alat – alat olahraga di Taufik Jaya Sport
Gambar 3.67:
T37
footer
1. Header menggunakan font arial, ukuran 20px , warna FFF,background 000 2. Menu header menggunakan font arial, ukuran 11px , warne FFF , backgroud CCC
ADMIN | TAUFIK JAYA SPORT
1. Klik home menuju T31 Home
Logout Laporan Penjualan
Backup Restore Setting
Orders Pengolahan
Kategori produk Kota
Provinsi Produk
Merk Members
Ongkos Kirim Orders Baru
Orders Dibayar Orders Diterima
Orders Dikirim Orders Lunas
Produk Retur Ganti Password
Profil Toko Syarat Kondisi
Cara Pembelian Hubungi Kami
Backup Database Restore Database
Ongkos Kirim
2. Klik kategori produk menuju T32 3. Klik merk menuju T33
4. Klik produk menuju T34 5. Klik provinsi menuju T35
6. Klik kota menuju T36
Keterangan
7. Klik ongkos kirim menuju T37 8. Klik members menuju T38
9. Klik orders baru menuju T39 10. Klik orders dibayar menuju T40
11. Klik orders lunas menuju T41 12. Klik orders dikirim menuju T42
13. Klik orders diterima menuju T43 14. Klik produk retur menuju T44
15. Klik ganti password menuju T45 16. Klik hubungi kami menuju T46
17. Klik cara pembelian menuju T47 18. Klik profil kami menuju T48
19. Klik syarat kondisi menuju T49 20. Klik backup database menuju T50
21. Klik restore database menuju T51 22. Klik laporan penjualan menuju
T52 23. Klik Logout menuju T53
Tambah Ongkos Kirim No
Nama Kota Aksi
Edit Hapus
25. Klik edit menuju T67 26. Klik hapus untuk menghapus
ongkos kirim 24. Klik Tambah ongkos kirim menuju
T66 Ongkos Kirim
Cari Cari Ongkos Kirim
Gambar 3. 67 Tampilan Ongkos Kirim
10. [T38] Rancangan antar muka tampilan members Aplikasi e- commerce
penjualan alat – alat olahraga di Taufik Jaya Sport
Gambar 3.68:
T38
footer
1. Header menggunakan font arial, ukuran 20px , warna FFF,background 000 2. Menu header menggunakan font arial, ukuran 11px , warne FFF , backgroud CCC
ADMIN | TAUFIK JAYA SPORT
1. Klik home menuju T31 Home
Logout Laporan Penjualan
Backup Restore Setting
Orders Pengolahan
Kategori produk Kota
Provinsi Produk
Merk Members
Ongkos Kirim Orders Baru
Orders Dibayar Orders Diterima
Orders Dikirim Orders Lunas
Produk Retur Ganti Password
Profil Toko Syarat Kondisi
Cara Pembelian Hubungi Kami
Backup Database Restore Database
Members
2. Klik kategori produk menuju T32 3. Klik merk menuju T33
4. Klik produk menuju T34 5. Klik provinsi menuju T35
6. Klik kota menuju T36
Keterangan
7. Klik ongkos kirim menuju T37 8. Klik members menuju T38
9. Klik orders baru menuju T39 10. Klik orders dibayar menuju T40
11. Klik orders lunas menuju T41 12. Klik orders dikirim menuju T42
13. Klik orders diterima menuju T43 14. Klik produk retur menuju T44
15. Klik ganti password menuju T45 16. Klik hubungi kami menuju T46
17. Klik cara pembelian menuju T47 18. Klik profil kami menuju T48
19. Klik syarat kondisi menuju T49 20. Klik backup database menuju T50
21. Klik restore database menuju T51 22. Klik laporan penjualan menuju
T52 23. Klik Logout menuju T53
No Nama User
Aksi Username
Email No Telp
Blokir Cari
Cari Members
Gambar 3. 68 Tampilan Members
11. [T39] Rancangan antar muka tampilan orders baru Aplikasi e- commerce
penjualan alat – alat olahraga di Taufik Jaya Sport
Gambar 3.69:
T39
footer
1. Header menggunakan font arial, ukuran 20px , warna FFF,background 000 2. Menu header menggunakan font arial, ukuran 11px , warne FFF , backgroud CCC
ADMIN | TAUFIK JAYA SPORT
1. Klik home menuju T31 Home
Logout Laporan Penjualan
Backup Restore Setting
Orders Pengolahan
Kategori produk Kota
Provinsi Produk
Merk Members
Ongkos Kirim Orders Baru
Orders Dibayar Orders Diterima
Orders Dikirim Orders Lunas
Produk Retur Ganti Password
Profil Toko Syarat Kondisi
Cara Pembelian Hubungi Kami
Backup Database Restore Database
Orders Baru
2. Klik kategori produk menuju T32 3. Klik merk menuju T33
4. Klik produk menuju T34 5. Klik provinsi menuju T35
6. Klik kota menuju T36
Keterangan
7. Klik ongkos kirim menuju T37 8. Klik members menuju T38
9. Klik orders baru menuju T39 10. Klik orders dibayar menuju T40
11. Klik orders lunas menuju T41 12. Klik orders dikirim menuju T42
13. Klik orders diterima menuju T43 14. Klik produk retur menuju T44
15. Klik ganti password menuju T45 16. Klik hubungi kami menuju T46
17. Klik cara pembelian menuju T47 18. Klik profil kami menuju T48
19. Klik syarat kondisi menuju T49 20. Klik backup database menuju T50
21. Klik restore database menuju T51 22. Klik laporan penjualan menuju
T52 23. Klik Logout menuju T53
Cari No.Orders
Tgl.Orders Aksi
Nama Konsumen Jam
Status Detail
Cari Berdasarkan No Pesanan
24. Klik Detail menuju T68 25. Klik Cari untuk mencari pesanan
Gambar 3. 69 Tampilan Orders Baru
12. [T40] Rancangan antar muka tampilan orders dibayar Aplikasi e- commerce
penjualan alat – alat olahraga di Taufik Jaya Sport
Gambar 3.70:
T40
footer
1. Header menggunakan font arial, ukuran 20px , warna FFF,background 000 2. Menu header menggunakan font arial, ukuran 11px , warne FFF , backgroud CCC
ADMIN | TAUFIK JAYA SPORT
1. Klik home menuju T31 Home
Logout Laporan Penjualan
Backup Restore Setting
Orders Pengolahan
Kategori produk Kota
Provinsi Produk
Merk Members
Ongkos Kirim Orders Baru
Orders Dibayar Orders Diterima
Orders Dikirim Orders Lunas
Produk Retur Ganti Password
Profil Toko Syarat Kondisi
Cara Pembelian Hubungi Kami
Backup Database Restore Database
Orders Dibayar
2. Klik kategori produk menuju T32 3. Klik merk menuju T33
4. Klik produk menuju T34 5. Klik provinsi menuju T35
6. Klik kota menuju T36
Keterangan
7. Klik ongkos kirim menuju T37 8. Klik members menuju T38
9. Klik orders baru menuju T39 10. Klik orders dibayar menuju T40
11. Klik orders lunas menuju T41 12. Klik orders dikirim menuju T42
13. Klik orders diterima menuju T43 14. Klik produk retur menuju T44
15. Klik ganti password menuju T45 16. Klik hubungi kami menuju T46
17. Klik cara pembelian menuju T47 18. Klik profil kami menuju T48
19. Klik syarat kondisi menuju T49 20. Klik backup database menuju T50
21. Klik restore database menuju T51 22. Klik laporan penjualan menuju
T52 23. Klik Logout menuju T53
Cari No.Orders
Tgl.Orders Aksi
Nama Konsumen Jam
Status Detail
Cari Berdasarkan No Pesanan
24. Klik Detail menuju T68 25. Klik Cari untuk mencari pesanan
Gambar 3. 70 Tampilan Orders Dibayar
13. [T41] Rancangan antar muka tampilan orders lunas Aplikasi e- commerce
penjualan alat – alat olahraga di Taufik Jaya Sport
Gambar 3.71:
T41
footer
1. Header menggunakan font arial, ukuran 20px , warna FFF,background 000 2. Menu header menggunakan font arial, ukuran 11px , warne FFF , backgroud CCC
ADMIN | TAUFIK JAYA SPORT
1. Klik home menuju T31 Home
Logout Laporan Penjualan
Backup Restore Setting
Orders Pengolahan
Kategori produk Kota
Provinsi Produk
Merk Members
Ongkos Kirim Orders Baru
Orders Dibayar Orders Diterima
Orders Dikirim Orders Lunas
Produk Retur Ganti Password
Profil Toko Syarat Kondisi
Cara Pembelian Hubungi Kami
Backup Database Restore Database
Orders Lunas
2. Klik kategori produk menuju T32 3. Klik merk menuju T33
4. Klik produk menuju T34 5. Klik provinsi menuju T35
6. Klik kota menuju T36
Keterangan
7. Klik ongkos kirim menuju T37 8. Klik members menuju T38
9. Klik orders baru menuju T39 10. Klik orders dibayar menuju T40
11. Klik orders lunas menuju T41 12. Klik orders dikirim menuju T42
13. Klik orders diterima menuju T43 14. Klik produk retur menuju T44
15. Klik ganti password menuju T45 16. Klik hubungi kami menuju T46
17. Klik cara pembelian menuju T47 18. Klik profil kami menuju T48
19. Klik syarat kondisi menuju T49 20. Klik backup database menuju T50
21. Klik restore database menuju T51 22. Klik laporan penjualan menuju
T52 23. Klik Logout menuju T53
Cari No.Orders
Tgl.Orders Aksi
Nama Konsumen Jam
Status Detail
Cari Berdasarkan No Pesanan
24. Klik Detail menuju T68 25. Klik Cari untuk mencari pesanan
Gambar 3. 71 Tampilan Orders Lunas
14. [T42] Rancangan antar muka tampilan orders dikirim Aplikasi e- commerce
penjualan alat – alat olahraga di Taufik Jaya Sport
Gambar 3.72:
T42
footer
1. Header menggunakan font arial, ukuran 20px , warna FFF,background 000 2. Menu header menggunakan font arial, ukuran 11px , warne FFF , backgroud CCC
ADMIN | TAUFIK JAYA SPORT
1. Klik home menuju T31 Home
Logout Laporan Penjualan
Backup Restore Setting
Orders Pengolahan
Kategori produk Kota
Provinsi Produk
Merk Members
Ongkos Kirim Orders Baru
Orders Dibayar Orders Diterima
Orders Dikirim Orders Lunas
Produk Retur Ganti Password
Profil Toko Syarat Kondisi
Cara Pembelian Hubungi Kami
Backup Database Restore Database
Orders Dikirim
2. Klik kategori produk menuju T32 3. Klik merk menuju T33
4. Klik produk menuju T34 5. Klik provinsi menuju T35
6. Klik kota menuju T36
Keterangan
7. Klik ongkos kirim menuju T37 8. Klik members menuju T38
9. Klik orders baru menuju T39 10. Klik orders dibayar menuju T40
11. Klik orders lunas menuju T41 12. Klik orders dikirim menuju T42
13. Klik orders diterima menuju T43 14. Klik produk retur menuju T44
15. Klik ganti password menuju T45 16. Klik hubungi kami menuju T46
17. Klik cara pembelian menuju T47 18. Klik profil kami menuju T48
19. Klik syarat kondisi menuju T49 20. Klik backup database menuju T50
21. Klik restore database menuju T51 22. Klik laporan penjualan menuju
T52 23. Klik Logout menuju T53
Cari No.Orders
Tgl.Orders Aksi
Nama Konsumen Jam
Status Detail
Cari Berdasarkan No Pesanan
24. Klik Detail menuju T68 25. Klik Cari untuk mencari pesanan
Gambar 3. 72 Tampilan Orders Dikirim
15. [T43] Rancangan antar muka tampilan orders diterima Aplikasi e- commerce
penjualan alat – alat olahraga di Taufik Jaya Sport
Gambar 3.73:
T43
footer
1. Header menggunakan font arial, ukuran 20px , warna FFF,background 000 2. Menu header menggunakan font arial, ukuran 11px , warne FFF , backgroud CCC
ADMIN | TAUFIK JAYA SPORT
1. Klik home menuju T31 Home
Logout Laporan Penjualan
Backup Restore Setting
Orders Pengolahan
Kategori produk Kota
Provinsi Produk
Merk Members
Ongkos Kirim Orders Baru
Orders Dibayar Orders Diterima
Orders Dikirim Orders Lunas
Produk Retur Ganti Password
Profil Toko Syarat Kondisi
Cara Pembelian Hubungi Kami
Backup Database Restore Database
Orders Diterima
2. Klik kategori produk menuju T32 3. Klik merk menuju T33
4. Klik produk menuju T34 5. Klik provinsi menuju T35
6. Klik kota menuju T36
Keterangan
7. Klik ongkos kirim menuju T37 8. Klik members menuju T38
9. Klik orders baru menuju T39 10. Klik orders dibayar menuju T40
11. Klik orders lunas menuju T41 12. Klik orders dikirim menuju T42
13. Klik orders diterima menuju T43 14. Klik produk retur menuju T44
15. Klik ganti password menuju T45 16. Klik hubungi kami menuju T46
17. Klik cara pembelian menuju T47 18. Klik profil kami menuju T48
19. Klik syarat kondisi menuju T49 20. Klik backup database menuju T50
21. Klik restore database menuju T51 22. Klik laporan penjualan menuju
T52 23. Klik Logout menuju T53
Cari No.Orders
Tgl.Orders Aksi
Nama Konsumen Jam
Status Detail
Cari Berdasarkan No Pesanan
24. Klik Detail menuju T68 25. Klik Cari untuk mencari pesanan
Gambar 3. 73 Tampilan Orders Diterima
16. [T44] Rancangan antar muka produk retur Aplikasi e-commerce penjualan alat
– alat olahraga di Taufik Jaya Sport Gambar 3.74:
T44
footer
1. Header menggunakan font arial, ukuran 20px , warna FFF,background 000 2. Menu header menggunakan font arial, ukuran 11px , warne FFF , backgroud CCC
ADMIN | TAUFIK JAYA SPORT
1. Klik home menuju T31 Home
Logout Laporan Penjualan
Backup Restore Setting
Orders Pengolahan
Kategori produk Kota
Provinsi Produk
Merk Members
Ongkos Kirim Orders Baru
Orders Dibayar Orders Diterima
Orders Dikirim Orders Lunas
Produk Retur Ganti Password
Profil Toko Syarat Kondisi
Cara Pembelian Hubungi Kami
Backup Database Restore Database
Produk Retur
2. Klik kategori produk menuju T32 3. Klik merk menuju T33
4. Klik produk menuju T34 5. Klik provinsi menuju T35
6. Klik kota menuju T36
Keterangan
7. Klik ongkos kirim menuju T37 8. Klik members menuju T38
9. Klik orders baru menuju T39 10. Klik orders dibayar menuju T40
11. Klik orders lunas menuju T41 12. Klik orders dikirim menuju T42
13. Klik orders diterima menuju T43 14. Klik produk retur menuju T44
15. Klik ganti password menuju T45 16. Klik hubungi kami menuju T46
17. Klik cara pembelian menuju T47 18. Klik profil kami menuju T48
19. Klik syarat kondisi menuju T49 20. Klik backup database menuju T50
21. Klik restore database menuju T51 22. Klik laporan penjualan menuju
T52 23. Klik Logout menuju T53
Cari No.Retur
Tgl.Orders Aksi
Nama Konsumen Jam
Status Detail
Cari
24. Klik Detail menuju T69 25. Klik Cari untuk mencari produk
retur
Gambar 3. 74 Tampilan Produk Retur
17. [T45] Rancangan antar muka tampilan ganti password admin Aplikasi e-commerce penjualan alat
– alat olahraga di Taufik Jaya Sport Gambar 3.75:
T45
footer
1. Header menggunakan font arial, ukuran 20px , warna FFF,background 000 2. Menu header menggunakan font arial, ukuran 11px , warne FFF , backgroud CCC
ADMIN | TAUFIK JAYA SPORT
1. Klik home menuju T31 Home
Logout Laporan Penjualan
Backup Restore Setting
Orders Pengolahan
Kategori produk Kota
Provinsi Produk
Merk Members
Ongkos Kirim Orders Baru
Orders Dibayar Orders Diterima
Orders Dikirim Orders Lunas
Produk Retur Ganti Password
Profil Toko Syarat Kondisi
Cara Pembelian Hubungi Kami
Backup Database Restore Database
Ganti Password
2. Klik kategori produk menuju T32 3. Klik merk menuju T33
4. Klik produk menuju T34 5. Klik provinsi menuju T35
6. Klik kota menuju T36
Keterangan
7. Klik ongkos kirim menuju T37 8. Klik members menuju T38
9. Klik orders baru menuju T39 10. Klik orders dibayar menuju T40
11. Klik orders lunas menuju T41 12. Klik orders dikirim menuju T42
13. Klik orders diterima menuju T43 14. Klik produk retur menuju T44
15. Klik ganti password menuju T45 16. Klik hubungi kami menuju T46
17. Klik cara pembelian menuju T47 18. Klik profil kami menuju T48
19. Klik syarat kondisi menuju T49 20. Klik backup database menuju T50
21. Klik restore database menuju T51 22. Klik laporan penjualan menuju
T52 23. Klik Logout menuju T53
Masukan Password Lama Masukan Password Baru
Masukan Password Baru Lagi Proses
Batal 24. Klik proses untuk mengganti
password 25. Klik batal untuk membatalkan
Gambar 3. 75 Tampilan Ganti Password
18. [T46] Rancangan antar muka tampilan hubungi kami Aplikasi e- commerce
penjualan alat – alat olahraga di Taufik Jaya Sport
Gambar 3.76:
T46
footer
1. Header menggunakan font arial, ukuran 20px , warna FFF,background 000 2. Menu header menggunakan font arial, ukuran 11px , warne FFF , backgroud CCC
ADMIN | TAUFIK JAYA SPORT
1. Klik home menuju T31 Home
Logout Laporan Penjualan
Backup Restore Setting
Orders Pengolahan
Kategori produk Kota
Provinsi Produk
Merk Members
Ongkos Kirim Orders Baru
Orders Dibayar Orders Diterima
Orders Dikirim Orders Lunas
Produk Retur Ganti Password
Profil Toko Syarat Kondisi
Cara Pembelian Hubungi Kami
Backup Database Restore Database
Hubungi Kami
2. Klik kategori produk menuju T32 3. Klik merk menuju T33
4. Klik produk menuju T34 5. Klik provinsi menuju T35
6. Klik kota menuju T36
Keterangan
7. Klik ongkos kirim menuju T37 8. Klik members menuju T38
9. Klik orders baru menuju T39 10. Klik orders dibayar menuju T40
11. Klik orders lunas menuju T41 12. Klik orders dikirim menuju T42
13. Klik orders diterima menuju T43 14. Klik produk retur menuju T44
15. Klik ganti password menuju T45 16. Klik hubungi kami menuju T46
17. Klik cara pembelian menuju T47 18. Klik profil kami menuju T48
19. Klik syarat kondisi menuju T49 20. Klik backup database menuju T50
21. Klik restore database menuju T51 22. Klik laporan penjualan menuju
T52 23. Klik Logout menuju T53
No. Email
Aksi Nama
Tanggal Hapus
24. Klik balas menuju T70 25. Klik hapus untuk menghapus
hubungi kami Balas
Gambar 3. 76 Tampilan Hubungi Kami
19. [T47] Rancangan antar muka tampilan cara pembelian Aplikasi e- commerce
penjualan alat – alat olahraga di Taufik Jaya Sport
Gambar 3.77:
T47
footer
1. Header menggunakan font arial, ukuran 20px , warna FFF,background 000 2. Menu header menggunakan font arial, ukuran 11px , warne FFF , backgroud CCC
ADMIN | TAUFIK JAYA SPORT
1. Klik home menuju T31 Home
Logout Laporan Penjualan
Backup Restore Setting
Orders Pengolahan
Kategori produk Kota
Provinsi Produk
Merk Members
Ongkos Kirim Orders Baru
Orders Dibayar Orders Diterima
Orders Dikirim Orders Lunas
Produk Retur Ganti Password
Profil Toko Syarat Kondisi
Cara Pembelian Hubungi Kami
Backup Database Restore Database
Cara Pembelian
2. Klik kategori produk menuju T32 3. Klik merk menuju T33
4. Klik produk menuju T34 5. Klik provinsi menuju T35
6. Klik kota menuju T36
Keterangan
7. Klik ongkos kirim menuju T37 8. Klik members menuju T38
9. Klik orders baru menuju T39 10. Klik orders dibayar menuju T40
11. Klik orders lunas menuju T41 12. Klik orders dikirim menuju T42
13. Klik orders diterima menuju T43 14. Klik produk retur menuju T44
15. Klik ganti password menuju T45 16. Klik hubungi kami menuju T46
17. Klik cara pembelian menuju T47 18. Klik profil kami menuju T48
19. Klik syarat kondisi menuju T49 20. Klik backup database menuju T50
21. Klik restore database menuju T51 22. Klik laporan penjualan menuju
T52 23. Klik Logout menuju T53
Update Batal
Gambar 3. 77 Tampilan Cara Pembelian
20. [T48] Rancangan antar muka tampilan profil toko Aplikasi e- commerce
penjualan alat – alat olahraga di Taufik Jaya Sport
Gambar 3.78:
T48
footer
1. Header menggunakan font arial, ukuran 20px , warna FFF,background 000 2. Menu header menggunakan font arial, ukuran 11px , warne FFF , backgroud CCC
ADMIN | TAUFIK JAYA SPORT
1. Klik home menuju T31 Home
Logout Laporan Penjualan
Backup Restore Setting
Orders Pengolahan
Kategori produk Kota
Provinsi Produk
Merk Members
Ongkos Kirim Orders Baru
Orders Dibayar Orders Diterima
Orders Dikirim Orders Lunas
Produk Retur Ganti Password
Profil Toko Syarat Kondisi
Cara Pembelian Hubungi Kami
Backup Database Restore Database
Cara Pembelian
2. Klik kategori produk menuju T32 3. Klik merk menuju T33
4. Klik produk menuju T34 5. Klik provinsi menuju T35
6. Klik kota menuju T36
Keterangan
7. Klik ongkos kirim menuju T37 8. Klik members menuju T38
9. Klik orders baru menuju T39 10. Klik orders dibayar menuju T40
11. Klik orders lunas menuju T41 12. Klik orders dikirim menuju T42
13. Klik orders diterima menuju T43 14. Klik produk retur menuju T44
15. Klik ganti password menuju T45 16. Klik hubungi kami menuju T46
17. Klik cara pembelian menuju T47 18. Klik profil kami menuju T48
19. Klik syarat kondisi menuju T49 20. Klik backup database menuju T50
21. Klik restore database menuju T51 22. Klik laporan penjualan menuju
T52 23. Klik Logout menuju T53
Update Batal
Gambar 3. 78 Tampilan Profil Toko
21. [T49] Rancangan antar muka tampilan Syarat kondisi Aplikasi e-commerce
penjualan alat – alat olahraga di Taufik Jaya Sport
Gambar 3.79:
T49
footer
1. Header menggunakan font arial, ukuran 20px , warna FFF,background 000 2. Menu header menggunakan font arial, ukuran 11px , warne FFF , backgroud CCC
ADMIN | TAUFIK JAYA SPORT
1. Klik home menuju T31 Home
Logout Laporan Penjualan
Backup Restore Setting
Orders Pengolahan
Kategori produk Kota
Provinsi Produk
Merk Members
Ongkos Kirim Orders Baru
Orders Dibayar Orders Diterima
Orders Dikirim Orders Lunas
Produk Retur Ganti Password
Profil Toko Syarat Kondisi
Cara Pembelian Hubungi Kami
Backup Database Restore Database
Syarat Kondisi
2. Klik kategori produk menuju T32 3. Klik merk menuju T33
4. Klik produk menuju T34 5. Klik provinsi menuju T35
6. Klik kota menuju T36
Keterangan
7. Klik ongkos kirim menuju T37 8. Klik members menuju T38
9. Klik orders baru menuju T39 10. Klik orders dibayar menuju T40
11. Klik orders lunas menuju T41 12. Klik orders dikirim menuju T42
13. Klik orders diterima menuju T43 14. Klik produk retur menuju T44
15. Klik ganti password menuju T45 16. Klik hubungi kami menuju T46
17. Klik cara pembelian menuju T47 18. Klik profil kami menuju T48
19. Klik syarat kondisi menuju T49 20. Klik backup database menuju T50
21. Klik restore database menuju T51 22. Klik laporan penjualan menuju
T52 23. Klik Logout menuju T53
Update Batal
Gambar 3. 79 Tampilan Syarat Kondisi
22. [T50] Rancangan antar muka tampilan backup database Aplikasi e-commerce
penjualan alat – alat olahraga di Taufik Jaya Sport
Gambar 3.80:
T50
footer
1. Header menggunakan font arial, ukuran 20px , warna FFF,background 000 2. Menu header menggunakan font arial, ukuran 11px , warne FFF , backgroud CCC
ADMIN | TAUFIK JAYA SPORT
1. Klik home menuju T31 Home
Logout Laporan Penjualan
Backup Restore Setting
Orders Pengolahan
Kategori produk Kota
Provinsi Produk
Merk Members
Ongkos Kirim Orders Baru
Orders Dibayar Orders Diterima
Orders Dikirim Orders Lunas
Produk Retur Ganti Password
Profil Toko Syarat Kondisi
Cara Pembelian Hubungi Kami
Backup Database Restore Database
Backup Database
2. Klik kategori produk menuju T32 3. Klik merk menuju T33
4. Klik produk menuju T34 5. Klik provinsi menuju T35
6. Klik kota menuju T36
Keterangan
7. Klik ongkos kirim menuju T37 8. Klik members menuju T38
9. Klik orders baru menuju T39 10. Klik orders dibayar menuju T40
11. Klik orders lunas menuju T41 12. Klik orders dikirim menuju T42
13. Klik orders diterima menuju T43 14. Klik produk retur menuju T44
15. Klik ganti password menuju T45 16. Klik hubungi kami menuju T46
17. Klik cara pembelian menuju T47 18. Klik profil kami menuju T48
19. Klik syarat kondisi menuju T49 20. Klik backup database menuju T50
21. Klik restore database menuju T51 22. Klik laporan penjualan menuju
T52 23. Klik Logout menuju T53
Update Batal
Gambar 3. 80 Tampilan Backup Database
23. [T51] Rancangan antar muka tampilan restore database Aplikasi e- commerce
penjualan alat – alat olahraga di Taufik Jaya Sport
Gambar 3.81:
T51
footer
1. Header menggunakan font arial, ukuran 20px , warna FFF,background 000 2. Menu header menggunakan font arial, ukuran 11px , warne FFF , backgroud CCC
ADMIN | TAUFIK JAYA SPORT
1. Klik home menuju T31 Home
Logout Laporan Penjualan
Backup Restore Setting
Orders Pengolahan
Kategori produk Kota
Provinsi Produk
Merk Members
Ongkos Kirim Orders Baru
Orders Dibayar Orders Diterima
Orders Dikirim Orders Lunas
Produk Retur Ganti Password
Profil Toko Syarat Kondisi
Cara Pembelian Hubungi Kami
Backup Database Restore Database
Backup Database
2. Klik kategori produk menuju T32 3. Klik merk menuju T33
4. Klik produk menuju T34 5. Klik provinsi menuju T35
6. Klik kota menuju T36
Keterangan
7. Klik ongkos kirim menuju T37 8. Klik members menuju T38
9. Klik orders baru menuju T39 10. Klik orders dibayar menuju T40
11. Klik orders lunas menuju T41 12. Klik orders dikirim menuju T42
13. Klik orders diterima menuju T43 14. Klik produk retur menuju T44
15. Klik ganti password menuju T45 16. Klik hubungi kami menuju T46
17. Klik cara pembelian menuju T47 18. Klik profil kami menuju T48
19. Klik syarat kondisi menuju T49 20. Klik backup database menuju T50
21. Klik restore database menuju T51 22. Klik laporan penjualan menuju
T52 23. Klik Logout menuju T53
Restore
Gambar 3. 81 Tampilan Restore Database
24. [T52] Rancangan antar muka tampilan laporan penjulan Aplikasi e-commerce
penjualan alat – alat olahraga di Taufik Jaya Sport
Gambar 3.82:
T52
footer
1. Header menggunakan font arial, ukuran 20px , warna FFF,background 000 2. Menu header menggunakan font arial, ukuran 11px , warne FFF , backgroud CCC
ADMIN | TAUFIK JAYA SPORT
1. Klik home menuju T31 Home
Logout Laporan Penjualan
Backup Restore Setting
Orders Pengolahan
Kategori produk Kota
Provinsi Produk
Merk Members
Ongkos Kirim Orders Baru
Orders Dibayar Orders Diterima
Orders Dikirim Orders Lunas
Produk Retur Ganti Password
Profil Toko Syarat Kondisi
Cara Pembelian Hubungi Kami
Backup Database Restore Database
Laporan Penjualan
2. Klik kategori produk menuju T32 3. Klik merk menuju T33
4. Klik produk menuju T34 5. Klik provinsi menuju T35
6. Klik kota menuju T36
Keterangan
7. Klik ongkos kirim menuju T37 8. Klik members menuju T38
9. Klik orders baru menuju T39 10. Klik orders dibayar menuju T40
11. Klik orders lunas menuju T41 12. Klik orders dikirim menuju T42
13. Klik orders diterima menuju T43 14. Klik produk retur menuju T44
15. Klik ganti password menuju T45 16. Klik hubungi kami menuju T46
17. Klik cara pembelian menuju T47 18. Klik profil kami menuju T48
19. Klik syarat kondisi menuju T49 20. Klik backup database menuju T50
21. Klik restore database menuju T51 22. Klik laporan penjualan menuju
T52 23. Klik Logout menuju T53
cari Mulai Tanggal
Mulai Tanggal batal
Cetak 24. Klik cetak untuk membbuat
laporan penjualan
Gambar 3. 82 Tampilan Laporan Penjualan
25. [T53] Rancangan antar muka tampilan logout Aplikasi e- commerce
penjualan alat – alat olahraga di Taufik Jaya Sport
Gambar 3.83:
T53
footer
Logout
1. Header menggunakan font arial, ukuran 20px , warna FFF,background 000 2. Menu login menggunakan font arial, ukuran 11px , warne FFF , backgroud CCC
ADMIN | TAUFIK JAYA SPORT
1. Klik Lupa Password menuju T30 2. Klik tombol login menuju T31
Logout Berhasil
Gambar 3. 83 Tampilan Logout
3.4.4.2.4 Perancangan Antarmuka Pesan
1. Perancangan Antarmuka Pesan
Tabel 3. 23 Perancangan Antarmuka Pesan
No No.Pesan
Isi Pesan No.Form
1. M01
Username atau Password Salah T29
2. M02
Keranjang Belanja Masih Kosong T03
3. M03
Data Tidak Ditemukan T18
4. M04
Data Kategori Berhasil Diinputkan T08
5. M05
Data Produk Berhasil Diinputkan T33
6. M06
Data Kota Berhasil Diinputkan T34
2. Pesan Konfirmasi Hapus Kategori
Konfirmasi hapus
Apakah anda Yakin akan menghapus Kategori? Ya
Tidak
M07
Gambar 3. 84 Konfirmasi Hapus Kategori
3. Pesan Konfirmasi Hapus Merk
Konfirmasi hapus
Apakah anda Yakin akan menghapus Merk? Ya
Tidak
M08
Gambar 3. 85 Konfirmasi Hapus Merk
4. Pesan Konfirmasi Hapus Produk
Konfirmasi hapus
Apakah anda Yakin akan menghapus Produk? Ya
Tidak
M09
Gambar 3. 86 Konfirmasi Hapus Produk
5. Pesan Konfirmasi Hapus Produk Opsi
Konfirmasi hapus
Apakah anda Yakin akan menghapus Produk Opsi? Ya
Tidak
M10
Gambar 3. 87 Konfirmasi Hapus Produk Opsi
6. Pesan Konfirmasi Hapus Gambar
Konfirmasi hapus
Apakah anda Yakin akan menghapus Gambar? Ya
Tidak
M11
Gambar 3. 88 Konfirmasi Hapus Gambar
7. Pesan Konfirmasi Hapus Provinsi
Konfirmasi hapus
Apakah anda Yakin akan menghapus Provinsi? Ya
Tidak
M12
Gambar 3. 89 Konfirmasi Hapus Provinsi
8. Pesan Konfirmasi Hapus Kota
Konfirmasi hapus
Apakah anda Yakin akan menghapus Kota? Ya
Tidak
M13
Gambar 3. 90 Konfirmasi Hapus Kota
9. Pesan Konfirmasi Hapus Ongkos Kirim
Konfirmasi hapus
Apakah anda Yakin akan menghapus Ongkos Kirim? Ya
Tidak
M14
Gambar 3. 91 Konfirmasi Hapus Ongkos Kirim
3.4.5 Jaringan Semantik