Perancangan Arsitektur Membangun Aplikasi E-Commerce Pada Deniteashop

Tabel 3.106 Tabel Transaksi lanjutkan Nama Field Type Data Ukuran Kunci Keterangan status_transaksi enum Belum Dibayar, Sudah Dibayar, Dikonfirm asi, Dibatalkan Status transaksi status_pengiriman enum Belum dikirim, Sudah dikirim, Diterima Status pengiriman tanggal_pesan date Tanggal dilakukan pemesanan tanggal_exp date Tanggal batas akhir pembayaran resi varchar 50 No resi pengiriman tanggal_terima date Tanggal barang diterima

3.3 Perancangan Arsitektur

Perancangan arsitektur merupakan perancangan yang dibuat sebelum program aplikasi dibuat. Dengan perancangan arsitektur akan mempermudah proses pembangunan aplikasi E-Commerce di DENITEASHOP.

3.3.1 Perancangan Struktur Menu

Perancangan struktur menu berisikan menu dan submenu yang berfungsi memudahkan user didalam menggunakan aplikasi. Menu-menu tersebut dibagi berdasarkan hak akses masing-masing user. Berikut ini gambaran mengenai struktur menu aplikasi e-commerce. 1. Struktur Menu Pengunjung Gambar 3.31 Struktur Menu Pengunjung 2. Struktur Menu Member Gambar 3.32 Struktur menu member 3. Struktur Menu Admin Gambar 3.33 Struktur Menu Admin

3.3.2 Perancangan Antar Muka

Interface atau antar muka merupakan tampilan dari suau program aplikasi yang berperan sebagai media komunikasi yang digunakan sebagai sarana berdialog antara program dengan user. Sistem yang akan dibangun diharapkan menyediakan interface yang mudah dipahami dan digunakan oleh user. Perancangan interface untuk aplikasi E-Commerce pada DENITEASHOP adalah sebagai berikut.

3.3.2.1 Perancangan Antarmuka Pengunjung

1. Halaman utama Ukuran window dengan lebar 1000px dan tinggi sesuai dengan konten yang ditampilkan Warna tulisan putih dengan background gelap serta hitam dengan background oranye Font size 10-18px U01 HEADER Beranda Info Login Daftar Produk terbaru Pencarian Cari Subkategori Daftar subkategori Merek Daftar merek Gambar [nama produk] Info produk Tambah keranjang Footer Gambar [nama produk] Info produk Tambah keranjang Customer Support Support Info Kurs Info Kurs Produk terlaris · Klik Beranda Menuju U01 · Klik Info Menuju U06 · Klik Login Menuju U03 · Klik Daftar menuju U05 · Klik Nama produk Menuju U02 Gambar [nama produk] Info produk Tambah keranjang Produk Terbanyak Dilihat Gambar 3.34 Halaman utama 2. Halaman detail produk Ukuran window dengan lebar 1000px dan tinggi sesuai dengan konten yang ditampilkan Warna tulisan putih dengan background gelap serta hitam dengan background oranye Font size 10-18px U02 HEADER Beranda Info Login Daftar Detail [nama produk] Pencarian Cari Subkategori Daftar subkategori Merek Daftar merek Footer Customer Support Support Info Kurs Info Kurs Keranjang belanja Keranjang belanja gambar Detail produk Galeri produk gambar gambar Rating bagus Rating jelek Icon tambah keranjang · Klik Beranda Menuju U01 · Klik Info Menuju U06 · Klik Login Menuju U03 · Klik Daftar menuju U05 Gambar 3.35 halaman detail produk 3. Halaman Login Ukuran window dengan lebar 1000px dan tinggi sesuai dengan konten yang ditampilkan Warna tulisan putih dengan background gelap serta hitam dengan background oranye Font size 10-18px U03 HEADER Beranda Info Login Daftar Login Footer Username Password Login Lupa password | Daftar · Klik Beranda Menuju U01 · Klik Info Menuju U06 · Klik Login Menuju U03 · Klik Daftar menuju U05 Gambar 3.36 Halaman Login 4. Halaman Lupa Password Ukuran window dengan lebar 1000px dan tinggi sesuai dengan konten yang ditampilkan Warna tulisan putih dengan background gelap serta hitam dengan background oranye Font size 10-18px U04 HEADER Beranda Info Login Daftar Pemulihan Password Footer Email Anda Submit · Klik Beranda Menuju U01 · Klik Info Menuju U06 · Klik Login Menuju U03 · Klik Daftar menuju U05 Gambar 3.37 Halaman Lupa password 5. Halaman Daftar Ukuran window dengan lebar 1000px dan tinggi sesuai dengan konten yang ditampilkan Warna tulisan putih dengan background gelap serta hitam dengan background oranye Font size 10-18px U05 HEADER Beranda Info Login Daftar Daftar Footer Nama Lengkap Username Email Password Ulang Password Alamat Provinsi Kota Kodepos Nomer telfon Kode Captcha Daftar Reset · Klik Beranda Menuju U01 · Klik Info Menuju U06 · Klik Login Menuju U03 · Klik Daftar menuju U05 Gambar 3.38 Halaman Daftar 6. Halaman Daftar Artikel Ukuran window dengan lebar 1000px dan tinggi sesuai dengan konten yang ditampilkan Warna tulisan putih dengan background gelap serta hitam dengan background oranye Font size 10-18px U06 HEADER Beranda Info Profile Loguout Daftar Artikel Footer Artikel 1 Artikel 2 Artikel 3 · Klik Beranda Menuju U01 · Klik Info Menuju U06 · Klik Login Menuju U03 · Klik Daftar menuju U05 · Klik Judul Artikel menuju U07 Gambar 3.39 Halaman Daftar Artikel 7. Halaman Artikel Ukuran window dengan lebar 1000px dan tinggi sesuai dengan konten yang ditampilkan Warna tulisan putih dengan background gelap serta hitam dengan background oranye Font size 10-18px U07 HEADER Beranda Info Profile Logout [JUDUL ARTIKEL] Footer ISI ARTIKEL · Klik Beranda Menuju U01 · Klik Info Menuju U06 · Klik Login Menuju U03 · Klik Daftar menuju U05 Gambar 3.40 Halaman Artikel

3.3.2.2 Perancangan Antarmuka Member

