3.1.7.6 Perancangan Antar Muka
Perancangan antar muka bertujuan untuk membrikan gambaran tentang aplikasi
yang akan
dibangun sehingga
akan mempermudah
dalam mengimplementasikan serta akan memudahkan dalam pembuatan aplikasi yang
user frienldy. Rancangan sistem penerapan e-commerce pada kegiatan penjualan
perangkat komputer
1.
Tampilan Antar Muka Admin a.
Form Login
A01 Username
Password Sign In
Navigasi: ·
Klik login menuju ke form A02
Lupa Password
Gambar 3.35 Tampilan Antar Muka Admin b.
Form Menu Utama Admin
A02 Pengaturan Member
Laporan Pengaturan Produk
Manajememn Transaksi Data Master
Navigasi: ·
Klik tombol pengaturan user member menuju ke form A03
· Klik tombol pengaturan user admin
menuju ke form A04 ·
Klik tombol pengaturan produk daya kategori menuju ke form A05
· Klik pengaturan produk data sub
kategori menuju ke form A06 ·
Klik pengaturan produk data warna menuju ke form A07
· Klik pengaturan produk data merk
menuju ke form A08 ·
Klik pengaturan produk data paket menuju ke form A09
· Klik pengaturan produk data produk
menuju ke form A10 ·
Klik tombol data master data provinsi menuju ke form A11
· Klik tombol data master data kota
menuju ke form A12 ·
Klik tombol data master data Bank menuju ke form A13
· Klik tombol data master data jasa
pengiriman menuju ke form A14 ·
Klik tombol data master data petunjuk menuju ke form A15
· Klik tombol data master data banner
menuju ke form A16 ·
Klik tombol manajemen transaksi data order menuju ke form A17
· Klik tombol manajemen transaksi data
retur menuju ke form A18 ·
Klik tombol laporan member menuju ke form A19
· Klik tombol laporan produk menuju ke
form A20 ·
Klik tombol laporan retur menuju ke form A21
Text
Data Member Data Kategori
Data Sub Kategori Data Warna
Data Merk Data Paket
Data Produk Data Provinsi
Data Kota Data Bank
Data Jasa Pengiriman Data Petunjuk
Data Banner Data Order
Data Retur Laporan Penjualan
Gambar 3.36 Form Menu Utama Admin
c.
Form Master Member
A03 Pengaturan
Member
Laporan Pengaturan Produk
Manajememn Transaksi Data Master
Navigasi: ·
Klik tombol tambah member menuju ke form A22
· Klik tombol cari menuju ke form A03
· Klik tombol refresh menuju ke form
A03 ·
Klik tombol pengaturan user member menuju ke form A03
· Klik tombol pengaturan user admin
menuju ke form A04 ·
Klik tombol pengaturan produk daya kategori menuju ke form A05
· Klik pengaturan produk data sub
kategori menuju ke form A06 ·
Klik pengaturan produk data warna menuju ke form A07
· Klik pengaturan produk data merk
menuju ke form A08 ·
Klik pengaturan produk data paket menuju ke form A09
· Klik pengaturan produk data produk
menuju ke form A10 ·
Klik tombol data master data provinsi menuju ke form A11
· Klik tombol data master data kota
menuju ke form A12 ·
Klik tombol data master data Bank menuju ke form A13
· Klik tombol data master data jasa
pengiriman menuju ke form A14 ·
Klik tombol data master data petunjuk menuju ke form A15
· Klik tombol data master data banner
menuju ke form A16 ·
Klik tombol manajemen transaksi data order menuju ke form A17
· Klik tombol manajemen transaksi data
retur menuju ke form A18 ·
Klik tombol laporan member menuju ke form A19
· Klik tombol laporan produk menuju ke
form A20 ·
Klik tombol laporan retur menuju ke form A21
Data Member Data Kategori
Data Sub Kategori Data Warna
Data Merk Data Paket
Data Produk
Data Provinsi Data Kota
Data Bank Data Jasa Pengiriman
Data Petunjuk Data Banner
Data Order Data Retur
Laporan Penjualan
Tambah Member Pencarian
Combo Box Cari
No Nama
Alamat No Telepon
No Hp Aksi
Gambar 3.37 Form Mater Member d.
Form Tambah Members
A22 Pengaturan
Member
Laporan Pengaturan Produk
Manajememn Transaksi Data Master
Navigasi: ·
Klik tombol simpan menuju ke form A03
· Klik tombol batal menuju ke form A03
· Klik tombol cari menuju ke form A03
· Klik tombol refresh menuju ke form
A03 ·
Klik tombol pengaturan user member menuju ke form A03
· Klik tombol pengaturan user admin
menuju ke form A04 ·
Klik tombol pengaturan produk daya kategori menuju ke form A05
· Klik pengaturan produk data sub
kategori menuju ke form A06 ·
Klik pengaturan produk data warna menuju ke form A07
· Klik pengaturan produk data merk
menuju ke form A08 ·
Klik pengaturan produk data paket menuju ke form A09
· Klik pengaturan produk data produk
menuju ke form A10 ·
Klik tombol data master data provinsi menuju ke form A11
· Klik tombol data master data kota
menuju ke form A12 ·
Klik tombol data master data Bank menuju ke form A13
· Klik tombol data master data jasa
pengiriman menuju ke form A14 ·
Klik tombol data master data petunjuk menuju ke form A15
· Klik tombol data master data banner
menuju ke form A16 ·
Klik tombol manajemen transaksi data order menuju ke form A17
· Klik tombol manajemen transaksi data
retur menuju ke form A18 ·
Klik tombol laporan member menuju ke form A19
· Klik tombol laporan produk menuju ke
form A20 ·
Klik tombol laporan retur menuju ke form A21
Data Member Data Kategori
Data Sub Kategori Data Warna
Data Merk Data Paket
Data Produk
Data Provinsi Data Kota
Data Bank Data Jasa Pengiriman
Data Petunjuk Data Banner
Data Order Data Retur
Laporan Penjualan
Nama
Combo Box Tambah Data Members
Jenis Kelamin No telepon
No HP Alamat
Nama Provinsi Combo Box
Nama Kota SIMPAN
Email
Gambar 3.38 Form Tambah Member
e.
Form Master Kategori
A05 Pengaturan
Member
Laporan Pengaturan Produk
Manajememn Transaksi Data Master
Navigasi: ·
Klik tombol tambah kategori menuju ke form A23
· Klik tombol cari menuju ke form A05
· Klik tombol refresh menuju ke form
A05 ·
Klik tombol pengaturan user member menuju ke form A03
· Klik tombol pengaturan user admin
menuju ke form A04 ·
Klik tombol pengaturan produk daya kategori menuju ke form A05
· Klik pengaturan produk data sub
kategori menuju ke form A06 ·
Klik pengaturan produk data warna menuju ke form A07
· Klik pengaturan produk data merk
menuju ke form A08 ·
Klik pengaturan produk data paket menuju ke form A09
· Klik pengaturan produk data produk
menuju ke form A10 ·
Klik tombol data master data provinsi menuju ke form A11
· Klik tombol data master data kota
menuju ke form A12 ·
Klik tombol data master data Bank menuju ke form A13
· Klik tombol data master data jasa
pengiriman menuju ke form A14 ·
Klik tombol data master data petunjuk menuju ke form A15
· Klik tombol data master data banner
menuju ke form A16 ·
Klik tombol manajemen transaksi data order menuju ke form A17
· Klik tombol manajemen transaksi data
retur menuju ke form A18 ·
Klik tombol laporan member menuju ke form A19
· Klik tombol laporan produk menuju ke
form A20 ·
Klik tombol laporan retur menuju ke form A21
Data Member Data Kategori
Data Sub Kategori Data Warna
Data Merk Data Paket
Data Produk
Data Provinsi Data Kota
Data Bank Data Jasa Pengiriman
Data Petunjuk Data Banner
Data Order Data Retur
Laporan Penjualan
Tambah Kategori Pencarian
Cari No
Katergori Aksi
Gambar 3.39 Form Master Kategori f.
Form Tambah Kategori
A23 Pengaturan
Member
Laporan Pengaturan Produk
Manajememn Transaksi Data Master
Navigasi: ·
Klik tombol simpan menuju ke form A05
· Klik tombol batal menuju ke form A05
· Klik tombol pengaturan user member
menuju ke form A03 ·
Klik tombol pengaturan user admin menuju ke form A04
· Klik tombol pengaturan produk daya
kategori menuju ke form A05 ·
Klik pengaturan produk data sub kategori menuju ke form A06
· Klik pengaturan produk data warna
menuju ke form A07 ·
Klik pengaturan produk data merk menuju ke form A08
· Klik pengaturan produk data paket
menuju ke form A09 ·
Klik pengaturan produk data produk menuju ke form A10
· Klik tombol data master data provinsi
menuju ke form A11 ·
Klik tombol data master data kota menuju ke form A12
· Klik tombol data master data Bank
menuju ke form A13 ·
Klik tombol data master data jasa pengiriman menuju ke form A14
· Klik tombol data master data petunjuk
menuju ke form A15 ·
Klik tombol data master data banner menuju ke form A16
· Klik tombol manajemen transaksi data
order menuju ke form A17 ·
Klik tombol manajemen transaksi data retur menuju ke form A18
· Klik tombol laporan member menuju
ke form A19 ·
Klik tombol laporan produk menuju ke form A20
· Klik tombol laporan retur menuju ke
form A21 Data Member
Data Kategori Data Sub Kategori
Data Warna Data Merk
Data Paket Data Produk
Data Provinsi Data Kota
Data Bank Data Jasa Pengiriman
Data Petunjuk Data Banner
Data Order Data Retur
Laporan Penjualan
Nama Kategori Simpan
Batal Tambah Kategori
Gambar 3.40 Form Tambah Kategori
g.
Form Master Subkategori
A06 Pengaturan
Member
Laporan Pengaturan Produk
Manajememn Transaksi Data Master
Navigasi: ·
Klik tombol tambah sub kategori menuju ke form A24
· Klik tombol cari menuju ke form A06
· Klik tombol refresh menuju ke form
A06 ·
Klik tombol pengaturan user member menuju ke form A03
· Klik tombol pengaturan user admin
menuju ke form A04 ·
Klik tombol pengaturan produk daya kategori menuju ke form A05
· Klik pengaturan produk data sub
kategori menuju ke form A06 ·
Klik pengaturan produk data warna menuju ke form A07
· Klik pengaturan produk data merk
menuju ke form A08 ·
Klik pengaturan produk data paket menuju ke form A09
· Klik pengaturan produk data produk
menuju ke form A10 ·
Klik tombol data master data provinsi menuju ke form A11
· Klik tombol data master data kota
menuju ke form A12 ·
Klik tombol data master data Bank menuju ke form A13
· Klik tombol data master data jasa
pengiriman menuju ke form A14 ·
Klik tombol data master data petunjuk menuju ke form A15
· Klik tombol data master data banner
menuju ke form A16 ·
Klik tombol manajemen transaksi data order menuju ke form A17
· Klik tombol manajemen transaksi data
retur menuju ke form A18 ·
Klik tombol laporan member menuju ke form A19
· Klik tombol laporan produk menuju ke
form A20 ·
Klik tombol laporan retur menuju ke form A21
Data Member Data Kategori
Data Sub Kategori Data Warna
Data Merk Data Paket
Data Produk
Data Provinsi Data Kota
Data Bank Data Jasa Pengiriman
Data Petunjuk Data Banner
Data Order Data Retur
Laporan Penjualan
Tambah Sub Kategori Pencarian:
Combo Box Cari
No Sub Katergori
Aksi Katergori
Sub Kategori
Gambar 3.41 Form Master Subkategori h.
Form Tambah SubKategori
A24 Pengaturan
Member
Laporan Pengaturan Produk
Manajememn Transaksi Data Master
Navigasi: ·
Klik tombol simpan menuju ke form A06
· Klik tombol batal menuju ke form A06
· Klik tombol pengaturan user member
menuju ke form A03 ·
Klik tombol pengaturan user admin menuju ke form A04
· Klik tombol pengaturan produk daya
kategori menuju ke form A05 ·
Klik pengaturan produk data sub kategori menuju ke form A06
· Klik pengaturan produk data warna
menuju ke form A07 ·
Klik pengaturan produk data merk menuju ke form A08
· Klik pengaturan produk data paket
menuju ke form A09 ·
Klik pengaturan produk data produk menuju ke form A10
· Klik tombol data master data provinsi
menuju ke form A11 ·
Klik tombol data master data kota menuju ke form A12
· Klik tombol data master data Bank
menuju ke form A13 ·
Klik tombol data master data jasa pengiriman menuju ke form A14
· Klik tombol data master data petunjuk
menuju ke form A15 ·
Klik tombol data master data banner menuju ke form A16
· Klik tombol manajemen transaksi data
order menuju ke form A17 ·
Klik tombol manajemen transaksi data retur menuju ke form A18
· Klik tombol laporan member menuju
ke form A19 ·
Klik tombol laporan produk menuju ke form A20
· Klik tombol laporan retur menuju ke
form A21 Data Member
Data Kategori Data Sub Kategori
Data Warna Data Merk
Data Paket Data Produk
Data Provinsi Data Kota
Data Bank Data Jasa Pengiriman
Data Petunjuk Data Banner
Data Order Data Retur
Laporan Penjualan
Nama Sub Kategori
Simpan Batal
Tambah Sub Kategori
Nama Sub Kategori Combo Box
Gambar 3.42 Form Tambah SubKategori
i.
Form Master Warna
A07 Pengaturan
Member
Laporan Pengaturan Produk
Manajememn Transaksi Data Master
Navigasi: ·
Klik tombol tambah warna menuju ke form A25
· Klik tombol cari menuju ke form A07
· Klik tombol refresh menuju ke form
A07 ·
Klik tombol pengaturan user member menuju ke form A03
· Klik tombol pengaturan user admin
menuju ke form A04 ·
Klik tombol pengaturan produk daya kategori menuju ke form A05
· Klik pengaturan produk data sub
kategori menuju ke form A06 ·
Klik pengaturan produk data warna menuju ke form A07
· Klik pengaturan produk data merk
menuju ke form A08 ·
Klik pengaturan produk data paket menuju ke form A09
· Klik pengaturan produk data produk
menuju ke form A10 ·
Klik tombol data master data provinsi menuju ke form A11
· Klik tombol data master data kota
menuju ke form A12 ·
Klik tombol data master data Bank menuju ke form A13
· Klik tombol data master data jasa
pengiriman menuju ke form A14 ·
Klik tombol data master data petunjuk menuju ke form A15
· Klik tombol data master data banner
menuju ke form A16 ·
Klik tombol manajemen transaksi data order menuju ke form A17
· Klik tombol manajemen transaksi data
retur menuju ke form A18 ·
Klik tombol laporan member menuju ke form A19
· Klik tombol laporan produk menuju ke
form A20 ·
Klik tombol laporan retur menuju ke form A21
Data Member Data Kategori
Data Sub Kategori Data Warna
Data Merk Data Paket
Data Produk
Data Provinsi Data Kota
Data Bank Data Jasa Pengiriman
Data Petunjuk Data Banner
Data Order Data Retur
Laporan Penjualan
Tambah warna Pencarian:
Cari No
Warna Aksi
Warna
Gambar 3.43 Form Master Warna j.
Form Tambah Warna
A25 Pengaturan
Member
Laporan Pengaturan Produk
Manajememn Transaksi Data Master
Navigasi: ·
Klik tombol simpan menuju ke form A07
· Klik tombol batal menuju ke form A07
· Klik tombol pengaturan user member
menuju ke form A03 ·
Klik tombol pengaturan user admin menuju ke form A04
· Klik tombol pengaturan produk daya
kategori menuju ke form A05 ·
Klik pengaturan produk data sub kategori menuju ke form A06
· Klik pengaturan produk data warna
menuju ke form A07 ·
Klik pengaturan produk data merk menuju ke form A08
· Klik pengaturan produk data paket
menuju ke form A09 ·
Klik pengaturan produk data produk menuju ke form A10
· Klik tombol data master data provinsi
menuju ke form A11 ·
Klik tombol data master data kota menuju ke form A12
· Klik tombol data master data Bank
menuju ke form A13 ·
Klik tombol data master data jasa pengiriman menuju ke form A14
· Klik tombol data master data petunjuk
menuju ke form A15 ·
Klik tombol data master data banner menuju ke form A16
· Klik tombol manajemen transaksi data
order menuju ke form A17 ·
Klik tombol manajemen transaksi data retur menuju ke form A18
· Klik tombol laporan member menuju
ke form A19 ·
Klik tombol laporan produk menuju ke form A20
· Klik tombol laporan retur menuju ke
form A21 Data Member
Data Kategori Data Sub Kategori
Data Warna Data Merk
Data Paket Data Produk
Data Provinsi Data Kota
Data Bank Data Jasa Pengiriman
Data Petunjuk Data Banner
Data Order Data Retur
Laporan Penjualan
Nama warna Simpan
Batal Tambah Warna
Gambar 3.44 Form Tambah Warna
k.
Form Mater Merk
A08 Pengaturan
Member
Laporan Pengaturan Produk
Manajememn Transaksi Data Master
Navigasi: ·
Klik tombol tambah merk menuju ke form A26
· Klik tombol cari menuju ke form A08
· Klik tombol refresh menuju ke form
A08 ·
Klik tombol pengaturan user member menuju ke form A03
· Klik tombol pengaturan user admin
menuju ke form A04 ·
Klik tombol pengaturan produk daya kategori menuju ke form A05
· Klik pengaturan produk data sub
kategori menuju ke form A06 ·
Klik pengaturan produk data warna menuju ke form A07
· Klik pengaturan produk data merk
menuju ke form A08 ·
Klik pengaturan produk data paket menuju ke form A09
· Klik pengaturan produk data produk
menuju ke form A10 ·
Klik tombol data master data provinsi menuju ke form A11
· Klik tombol data master data kota
menuju ke form A12 ·
Klik tombol data master data Bank menuju ke form A13
· Klik tombol data master data jasa
pengiriman menuju ke form A14 ·
Klik tombol data master data petunjuk menuju ke form A15
· Klik tombol data master data banner
menuju ke form A16 ·
Klik tombol manajemen transaksi data order menuju ke form A17
· Klik tombol manajemen transaksi data
retur menuju ke form A18 ·
Klik tombol laporan member menuju ke form A19
· Klik tombol laporan produk menuju ke
form A20 ·
Klik tombol laporan retur menuju ke form A21
Data Member Data Kategori
Data Sub Kategori Data Warna
Data Merk Data Paket
Data Produk
Data Provinsi Data Kota
Data Bank Data Jasa Pengiriman
Data Petunjuk Data Banner
Data Order Data Retur
Laporan Penjualan
Tambah merk Pencarian:
Cari No
Merk Aksi
Merk
Gambar 3.45 Form Master Merk l.
Form Tambah Merk
A26 Pengaturan Member
Laporan Pengaturan Produk
Manajememn Transaksi Data Master
Navigasi: ·
Klik tombol simpan menuju ke form A08
· Klik tombol batal menuju ke form A08
· Klik tombol pengaturan user member
menuju ke form A03 ·
Klik tombol pengaturan user admin menuju ke form A04
· Klik tombol pengaturan produk daya
kategori menuju ke form A05 ·
Klik pengaturan produk data sub kategori menuju ke form A06
· Klik pengaturan produk data warna
menuju ke form A07 ·
Klik pengaturan produk data merk menuju ke form A08
· Klik pengaturan produk data paket
menuju ke form A09 ·
Klik pengaturan produk data produk menuju ke form A10
· Klik tombol data master data provinsi
menuju ke form A11 ·
Klik tombol data master data kota menuju ke form A12
· Klik tombol data master data Bank
menuju ke form A13 ·
Klik tombol data master data jasa pengiriman menuju ke form A14
· Klik tombol data master data petunjuk
menuju ke form A15 ·
Klik tombol data master data banner menuju ke form A16
· Klik tombol manajemen transaksi data
order menuju ke form A17 ·
Klik tombol manajemen transaksi data retur menuju ke form A18
· Klik tombol laporan member menuju
ke form A19 ·
Klik tombol laporan produk menuju ke form A20
· Klik tombol laporan retur menuju ke
form A21 Data Member
Data Kategori Data Sub Kategori
Data Warna Data Merk
Data Paket Data Produk
Data Provinsi Data Kota
Data Bank Data Jasa Pengiriman
Data Petunjuk Data Banner
Data Order Data Retur
Laporan Penjualan
Nama Merk Simpan
Batal Tambah Merk
Gambar 3.46 Form Tambah Merk
m.
Form Master Paket
A09 Pengaturan
Member
Laporan Pengaturan Produk
Manajememn Transaksi Data Master
Navigasi: ·
Klik tombol tambah paket menuju ke form A27
· Klik tombol cari menuju ke form A09
· Klik tombol refresh menuju ke form
A09 ·
Klik tombol pengaturan user member menuju ke form A03
· Klik tombol pengaturan user admin
menuju ke form A04 ·
Klik tombol pengaturan produk daya kategori menuju ke form A05
· Klik pengaturan produk data sub
kategori menuju ke form A06 ·
Klik pengaturan produk data warna menuju ke form A07
· Klik pengaturan produk data merk
menuju ke form A08 ·
Klik pengaturan produk data paket menuju ke form A09
· Klik pengaturan produk data produk
menuju ke form A10 ·
Klik tombol data master data provinsi menuju ke form A11
· Klik tombol data master data kota
menuju ke form A12 ·
Klik tombol data master data Bank menuju ke form A13
· Klik tombol data master data jasa
pengiriman menuju ke form A14 ·
Klik tombol data master data petunjuk menuju ke form A15
· Klik tombol data master data banner
menuju ke form A16 ·
Klik tombol manajemen transaksi data order menuju ke form A17
· Klik tombol manajemen transaksi data
retur menuju ke form A18 ·
Klik tombol laporan member menuju ke form A19
· Klik tombol laporan produk menuju ke
form A20 ·
Klik tombol laporan retur menuju ke form A21
Data Member Data Kategori
Data Sub Kategori Data Warna
Data Merk Data Paket
Data Produk
Data Provinsi Data Kota
Data Bank Data Jasa Pengiriman
Data Petunjuk Data Banner
Data Order Data Retur
Laporan Penjualan
Tambah Paket Pencarian:
Cari No
Nama Paket Aksi
Paket
Gambar 3.47 Form Master Paket n.
Form Tambah Paket
A27 Pengaturan
Member
Laporan Pengaturan Produk
Manajememn Transaksi Data Master
Navigasi: ·
Klik tombol simpan menuju ke form A09
· Klik tombol batal menuju ke form A09
· Klik tombol pengaturan user member
menuju ke form A03 ·
Klik tombol pengaturan user admin menuju ke form A04
· Klik tombol pengaturan produk daya
kategori menuju ke form A05 ·
Klik pengaturan produk data sub kategori menuju ke form A06
· Klik pengaturan produk data warna
menuju ke form A07 ·
Klik pengaturan produk data merk menuju ke form A08
· Klik pengaturan produk data paket
menuju ke form A09 ·
Klik pengaturan produk data produk menuju ke form A10
· Klik tombol data master data provinsi
menuju ke form A11 ·
Klik tombol data master data kota menuju ke form A12
· Klik tombol data master data Bank
menuju ke form A13 ·
Klik tombol data master data jasa pengiriman menuju ke form A14
· Klik tombol data master data petunjuk
menuju ke form A15 ·
Klik tombol data master data banner menuju ke form A16
· Klik tombol manajemen transaksi data
order menuju ke form A17 ·
Klik tombol manajemen transaksi data retur menuju ke form A18
· Klik tombol laporan member menuju
ke form A19 ·
Klik tombol laporan produk menuju ke form A20
· Klik tombol laporan retur menuju ke
form A21 Data Member
Data Kategori Data Sub Kategori
Data Warna Data Merk
Data Paket Data Produk
Data Provinsi Data Kota
Data Bank Data Jasa Pengiriman
Data Petunjuk Data Banner
Data Order Data Retur
Laporan Penjualan
Nama Paket
Simpan Batal
Tambah Paket
Keterangan
TEXT
Gambar 3.48 Form Tambah Paket
o.
Form Master Produk
A10 Pengaturan Member
Laporan Pengaturan Produk
Manajememn Transaksi Data Master
Navigasi: ·
Klik tombol tambah produk menuju ke form A28
· Klik tombol cari menuju ke form A10
· Klik tombol refresh menuju ke form
A10 ·
Klik tombol pengaturan user member menuju ke form A03
· Klik tombol pengaturan user admin
menuju ke form A04 ·
Klik tombol pengaturan produk daya kategori menuju ke form A05
· Klik pengaturan produk data sub
kategori menuju ke form A06 ·
Klik pengaturan produk data warna menuju ke form A07
· Klik pengaturan produk data merk
menuju ke form A08 ·
Klik pengaturan produk data paket menuju ke form A09
· Klik pengaturan produk data produk
menuju ke form A10 ·
Klik tombol data master data provinsi menuju ke form A11
· Klik tombol data master data kota
menuju ke form A12 ·
Klik tombol data master data Bank menuju ke form A13
· Klik tombol data master data jasa
pengiriman menuju ke form A14 ·
Klik tombol data master data petunjuk menuju ke form A15
· Klik tombol data master data banner
menuju ke form A16 ·
Klik tombol manajemen transaksi data order menuju ke form A17
· Klik tombol manajemen transaksi data
retur menuju ke form A18 ·
Klik tombol laporan member menuju ke form A19
· Klik tombol laporan produk menuju ke
form A20 ·
Klik tombol laporan retur menuju ke form A21
Data Member Data Kategori
Data Sub Kategori Data Warna
Data Merk Data Paket
Data Produk
Data Provinsi Data Kota
Data Bank Data Jasa Pengiriman
Data Petunjuk Data Banner
Data Order Data Retur
Laporan Penjualan
Tambah Produk Pencarian
Combo Box Cari
No Kode
Harga Discount
Stok Berat
Aksi
Gambar 3.49 Form Master Produk p.
Form Tambah Produk
A28 Pengaturan
Member
Laporan Pengaturan Produk
Manajememn Transaksi Data Master
Navigasi: ·
Klik tombol simpan menuju ke form A10
· Klik tombol batal menuju ke form A10
· Klik tombol pengaturan user member
menuju ke form A03 ·
Klik tombol pengaturan user admin menuju ke form A04
· Klik tombol pengaturan produk daya
kategori menuju ke form A05 ·
Klik pengaturan produk data sub kategori menuju ke form A06
· Klik pengaturan produk data warna
menuju ke form A07 ·
Klik pengaturan produk data merk menuju ke form A08
· Klik pengaturan produk data paket
menuju ke form A09 ·
Klik pengaturan produk data produk menuju ke form A10
· Klik tombol data master data provinsi
menuju ke form A11 ·
Klik tombol data master data kota menuju ke form A12
· Klik tombol data master data Bank
menuju ke form A13 ·
Klik tombol data master data jasa pengiriman menuju ke form A14
· Klik tombol data master data petunjuk
menuju ke form A15 ·
Klik tombol data master data banner menuju ke form A16
· Klik tombol manajemen transaksi data
order menuju ke form A17 ·
Klik tombol manajemen transaksi data retur menuju ke form A18
· Klik tombol laporan member menuju
ke form A19 ·
Klik tombol laporan produk menuju ke form A20
· Klik tombol laporan retur menuju ke
form A21 Data Member
Data Kategori Data Sub Kategori
Data Warna Data Merk
Data Paket Data Produk
Data Provinsi Data Kota
Data Bank Data Jasa Pengiriman
Data Petunjuk Data Banner
Data Order Data Retur
Laporan Penjualan
Kode Produk
Simpan Batal
Tambah Produk
Deskripsi
TEXT
Nama Produk Kategori
Combo Box Sub Kategori
Combo Box
Merk Combo Box
Harga Berat
Stok Discount
Warna Combo Box
Gambar 1 Browse...
Gambar 3.50 Form Tambah Produk
q.
Form Master Provinsi
A09 Pengaturan
Member
Laporan Pengaturan Produk
Manajememn Transaksi Data Master
Navigasi: ·
Klik tombol tambah provinsi menuju ke form A29
· Klik tombol cari menuju ke form A11
· Klik tombol refresh menuju ke form
A11 ·
Klik tombol pengaturan user member menuju ke form A03
· Klik tombol pengaturan user admin
menuju ke form A04 ·
Klik tombol pengaturan produk daya kategori menuju ke form A05
· Klik pengaturan produk data sub
kategori menuju ke form A06 ·
Klik pengaturan produk data warna menuju ke form A07
· Klik pengaturan produk data merk
menuju ke form A08 ·
Klik pengaturan produk data paket menuju ke form A09
· Klik pengaturan produk data produk
menuju ke form A10 ·
Klik tombol data master data provinsi menuju ke form A11
· Klik tombol data master data kota
menuju ke form A12 ·
Klik tombol data master data Bank menuju ke form A13
· Klik tombol data master data jasa
pengiriman menuju ke form A14 ·
Klik tombol data master data petunjuk menuju ke form A15
· Klik tombol data master data banner
menuju ke form A16 ·
Klik tombol manajemen transaksi data order menuju ke form A17
· Klik tombol manajemen transaksi data
retur menuju ke form A18 ·
Klik tombol laporan member menuju ke form A19
· Klik tombol laporan produk menuju ke
form A20 ·
Klik tombol laporan retur menuju ke form A21
Data Member Data Kategori
Data Sub Kategori Data Warna
Data Merk Data Paket
Data Produk
Data Provinsi Data Kota
Data Bank Data Jasa Pengiriman
Data Petunjuk Data Banner
Data Order Data Retur
Laporan Penjualan
Tambah Provinsi Pencarian:
Cari No
Provinsi Aksi
Provinsi
Gambar 3.51 Form Master Provinsi r.
Form Tambah Provinsi
A29 Pengaturan
Member
Laporan Pengaturan Produk
Manajememn Transaksi Data Master
Navigasi: ·
Klik tombol simpan menuju ke form A11
· Klik tombol batal menuju ke form A11
· Klik tombol pengaturan user member
menuju ke form A03 ·
Klik tombol pengaturan user admin menuju ke form A04
· Klik tombol pengaturan produk daya
kategori menuju ke form A05 ·
Klik pengaturan produk data sub kategori menuju ke form A06
· Klik pengaturan produk data warna
menuju ke form A07 ·
Klik pengaturan produk data merk menuju ke form A08
· Klik pengaturan produk data paket
menuju ke form A09 ·
Klik pengaturan produk data produk menuju ke form A10
· Klik tombol data master data provinsi
menuju ke form A11 ·
Klik tombol data master data kota menuju ke form A12
· Klik tombol data master data Bank
menuju ke form A13 ·
Klik tombol data master data jasa pengiriman menuju ke form A14
· Klik tombol data master data petunjuk
menuju ke form A15 ·
Klik tombol data master data banner menuju ke form A16
· Klik tombol manajemen transaksi data
order menuju ke form A17 ·
Klik tombol manajemen transaksi data retur menuju ke form A18
· Klik tombol laporan member menuju
ke form A19 ·
Klik tombol laporan produk menuju ke form A20
· Klik tombol laporan retur menuju ke
form A21 Data Member
Data Kategori Data Sub Kategori
Data Warna Data Merk
Data Paket Data Produk
Data Provinsi Data Kota
Data Bank Data Jasa Pengiriman
Data Petunjuk Data Banner
Data Order Data Retur
Laporan Penjualan
Nama Provinsi Simpan
Batal Tambah Provinsi
Gambar 3.52 Form Tambah Provinsi
s.
Form Mater Kota
A12 Pengaturan
Member
Laporan Pengaturan Produk
Manajememn Transaksi Data Master
Navigasi: ·
Klik tombol tambah kota menuju ke form A30
· Klik tombol cari menuju ke form A12
· Klik tombol refresh menuju ke form
A12 ·
Klik tombol pengaturan user member menuju ke form A03
· Klik tombol pengaturan user admin
menuju ke form A04 ·
Klik tombol pengaturan produk daya kategori menuju ke form A05
· Klik pengaturan produk data sub
kategori menuju ke form A06 ·
Klik pengaturan produk data warna menuju ke form A07
· Klik pengaturan produk data merk
menuju ke form A08 ·
Klik pengaturan produk data paket menuju ke form A09
· Klik pengaturan produk data produk
menuju ke form A10 ·
Klik tombol data master data provinsi menuju ke form A11
· Klik tombol data master data kota
menuju ke form A12 ·
Klik tombol data master data Bank menuju ke form A13
· Klik tombol data master data jasa
pengiriman menuju ke form A14 ·
Klik tombol data master data petunjuk menuju ke form A15
· Klik tombol data master data banner
menuju ke form A16 ·
Klik tombol manajemen transaksi data order menuju ke form A17
· Klik tombol manajemen transaksi data
retur menuju ke form A18 ·
Klik tombol laporan member menuju ke form A19
· Klik tombol laporan produk menuju ke
form A20 ·
Klik tombol laporan retur menuju ke form A21
Data Member Data Kategori
Data Sub Kategori Data Warna
Data Merk Data Paket
Data Produk
Data Provinsi Data Kota
Data Bank Data Jasa Pengiriman
Data Petunjuk Data Banner
Data Order Data Retur
Laporan Penjualan
Tambah Kota Pencarian:
Combo Box Cari
No Kota
Aksi Provinsi
Kota
Gambar 3.53 Form Master Kota t.
Form Tambah Kota
A30 Pengaturan
Member
Laporan Pengaturan Produk
Manajememn Transaksi Data Master
Navigasi: ·
Klik tombol simpan menuju ke form A12
· Klik tombol batal menuju ke form A12
· Klik tombol pengaturan user member
menuju ke form A03 ·
Klik tombol pengaturan user admin menuju ke form A04
· Klik tombol pengaturan produk daya
kategori menuju ke form A05 ·
Klik pengaturan produk data sub kategori menuju ke form A06
· Klik pengaturan produk data warna
menuju ke form A07 ·
Klik pengaturan produk data merk menuju ke form A08
· Klik pengaturan produk data paket
menuju ke form A09 ·
Klik pengaturan produk data produk menuju ke form A10
· Klik tombol data master data provinsi
menuju ke form A11 ·
Klik tombol data master data kota menuju ke form A12
· Klik tombol data master data Bank
menuju ke form A13 ·
Klik tombol data master data jasa pengiriman menuju ke form A14
· Klik tombol data master data petunjuk
menuju ke form A15 ·
Klik tombol data master data banner menuju ke form A16
· Klik tombol manajemen transaksi data
order menuju ke form A17 ·
Klik tombol manajemen transaksi data retur menuju ke form A18
· Klik tombol laporan member menuju
ke form A19 ·
Klik tombol laporan produk menuju ke form A20
· Klik tombol laporan retur menuju ke
form A21 Data Member
Data Kategori Data Sub Kategori
Data Warna Data Merk
Data Paket Data Produk
Data Provinsi Data Kota
Data Bank Data Jasa Pengiriman
Data Petunjuk Data Banner
Data Order Data Retur
Laporan Penjualan
Nama Kota
Simpan Batal
Tambah Kota
Nama Provinsi Combo Box
Gambar 3.54 Form Tambah Kota
u.
Form Master Bank
A13 Pengaturan
Member
Laporan Pengaturan Produk
Manajememn Transaksi Data Master
Navigasi: ·
Klik tombol tambah Bank menuju ke form A31
· Klik tombol cari menuju ke form A13
· Klik tombol refresh menuju ke form
A13 ·
Klik tombol pengaturan user member menuju ke form A03
· Klik tombol pengaturan user admin
menuju ke form A04 ·
Klik tombol pengaturan produk daya kategori menuju ke form A05
· Klik pengaturan produk data sub
kategori menuju ke form A06 ·
Klik pengaturan produk data warna menuju ke form A07
· Klik pengaturan produk data merk
menuju ke form A08 ·
Klik pengaturan produk data paket menuju ke form A09
· Klik pengaturan produk data produk
menuju ke form A10 ·
Klik tombol data master data provinsi menuju ke form A11
· Klik tombol data master data kota
menuju ke form A12 ·
Klik tombol data master data Bank menuju ke form A13
· Klik tombol data master data jasa
pengiriman menuju ke form A14 ·
Klik tombol data master data petunjuk menuju ke form A15
· Klik tombol data master data banner
menuju ke form A16 ·
Klik tombol manajemen transaksi data order menuju ke form A17
· Klik tombol manajemen transaksi data
retur menuju ke form A18 ·
Klik tombol laporan member menuju ke form A19
· Klik tombol laporan produk menuju ke
form A20 ·
Klik tombol laporan retur menuju ke form A21
Data Member Data Kategori
Data Sub Kategori Data Warna
Data Merk Data Paket
Data Produk
Data Provinsi Data Kota
Data Bank Data Jasa Pengiriman
Data Petunjuk Data Banner
Data Order Data Retur
Laporan Penjualan
Tambah Bank Pencarian:
Cari No
Bank Aksi
Bank
No rekening Atas Nama
Gambar 3.55 Form
Master Bank
v.
Form Tambah Bank
A31 Pengaturan
Member
Laporan Pengaturan Produk
Manajememn Transaksi Data Master
Navigasi: ·
Klik tombol simpan menuju ke form A13
· Klik tombol batal menuju ke form A13
· Klik tombol pengaturan user member
menuju ke form A03 ·
Klik tombol pengaturan user admin menuju ke form A04
· Klik tombol pengaturan produk daya
kategori menuju ke form A05 ·
Klik pengaturan produk data sub kategori menuju ke form A06
· Klik pengaturan produk data warna
menuju ke form A07 ·
Klik pengaturan produk data merk menuju ke form A08
· Klik pengaturan produk data paket
menuju ke form A09 ·
Klik pengaturan produk data produk menuju ke form A10
· Klik tombol data master data provinsi
menuju ke form A11 ·
Klik tombol data master data kota menuju ke form A12
· Klik tombol data master data Bank
menuju ke form A13 ·
Klik tombol data master data jasa pengiriman menuju ke form A14
· Klik tombol data master data petunjuk
menuju ke form A15 ·
Klik tombol data master data banner menuju ke form A16
· Klik tombol manajemen transaksi data
order menuju ke form A17 ·
Klik tombol manajemen transaksi data retur menuju ke form A18
· Klik tombol laporan member menuju
ke form A19 ·
Klik tombol laporan produk menuju ke form A20
· Klik tombol laporan retur menuju ke
form A21 Data Member
Data Kategori Data Sub Kategori
Data Warna Data Merk
Data Paket Data Produk
Data Provinsi Data Kota
Data Bank Data Jasa Pengiriman
Data Petunjuk Data Banner
Data Order Data Retur
Laporan Penjualan
Simpan Batal
Browse... Logo Bank
Atas Nama No Rekening
Nama Bank Tambah Bank
Gambar 3.56 Form
Tambah Bank
w.
Form Master Ongkos Kirim
A14 Pengaturan
Member
Laporan Pengaturan Produk
Manajememn Transaksi Data Master
Navigasi: ·
Klik tombol tambah jasa pengiriman menuju ke form A32
· Klik tombol cari menuju ke form A14
· Klik tombol refresh menuju ke form
A14 ·
Klik tombol pengaturan user member menuju ke form A03
· Klik tombol pengaturan user admin
menuju ke form A04 ·
Klik tombol pengaturan produk daya kategori menuju ke form A05
· Klik pengaturan produk data sub
kategori menuju ke form A06 ·
Klik pengaturan produk data warna menuju ke form A07
· Klik pengaturan produk data merk
menuju ke form A08 ·
Klik pengaturan produk data paket menuju ke form A09
· Klik pengaturan produk data produk
menuju ke form A10 ·
Klik tombol data master data provinsi menuju ke form A11
· Klik tombol data master data kota
menuju ke form A12 ·
Klik tombol data master data Bank menuju ke form A13
· Klik tombol data master data jasa
pengiriman menuju ke form A14 ·
Klik tombol data master data petunjuk menuju ke form A15
· Klik tombol data master data banner
menuju ke form A16 ·
Klik tombol manajemen transaksi data order menuju ke form A17
· Klik tombol manajemen transaksi data
retur menuju ke form A18 ·
Klik tombol laporan member menuju ke form A19
· Klik tombol laporan produk menuju ke
form A20 ·
Klik tombol laporan retur menuju ke form A21
Data Member Data Kategori
Data Sub Kategori Data Warna
Data Merk Data Paket
Data Produk
Data Provinsi Data Kota
Data Bank Data ongkos kirim
Data Petunjuk Data Banner
Data Order Data Retur
Laporan Penjualan
Tambah Ongkos Kirim Pencarian:
Cari No
Reg Ongkos Kirim
Oke Aksi
Yes
Gambar 3.57 Form
Master Jasa Pengiriman
x.
Form Tambah Ongkos Kirim
A32 Pengaturan
Member
Laporan Pengaturan Produk
Manajememn Transaksi Data Master
Navigasi: ·
Klik tombol simpan menuju ke form A14
· Klik tombol batal menuju ke form A14
· Klik tombol pengaturan user member
menuju ke form A03 ·
Klik tombol pengaturan user admin menuju ke form A04
· Klik tombol pengaturan produk daya
kategori menuju ke form A05 ·
Klik pengaturan produk data sub kategori menuju ke form A06
· Klik pengaturan produk data warna
menuju ke form A07 ·
Klik pengaturan produk data merk menuju ke form A08
· Klik pengaturan produk data paket
menuju ke form A09 ·
Klik pengaturan produk data produk menuju ke form A10
· Klik tombol data master data provinsi
menuju ke form A11 ·
Klik tombol data master data kota menuju ke form A12
· Klik tombol data master data Bank
menuju ke form A13 ·
Klik tombol data master data jasa pengiriman menuju ke form A14
· Klik tombol data master data petunjuk
menuju ke form A15 ·
Klik tombol data master data banner menuju ke form A16
· Klik tombol manajemen transaksi data
order menuju ke form A17 ·
Klik tombol manajemen transaksi data retur menuju ke form A18
· Klik tombol laporan member menuju
ke form A19 ·
Klik tombol laporan produk menuju ke form A20
· Klik tombol laporan retur menuju ke
form A21 Data Member
Data Kategori Data Sub Kategori
Data Warna Data Merk
Data Paket Data Produk
Data Provinsi Data Kota
Data Bank Data ongkos kirim
Data Petunjuk Data Banner
Data Order Data Retur
Laporan Penjualan
REG
Simpan Batal
Tambah Ongkos Kirim
OKE YES
Gambar 3.58 Form
Tambah Jasa Pengiriman
y.
Form Master Petunjuk
A15 Pengaturan User
Laporan Pengaturan Produk
Manajememn Transaksi Data Master
Navigasi: ·
Klik tombol tambah petunjuk menuju ke form A33
· Klik tombol cari menuju ke form A15
· Klik tombol refresh menuju ke form
A15 ·
Klik tombol pengaturan user member menuju ke form A03
· Klik tombol pengaturan user admin
menuju ke form A04 ·
Klik tombol pengaturan produk daya kategori menuju ke form A05
· Klik pengaturan produk data sub
kategori menuju ke form A06 ·
Klik pengaturan produk data warna menuju ke form A07
· Klik pengaturan produk data merk
menuju ke form A08 ·
Klik pengaturan produk data paket menuju ke form A09
· Klik pengaturan produk data produk
menuju ke form A10 ·
Klik tombol data master data provinsi menuju ke form A11
· Klik tombol data master data kota
menuju ke form A12 ·
Klik tombol data master data Bank menuju ke form A13
· Klik tombol data master data jasa
pengiriman menuju ke form A14 ·
Klik tombol data master data petunjuk menuju ke form A15
· Klik tombol data master data banner
menuju ke form A16 ·
Klik tombol manajemen transaksi data order menuju ke form A17
· Klik tombol manajemen transaksi data
retur menuju ke form A18 ·
Klik tombol laporan member menuju ke form A19
· Klik tombol laporan produk menuju ke
form A20 ·
Klik tombol laporan retur menuju ke form A21
Data Member Data Kategori
Data Sub Kategori Data Warna
Data Merk Data Paket
Data Produk
Data Provinsi Data Kota
Data Bank Data Jasa Pengiriman
Data Petunjuk Data Banner
Data Order Data Retur
Laporan Penjualan
Tambah Petunjuk Pencarian:
Cari No
Judul Petunjuk Aksi
Petunjuk
Gambar 3.59 Form
Master Petunjuk
z.
Form Tambah Petunjuk
A33 Pengaturan User
Laporan Pengaturan Produk
Manajememn Transaksi Data Master
Navigasi: ·
Klik tombol simpan menuju ke form A15
· Klik tombol batal menuju ke form A15
· Klik tombol pengaturan user member
menuju ke form A03 ·
Klik tombol pengaturan user admin menuju ke form A04
· Klik tombol pengaturan produk daya
kategori menuju ke form A05 ·
Klik pengaturan produk data sub kategori menuju ke form A06
· Klik pengaturan produk data warna
menuju ke form A07 ·
Klik pengaturan produk data merk menuju ke form A08
· Klik pengaturan produk data paket
menuju ke form A09 ·
Klik pengaturan produk data produk menuju ke form A10
· Klik tombol data master data provinsi
menuju ke form A11 ·
Klik tombol data master data kota menuju ke form A12
· Klik tombol data master data Bank
menuju ke form A13 ·
Klik tombol data master data jasa pengiriman menuju ke form A14
· Klik tombol data master data petunjuk
menuju ke form A15 ·
Klik tombol data master data banner menuju ke form A16
· Klik tombol manajemen transaksi data
order menuju ke form A17 ·
Klik tombol manajemen transaksi data retur menuju ke form A18
· Klik tombol laporan member menuju
ke form A19 ·
Klik tombol laporan produk menuju ke form A20
· Klik tombol laporan retur menuju ke
form A21 Data Member
Data Kategori Data Sub Kategori
Data Warna Data Merk
Data Paket Data Produk
Data Provinsi Data Kota
Data Bank Data Jasa Pengiriman
Data Petunjuk Data Banner
Data Order Data Retur
Laporan Penjualan
Judul Petunjuk
Simpan Batal
Tambah Petunjuk
Isi Petunjuk
TEXT
Gambar 3.60 Form
Tambah Petunjuk
aa.
Form Master Banner
A16 Pengaturan
Member
Laporan Pengaturan Produk
Manajememn Transaksi Data Master
Navigasi: ·
Klik tombol tambah banner menuju ke form A34
· Klik tombol cari menuju ke form A16
· Klik tombol refresh menuju ke form
A16 ·
Klik tombol pengaturan user member menuju ke form A03
· Klik tombol pengaturan user admin
menuju ke form A04 ·
Klik tombol pengaturan produk daya kategori menuju ke form A05
· Klik pengaturan produk data sub
kategori menuju ke form A06 ·
Klik pengaturan produk data warna menuju ke form A07
· Klik pengaturan produk data merk
menuju ke form A08 ·
Klik pengaturan produk data paket menuju ke form A09
· Klik pengaturan produk data produk
menuju ke form A10 ·
Klik tombol data master data provinsi menuju ke form A11
· Klik tombol data master data kota
menuju ke form A12 ·
Klik tombol data master data Bank menuju ke form A13
· Klik tombol data master data jasa
pengiriman menuju ke form A14 ·
Klik tombol data master data petunjuk menuju ke form A15
· Klik tombol data master data banner
menuju ke form A16 ·
Klik tombol manajemen transaksi data order menuju ke form A17
· Klik tombol manajemen transaksi data
retur menuju ke form A18 ·
Klik tombol laporan member menuju ke form A19
· Klik tombol laporan produk menuju ke
form A20 ·
Klik tombol laporan retur menuju ke form A21
Data Member Data Kategori
Data Sub Kategori Data Warna
Data Merk Data Paket
Data Produk
Data Provinsi Data Kota
Data Bank Data Jasa Pengiriman
Data Petunjuk Data Banner
Data Order Data Retur
Laporan Penjualan
Tambah Banner Pencarian:
Cari No
Nama Banner Aksi
Banner
Gambar 3.61 Form
Master Banner
bb.
Form Tambah Banner
A34 Pengaturan
Member
Laporan Pengaturan Produk
Manajememn Transaksi Data Master
Navigasi: ·
Klik tombol simpan menuju ke form A16
· Klik tombol batal menuju ke form A16
· Klik tombol pengaturan user member
menuju ke form A03 ·
Klik tombol pengaturan user admin menuju ke form A04
· Klik tombol pengaturan produk daya
kategori menuju ke form A05 ·
Klik pengaturan produk data sub kategori menuju ke form A06
· Klik pengaturan produk data warna
menuju ke form A07 ·
Klik pengaturan produk data merk menuju ke form A08
· Klik pengaturan produk data paket
menuju ke form A09 ·
Klik pengaturan produk data produk menuju ke form A10
· Klik tombol data master data provinsi
menuju ke form A11 ·
Klik tombol data master data kota menuju ke form A12
· Klik tombol data master data Bank
menuju ke form A13 ·
Klik tombol data master data jasa pengiriman menuju ke form A14
· Klik tombol data master data petunjuk
menuju ke form A15 ·
Klik tombol data master data banner menuju ke form A16
· Klik tombol manajemen transaksi data
order menuju ke form A17 ·
Klik tombol manajemen transaksi data retur menuju ke form A18
· Klik tombol laporan member menuju
ke form A19 ·
Klik tombol laporan produk menuju ke form A20
· Klik tombol laporan retur menuju ke
form A21 Data Member
Data Kategori Data Sub Kategori
Data Warna Data Merk
Data Paket Data Produk
Data Provinsi Data Kota
Data Bank Data Jasa Pengiriman
Data Petunjuk Data Banner
Data Order Data Retur
Laporan Penjualan
Nama Banner
Simpan Batal
Tambah Banner
Banner Browse...
Gambar 3.62 Form
Tambah Banner
cc.
Form Data Order
A35 Pengaturan
Member
Laporan Pengaturan Produk
Manajememn Transaksi Data Master
Navigasi: ·
Klik data order menuju ke form A35 ·
Klik tombol pengaturan user member menuju ke form A03
· Klik tombol pengaturan user admin
menuju ke form A04 ·
Klik tombol pengaturan produk daya kategori menuju ke form A05
· Klik pengaturan produk data sub
kategori menuju ke form A06 ·
Klik pengaturan produk data warna menuju ke form A07
· Klik pengaturan produk data merk
menuju ke form A08 ·
Klik pengaturan produk data paket menuju ke form A09
· Klik pengaturan produk data produk
menuju ke form A10 ·
Klik tombol data master data provinsi menuju ke form A11
· Klik tombol data master data kota
menuju ke form A12 ·
Klik tombol data master data Bank menuju ke form A13
· Klik tombol data master data jasa
pengiriman menuju ke form A14 ·
Klik tombol data master data petunjuk menuju ke form A15
· Klik tombol data master data banner
menuju ke form A16 ·
Klik tombol manajemen transaksi data order menuju ke form A17
· Klik tombol manajemen transaksi data
retur menuju ke form A18 ·
Klik tombol laporan member menuju ke form A19
· Klik tombol laporan produk menuju ke
form A20 ·
Klik tombol laporan retur menuju ke form A21
Data Member Data Kategori
Data Sub Kategori Data Warna
Data Merk Data Paket
Data Produk
Data Provinsi Data Kota
Data Bank Data Jasa Pengiriman
Data Petunjuk Data Banner
Data Order Data Retur
Laporan Penjualan
No Nama
Status Tanggal Order
No.Resi Aksi
Data Order
Gambar 3.63 Form
Data Order
dd.
Form Data Retur
A35 Pengaturan
Member
Laporan Pengaturan Produk
Manajememn Transaksi Data Master
Navigasi: ·
Klik Data Retur menuju ke form A35 ·
Klik tombol pengaturan user member menuju ke form A03
· Klik tombol pengaturan user admin
menuju ke form A04 ·
Klik tombol pengaturan produk daya kategori menuju ke form A05
· Klik pengaturan produk data sub
kategori menuju ke form A06 ·
Klik pengaturan produk data warna menuju ke form A07
· Klik pengaturan produk data merk
menuju ke form A08 ·
Klik pengaturan produk data paket menuju ke form A09
· Klik pengaturan produk data produk
menuju ke form A10 ·
Klik tombol data master data provinsi menuju ke form A11
· Klik tombol data master data kota
menuju ke form A12 ·
Klik tombol data master data Bank menuju ke form A13
· Klik tombol data master data jasa
pengiriman menuju ke form A14 ·
Klik tombol data master data petunjuk menuju ke form A15
· Klik tombol data master data banner
menuju ke form A16 ·
Klik tombol manajemen transaksi data order menuju ke form A17
· Klik tombol manajemen transaksi data
retur menuju ke form A18 ·
Klik tombol laporan member menuju ke form A19
· Klik tombol laporan produk menuju ke
form A20 ·
Klik tombol laporan retur menuju ke form A21
Data Member Data Kategori
Data Sub Kategori Data Warna
Data Merk Data Paket
Data Produk
Data Provinsi Data Kota
Data Bank Data Jasa Pengiriman
Data Petunjuk Data Banner
Data Order Data Retur
Laporan Penjualan
No Tanggal
Jumlah Id Produk
Alasan Aksi
Data Retur
Status
Gambar 3.64 Form
Data Retur
2. Tampilan Antar Muka Pengunjung a. Form Home
P01 Cara Belanja
Cara Pembayaran Cara Retur
Cara Pengiriman Pencarian
Banner Gambar
Email Password
Login Lupa Password
Daftar disini
Keranjang Support
JNE Tracking · Klik Home menuju ke form
P01 · Klik Kategori menuju ke form
P02 · Klik tentang kami menuju ke
form P03 · Klik kontak kami menuju ke
form P04 · Klik cara Berbelanja menuju
ke form P05 · Klik cara Pembayaran menuju
ke form P06 · Klik cara Pengiriman menuju
ke form P07 · Klik cara Retur menuju ke
form P08 · Klik Daftar menuju ke form
P09 · Klik lupa Password menuju ke
form P10 · Klik Add To Cart menuju ke
form P11 Produk Terlaris
Deskripsi Produk Add to cart
Produk Terbaru
Gambar Deskripsi Produk
Add to cart Gambar
Deskripsi Produk Add to cart
Gambar Deskripsi Produk
Add to cart Gambar
Deskripsi Produk Add to cart
Home Kategori
Tentang Kami Kotak Kami
Gambar 3.68 Form Home b. Form Kategori
P02 Cara Belanja
Cara Pembayaran Cara Retur
Cara Pengiriman Pencarian
Banner Gambar
Kategori Gambar
Kategori Gambar
Kategori Gambar
Kategori Email
Password
Keranjang · Klik Kategori menuju ke form
P02 · Klik cara Berbelanja menuju
ke form P05 · Klik cara Pembayaran menuju
ke form P06 · Klik cara Pengiriman menuju
ke form P07 · Klik cara Retur menuju ke
form P08 · Klik lupa Password menuju ke
form P10 · Klik Daftar menuju ke form
P09 · Klik Home menuju ke form
P01 · Klik tentang kami menuju ke
form P03 · Klik kontak kami menuju ke
form P04 Home
Kategori Tentang Kami
Kotak Kami
Login Lupa Password
Daftar disini
Support JNE Tracking
Gambar 3.69 Form Kategori
c. Form Tentang Kami
P03 Cara Belanja
Cara Pembayaran Cara Retur
Cara Pengiriman Pencarian
· Klik Tentang Kami menuju ke form P03
· Klik Home menuju ke form P01 · Klik Kategori menuju ke form
P02 · Klik kontak kami menuju ke
form P04 · Klik cara Berbelanja menuju ke
form P05 · Klik cara Pembayaran menuju
ke form P06 · Klik cara Pengiriman menuju
ke form P07 · Klik cara Retur menuju ke form
P08 · Klik Daftar menuju ke form
P09 · Klik lupa Password menuju ke
form P010 Banner
Email Password
Login Lupa Password
Daftar disini
Keranjang
Tentang Kami
Text
Home Kategori
Tentang Kami Kotak Kami
Support JNE Tracking
Gambar 3.70 Form Tentang Kami d. Form Kontak Kami
P04 Cara Belanja
Cara Pembayaran Cara Retur
Cara Pengiriman Pencarian
· Klik kontak kami menuju ke form P04
· Klik Home menuju ke form P01 · Klik Kategori menuju ke form
P02 · Klik Tentang Kami menuju ke
form P03 · Klik cara Berbelanja menuju ke
form P05 · Klik cara Pembayaran menuju
ke form P06 · Klik cara Pengiriman menuju
ke form P07 · Klik cara Retur menuju ke form
P08 · Klik lupa Password menuju ke
form P10 · Klik Daftar menuju ke form
P09 Banner
Home Kategori
Tentang Kami Kotak Kami
Email Password
Keranjang
Kontak Kami
Text
Login Lupa Password
Daftar disini
Support JNE Tracking
Gambar 3.71 Form Tentang Kami
e. Form Cara Belanja
P05 Cara Belanja
Cara Pembayaran Cara Retur
Cara Pengiriman Pencarian
· Klik cara Berbelanja menuju ke form P05
· Klik Home menuju ke form P01 · Klik Kategori menuju ke form
P02 · Klik Tentang Kami menuju ke
form P03 · Klik kontak kami menuju ke
form P04 · Klik cara Pembayaran menuju
ke form P06 · Klik cara Pengiriman menuju
ke form P07 · Klik cara Retur menuju ke form
P08 · Klik lupa Password menuju ke
form P10 · Klik Daftar menuju ke form
P09 Banner
Home Kategori
Tentang Kami Kotak Kami
Email Password
Keranjang
Cara Belanja
Text
Login Lupa Password
Daftar disini
Support JNE Tracking
Gambar 3.72 Form Cara Belanja f. Form Cara Pembayaran
P06 Cara Belanja
Cara Pembayaran Cara Retur
Cara Pengiriman Pencarian
· Klik cara Pembayaran menuju ke form P06
· Klik Home menuju ke form P01 · Klik Kategori menuju ke form
P02 · Klik Tentang Kami menuju ke
form P03 · Klik kontak kami menuju ke
form P04 · Klik cara Berbelanja menuju ke
form P05 · Klik cara Pengiriman menuju
ke form P07 · Klik cara Retur menuju ke form
P08 · Klik lupa Password menuju ke
form P10 · Klik Daftar menuju ke form
P09 Banner
Home Kategori
Tentang Kami Kotak Kami
Email Password
Keranjang
Cara Pembayaran
Text
Login Lupa Password
Daftar disini
Support JNE Tracking
Gambar 3.73 Form Cara Belanja
g. Form Cara Pengiriman
P07 Cara Belanja
Cara Pembayaran Cara Retur
Cara Pengiriman Pencarian
· Klik cara Pengiriman menuju ke form P07
· Klik Home menuju ke form P01 · Klik Kategori menuju ke form
P02 · Klik Tentang Kami menuju ke
form P03 · Klik kontak kami menuju ke
form P04 · Klik cara Berbelanja menuju ke
form P05 · Klik cara Pembayaran menuju
ke form P06 · Klik cara Retur menuju ke form
P08 · Klik lupa Password menuju ke
form P10 · Klik Daftar menuju ke form
P09 Banner
Home Kategori
Tentang Kami Kotak Kami
Email Password
Keranjang
Cara Pengiriman
Text
Login Lupa Password
Daftar disini
Support JNE Tracking
Gambar 3.74 Form Cara Pengiriman
h. Form Cara Retur
P08 Cara Belanja
Cara Pembayaran Cara Retur
Cara Pengiriman Pencarian
· Klik cara Retur menuju ke form P08
· Klik Home menuju ke form P01 · Klik Kategori menuju ke form
P02 · Klik Tentang Kami menuju ke
form P03 · Klik kontak kami menuju ke
form P04 · Klik cara Berbelanja menuju ke
form P05 · Klik cara Pembayaran menuju
ke form P06 · Klik cara Pengiriman menuju
ke form P07 · Klik lupa Password menuju ke
form P10 · Klik Daftar menuju ke form
P09 Banner
Home Kategori
Tentang Kami Kotak Kami
Email Password
Keranjang
Cara Retur
Text
Login Lupa Password
Daftar disini
Support JNE Tracking
Gambar 3.75 Form Cara Pengiriman
i. Form Daftar
P09 Cara Belanja
Cara Pembayaran Cara Retur
Cara Pengiriman Pencarian
· Klik Daftar menuju ke form
P09 ·
Klik Home menuju ke form P01 ·
Klik Kategori menuju ke form P02
· Klik Tentang Kami menuju ke
form P03 ·
Klik kontak kami menuju ke form P04
· Klik cara Berbelanja menuju ke
form P05 ·
Klik cara Pembayaran menuju ke form P06
· Klik cara Pengiriman menuju
ke form P07 ·
Klik cara Retur menuju ke form P08
· Klik lupa Password menuju ke
form P10 Banner
Home Kategori
Tentang Kami Kotak Kami
Email Password
Keranjang Email
Password Konfirmasi password
Pendaftaran
Nama Pelanggan Jenis Kelamin
Alamat Provinsi
Kota Kode Pos
No Telpon No Handphone
Simpan
Login Lupa Password
Daftar disini
Support JNE Tracking
Gambar 3.76 Form Daftar
j. Form Lupa Password
P10 Cara Belanja
Cara Pembayaran Cara Retur
Cara Pengiriman Pencarian
· Klik lupa Password menuju ke form P10
· Klik Home menuju ke form P01 · Klik Kategori menuju ke form
P02 · Klik Tentang Kami menuju ke
form P03 · Klik kontak kami menuju ke
form P04 · Klik cara Berbelanja menuju ke
form P05 · Klik cara Pembayaran menuju
ke form P06 · Klik cara Pengiriman menuju
ke form P07 · Klik cara Retur menuju ke form
P08 · Klik Daftar menuju ke form
P09
Banner Home
Kategori Tentang Kami
Kotak Kami Email
Password
Keranjang Lupa Password
Email Kirim
Login Lupa Password
Daftar disini
Support JNE Tracking
Gambar 3.77 Form Lupa Password
k. Form Login
P11 Cara Belanja
Cara Pembayaran Cara Retur
Cara Pengiriman Pencarian
· Klik Home menuju ke form P01 · Klik Kategori menuju ke form
P02 · Klik Tentang Kami menuju ke
form P03 · Klik kontak kami menuju ke
form P04 · Klik cara Berbelanja menuju ke
form P05 · Klik cara Pembayaran menuju
ke form P06 · Klik cara Retur menuju ke form
P08 · Klik lupa Password menuju ke
form P10 · Klik Daftar menuju ke form
P09 Banner
Home Kategori
Tentang Kami Kotak Kami
Email Password
Login Lupa Password
Password
Gambar 3.78 Form Login
3. Tampilan Antar Muka Member a. Form Home
M01 Cara Belanja
Cara Pembayaran Cara Retur
Cara Pengiriman Pencarian
Banner Gambar
Email Password
Login Lupa Password
Daftar disini
Keranjang Support
JNE Tracking · Klik Home menuju ke form
M01 · Klik Kategori menuju ke form
M02 · Klik tentang kami menuju ke
form M03 · Klik kontak kami menuju ke
form M04 · Klik cara Berbelanja menuju
ke form M05 · Klik cara Pembayaran menuju
ke form M06 · Klik cara Pengiriman menuju
ke form M07 · Klik cara Retur menuju ke
form M08 · Klik Daftar menuju ke form
M09 · Klik lupa Password menuju ke
form M10 · Klik Add To Cart menuju ke
form M11 Produk Terlaris
Deskripsi Produk Add to cart
Produk Terbaru
Gambar Deskripsi Produk
Add to cart Gambar
Deskripsi Produk Add to cart
Gambar Deskripsi Produk
Add to cart Gambar
Deskripsi Produk Add to cart
Home Kategori
Tentang Kami Kotak Kami
Gambar 3.79 Form Home
b. Form Kategori
M02 Cara Belanja
Cara Pembayaran Cara Retur
Cara Pengiriman Pencarian
Banner Gambar
Kategori Gambar
Kategori
Gambar Kategori
Gambar Kategori
Email Password
Keranjang · Klik Kategori menuju ke form
M02 · Klik cara Berbelanja menuju
ke form M05 · Klik cara Pembayaran menuju
ke form M06 · Klik cara Pengiriman menuju
ke form M07 · Klik cara Retur menuju ke
form M08 · Klik lupa Password menuju ke
form M10 · Klik Daftar menuju ke form
M09 · Klik Home menuju ke form
M01 · Klik tentang kami menuju ke
form M03 · Klik kontak kami menuju ke
form M04 Home
Kategori Tentang Kami
Kotak Kami
Login Lupa Password
Daftar disini
Support JNE Tracking
Gambar 3.80 Form Kategori c. Form Tentang Kami
M03 Cara Belanja
Cara Pembayaran Cara Retur
Cara Pengiriman Pencarian
· Klik Tentang Kami menuju ke form M03
· Klik Home menuju ke form M01
· Klik Kategori menuju ke form M02
· Klik kontak kami menuju ke form M04
· Klik cara Berbelanja menuju ke form M05
· Klik cara Pembayaran menuju ke form M06
· Klik cara Pengiriman menuju ke form M07
· Klik cara Retur menuju ke form M08
· Klik Daftar menuju ke form M09
· Klik lupa Password menuju ke form M10
Banner Email
Password Login
Lupa Password Daftar disini
Keranjang
Tentang Kami
Text
Home Kategori
Tentang Kami Kotak Kami
Support JNE Tracking
Gambar 3.81 Form Tentang Kami
d. Form Kontak Kami
M04 Cara Belanja
Cara Pembayaran Cara Retur
Cara Pengiriman Pencarian
· Klik kontak kami menuju ke form M04
· Klik Home menuju ke form M01
· Klik Kategori menuju ke form M02
· Klik Tentang Kami menuju ke form M03
· Klik cara Berbelanja menuju ke form M05
· Klik cara Pembayaran menuju ke form M06
· Klik cara Pengiriman menuju ke form M07
· Klik cara Retur menuju ke form M08
· Klik lupa Password menuju ke form M10
· Klik Daftar menuju ke form M09
Banner Home
Kategori Tentang Kami
Kotak Kami
Email Password
Keranjang
Kontak Kami
Text
Login Lupa Password
Daftar disini
Support JNE Tracking
Gambar 3.82 Form Kontak Kami e. Form Cara Belanja
M05 Cara Belanja
Cara Pembayaran Cara Retur
Cara Pengiriman Pencarian
· Klik cara Berbelanja menuju ke form M05
· Klik Home menuju ke form M01
· Klik Kategori menuju ke form M02
· Klik Tentang Kami menuju ke form M03
· Klik kontak kami menuju ke form M04
· Klik cara Pembayaran menuju ke form M06
· Klik cara Pengiriman menuju ke form M07
· Klik cara Retur menuju ke form M08
· Klik lupa Password menuju ke form M10
· Klik Daftar menuju ke form M09
Banner Home
Kategori Tentang Kami
Kotak Kami
Email Password
Keranjang
Cara Belanja
Text
Login Lupa Password
Daftar disini
Support JNE Tracking
Gambar 3.83 Form Cara Belanja
f. Form Cara Pembayaran
M06 Cara Belanja
Cara Pembayaran Cara Retur
Cara Pengiriman Pencarian
· Klik cara Pembayaran menuju ke form M06
· Klik Home menuju ke form M01
· Klik Kategori menuju ke form M02
· Klik Tentang Kami menuju ke form M03
· Klik kontak kami menuju ke form M04
· Klik cara Berbelanja menuju ke form M05
· Klik cara Pengiriman menuju ke form M07
· Klik cara Retur menuju ke form M08
· Klik lupa Password menuju ke form M10
· Klik Daftar menuju ke form M09
Banner Home
Kategori Tentang Kami
Kotak Kami Email
Password
Keranjang
Cara Pembayaran
Text
Login Lupa Password
Daftar disini
Support JNE Tracking
Gambar 3.84 Form Cara Pembayaran g. Form Cara Pengiriman
M07 Cara Belanja
Cara Pembayaran Cara Retur
Cara Pengiriman Pencarian
· Klik cara Pengiriman menuju ke form M07
· Klik Home menuju ke form M01
· Klik Kategori menuju ke form M02
· Klik Tentang Kami menuju ke form M03
· Klik kontak kami menuju ke form M04
· Klik cara Berbelanja menuju ke form M05
· Klik cara Pembayaran menuju ke form M06
· Klik cara Retur menuju ke form M08
· Klik lupa Password menuju ke form M10
· Klik Daftar menuju ke form M09
Banner Home
Kategori Tentang Kami
Kotak Kami Email
Password
Keranjang
Cara Pengiriman
Text
Login Lupa Password
Daftar disini
Support JNE Tracking
Gambar 3.85 Form Cara Pengiriman
h. Form Cara Retur
M08 Cara Belanja
Cara Pembayaran Cara Retur
Cara Pengiriman Pencarian
· Klik cara Retur menuju ke form M08
· Klik Home menuju ke form M01
· Klik Kategori menuju ke form M02
· Klik Tentang Kami menuju ke form M03
· Klik kontak kami menuju ke form M04
· Klik cara Berbelanja menuju ke form M05
· Klik cara Pembayaran menuju ke form M06
· Klik cara Pengiriman menuju ke form M07
· Klik lupa Password menuju ke form M10
· Klik Daftar menuju ke form M09
Banner Home
Kategori Tentang Kami
Kotak Kami Email
Password
Keranjang
Cara Retur
Text
Login Lupa Password
Daftar disini
Support JNE Tracking
Gambar 3.86 Form Cara Retur i. Form Daftar
M09 Cara Belanja
Cara Pembayaran Cara Retur
Cara Pengiriman Pencarian
· Klik Daftar menuju ke form M09
· Klik Home menuju ke form M01
· Klik Kategori menuju ke form M02
· Klik Tentang Kami menuju ke form M03
· Klik kontak kami menuju ke form M04
· Klik cara Berbelanja menuju ke form M05
· Klik cara Pembayaran menuju ke form M06
· Klik cara Pengiriman menuju ke form M07
· Klik cara Retur menuju ke form M08
· Klik lupa Password menuju ke form M10
Banner Home
Kategori Tentang Kami
Kotak Kami Email
Password
Keranjang Email
Password Konfirmasi password
Pendaftaran
Nama Pelanggan Jenis Kelamin
Alamat Provinsi
Kota Kode Pos
No Telpon No Handphone
Simpan
Login Lupa Password
Daftar disini
Support JNE Tracking
Gambar 3.87 Form Daftar
j. Form Lupa Password
M10 Cara Belanja
Cara Pembayaran Cara Retur
Cara Pengiriman Pencarian
· Klik lupa Password menuju ke form M10
· Klik Home menuju ke form M01
· Klik Kategori menuju ke form M02
· Klik Tentang Kami menuju ke form M03
· Klik kontak kami menuju ke form M04
· Klik cara Berbelanja menuju ke form M05
· Klik cara Pembayaran menuju ke form M06
· Klik cara Pengiriman menuju ke form M07
· Klik cara Retur menuju ke form M08
· Klik Daftar menuju ke form M09
Banner Home
Kategori Tentang Kami
Kotak Kami Email
Password
Keranjang Lupa Password
Email Kirim
Login Lupa Password
Daftar disini
Support JNE Tracking
Gambar 3.88 Form Lupa Password k. Form Login
M11 Cara Belanja
Cara Pembayaran Cara Retur
Cara Pengiriman Pencarian
· Klik Home menuju ke form M01
· Klik Kategori menuju ke form M02
· Klik Tentang Kami menuju ke form M03
· Klik kontak kami menuju ke form M04
· Klik cara Berbelanja menuju ke form M05
· Klik cara Pembayaran menuju ke form M06
· Klik cara Retur menuju ke form M08
· Klik lupa Password menuju ke form M10
· Klik Daftar menuju ke form M09
Banner Home
Kategori Tentang Kami
Kotak Kami Email
Password Login
Lupa Password Password
Gambar 3.89 Form Login
l. Form Edit Profile
M13 Cara Belanja
Cara Pembayaran Cara Retur
Cara Pengiriman Pencarian
· Klik Edit Profile menuju ke form M13
· Klik Home menuju ke form M01
· Klik Kategori menuju ke form M02
· Klik Tentang Kami menuju ke form M03
· Klik kontak kami menuju ke form M04
· Klik cara Berbelanja menuju ke form M05
· Klik cara Pembayaran menuju ke form M06
· Klik cara Pengiriman menuju ke form M07
· Klik cara Retur menuju ke form M08
· Klik keranjang benlaja ke M12 · Klik Order menuju ke M18
· Klik retur menuju ke form M20 Banner
Home Kategori
Tentang Kami Kotak Kami
My Account
Keranjang Email
Password Data Personal
Profile
Nama Pelanggan Jenis Kelamin
Alamat Provinsi
Kota Kode Pos
No Telpon No Handphone
Simpan Edit Profile
keranjang Order
Retur Logout
Data ID
Data Kontak Support
JNE Tracking
Gambar 3.90 Form Edit Profile m. Form Ganti Password
M14 Cara Belanja
Cara Pembayaran Cara Retur
Cara Pengiriman Pencarian
· Klik Ganti Password menuju ke form M14
· Klik Home menuju ke form M01
· Klik Kategori menuju ke form M02
· Klik Tentang Kami menuju ke form M03
· Klik kontak kami menuju ke form M04
· Klik cara Berbelanja menuju ke form M05
· Klik cara Pembayaran menuju ke form M06
· Klik cara Pengiriman menuju ke form M07
· Klik cara Retur menuju ke form M08
· Klik keranjang benlaja ke M12 · Klik Order menuju ke M18
· Klik retur menuju ke form M20 ·
Banner Home
Kategori Tentang Kami
Kotak Kami My Account
Keranjang Password Lama
Password Baru
Profile
Konfirmasi Baru Edit Profile
keranjang Order
Retur
Logout
Ganti Password
Ubah
Support JNE Tracking
Gambar 3.91 Form Ganti Password
n. Form Keranjang Belanja
M12 Cara Belanja
Cara Pembayaran Cara Retur
Cara Pengiriman Pencarian
· Klik Keranjang menuju ke form M12
· Klik Home menuju ke form M01
· Klik Kategori menuju ke form M02
· Klik Tentang Kami menuju ke form M03
· Klik kontak kami menuju ke form M04
· Klik cara Berbelanja menuju ke form M05
· Klik cara Pembayaran menuju ke form M06
· Klik cara Pengiriman menuju ke form M07
· Klik cara Retur menuju ke form M08
· Klik Order menuju ke M18 · Klik retur menuju ke form M20
· Klik kembali belanja menuju ke M02
· Klik checkout menuju ke M16 Banner
Home Kategori
Tentang Kami Kotak Kami
My Account
Keranjang
Shopping Cart
Edit Profile
keranjang Order
Retur
Logout
Tabel Shopping Cart
Kembali belanja Checkout
Total Bayar
Support JNE Tracking
Gambar 3.92 Form Keranjang Belanja o. Form Informasi Pengiriman
M16 Cara Belanja
Cara Pembayaran Cara Retur
Cara Pengiriman Pencarian
· Klik Checkout menuju ke form M16
· Klik Home menuju ke form M01
· Klik Kategori menuju ke form M02
· Klik Tentang Kami menuju ke form M03
· Klik kontak kami menuju ke form M04
· Klik cara Berbelanja menuju ke form M05
· Klik cara Pembayaran menuju ke form M06
· Klik cara Pengiriman menuju ke form M07
· Klik cara Retur menuju ke form M08
· Klik Order menuju ke M18 · Klik retur menuju ke form M20
· Klik kembali menuju ke M12 · Klik Lanjutkan menuju ke M17
Banner Home
Kategori Tentang Kami
Kotak Kami My Account
Keranjang Informasi Pengiriman
Edit Profile
keranjang Order
Retur Logout
Alamat Jasa Pengiriman
Pilihan Nama
Alamat Provinsi
Kota Kode Pos
No Telpon kembali
Lanjutkan Support
JNE Tracking
Gambar 3.93 Form Informasi Pengiriman
p. Form Rincian Biaya
M17 Cara Belanja
Cara Pembayaran Cara Retur
Cara Pengiriman Pencarian
· Klik Home menuju ke form M01
· Klik Kategori menuju ke form M02
· Klik Tentang Kami menuju ke form M03
· Klik kontak kami menuju ke form M04
· Klik cara Berbelanja menuju ke form M05
· Klik cara Pembayaran menuju ke form M06
· Klik cara Pengiriman menuju ke form M07
· Klik cara Retur menuju ke form M08
· Klik Order menuju ke M18 · Klik retur menuju ke form M20
Banner Home
Kategori Tentang Kami
Kotak Kami
Rincian Biaya
Data Barang Data Pengiriman
Nama Alamat
Provinsi Kota
Kode Pos No Telpon
selesai
Tabel rincian produk
Jasa Pengiriman
Rincian Total
Total beli barang Total Ekspedisi
Total Pembelian
Data Pembayaran
Jenis Pembayaran My Account
Edit Profile
keranjang Order
Retur Logout
Support JNE Tracking
Keranjang
Gambar 3.94 Form Rincian Biaya q. Form Order
M19 Cara Belanja
Cara Pembayaran Cara Retur
Cara Pengiriman Pencarian
· Klik order menuju ke form
M19 ·
Klik Home menuju ke form M01
· Klik Kategori menuju ke form
M02 ·
Klik Tentang Kami menuju ke form M03
· Klik kontak kami menuju ke
form M04 ·
Klik cara Berbelanja menuju ke form M05
· Klik cara Pembayaran menuju
ke form M06 ·
Klik cara Pengiriman menuju ke form M07
· Klik cara Retur menuju ke form
M08 ·
Klik Keranjang menuju ke form M12
· Klik retur menuju ke form M20
Banner Home
Kategori Tentang Kami
Kotak Kami My Account
Keranjang
Pembayaran
Edit Profile
keranjang Order
Retur Logout
Detail Order
Data Pengiriman
Nama Alamat
Provinsi Kota
Kode Pos No Telpon
Jasa Pengiriman
Rincian Total
Total beli barang Total Ekspedisi
Total Pembelian
Data Pembayaran
No order tanggal
ekspedisi Barang yang di order
Tabel detail Produk
Nama tanggal
Bank tujuan No Refrensi
bayar Support
JNE Tracking
Gambar 3.95 Form Order
r. Form retur
M20 Cara Belanja
Cara Pembayaran Cara Retur
Cara Pengiriman Pencarian
· Klik Retur menuju ke form M20
· Klik Home menuju ke form M01
· Klik Kategori menuju ke form M02
· Klik Tentang Kami menuju ke form M03
· Klik kontak kami menuju ke form M04
· Klik cara Berbelanja menuju ke form M05
· Klik cara Pembayaran menuju ke form M06
· Klik cara Pengiriman menuju ke form M07
· Klik cara Retur menuju ke form M08
· Klik Keranjang menuju ke form M12
· Klik Order menuju ke M18 Banner
Home Kategori
Tentang Kami Kotak Kami
Retur barang
Tabel Retur
My Account Edit Profile
keranjang Order
Retur Logout
Support JNE Tracking
Keranjang
Gambar 3.96 Form Retur
3.1.7.6.1 Perancangan Antar Muka Message
Data Tidak Boleh Kosong W01
Data Berhasil di Simpan W03
Data Berhasil Di Edit
Data Berhasil Ditemukan W02
W04 Silahkan masukkan
kata kunci pencarian terlebih dahulu
W05 Data Berhasil dihapus
W06
Periksa kembali username dan password anda
W07
Gambar 3.97 Form Message Box
3.1.7.6.2 Jaringan Semantik
Jaringan semantik menggambarkan keterhubungan nagivasi menu dari satu halaman ke halaman lainnya. Jaringan semantik pada Aplikasi E-Commerce di
Toko MS Computer Subang terbagi menjadi dua bagian yaitu jaringan semantik untuk tampilan admin dan jaringan semantik untuk tampilan member.
a. Jaringan Semantik Admin
Jaringan Semantik untuk menampilkan halaman administrator dapat dilihat pada Gambar 3.70 pada halaman berikutnya :
A01
A02
L o
gi n
a d
m in
A03
A05 A06
A07 A08
A09
M as
te r
me m
be r
M aster
ka teg
ori
A23
tambah kategor
i M
as te
r s ub
k ate
go ri
A24
tambah sub ka
tegor i
Ma ste
r w ar
na
A25
ta mb
ah wa
rna Mas
ter merk
A26
ta m
b a
h m
e rk
Master pa
ke t
A27
tamb ah
pak et
A10
Ma ster
prod uk
A11
Mas ter
prov ins
i
A28
ta mb
ah p
rod uk
A29
ta mb
ah pro
vin si
A12
M as
ter k
ot a
A30
ta m
ba h k
ot a
A13
M as
ter b
a nk
A31
ta mba
h b an
k
A14
Master Ongkos ki rim
A32
tambah Ongkos kirim
A15 A16
M as
te r P
et un
ju k
Mas ter B
anne r
A36 A35
T ra
n s
a ksi
R e
tu r
T rans
a k
s i or
de r
A33 A22
tam ba
h me
mb er
tam ba
h pe
tun juk
A34
tam bah
ban ner
Gambar 3.98 Jaringan semantik untuk tampilan halaman admin
Keterangan :
A01 form login A02 home admin
A03 form master member A05 form master kategori
A06 form master sub kategori A07 form master warna
A08 form master merk A09 form master paket
A10 form master produk A11 form master provinsi
A12 form master kota A13 form master bank
A14 form master ongkos kirim A15 form master petunjuk
A16 form master banner A22 form tambah member
A23 form tambah kategori A24 form tambah sub kategori
A25 form tambah warna A26 form tambah merk
A27 form tambah paket A28 form tambah produk
A29 form tambah provinsi A30 form tambah kota
A31 form tambah bank A32 form tambah ongkos kirim
A33 form tambah petunjuk A34 form tambah banner
A35 form transaksi order A36 form transaksi retur
b. Jaringan Semantik Pengunjung
Jaringan semantik untuk menampilkan halaman Pengunjung dapat dilihat pada Gambar 3.71 berikut :
P01 P02
Form kate gori
P03
F o
rm te
n ta
n g
k a
m i
P04
Fo rm
k on
ta k k
am i
P05
For m c
ara bel
an ja
P06
For m c
ara pem
ba ya
ra n
P07
Fo rm
c ar
a pen
gi rim
an
P08
Fo rm
c a
ra re
tu r
P09
F o
rm d
a ft
a r
P10
F or
m lup
a pa
ss w
or d
P11
For m L
ogi n
Gambar 3.99 Jaringan semantik untuk tampilan halaman Pengunjung Keterangan
: P01 home Pengunjung
P02 form kategori P03 form tentang kami
P04 form kontak kami P05 form cara belanja
P06 form cara pembayaran P07 form cara pengiriman
P08 form cara retur P09 form daftar
P10 form lupa password P11 form login
c. Jaringan Semantik Member
Jaringan semantik untuk menampilkan halaman Member dapat dilihat pada Gambar 3.72 berikut :
M01 M02
M03 M04
M05 M06
M07 M08
M09 M10
M11 M12
M13 M14
For m
k atego
ri F
orm T
en tan
g kam
i Fo
rm K on
ta k
ka m
i Form
Cara be
rbe lan
ja Form
Cara peng
iriman Form
Cara pem
bay aran
Fo rm
C ara
re tu
r F
o rm
p e
n d
a fta
ra n
F o
rm lu
pa p
a ss
w o
rd Form
log in
Fo rm s
ho pin
g c art
Fo rm
Ed it
pr of
ile Form
g a
nti pa sswor
d
M16
Info rm
asi pe
ng irim
an
M17
Infor mas
i ri
nc ian bi
ay a
M20
retu r
M19
Form Order
Gambar 3.100 Jaringan semantik untuk tampilan halaman Member
Keterangan: M01 home member
M02 form kategori M03 form tentang kami
M04 form kontak kami M05 form cara belanja
M06 form cara pembayaran M07 form cara pengiriman
M08 form cara retur M09 form pendaftaran
M10 form lupa password M11 form login
M12 form shoping cart M13 form edit profile
M14 form ganti password M16 form informasi pengiriman
M17 form rincian biaya M19 form order
M20 form retur
3.1.7.7 Perancangan prosedural