Perancangan Antar Muka Analisis Kebutuhan Fungsional

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