1. Halaman Utama Ukuran window dengan lebar 1000px dan tinggi sesuai dengan konten yang ditampilkan Warna tulisan putih dengan background gelap serta hitam dengan background oranye Font size 10-18px T01 HEADER Beranda Info Profile Logout Produk terbaru Pencarian Cari Subkategori Daftar subkategori Merek Daftar merek Gambar [nama produk] Info produk Tambah keranjang Footer Gambar [nama produk] Info produk Tambah keranjang Customer Support Support Info Kurs Info Kurs Keranjang belanja Keranjang belanja Produk terlaris · Klik Beranda Menuju T01 · Klik Info Menuju T03 · Klik Profile Menuju T05 · Klik Logout Untuk Keluar · Klik Tambah Keranjang Memunculkan M01 · Klik Nama Produk Gambar Menuju T02 · Klik Keranjang Belanja Menuju T10 Gambar 3.41 Halaman Utama 2. Detail Produk Ukuran window dengan lebar 1000px dan tinggi sesuai dengan konten yang ditampilkan Warna tulisan putih dengan background gelap serta hitam dengan background oranye Font size 10-18px T02 HEADER Beranda Info Profile Logout Detail [nama produk] Pencarian Cari Subkategori Daftar subkategori Merek Daftar merek Footer Customer Support Support Info Kurs Info Kurs Keranjang belanja Keranjang belanja gambar Detail produk Galeri produk gambar gambar Rating bagus Rating jelek Icon tambah keranjang · Klik Beranda Menuju T01 · Klik Info Menuju T03 · Klik Profile Menuju T05 · Klik Logout Untuk Keluar · Klik Tambah Keranjang Memunculkan M01 · Klik Keranjang Belanja Menuju T10 Gambar 3.42 Detail Produk 3. Daftar Artikel Ukuran window dengan lebar 1000px dan tinggi sesuai dengan konten yang ditampilkan Warna tulisan putih dengan background gelap serta hitam dengan background oranye Font size 10-18px T03 HEADER Beranda Info Profile Loguout Daftar Artikel Footer Artikel 1 Artikel 2 Artikel 3 · Klik Beranda Menuju T01 · Klik Info Menuju T03 · Klik Profile Menuju T05 · Klik Logout untuk keluar · Klik Judul Artikel Menuju T04 Gambar 3.43 Daftar Artikel 4. Artikel Ukuran window dengan lebar 1000px dan tinggi sesuai dengan konten yang ditampilkan Warna tulisan putih dengan background gelap serta hitam dengan background oranye Font size 10-18px T04 HEADER Beranda Info Profile Logout [JUDUL ARTIKEL] Footer ISI ARTIKEL · Klik Beranda Menuju T01 · Klik Info Menuju T03 · Klik Profile Menuju T05 · Klik Logout untuk keluar Gambar 3.44 Artikel 5. Profile Ukuran window dengan lebar 1000px dan tinggi sesuai dengan konten yang ditampilkan Warna tulisan biru dengan background putih Font size 10-18px T05 HEADER Beranda Info Profile Logout Profile Footer [Nama Member] Username : [username Member] Profile Histori Transaksi Klaim Retur Data Retur Nama Username No Telpon Alamat Kodepos : : : : : [Nama] [Username] [No Telpon] [Alamat] [Kodepos] Edit Profil · Klik Beranda Menuju T01 · Klik Info Menuju T03 · Klik Profile Menuju T05 · Klik Logout Untuk Keluar · Klik Edit Profile menuju T06 · Klik Histori Transaksi Menuju T07 · Klik Klaim Retur MenujuT09 · Klik Data Retur Menuju T14 Gambar 3.45 Halaman Profile 6. Edit Profile Ukuran window dengan lebar 1000px dan tinggi sesuai dengan konten yang ditampilkan Warna tulisan biru dengan background putih Font size 10-18px T06 HEADER Beranda Info Profile Logout Profile Footer [Nama Member] Username : [username Member] Profile Histori Transaksi Klaim Retur Data Retur Email Nama No Telpon Alamat Provinsi Kota Kodepos Password Lama Password Baru Konfirmasi Password baru Batalkan Reset Simpan · Klik Beranda Menuju T01 · Klik Info Menuju T03 · Klik Profile Menuju T05 · Klik Logout Untuk Keluar · Klik Simpan Menuju T05 · Klik Histori Transaksi Menuju T07 · Klik Klaim Retur MenujuT09 · Klik Data Retur Menuju T14 Gambar 3.46 Halaman Edit Profil 7. Histori transaksi Ukuran window dengan lebar 1000px dan tinggi sesuai dengan konten yang ditampilkan Warna tulisan biru dengan background putih Font size 10-18px T07 HEADER Beranda Info Profile Logout Profile Footer [Nama Member] Username : [username Member] Profile Histori Transaksi Klaim Retur Data Retur Pencarian Filter Data Cari Filter Id transaksi Nama Total Bayar Tanggal Pesan Tanggal Expired Status Transaksi Status Pengiriman [Id] [Nama] [Total Bayar] [Tanggal Pesan] [Tanggal Expired] [Status Transaksi] [Status Pengiriman] Detail · Klik Beranda Menuju T01 · Klik Info Menuju T03 · Klik Profile Menuju T05 · Klik Logout Untuk Keluar · Klik Histori Transaksi Menuju T07 · Klik Klaim Retur MenujuT09 · Klik Data Retur Menuju T14 · Klik Detail Menuju T08 Gambar 3.47 Histori Transaksi 8. Detail Transaksi Ukuran window dengan lebar 1000px dan tinggi sesuai dengan konten yang ditampilkan Warna tulisan biru dengan background putih Font size 10-18px T08 HEADER Beranda Info Profile Logout Profile Footer [Nama Member] Username : [username Member] Profile Histori Transaksi Klaim Retur Data Retur Id transaksi Nama Pemesan Dikirimkan kepada Alamat penerima Total Harga Tanggal Pesan Tanggal Expired Status Pembayran Status Transkasi Status Pengiriman Resi Id produk Nama Produk warna ukuran qty sub berat Subtotal · Klik Beranda Menuju T01 · Klik Info Menuju T03 · Klik Profile Menuju T05 · Klik Logout Untuk Keluar · Klik Histori Transaksi Menuju T07 · Klik Klaim Retur MenujuT09 · Klik Data Retur Menuju T14 Gambar 3.48 Detail Transaksi 9. Klaim retur Ukuran window dengan lebar 1000px dan tinggi sesuai dengan konten yang ditampilkan Warna tulisan biru dengan background putih Font size 10-18px T09 HEADER Beranda Info Profile Logout Profile Footer [Nama Member] Username : [username Member] Profile Histori Transaksi Klaim Retur Data Retur Pencarian Cari Id transaksi Nama Total Bayar Tanggal Pesan Tanggal Expired Status Transaksi Status Pengiriman [Id] [Nama] [Total Bayar] [Tanggal Pesan] [Tanggal Expired] [Status Transaksi] [Status Pengiriman] Retur Syarat Retur · Klik Beranda Menuju T01 · Klik Info Menuju T03 · Klik Profile Menuju T05 · Klik Logout Untuk Keluar · Klik Histori Transaksi Menuju T07 · Klik Klaim Retur MenujuT09 · Klik Data Retur Menuju T14 · Klik Retur Menuju T10 Gambar 3.49 Klaim Retur 10. Keranjang belanaja Ukuran window dengan lebar 1000px dan tinggi sesuai dengan konten yang ditampilkan Warna tulisan putih dengan background gelap serta hitam dengan background oranye Font size 10-18px T10 HEADER Beranda Info Profile Logout Keranjang Belanja Pencarian Cari Subkategori Daftar subkategori Merek Daftar merek Footer Customer Support Support Info Kurs Info Kurs Keranjang belanja Keranjang belanja No | Nama Produk | Warna | Ukuran | Harga | Diskon | harga diskon | qty | Subtotal | Subberat No | Nama Produk | Warna | Ukuran | Harga | Diskon | harga diskon | qty | Subtotal | Subberat Kembali Belanja Lengkapi Data Pengiriman Data Pengiriman Nama Penerima No Telfon Alamat Kodepos Jenis Pengiriman Provinsi Kabkota Ongkos Kirim Perkilo Total Ongkos Kirim Reset CheckOut · Klik Beranda Menuju T01 · Klik Info Menuju T03 · Klik Profile Menuju T05 · Klik Logout Untuk Keluar · Klik Tambah Keranjang Memunculkan M04 · Klik Nama Produk Gambar Menuju T02 · Klik Keranjang Belanja Menuju T10 · Klik Kembali Belanja Menuju T01 · Klik Checkout Menuju T11 Gambar 3.50 Keranjang Belanja 11. Selesai belanja Ukuran window dengan lebar 1000px dan tinggi sesuai dengan konten yang ditampilkan Warna tulisan putih dengan background gelap serta hitam dengan background oranye Font size 10-18px T11 HEADER Beranda Info Profile Logout Konfirmasi Online Melalui Pencarian Cari Subkategori Daftar subkategori Merek Daftar merek Footer Customer Support Support Info Kurs Info Kurs Keranjang belanja Keranjang belanja No Transaksi Anda = [no transaksi] Barang Akan Dikirim Kepada Penerima berikut Nama : [nama] Alamat : [alamat] TelpHp : [telpon] Berikut Detail Pesanan Anda Id Produk | Nama Produk | Warna | Ukuran | Qty | Subberat | Subtotal Id Produk | Nama Produk | Warna | Ukuran | Qty | Subberat | Subtotal Total [total] Ongkos Kirim [ongkos] Total Bayar [totalbayar] Paypal Atau Transfer Melalui Bank Bank Bank · Klik Beranda Menuju T01 · Klik Info Menuju T03 · Klik Profile Menuju T05 · Klik Logout Untuk Keluar · Klik Tambah Keranjang Memunculkan M04 · Klik Nama Produk Gambar Menuju T02 · Klik Keranjang Belanja Menuju T10 · Klik Paypal Menuju Website Paypal · Klik Bak Menuju T12 Gambar 3.51 Selesai Belanja 12. Konfirmasi Pembayaran Ukuran window dengan lebar 1000px dan tinggi sesuai dengan konten yang ditampilkan Warna tulisan putih dengan background gelap serta hitam dengan background oranye Font size 10-18px T12 HEADER Beranda Info Profile Logout Konfirmasi Pembayaran Melalui transfer Pencarian Cari Subkategori Daftar subkategori Merek Daftar merek Footer Customer Support Support Info Kurs Info Kurs Keranjang belanja Keranjang belanja No Transaksi Bayar Dengan Jumlah Yang Harus Dibayar Jumlah Pembayaran Tanggal Transfer Bank Tujuan Bank Asal No Rekening Anda Nama Pemilik Rekening Transfer Antar Bank Transfer Tunai [Total Bayar] Konfirmasi · Klik Beranda Menuju T01 · Klik Info Menuju T03 · Klik Profile Menuju T05 · Klik Logout Untuk Keluar · Klik Tambah Keranjang Memunculkan M04 · Klik Nama Produk Gambar Menuju T02 · Klik Keranjang Belanja Menuju T10 Gambar 3.52 Konfirmasi Pembayaran 13. Form retur Ukuran window dengan lebar 1000px dan tinggi sesuai dengan konten yang ditampilkan Warna tulisan biru dengan background putih Font size 10-18px T13 HEADER Beranda Info Profile Logout Profile Footer [Nama Member] Username : [username Member] Profile Histori Transaksi Klaim Retur Data Retur Form Retur Id Transaksi Id produk Nama produk Warna Ukuran Kuantitasa Alasan Retur Lampirkan Gambar Pilih Kirim · Klik Beranda Menuju T01 · Klik Info Menuju T03 · Klik Profile Menuju T05 · Klik Logout Untuk Keluar · Klik Histori Transaksi Menuju T07 · Klik Klaim Retur MenujuT09 · Klik Data Retur Menuju T14 Gambar 3.53 Form Retur 14. Data retur Ukuran window dengan lebar 1000px dan tinggi sesuai dengan konten yang ditampilkan Warna tulisan biru dengan background putih Font size 10-18px T14 HEADER Beranda Info Profile Logout Profile Footer [Nama Member] Username : [username Member] Profile Histori Transaksi Klaim Retur Data Retur Pencarian Filter Data Cari Filter Id retur | Nama Produk | Warna | Ukuran | Qty | Tanggal Pengajuan | Status [Id retur] | [Nama Produk] | [Warna] | [Ukuran] | [Qty] | [Tanggal Pengajuan] | [Status] Cetak dokumen retur · Klik Beranda Menuju T01 · Klik Info Menuju T03 · Klik Profile Menuju T05 · Klik Logout Untuk Keluar · Klik Edit Profile menuju T06 · Klik Histori Transaksi Menuju T07 · Klik Klaim Retur MenujuT09 · Klik Data Retur Menuju T14 Gambar 3.54 Data Retur

3.3.2.3 Perancangan Antarmuka Admin

1. Login admin Ukuran window dengan lebar 1000px dan tinggi sesuai dengan konten yang ditampilkan Warna tulisan hitam dengan background Hitam Font size 10-18px A01 HEADER Footer Username Password Login · Tekan Login Akan Menuju A02 Gambar 3.55 Login Admin 2. Beranda Ukuran window dengan lebar 1000px dan tinggi sesuai dengan konten yang ditampilkan Warna tulisan hitam dengan background Hitam Font size 10-18px A02 HEADER Footer · Klik profil menuju · Klik home menuju A02 · Klik Logout menuju · Klik Data kategori menuju A03 · Klik Data subkategori menuju A04 · Klik Data merek menuju A05 · Klik Data produk menuju A06 · Klik Data provinsi menuju A10 · Klik Data kota menuju A11 · Klik Jasakirim menuju A12 · Klik Data Ongkos menuju A13 · Klik Matauang menuju A14 · Klik Bank menuju A32 · Klik Data member menuju A16 · Klik Transaksi menuju A17 · Klik Retur menuju A23 · Klik Laporan Produk Menuju A24 · Klik Laporan Transaksi Menuju A26 · Klik Laporan Pesanan Menuju A33 · Klik Backup menuju A28 · Klik Restore Menuju A29 · Klik Buat Baru menuju A30 · Klik Daftar Halaman menuju A31 · Klik Logout Keluar sebagai admin Selamat datang [nama admin] [nama admin] Home Logout Data Master Data Kategori Data subkategori Data Merek Data produk Data provinsi Data kota Data jasakirim Data ongkos Matauang Data Member Data member Data Transaksi Data Transaksi Retur Laporan Produk Transaksi Backup Restore Backup Restore Halaman Buat Baru Daftar Halaman Bank Profil Pemesanan Gambar 3.56 Beranda 3. Pengolahan Kategori Ukuran window dengan lebar 1000px dan tinggi sesuai dengan konten yang ditampilkan Warna tulisan hitam dengan background Putih Font size 10-18px A03 HEADER Footer Pengolahan Kategori Pencarian Bardasarkan Kategori Icon tambah kategori id Nama Kategori Aksi Ubah Hapus · Klik profil menuju · Klik home menuju A02 · Klik Logout menuju · Klik Data kategori menuju A03 · Klik Data subkategori menuju A04 · Klik Data merek menuju A05 · Klik Data produk menuju A06 · Klik Data provinsi menuju A10 · Klik Data kota menuju A11 · Klik Jasakirim menuju A12 · Klik Data Ongkos menuju A13 · Klik Matauang menuju A14 · Klik Bank menuju A32 · Klik Data member menuju A16 · Klik Transaksi menuju A17 · Klik Retur menuju A23 · Klik Laporan Produk Menuju A24 · Klik Laporan Transaksi Menuju A26 · Klik Laporan Pesanan Menuju A33 · Klik Backup menuju A28 · Klik Restore Menuju A29 · Klik Buat Baru menuju A30 · Klik Daftar Halaman menuju A31 · Klik Logout Keluar sebagai admin · Klik Tambah Memunculkan M06 · Klik Ubah Memunculkan M07 · Klik Hapus Memunculkan M08 [nama admin] Home Logout Data Master Data Kategori Data subkategori Data Merek Data produk Data provinsi Data kota Data jasakirim Data ongkos Matauang Data Member Data member Data Transaksi Data Transaksi Retur Laporan Produk Transaksi Backup Restore Backup Restore Halaman Buat Baru Daftar Halaman Bank Profil Pemesanan Gambar 3.57 Pengolahan Kategori 4. Pengolahan Subkategori Ukuran window dengan lebar 1000px dan tinggi sesuai dengan konten yang ditampilkan Warna tulisan hitam dengan background Putih Font size 10-18px A04 HEADER Footer Pengolahan subkategori Pencarian Bardasarkan Subkategori Icon tambah subkategori id Nama subkategori Aksi Ubah Hapus Kategori · Klik profil menuju · Klik home menuju A02 · Klik Logout menuju · Klik Data kategori menuju A03 · Klik Data subkategori menuju A04 · Klik Data merek menuju A05 · Klik Data produk menuju A06 · Klik Data provinsi menuju A10 · Klik Data kota menuju A11 · Klik Jasakirim menuju A12 · Klik Data Ongkos menuju A13 · Klik Matauang menuju A14 · Klik Bank menuju A32 · Klik Data member menuju A16 · Klik Transaksi menuju A17 · Klik Retur menuju A23 · Klik Laporan Produk Menuju A24 · Klik Laporan Transaksi Menuju A26 · Klik Laporan Pesanan Menuju A33 · Klik Backup menuju A28 · Klik Restore Menuju A29 · Klik Buat Baru menuju A30 · Klik Daftar Halaman menuju A31 · Klik Logout Keluar sebagai admin · Klik Tambah Memunculkan M10 · Klik Ubah Memunculkan M11 · Klik Hapus Memunculkan M12 [nama admin] Home Logout Data Master Data Kategori Data subkategori Data Merek Data produk Data provinsi Data kota Data jasakirim Data ongkos Matauang Data Member Data member Data Transaksi Data Transaksi Retur Laporan Produk Transaksi Backup Restore Backup Restore Halaman Buat Baru Daftar Halaman Bank Profil Pemesanan Gambar 3.58 Pengolahan Subkategori 5. Pengolahan Merek Ukuran window dengan lebar 1000px dan tinggi sesuai dengan konten yang ditampilkan Warna tulisan hitam dengan background Putih Font size 10-18px A05 HEADER Footer Pengolahan Merek Pencarian Bardasarkan Merek Icon tambah merek id Nama merek Aksi Ubah Hapus · Klik profil menuju · Klik home menuju A02 · Klik Logout menuju · Klik Data kategori menuju A03 · Klik Data subkategori menuju A04 · Klik Data merek menuju A05 · Klik Data produk menuju A06 · Klik Data provinsi menuju A10 · Klik Data kota menuju A11 · Klik Jasakirim menuju A12 · Klik Data Ongkos menuju A13 · Klik Matauang menuju A14 · Klik Bank menuju A32 · Klik Data member menuju A16 · Klik Transaksi menuju A17 · Klik Retur menuju A23 · Klik Laporan Produk Menuju A24 · Klik Laporan Transaksi Menuju A26 · Klik Laporan Pesanan Menuju A33 · Klik Backup menuju A28 · Klik Restore Menuju A29 · Klik Buat Baru menuju A30 · Klik Daftar Halaman menuju A31 · Klik Logout Keluar sebagai admin · Klik Tambah Memunculkan M14 · Klik Ubah Memunculkan M15 · Klik Hapus Memunculkan M16 [nama admin] Home Logout Data Master Data Kategori Data subkategori Data Merek Data produk Data provinsi Data kota Data jasakirim Data ongkos Matauang Data Member Data member Data Transaksi Data Transaksi Retur Laporan Produk Transaksi Backup Restore Backup Restore Halaman Buat Baru Daftar Halaman Bank Profil Pemesanan Gambar 3.59 Pengolahan Merek 6. Pengolahan Produk Ukuran window dengan lebar 1000px dan tinggi sesuai dengan konten yang ditampilkan Warna tulisan hitam dengan background Putih Font size 10-18px A06 HEADER Footer Pengolahan Produk Pencarian Bardasarkan Produk Icon tambah produk id Nama Aksi Ubah Hapus Harga Diskon Detail · Klik profil menuju · Klik home menuju A02 · Klik Logout menuju · Klik Data kategori menuju A03 · Klik Data subkategori menuju A04 · Klik Data merek menuju A05 · Klik Data produk menuju A06 · Klik Data provinsi menuju A10 · Klik Data kota menuju A11 · Klik Jasakirim menuju A12 · Klik Data Ongkos menuju A13 · Klik Matauang menuju A14 · Klik Bank menuju A32 · Klik Data member menuju A16 · Klik Transaksi menuju A17 · Klik Retur menuju A23 · Klik Laporan Produk Menuju A24 · Klik Laporan Transaksi Menuju A26 · Klik Laporan Pesanan Menuju A33 · Klik Backup menuju A28 · Klik Restore Menuju A29 · Klik Buat Baru menuju A30 · Klik Daftar Halaman menuju A31 · Klik Logout Keluar sebagai admin · Klik Detail Menuju A07 · Klik Tambah Menuju A08 · Klik Ubah Menuju A09 · Klik Hapus menuju M17 [nama admin] Home Logout Data Master Data Kategori Data subkategori Data Merek Data produk Data provinsi Data kota Data jasakirim Data ongkos Matauang Data Member Data member Data Transaksi Data Transaksi Retur Laporan Produk Transaksi Backup Restore Backup Restore Halaman Buat Baru Daftar Halaman Bank Profil Pemesanan Gambar 3.60 Pengolahan Produk 7. Detail Produk Ukuran window dengan lebar 1000px dan tinggi sesuai dengan konten yang ditampilkan Warna tulisan hitam dengan background Hitam Font size 10-18px A07 HEADER Footer Detail Produk [Nama Produk] Ubah Produk Daftar Produk Gambar Informasi produk Nama Kategori Subkategori Merek Harga Diskon Tampilkan Deskripsi [Nama]] [Kategori] [Subkategori] [Merek] [Harga] [Diskon] [Tampilkan] [Deskripsi] Detail warna dan stok Galeri Gambar Gambar Tambah Gambar · Klik profil menuju · Klik home menuju A02 · Klik Logout menuju · Klik Data kategori menuju A03 · Klik Data subkategori menuju A04 · Klik Data merek menuju A05 · Klik Data produk menuju A06 · Klik Data provinsi menuju A10 · Klik Data kota menuju A11 · Klik Jasakirim menuju A12 · Klik Data Ongkos menuju A13 · Klik Matauang menuju A14 · Klik Bank menuju A32 · Klik Data member menuju A16 · Klik Transaksi menuju A17 · Klik Retur menuju A23 · Klik Laporan Produk Menuju A24 · Klik Laporan Transaksi Menuju A26 · Klik Laporan Pesanan Menuju A33 · Klik Backup menuju A28 · Klik Restore Menuju A29 · Klik Buat Baru menuju A30 · Klik Daftar Halaman menuju A31 · Klik Logout Keluar sebagai admin [nama admin] Home Logout Data Master Data Kategori Data subkategori Data Merek Data produk Data provinsi Data kota Data jasakirim Data ongkos Matauang Data Member Data member Data Transaksi Data Transaksi Retur Laporan Produk Transaksi Backup Restore Backup Restore Halaman Buat Baru Daftar Halaman Bank Profil Pemesanan Gambar 3.61 Detail Produk 8. Tambah Produk Ukuran window dengan lebar 1000px dan tinggi sesuai dengan konten yang ditampilkan Warna tulisan hitam dengan background Hitam Font size 10-18px A08 HEADER Footer Tambah Produk Informasi Dasar Kategori Subkategori Merek Nama Produk Harga Diskon Deskripsi Gambar Pilih Detail Produk Warna Ukuran Stok Berat Simpan Reset Batalkan · Klik profil menuju · Klik home menuju A02 · Klik Logout menuju · Klik Data kategori menuju A03 · Klik Data subkategori menuju A04 · Klik Data merek menuju A05 · Klik Data produk menuju A06 · Klik Data provinsi menuju A10 · Klik Data kota menuju A11 · Klik Jasakirim menuju A12 · Klik Data Ongkos menuju A13 · Klik Matauang menuju A14 · Klik Bank menuju A32 · Klik Data member menuju A16 · Klik Transaksi menuju A17 · Klik Retur menuju A23 · Klik Laporan Produk Menuju A24 · Klik Laporan Transaksi Menuju A26 · Klik Laporan Pesanan Menuju A33 · Klik Backup menuju A28 · Klik Restore Menuju A29 · Klik Buat Baru menuju A30 · Klik Daftar Halaman menuju A31 · Klik Logout Keluar sebagai admin [nama admin] Home Logout Data Master Data Kategori Data subkategori Data Merek Data produk Data provinsi Data kota Data jasakirim Data ongkos Matauang Data Member Data member Data Transaksi Data Transaksi Retur Laporan Produk Transaksi Backup Restore Backup Restore Halaman Buat Baru Daftar Halaman Bank Profil Pemesanan Gambar 3.62 Tambah Produk 9. Ubah produk Ukuran window dengan lebar 1000px dan tinggi sesuai dengan konten yang ditampilkan Warna tulisan hitam dengan background Hitam Font size 10-18px A09 HEADER Footer Ubah Informasi Dasar Kategori Subkategori Merek Nama Produk Harga Diskon Deskripsi Detail Produk Warna Ukuran Stok Berat Simpan Reset Batalkan · Klik profil menuju · Klik home menuju A02 · Klik Logout menuju · Klik Data kategori menuju A03 · Klik Data subkategori menuju A04 · Klik Data merek menuju A05 · Klik Data produk menuju A06 · Klik Data provinsi menuju A10 · Klik Data kota menuju A11 · Klik Jasakirim menuju A12 · Klik Data Ongkos menuju A13 · Klik Matauang menuju A14 · Klik Bank menuju A32 · Klik Data member menuju A16 · Klik Transaksi menuju A17 · Klik Retur menuju A23 · Klik Laporan Produk Menuju A24 · Klik Laporan Transaksi Menuju A26 · Klik Laporan Pesanan Menuju A33 · Klik Backup menuju A28 · Klik Restore Menuju A29 · Klik Buat Baru menuju A30 · Klik Daftar Halaman menuju A31 · Klik Logout Keluar sebagai admin [nama admin] Home Logout Data Master Data Kategori Data subkategori Data Merek Data produk Data provinsi Data kota Data jasakirim Data ongkos Matauang Data Member Data member Data Transaksi Data Transaksi Retur Laporan Produk Transaksi Backup Restore Backup Restore Halaman Buat Baru Daftar Halaman Bank Profil Pemesanan Gambar 3.63 Ubah Produk 10. Pengolahan provinsi Ukuran window dengan lebar 1000px dan tinggi sesuai dengan konten yang ditampilkan Warna tulisan hitam dengan background Putih Font size 10-18px A10 HEADER Footer Pengolahan Provinsi Pencarian Bardasarkan Provinsi Icon tambah Provinsi id Nama Provinsi Aksi Ubah Hapus · Klik profil menuju · Klik home menuju A02 · Klik Logout menuju · Klik Data kategori menuju A03 · Klik Data subkategori menuju A04 · Klik Data merek menuju A05 · Klik Data produk menuju A06 · Klik Data provinsi menuju A10 · Klik Data kota menuju A11 · Klik Jasakirim menuju A12 · Klik Data Ongkos menuju A13 · Klik Matauang menuju A14 · Klik Bank menuju A32 · Klik Data member menuju A16 · Klik Transaksi menuju A17 · Klik Retur menuju A23 · Klik Laporan Produk Menuju A24 · Klik Laporan Transaksi Menuju A26 · Klik Laporan Pesanan Menuju A33 · Klik Backup menuju A28 · Klik Restore Menuju A29 · Klik Buat Baru menuju A30 · Klik Daftar Halaman menuju A31 · Klik Logout Keluar sebagai admin · Klik Tambah Memunculkan M19 · Klik Ubah Memunculkan M20 · Klik Hapus Memunculkan M21 [nama admin] Home Logout Data Master Data Kategori Data subkategori Data Merek Data produk Data provinsi Data kota Data jasakirim Data ongkos Matauang Data Member Data member Data Transaksi Data Transaksi Retur Laporan Produk Transaksi Backup Restore Backup Restore Halaman Buat Baru Daftar Halaman Bank Profil Pemesanan Gambar 3.64 Pengolahan Provinsi 11. Pengolahan kota Ukuran window dengan lebar 1000px dan tinggi sesuai dengan konten yang ditampilkan Warna tulisan hitam dengan background Putih Font size 10-18px A11 HEADER Footer Pengolahan Kota Pencarian Bardasarkan Kota Icon tambah kota id Kota Aksi Ubah Hapus Provinsi Provinsi · Klik profil menuju · Klik home menuju A02 · Klik Logout menuju · Klik Data kategori menuju A03 · Klik Data subkategori menuju A04 · Klik Data merek menuju A05 · Klik Data produk menuju A06 · Klik Data provinsi menuju A10 · Klik Data kota menuju A11 · Klik Jasakirim menuju A12 · Klik Data Ongkos menuju A13 · Klik Matauang menuju A14 · Klik Bank menuju A32 · Klik Data member menuju A16 · Klik Transaksi menuju A17 · Klik Retur menuju A23 · Klik Laporan Produk Menuju A24 · Klik Laporan Transaksi Menuju A26 · Klik Laporan Pesanan Menuju A33 · Klik Backup menuju A28 · Klik Restore Menuju A29 · Klik Buat Baru menuju A30 · Klik Daftar Halaman menuju A31 · Klik Logout Keluar sebagai admin · Klik Tambah Memunculkan M22 · Klik Ubah Memunculkan M23 · Klik Hapus Memunculkan M24 [nama admin] Home Logout Data Master Data Kategori Data subkategori Data Merek Data produk Data provinsi Data kota Data jasakirim Data ongkos Matauang Data Member Data member Data Transaksi Data Transaksi Retur Laporan Produk Transaksi Backup Restore Backup Restore Halaman Buat Baru Daftar Halaman Bank Profil Pemesanan Gambar 3.65 Pengolahan Kota 12. Pengolahan Jasakirim Ukuran window dengan lebar 1000px dan tinggi sesuai dengan konten yang ditampilkan Warna tulisan hitam dengan background Putih Font size 10-18px A12 HEADER Footer Pengolahan Jasa Kirim Pencarian Bardasarkan Jenis Pengiriman Icon tambah Jenis pengiriman id Nama Aksi Ubah Hapus · Klik profil menuju · Klik home menuju A02 · Klik Logout menuju · Klik Data kategori menuju A03 · Klik Data subkategori menuju A04 · Klik Data merek menuju A05 · Klik Data produk menuju A06 · Klik Data provinsi menuju A10 · Klik Data kota menuju A11 · Klik Jasakirim menuju A12 · Klik Data Ongkos menuju A13 · Klik Matauang menuju A14 · Klik Bank menuju A32 · Klik Data member menuju A16 · Klik Transaksi menuju A17 · Klik Retur menuju A23 · Klik Laporan Produk Menuju A24 · Klik Laporan Transaksi Menuju A26 · Klik Laporan Pesanan Menuju A33 · Klik Backup menuju A28 · Klik Restore Menuju A29 · Klik Buat Baru menuju A30 · Klik Daftar Halaman menuju A31 · Klik Logout Keluar sebagai admin · Klik Tambah Memunculkan M25 · Klik Ubah Memunculkan M26 · Klik Hapus Memunculkan M27 [nama admin] Home Logout Data Master Data Kategori Data subkategori Data Merek Data produk Data provinsi Data kota Data jasakirim Data ongkos Matauang Data Member Data member Data Transaksi Data Transaksi Retur Laporan Produk Transaksi Backup Restore Backup Restore Halaman Buat Baru Daftar Halaman Bank Profil Pemesanan Gambar 3.66 Pengolahan Jasakirim 13. Pengolahan ongkos Ukuran window dengan lebar 1000px dan tinggi sesuai dengan konten yang ditampilkan Warna tulisan hitam dengan background Putih Font size 10-18px A13 HEADER Footer Pengolahan Ongkos Pencarian Bardasarkan Jenis Pengiriman Icon tambah Jenis pengiriman id Jenis kirim Aksi Ubah Hapus Kota Tarif Janis Pengiriman Provinsi · Klik profil menuju · Klik home menuju A02 · Klik Logout menuju · Klik Data kategori menuju A03 · Klik Data subkategori menuju A04 · Klik Data merek menuju A05 · Klik Data produk menuju A06 · Klik Data provinsi menuju A10 · Klik Data kota menuju A11 · Klik Jasakirim menuju A12 · Klik Data Ongkos menuju A13 · Klik Matauang menuju A14 · Klik Bank menuju A32 · Klik Data member menuju A16 · Klik Transaksi menuju A17 · Klik Retur menuju A23 · Klik Laporan Produk Menuju A24 · Klik Laporan Transaksi Menuju A26 · Klik Laporan Pesanan Menuju A33 · Klik Backup menuju A28 · Klik Restore Menuju A29 · Klik Buat Baru menuju A30 · Klik Daftar Halaman menuju A31 · Klik Logout Keluar sebagai admin · Klik Tambah Memunculkan M32 · Klik Ubah Memunculkan M33 · Klik Hapus Memunculkan M34 [nama admin] Home Logout Data Master Data Kategori Data subkategori Data Merek Data produk Data provinsi Data kota Data jasakirim Data ongkos Matauang Data Member Data member Data Transaksi Data Transaksi Retur Laporan Produk Transaksi Backup Restore Backup Restore Halaman Buat Baru Daftar Halaman Bank Profil Pemesanan Gambar 3.67 Pengolahan Ongkos 14. Pengolahan matauang Ukuran window dengan lebar 1000px dan tinggi sesuai dengan konten yang ditampilkan Warna tulisan hitam dengan background Putih Font size 10-18px A14 HEADER Footer Pengolahan Mata Uang [nama admin] List Mata uang Kode Kurs Aksi Ubah Home Logout Data Master Data Kategori Data subkategori Data Merek Data produk Data provinsi Data kota Data jasakirim Data ongkos Matauang Data Member Data member Data Transaksi Data Transaksi Retur Laporan Produk Transaksi Backup Restore Backup Restore Halaman Buat Baru Daftar Halaman Bank Profil · Klik profil menuju · Klik home menuju A02 · Klik Logout menuju · Klik Data kategori menuju A03 · Klik Data subkategori menuju A04 · Klik Data merek menuju A05 · Klik Data produk menuju A06 · Klik Data provinsi menuju A10 · Klik Data kota menuju A11 · Klik Jasakirim menuju A12 · Klik Data Ongkos menuju A13 · Klik Matauang menuju A14 · Klik Bank menuju A32 · Klik Data member menuju A16 · Klik Transaksi menuju A17 · Klik Retur menuju A23 · Klik Laporan Produk Menuju A24 · Klik Laporan Transaksi Menuju A26 · Klik Backup menuju A28 · Klik Restore Menuju A29 · Klik Buat Baru menuju A30 · Klik Daftar Halaman menuju A31 · Klik Logout Keluar sebagai admin · Klik ubah menuju A15 Gambar 3.68 Pengolahan Matauang 15. Ubah kurs Ukuran window dengan lebar 1000px dan tinggi sesuai dengan konten yang ditampilkan Warna tulisan hitam dengan background Putih Font size 10-18px A15 HEADER Footer Pengolahan Mata Uang Kode Kurs Simpan Batalkan · Klik profil menuju · Klik home menuju A02 · Klik Logout menuju · Klik Data kategori menuju A03 · Klik Data subkategori menuju A04 · Klik Data merek menuju A05 · Klik Data produk menuju A06 · Klik Data provinsi menuju A10 · Klik Data kota menuju A11 · Klik Jasakirim menuju A12 · Klik Data Ongkos menuju A13 · Klik Matauang menuju A14 · Klik Bank menuju A32 · Klik Data member menuju A16 · Klik Transaksi menuju A17 · Klik Retur menuju A23 · Klik Laporan Produk Menuju A24 · Klik Laporan Pesanan Menuju A33 · Klik Laporan Transaksi Menuju A26 · Klik Backup menuju A28 · Klik Restore Menuju A29 · Klik Buat Baru menuju A30 · Klik Daftar Halaman menuju A31 · Klik Logout Keluar sebagai admin [nama admin] Home Logout Data Master Data Kategori Data subkategori Data Merek Data produk Data provinsi Data kota Data jasakirim Data ongkos Matauang Data Member Data member Data Transaksi Data Transaksi Retur Laporan Produk Transaksi Backup Restore Backup Restore Halaman Buat Baru Daftar Halaman Bank Profil Pemesanan Gambar 3.69 Ubah Kurs 16. Pengolahan member Ukuran window dengan lebar 1000px dan tinggi sesuai dengan konten yang ditampilkan Warna tulisan hitam dengan background Putih Font size 10-18px A16 HEADER Footer Data Member Pencarian Bardasarkan Status List Member id Nama Username Alamat Status Aksi BannedAktifkan Detail · Klik profil menuju · Klik home menuju A02 · Klik Logout menuju · Klik Data kategori menuju A03 · Klik Data subkategori menuju A04 · Klik Data merek menuju A05 · Klik Data produk menuju A06 · Klik Data provinsi menuju A10 · Klik Data kota menuju A11 · Klik Jasakirim menuju A12 · Klik Data Ongkos menuju A13 · Klik Matauang menuju A14 · Klik Bank menuju A32 · Klik Data member menuju A16 · Klik Transaksi menuju A17 · Klik Retur menuju A23 · Klik Laporan Produk Menuju A24 · Klik Laporan Transaksi Menuju A26 · Klik Laporan Pesanan Menuju A33 · Klik Backup menuju A28 · Klik Restore Menuju A29 · Klik Buat Baru menuju A30 · Klik Daftar Halaman menuju A31 · Klik Logout Keluar sebagai admin · Klik Banned member akan membaned member · Klik Detail akan memunculkan detail member [nama admin] Home Logout Data Master Data Kategori Data subkategori Data Merek Data produk Data provinsi Data kota Data jasakirim Data ongkos Matauang Data Member Data member Data Transaksi Data Transaksi Retur Laporan Produk Transaksi Backup Restore Backup Restore Halaman Buat Baru Daftar Halaman Bank Profil Pemesanan Gambar 3.70 Pengolahan Member 17. Pengolahan transaksi Ukuran window dengan lebar 1000px dan tinggi sesuai dengan konten yang ditampilkan Warna tulisan hitam dengan background Putih Font size 10-18px A17 HEADER Footer Data Transaksi Pencarian Bardasarkan Status Transaksi List Transaksi id Nama Username Alamat Status Aksi Aksi Status Pengiriman Transaksi Pengiriman · Klik profil menuju · Klik home menuju A02 · Klik Logout menuju · Klik Data kategori menuju A03 · Klik Data subkategori menuju A04 · Klik Data merek menuju A05 · Klik Data produk menuju A06 · Klik Data provinsi menuju A10 · Klik Data kota menuju A11 · Klik Jasakirim menuju A12 · Klik Data Ongkos menuju A13 · Klik Matauang menuju A14 · Klik Bank menuju A32 · Klik Data member menuju A16 · Klik Transaksi menuju A17 · Klik Retur menuju A23 · Klik Laporan Produk Menuju A24 · Klik Laporan Transaksi Menuju A26 · Klik Backup menuju A28 · Klik Restore Menuju A29 · Klik Buat Baru menuju A30 · Klik Daftar Halaman menuju A31 · Klik Logout Keluar sebagai admin · Klik Aksi, Pilih detail Menuju A18 · Klik Aksi, Pilih Konfirmasi Menuju A19 · Klik Aksi, Pilih Masukan nomer resi menuju A21 · Klik Aksi, Pilih Ubah statys kirim menuju A22 [nama admin] Home Logout Data Master Data Kategori Data subkategori Data Merek Data produk Data provinsi Data kota Data jasakirim Data ongkos Matauang Data Member Data member Data Transaksi Data Transaksi Retur Laporan Produk Transaksi Backup Restore Backup Restore Halaman Buat Baru Daftar Halaman Bank Profil Pemesanan Gambar 3.1 Pengolahan Transakasi 18. Detail transaksi Ukuran window dengan lebar 1000px dan tinggi sesuai dengan konten yang ditampilkan Warna tulisan hitam dengan background Putih Font size 10-18px A18 HEADER Footer Detail Transaksi [nomortransaksi] Identitas Pengiriman Nama Pemesan Nama Penerima No Telfon Alamat Penerima Status Pembayaran Tanggal Pesan Expired Bayar Total Bayar Status Transfer Dari Status Nomor Resi Icon kemba li Icon print detail Icon lakukan konfirm asi Id produk Warna Ukuran Qty Sub Berat Sub Total · Klik profil menuju · Klik home menuju A02 · Klik Logout menuju · Klik Data kategori menuju A03 · Klik Data subkategori menuju A04 · Klik Data merek menuju A05 · Klik Data produk menuju A06 · Klik Data provinsi menuju A10 · Klik Data kota menuju A11 · Klik Jasakirim menuju A12 · Klik Data Ongkos menuju A13 · Klik Matauang menuju A14 · Klik Bank menuju A32 · Klik Data member menuju A16 · Klik Transaksi menuju A17 · Klik Retur menuju A23 · Klik Laporan Produk Menuju A24 · Klik Laporan Transaksi Menuju A26 · Klik Laporan Pesanan Menuju A33 · Klik Backup menuju A28 · Klik Restore Menuju A29 · Klik Buat Baru menuju A30 · Klik Daftar Halaman menuju A31 · Klik Logout Keluar sebagai admin · Klik Kembali, menuju halaman sebelumnya · Klik print detail akan mencetak detail transaksi · Klik lakukan konfirmasi menuju A19 [nama admin] Home Logout Data Master Data Kategori Data subkategori Data Merek Data produk Data provinsi Data kota Data jasakirim Data ongkos Matauang Data Member Data member Data Transaksi Data Transaksi Retur Laporan Produk Transaksi Backup Restore Backup Restore Halaman Buat Baru Daftar Halaman Bank Profil Pemesanan Gambar 3.71 Detail Transaksi 19. Konfirmasi pembayaran Ukuran window dengan lebar 1000px dan tinggi sesuai dengan konten yang ditampilkan Warna tulisan hitam dengan background Putih Font size 10-18px A19 HEADER Footer Detail Transaksi [nomortransaksi] Identitas Pengiriman Nama Pemesan Nama Penerima No Telfon Alamat Penerima Status Pembayaran Tanggal Pesan Expired Bayar Total Bayar Status Transfer Dari Status Nomor Resi Ya Konfirmasi Tidak Sekarang Id produk Warna Ukuran Qty Sub Berat Sub Total · Klik profil menuju · Klik home menuju A02 · Klik Logout menuju · Klik Data kategori menuju A03 · Klik Data subkategori menuju A04 · Klik Data merek menuju A05 · Klik Data produk menuju A06 · Klik Data provinsi menuju A10 · Klik Data kota menuju A11 · Klik Jasakirim menuju A12 · Klik Data Ongkos menuju A13 · Klik Matauang menuju A14 · Klik Bank menuju A32 · Klik Data member menuju A16 · Klik Transaksi menuju A17 · Klik Retur menuju A23 · Klik Laporan Produk Menuju A24 · Klik Laporan Transaksi Menuju A26 · Klik Laporan Pesanan Menuju A33 · Klik Backup menuju A28 · Klik Restore Menuju A29 · Klik Buat Baru menuju A30 · Klik Daftar Halaman menuju A31 · Klik Logout Keluar sebagai admin [nama admin] Home Logout Data Master Data Kategori Data subkategori Data Merek Data produk Data provinsi Data kota Data jasakirim Data ongkos Matauang Data Member Data member Data Transaksi Data Transaksi Retur Laporan Produk Transaksi Backup Restore Backup Restore Halaman Buat Baru Daftar Halaman Bank Profil Pemesanan Gambar 3.72 Konfirmasi Pembayaran 20. Masukan Nomor Resi Ukuran window dengan lebar 1000px dan tinggi sesuai dengan konten yang ditampilkan Warna tulisan hitam dengan background Putih Font size 10-18px A21 HEADER Footer Detail Transaksi [nomortransaksi] Identitas Pengiriman Nama Pemesan Nama Penerima No Telfon Alamat Penerima Status Pembayaran Tanggal Pesan Expired Bayar Total Bayar Status Transfer Dari Status Nomor Resi Id produk Warna Ukuran Qty Sub Berat Sub Total Masukan No Resi Simpan · Klik profil menuju · Klik home menuju A02 · Klik Logout menuju · Klik Data kategori menuju A03 · Klik Data subkategori menuju A04 · Klik Data merek menuju A05 · Klik Data produk menuju A06 · Klik Data provinsi menuju A10 · Klik Data kota menuju A11 · Klik Jasakirim menuju A12 · Klik Data Ongkos menuju A13 · Klik Matauang menuju A14 · Klik Bank menuju A32 · Klik Data member menuju A16 · Klik Transaksi menuju A17 · Klik Retur menuju A23 · Klik Laporan Produk Menuju A24 · Klik Laporan Transaksi Menuju A26 · Klik Laporan Pesanan Menuju A33 · Klik Backup menuju A28 · Klik Restore Menuju A29 · Klik Buat Baru menuju A30 · Klik Daftar Halaman menuju A31 · Klik Logout Keluar sebagai admin [nama admin] Home Logout Data Master Data Kategori Data subkategori Data Merek Data produk Data provinsi Data kota Data jasakirim Data ongkos Matauang Data Member Data member Data Transaksi Data Transaksi Retur Laporan Produk Transaksi Backup Restore Backup Restore Halaman Buat Baru Daftar Halaman Bank Profil Pemesanan Gambar 3.73 Masukan Nomor Resi 21. Ubah status pengiriman Ukuran window dengan lebar 1000px dan tinggi sesuai dengan konten yang ditampilkan Warna tulisan hitam dengan background Putih Font size 10-18px A22 HEADER Footer Detail Transaksi [nomortransaksi] Identitas Pengiriman Nama Pemesan Nama Penerima No Telfon Alamat Penerima Status Pembayaran Tanggal Pesan Expired Bayar Total Bayar Status Transfer Dari Status Nomor Resi Id produk Warna Ukuran Qty Sub Berat Sub Total Cek Pengiriman Diterima Ubah Status Pengiriman · Klik profil menuju · Klik home menuju A02 · Klik Logout menuju · Klik Data kategori menuju A03 · Klik Data subkategori menuju A04 · Klik Data merek menuju A05 · Klik Data produk menuju A06 · Klik Data provinsi menuju A10 · Klik Data kota menuju A11 · Klik Jasakirim menuju A12 · Klik Data Ongkos menuju A13 · Klik Matauang menuju A14 · Klik Bank menuju A32 · Klik Data member menuju A16 · Klik Transaksi menuju A17 · Klik Retur menuju A23 · Klik Laporan Produk Menuju A24 · Klik Laporan Transaksi Menuju A26 · Klik Laporan Pesanan Menuju A33 · Klik Backup menuju A28 · Klik Restore Menuju A29 · Klik Buat Baru menuju A30 · Klik Daftar Halaman menuju A31 · Klik Logout Keluar sebagai admin · Klik Direrima mengubah data pengiriman jadi diterima [nama admin] Home Logout Data Master Data Kategori Data subkategori Data Merek Data produk Data provinsi Data kota Data jasakirim Data ongkos Matauang Data Member Data member Data Transaksi Data Transaksi Retur Laporan Produk Transaksi Backup Restore Backup Restore Halaman Buat Baru Daftar Halaman Bank Profil Pemesanan Gambar 3.74 Ubah Status Pengiriman 22. Detail retur Ukuran window dengan lebar 1000px dan tinggi sesuai dengan konten yang ditampilkan Warna tulisan hitam dengan background Putih Font size 10-18px A23 HEADER Footer Detail Retur Id Retur [No Retur] Id Retur Id Transaksi Nama Pemesan Status Retur Mereturkan Produk Warna Ukuran Qty Tanggal Apply Alasan Retur Aksi Icon Kemb ali Icon Terima Retur Icon Tolak Retur Lampiran Retur Gamb ar · Klik profil menuju · Klik home menuju A02 · Klik Logout menuju · Klik Data kategori menuju A03 · Klik Data subkategori menuju A04 · Klik Data merek menuju A05 · Klik Data produk menuju A06 · Klik Data provinsi menuju A10 · Klik Data kota menuju A11 · Klik Jasakirim menuju A12 · Klik Data Ongkos menuju A13 · Klik Matauang menuju A14 · Klik Bank menuju A32 · Klik Data member menuju A16 · Klik Transaksi menuju A17 · Klik Retur menuju A23 · Klik Laporan Produk Menuju A24 · Klik Laporan Transaksi Menuju A26 · Klik Laporan Pesanan Menuju A33 · Klik Backup menuju A28 · Klik Restore Menuju A29 · Klik Buat Baru menuju A30 · Klik Daftar Halaman menuju A31 · Klik Logout Keluar sebagai admin [nama admin] Home Logout Data Master Data Kategori Data subkategori Data Merek Data produk Data provinsi Data kota Data jasakirim Data ongkos Matauang Data Member Data member Data Transaksi Data Transaksi Retur Laporan Produk Transaksi Backup Restore Backup Restore Halaman Buat Baru Daftar Halaman Bank Profil Pemesanan Gambar 3.75 Detail Retur 23. Laporan produk perbulan Ukuran window dengan lebar 1000px dan tinggi sesuai dengan konten yang ditampilkan Warna tulisan hitam dengan background Putih Font size 10-18px A24 HEADER Footer Laporan Produk Laporan Bulanan Pertanggal Diinput Bulan Bulan Tahun Buat Laporan · Klik profil menuju · Klik home menuju A02 · Klik Logout menuju · Klik Data kategori menuju A03 · Klik Data subkategori menuju A04 · Klik Data merek menuju A05 · Klik Data produk menuju A06 · Klik Data provinsi menuju A10 · Klik Data kota menuju A11 · Klik Jasakirim menuju A12 · Klik Data Ongkos menuju A13 · Klik Matauang menuju A14 · Klik Bank menuju A32 · Klik Data member menuju A16 · Klik Transaksi menuju A17 · Klik Retur menuju A23 · Klik Laporan Produk Menuju A24 · Klik Laporan Transaksi Menuju A26 · Klik Laporan Pesanan Menuju A33 · Klik Backup menuju A28 · Klik Restore Menuju A29 · Klik Buat Baru menuju A30 · Klik Daftar Halaman menuju A31 · Klik Logout Keluar sebagai admin · Klik Pertanggal menuju A25 · Klik Bulanan menuju A24 [nama admin] Home Logout Data Master Data Kategori Data subkategori Data Merek Data produk Data provinsi Data kota Data jasakirim Data ongkos Matauang Data Member Data member Data Transaksi Data Transaksi Retur Laporan Produk Transaksi Backup Restore Backup Restore Halaman Buat Baru Daftar Halaman Bank Profil Pemesanan Gambar 3.76 Laporan Produk Perbulan 24. Laporan produk pertanggal Ukuran window dengan lebar 1000px dan tinggi sesuai dengan konten yang ditampilkan Warna tulisan hitam dengan background Putih Font size 10-18px A25 HEADER Footer Laporan Produk Laporan Bulanan Pertanggal Diinput Tanggal Buat Laporan Sampai · Klik profil menuju · Klik home menuju A02 · Klik Logout menuju · Klik Data kategori menuju A03 · Klik Data subkategori menuju A04 · Klik Data merek menuju A05 · Klik Data produk menuju A06 · Klik Data provinsi menuju A10 · Klik Data kota menuju A11 · Klik Jasakirim menuju A12 · Klik Data Ongkos menuju A13 · Klik Matauang menuju A14 · Klik Bank menuju A32 · Klik Data member menuju A16 · Klik Transaksi menuju A17 · Klik Retur menuju A23 · Klik Laporan Produk Menuju A24 · Klik Laporan Transaksi Menuju A26 · Klik Laporan Pesanan Menuju A33 · Klik Backup menuju A28 · Klik Restore Menuju A29 · Klik Buat Baru menuju A30 · Klik Daftar Halaman menuju A31 · Klik Logout Keluar sebagai admin · Klik Pertanggal menuju A25 · Klik Bulanan menuju A24 [nama admin] Home Logout Data Master Data Kategori Data subkategori Data Merek Data produk Data provinsi Data kota Data jasakirim Data ongkos Matauang Data Member Data member Data Transaksi Data Transaksi Retur Laporan Produk Transaksi Backup Restore Backup Restore Halaman Buat Baru Daftar Halaman Bank Profil Pemesanan Gambar 3.77 Laporan Produk Pertanggal 25. Laporan transaksi perbulan Ukuran window dengan lebar 1000px dan tinggi sesuai dengan konten yang ditampilkan Warna tulisan hitam dengan background Putih Font size 10-18px A26 HEADER Footer Laporan Transaksi Laporan Bulanan Pertanggal Bulan Bulan Tahun Buat Laporan · Klik profil menuju · Klik home menuju A02 · Klik Logout menuju · Klik Data kategori menuju A03 · Klik Data subkategori menuju A04 · Klik Data merek menuju A05 · Klik Data produk menuju A06 · Klik Data provinsi menuju A10 · Klik Data kota menuju A11 · Klik Jasakirim menuju A12 · Klik Data Ongkos menuju A13 · Klik Matauang menuju A14 · Klik Bank menuju A32 · Klik Data member menuju A16 · Klik Transaksi menuju A17 · Klik Retur menuju A23 · Klik Laporan Produk Menuju A24 · Klik Laporan Transaksi Menuju A26 · Klik Laporan Pesanan Menuju A33 · Klik Backup menuju A28 · Klik Restore Menuju A29 · Klik Buat Baru menuju A30 · Klik Daftar Halaman menuju A31 · Klik Logout Keluar sebagai admin · Klik Pertanggal menuju A26 · Klik Bulanan menuju A27 [nama admin] Home Logout Data Master Data Kategori Data subkategori Data Merek Data produk Data provinsi Data kota Data jasakirim Data ongkos Matauang Data Member Data member Data Transaksi Data Transaksi Retur Laporan Produk Transaksi Backup Restore Backup Restore Halaman Buat Baru Daftar Halaman Bank Profil Pemesanan Gambar 3.78 Laporan Transaksi Perbulan 26. Laporan transaksi pertanggal Ukuran window dengan lebar 1000px dan tinggi sesuai dengan konten yang ditampilkan Warna tulisan hitam dengan background Putih Font size 10-18px A27 HEADER Footer Laporan Transaksi Laporan Bulanan Pertanggal Tanggal Buat Laporan Sampai · Klik profil menuju · Klik home menuju A02 · Klik Logout menuju · Klik Data kategori menuju A03 · Klik Data subkategori menuju A04 · Klik Data merek menuju A05 · Klik Data produk menuju A06 · Klik Data provinsi menuju A10 · Klik Data kota menuju A11 · Klik Jasakirim menuju A12 · Klik Data Ongkos menuju A13 · Klik Matauang menuju A14 · Klik Bank menuju A32 · Klik Data member menuju A16 · Klik Transaksi menuju A17 · Klik Retur menuju A23 · Klik Laporan Produk Menuju A24 · Klik Laporan Transaksi Menuju A26 · Klik Laporan Pesanan Menuju A33 · Klik Backup menuju A28 · Klik Restore Menuju A29 · Klik Buat Baru menuju A30 · Klik Daftar Halaman menuju A31 · Klik Logout Keluar sebagai admin · Klik Pertanggal menuju A26 · Klik Bulanan menuju A27 [nama admin] Home Logout Data Master Data Kategori Data subkategori Data Merek Data produk Data provinsi Data kota Data jasakirim Data ongkos Matauang Data Member Data member Data Transaksi Data Transaksi Retur Laporan Produk Transaksi Backup Restore Backup Restore Halaman Buat Baru Daftar Halaman Bank Profil Pemesanan Gambar 3.79 Laporkan Transaksi Pertanggal 27. Backup Ukuran window dengan lebar 1000px dan tinggi sesuai dengan konten yang ditampilkan Warna tulisan hitam dengan background Putih Font size 10-18px A28 HEADER Footer Backup Backup seluruh situs Backup gambar Produk Backup seluruh retur Backup seluruh Semua Gambar Backup File Backup Database Daftar Tabel Yang Akan Dibackup · Klik profil menuju · Klik home menuju A02 · Klik Logout menuju · Klik Data kategori menuju A03 · Klik Data subkategori menuju A04 · Klik Data merek menuju A05 · Klik Data produk menuju A06 · Klik Data provinsi menuju A10 · Klik Data kota menuju A11 · Klik Jasakirim menuju A12 · Klik Data Ongkos menuju A13 · Klik Matauang menuju A14 · Klik Bank menuju A32 · Klik Data member menuju A16 · Klik Transaksi menuju A17 · Klik Retur menuju A23 · Klik Laporan Produk Menuju A24 · Klik Laporan Transaksi Menuju A26 · Klik Laporan Pesanan Menuju A33 · Klik Backup menuju A28 · Klik Restore Menuju A29 · Klik Buat Baru menuju A30 · Klik Daftar Halaman menuju A31 · Klik Logout Keluar sebagai admin [nama admin] Home Logout Data Master Data Kategori Data subkategori Data Merek Data produk Data provinsi Data kota Data jasakirim Data ongkos Matauang Data Member Data member Data Transaksi Data Transaksi Retur Laporan Produk Transaksi Backup Restore Backup Restore Halaman Buat Baru Daftar Halaman Bank Profil Pemesanan Gambar 3.80 Backup 28. Restore Ukuran window dengan lebar 1000px dan tinggi sesuai dengan konten yang ditampilkan Warna tulisan hitam dengan background Putih Font size 10-18px A29 HEADER Footer Restore Restore gambar Produk Restore seluruh retur Restore seluruh Semua Gambar Restore File Restore Database Restore Database · Klik profil menuju · Klik home menuju A02 · Klik Logout menuju · Klik Data kategori menuju A03 · Klik Data subkategori menuju A04 · Klik Data merek menuju A05 · Klik Data produk menuju A06 · Klik Data provinsi menuju A10 · Klik Data kota menuju A11 · Klik Jasakirim menuju A12 · Klik Data Ongkos menuju A13 · Klik Matauang menuju A14 · Klik Bank menuju A32 · Klik Data member menuju A16 · Klik Transaksi menuju A17 · Klik Retur menuju A23 · Klik Laporan Produk Menuju A24 · Klik Laporan Transaksi Menuju A26 · Klik Laporan Pesanan Menuju A33 · Klik Backup menuju A28 · Klik Restore Menuju A29 · Klik Buat Baru menuju A30 · Klik Daftar Halaman menuju A31 · Klik Logout Keluar sebagai admin [nama admin] Home Logout Data Master Data Kategori Data subkategori Data Merek Data produk Data provinsi Data kota Data jasakirim Data ongkos Matauang Data Member Data member Data Transaksi Data Transaksi Retur Laporan Produk Transaksi Backup Restore Backup Restore Halaman Buat Baru Daftar Halaman Bank Profil Pemesanan Gambar 3.81 Restore 29. Buat halaman baru Ukuran window dengan lebar 1000px dan tinggi sesuai dengan konten yang ditampilkan Warna tulisan hitam dengan background Putih Font size 10-18px A30 HEADER Footer Artikel Judul · Klik profil menuju · Klik home menuju A02 · Klik Logout menuju · Klik Data kategori menuju A03 · Klik Data subkategori menuju A04 · Klik Data merek menuju A05 · Klik Data produk menuju A06 · Klik Data provinsi menuju A10 · Klik Data kota menuju A11 · Klik Jasakirim menuju A12 · Klik Data Ongkos menuju A13 · Klik Matauang menuju A14 · Klik Bank menuju A32 · Klik Data member menuju A16 · Klik Transaksi menuju A17 · Klik Retur menuju A23 · Klik Laporan Produk Menuju A24 · Klik Laporan Transaksi Menuju A26 · Klik Laporan Pesanan Menuju A33 · Klik Backup menuju A28 · Klik Restore Menuju A29 · Klik Buat Baru menuju A30 · Klik Daftar Halaman menuju A31 · Klik Logout Keluar sebagai admin [nama admin] Home Logout Data Master Data Kategori Data subkategori Data Merek Data produk Data provinsi Data kota Data jasakirim Data ongkos Matauang Data Member Data member Data Transaksi Data Transaksi Retur Laporan Produk Transaksi Backup Restore Backup Restore Halaman Buat Baru Daftar Halaman Bank Profil Pemesanan Gambar 3.82 Buat Halaman Baru 30. Daftar Halaman Ukuran window dengan lebar 1000px dan tinggi sesuai dengan konten yang ditampilkan Warna tulisan hitam dengan background Putih Font size 10-18px A31 HEADER Footer Daftar Artikel Daftar Halaman Edit Halaman Hapus Tambah · Klik profil menuju · Klik home menuju A02 · Klik Logout menuju · Klik Data kategori menuju A03 · Klik Data subkategori menuju A04 · Klik Data merek menuju A05 · Klik Data produk menuju A06 · Klik Data provinsi menuju A10 · Klik Data kota menuju A11 · Klik Jasakirim menuju A12 · Klik Data Ongkos menuju A13 · Klik Matauang menuju A14 · Klik Bank menuju A32 · Klik Data member menuju A16 · Klik Transaksi menuju A17 · Klik Retur menuju A23 · Klik Laporan Produk Menuju A24 · Klik Laporan Transaksi Menuju A26 · Klik Laporan Pesanan Menuju A33 · Klik Backup menuju A28 · Klik Restore Menuju A29 · Klik Buat Baru menuju A30 · Klik Daftar Halaman menuju A31 · Klik Logout Keluar sebagai admin [nama admin] Home Logout Data Master Data Kategori Data subkategori Data Merek Data produk Data provinsi Data kota Data jasakirim Data ongkos Matauang Data Member Data member Data Transaksi Data Transaksi Retur Laporan Produk Transaksi Backup Restore Backup Restore Halaman Buat Baru Daftar Halaman Bank Profil Pemesanan Gambar 3.83 Daftar Halaman 31. Pengolahan Bank Ukuran window dengan lebar 1000px dan tinggi sesuai dengan konten yang ditampilkan Warna tulisan hitam dengan background Putih Font size 10-18px A32 HEADER Footer Pengolahan Bank Tambah Baru Gambar Bank Nama Bank Hapus Edit · Klik profil menuju · Klik home menuju A02 · Klik Logout menuju · Klik Data kategori menuju A03 · Klik Data subkategori menuju A04 · Klik Data merek menuju A05 · Klik Data produk menuju A06 · Klik Data provinsi menuju A10 · Klik Data kota menuju A11 · Klik Jasakirim menuju A12 · Klik Data Ongkos menuju A13 · Klik Matauang menuju A14 · Klik Bank menuju A32 · Klik Data member menuju A16 · Klik Transaksi menuju A17 · Klik Retur menuju A23 · Klik Laporan Produk Menuju A24 · Klik Laporan Transaksi Menuju A26 · Klik Laporan Pesanan Menuju A33 · Klik Backup menuju A28 · Klik Restore Menuju A29 · Klik Buat Baru menuju A30 · Klik Daftar Halaman menuju A31 · Klik Logout Keluar sebagai admin · Klik Tambah Memunculkan M28 · Klik Edit Memunculkan M29 · Klik Hapus Memunculkan M30 [nama admin] Home Logout Data Master Data Kategori Data subkategori Data Merek Data produk Data provinsi Data kota Data jasakirim Data ongkos Matauang Data Member Data member Data Transaksi Data Transaksi Retur Laporan Produk Transaksi Backup Restore Backup Restore Halaman Buat Baru Daftar Halaman Bank Profil Pemesanan Gambar 3.84 Pengolahan Bank 32. Laporan pesanan perbulan Ukuran window dengan lebar 1000px dan tinggi sesuai dengan konten yang ditampilkan Warna tulisan hitam dengan background Putih Font size 10-18px A33 HEADER Footer Laporan Pesanan Laporan Bulanan Pertanggal Bulan Bulan Tahun Buat Laporan · Klik profil menuju · Klik home menuju A02 · Klik Logout menuju · Klik Data kategori menuju A03 · Klik Data subkategori menuju A04 · Klik Data merek menuju A05 · Klik Data produk menuju A06 · Klik Data provinsi menuju A10 · Klik Data kota menuju A11 · Klik Jasakirim menuju A12 · Klik Data Ongkos menuju A13 · Klik Matauang menuju A14 · Klik Bank menuju A32 · Klik Data member menuju A16 · Klik Transaksi menuju A17 · Klik Retur menuju A23 · Klik Laporan Produk Menuju A24 · Klik Laporan Transaksi Menuju A26 · Klik Laporan Pesanan Menuju A33 · Klik Pertanggal menuju A34 · Klik Backup menuju A28 · Klik Restore Menuju A29 · Klik Buat Baru menuju A30 · Klik Daftar Halaman menuju A31 · Klik Logout Keluar sebagai admin · Klik Pertanggal menuju A26 · Klik Bulanan menuju A27 [nama admin] Home Logout Data Master Data Kategori Data subkategori Data Merek Data produk Data provinsi Data kota Data jasakirim Data ongkos Matauang Data Member Data member Data Transaksi Data Transaksi Retur Laporan Produk Transaksi Backup Restore Backup Restore Halaman Buat Baru Daftar Halaman Bank Profil Pemesanan Gambar 3.85 Laporan pesanan perbulan 33. Laporan pesanan pertanggal Ukuran window dengan lebar 1000px dan tinggi sesuai dengan konten yang ditampilkan Warna tulisan hitam dengan background Putih Font size 10-18px A34 HEADER Footer Laporan Transaksi Laporan Bulanan Pertanggal Tanggal Buat Laporan Sampai · Klik profil menuju · Klik home menuju A02 · Klik Logout menuju · Klik Data kategori menuju A03 · Klik Data subkategori menuju A04 · Klik Data merek menuju A05 · Klik Data produk menuju A06 · Klik Data provinsi menuju A10 · Klik Data kota menuju A11 · Klik Jasakirim menuju A12 · Klik Data Ongkos menuju A13 · Klik Matauang menuju A14 · Klik Bank menuju A32 · Klik Data member menuju A16 · Klik Transaksi menuju A17 · Klik Retur menuju A23 · Klik Laporan Produk Menuju A24 · Klik Laporan Transaksi Menuju A26 · Klik Laporan Pesanan Menuju A33 · Klik Backup menuju A28 · Klik Restore Menuju A29 · Klik Buat Baru menuju A30 · Klik Daftar Halaman menuju A31 · Klik Logout Keluar sebagai admin · Klik Pertanggal menuju A26 · Klik Bulanan menuju A27 [nama admin] Home Logout Data Master Data Kategori Data subkategori Data Merek Data produk Data provinsi Data kota Data jasakirim Data ongkos Matauang Data Member Data member Data Transaksi Data Transaksi Retur Laporan Produk Transaksi Backup Restore Backup Restore Halaman Buat Baru Daftar Halaman Bank Profil Pemesanan Gambar 3.86 Laporan pesanan pertanggal 3.3.3 Perancangan Pesan Tambahkan Kedalam Keranajang Warna Ukuran Jumlah Simpan Batalkan M01 Ubah Data Keranjang Warna Ukuran Jumlah Simpan Batalkan M02 OK M03 Stok Tidak Mencukupi OK Hapus Dari Keranjang M04 OK M05 Anda Harus Login Terlebih Dahulu M06 Tambah Kategori Icon simpan Icon batalkan M07 Masukan Nama Baru Untuk [Nama Kategori] Icon simpan Icon batalkan M08 Hapus [Nama Kategori] YA Tidak M09 OK Data Tak Bisa Dihapus Karena Memiliki Subkategori M10 Tambah Subkategori Icon simpan Icon batalkan M12 Hapus [Nama Subkategori] YA Tidak Kategori Nama M11 Edit Subkategori Icon simpan Icon batalkan Kategori Nama M13 OK Data gagal dihapus karena digunakan ditabel lain M14 Tambah Merek Icon simpan Icon batalkan M15 Edit Merek Icon simpan Icon batalkan M16 Hapus [Nama Merek] YA Tidak Hapus [Nama Produk] YA Tidak M18 OK Data gagal dihapus karena digunakan di data transaksi M17 M19 Tambah Provinsi Icon simpan Icon batalkan M20 Edit Provinsi Icon simpan Icon batalkan M21 Hapus [Nama Provinsi] YA Tidak M22 Tambah Kota Icon simpan Icon batalkan M24 Hapus [Nama Kota] YA Tidak Provinsi Nama M23 Edit Kota Icon simpan Icon batalkan Provinsi Nama M25 Tambah Jenis Kirim Icon simpan Icon batalkan M27 Hapus [Jenis Kirim] YA Tidak Provinsi Nama M26 Edit Jenis Kirim Icon simpan Icon batalkan Provinsi Nama Tambah Bank Icon simpan Icon batalkan Nama Bank No Rekening M28 Atas Nama Gambar pilih Edit Bank Icon simpan Icon batalkan Nama Bank No Rekening M29 Atas Nama Gambar pilih M30 OK File Yang Anda Sertakan bukan File Restore M31 Hapus [Nama Bank] YA Tidak M32 Tambah Ongkos Icon simpan Icon batalkan Jenis Kirim Provinsi Kota Tarif M34 Hapus [ongkos] YA Tidak M33 Edit Ongkos Icon simpan Icon batalkan Jenis Kirim Provinsi Kota Tarif Hapus [Nama Halaman] YA Tidak M35 OK M36 Batalkan Retur Ini? Cancel Gambar 3.87 Perancangan Pesan 3.3.4 Jaringan Semantik Jaringan semantik digunakan untuk menghubungkan setiap tampilan interface dan pesan pada sebuah aplikasi yang dirancang.

3.3.4.1 Jaringan Semantik Pengunjung

U01 U02 U03 U04 U05 U06 U07 M05 M05 Gambar 3.88 Jaringan Semantik Pengunjung 3.3.4.2 Jaringan Semantik Member T01 T02 T03 T04 T05 T06 T07 T08 T09 T10 T11 T12 T14 M01,M03 M01,M03 M02,M04 M36 Gambar 3.89 Jaringan Semantik Member 1. Jaringan Semantik Admin A01 A02 A03 M06,M07,M08,M09 A04 M10,M11,M12,M13 A05 M14,M15, M16,M13 A06 A07 A08 A09 A10 M19,M20, M21,M13 A11 M22,M23, M24,M13 A12 M25,M26, M27,M13 A13 M32,M33, M34,M13 A14 A14 A16 A17 A18 A19 A21 A22 A23 A24 A25 A26 A27 A28 A29 M35 A30 A31 A32 M28,M29,M31 A33 A34 Gambar 3.90 Jaringan Semantik Admin

3.4 Perancangan Prosedural