B. Batasan Operasional
III.1.6 Perancangan Arsitektur 1. Perancangan Struktur Menu
3. Perancangan Antar Muka Web E-commerce
3.3 Perancangan Antar Muka Admin
Antar muka Login Admin (A39)
ADMINISTRATOR image Alamat email Password Login F01 Navigasi
1. Klik tombol “Login” untuk melakukan login dan menuju ke A01
2. Jika proses login gagal maka akan muncul pesan
Gambar III.81 Perancangan Tampilan Login Admin
Antar muka home admin (A01)
ADMINISTRATOR HALAMAN UTAMA PENGOLAHAN DATA PENGOLAHAN TRANSAKSI LAPORAN ISI PESAN Navigasi :
1. Klik tombol “Pengolahan data”
untuk menuju ke
A01,A02,A03,A04,A05,A06,A07,A08, A09,A10,A11,A12
2. Klik tombol “Pengolahan data transaksi” untuk menuju ke A13 3. Klik tombol “laporan” untuk menuju
ke A14,A15
4. klik tombol “retur” untuk menuju
A16
5. klik tombol “maintance” untuk
menuju A18, A19.
6. Klik tombol “contact” untuk menuju
ke P06 product” untuk menuju ke P09
PESAN KOMENTAR PENGUNJUNG MEMBER
EMAIL 1 2 3 AKSI LOGIN TERAKHIR NAMA MEMBER A01 RETUR MAINTANAIN CE
Antar muka view Jenis produk (A02)
ADMINISTRATOR HALAMAN UTAMA PENGOLAHAN DATA PENGOLAHAN TRANSAKSI
KEMBALI
Navigasi :
1. Klik tombol “Pengolahan data”
untuk menuju ke
A01,A02,A03,A04,A05,A06,A07,A08, A09,A10,A11,A12
2. Klik tombol “Pengolahan data transaksi” untuk menuju ke A13 3. Klik tombol “laporan” untuk menuju
ke A14,A15
4. klik “tambah” umtuk menuju A03 5. klik “edit” umtuk menuju A04 6 .klik “hapus” umtuk menju A05 7. klik cari untuk mencari produk
TAMBAH
CARI
EDIT
NAMA KATEGORI AKSI
JENIS PRODUK Cari berdasarkan jenis produk HAPUS REFRESH BERIKUTNYA JENIS PRODUK A02 LAPORAN RETUR MAINTANAINCE
Gambar III.83 Perancangan Tampilan View Jenis Produk
Antar muka tambah Jenis produk (A03)
ADMINISTRATOR HALAMAN UTAMA PENGOLAHAN DATA PENGOLAHAN TRANSAKSI
Navigasi :
1. Klik tombol “Pengolahan data”
untuk menuju ke
A01,A02,A03,A04,A05,A06,A07,A08, A09,A10,A11,A12
2. Klik tombol “Pengolahan data transaksi” untuk menuju ke A13 3. Klik tombol “laporan” untuk menuju
ke A14,A15
4. klik cari untuk mencari produk 5. klik tombol “tambah” untuk
menambah Jenis produk 6. klik tombol batal untuk menuju A02 TAMBAH JENIS PRODUK
A03 Nama Kategori : Jenis produk : Tambah Batal LAPORAN RETUR MAINTANAINCE
Antar muka edit Jenis produk (A04) ADMINISTRATOR HALAMAN UTAMA PENGOLAHAN DATA PENGOLAHAN TRANSAKSI Navigasi :
1. Klik tombol “Pengolahan data”
untuk menuju ke
A01,A02,A03,A04,A05,A06,A07,A08, A09,A10,A11,A12
2. Klik tombol “Pengolahan data transaksi” untuk menuju ke A13 3. Klik tombol “laporan” untuk menuju
ke A14,A15
4. klik cari untuk mencari produk 5. klik tombol “edit” untuk mengedit
merk produk
6. klik tombol batal untuk menuju A02
EDIT JENIS PRODUK A04 Nama Kategori : Jenis produk : Edit Batal LAPORAN RETUR MAINTANAIN CE
Gambar III.85 Perancangan Tampilan Edit Jenis Produk
Antar muka view produk (A05)
ADMINISTRATOR HALAMAN UTAMA PENGOLAHAN DATA PENGOLAHAN TRANSAKSI
KEMBALI
Navigasi :
1. Klik tombol “Pengolahan data” untuk menuju ke
A01,A02,A03,A04,A05,A06,A0 7,A08,A09,A10,A11,A12 2. Klik tombol “Pengolahan data transaksi” untuk menuju ke A13 3. Klik tombol “laporan” untuk
menuju ke A14,A15 4. klik “tambah” umtuk menuju
A06
5. klik “edit” umtuk menuju A07 6 .klik “hapus” maka akan
muncul pesan 7. klik cari untuk mencari produk TAMBAH CARI EDIT PRODUK AKSI PRODUK Cari berdasarkan produk HAPUS REFRESH BERIKUTNYA AKTIF INFO PRODUK SET PRODUK TERBARU SET SPECIAL HARGA SATUAN BERAT STOK DESC WARNA FILE GAMBAR A05 LAPORAN RETUR MAINTANAINCE
Antar muka tambah produk (A06)
ADMINISTRATOR HALAMAN UTAMA PENGOLAHAN DATA PENGOLAHAN TRANSAKSI
Navigasi :
1. Klik tombol “Pengolahan data”
untuk menuju ke
A01,A02,A03,A04,A05,A06,A07,A08, A09,A10,A11,A12
2. Klik tombol “Pengolahan data transaksi” untuk menuju ke A13 3. Klik tombol “laporan” untuk menuju
ke A14,A15
4. klik cari untuk mencari produk 5. klik tombol “tambah” untuk
menambah produk
6. klik tombol batal untuk menuju A05 TAMBAH PRODUK
A06
Pilih Sub Jenis Produk
File gambar Tambah Batal Warna ukuran Diskon Harga Berat Stok
Unggah gambar depan Unggah gambar samping Unggah gambar belakang Pilih Sub Jenis Produk
LAPORAN
RETUR MAINTANAINCE
Gambar III.87 Perancangan Tampilan Tambah Produk
Antar muka edit produk (A07)
ADMINISTRATOR HALAMAN UTAMA PENGOLAHAN DATA PENGOLAHAN TRANSAKSI
Navigasi :
1. Klik tombol “Pengolahan data”
untuk menuju ke
A01,A02,A03,A04,A05,A06,A07,A08, A09,A10,A11,A12
2. Klik tombol “Pengolahan data transaksi” untuk menuju ke A13 3. Klik tombol “laporan” untuk menuju
ke A14,A15
4. klik cari untuk mencari produk 5. klik tombol “edit” untuk mengedit
produk
6. klik tombol batal untuk menuju A05
EDIT PRODUK A07 EDIT Batal Diskon Harga Berat Stok
Pilih Sub Jenis Produk
File gambar
Warna ukuran
Unggah gambar depan Unggah gambar samping Unggah gambar belakang Pilih Sub Jenis Produk
LAPORAN
RETUR MAINTANAINCE
Antar mula view Sub Jenis produk(A08)
ADMINISTRATOR HALAMAN UTAMA PENGOLAHAN DATA PENGOLAHAN TRANSAKSI
KEMBALI
Navigasi :
1. Klik tombol “Pengolahan data”
untuk menuju ke
A01,A02,A03,A04,A05,A06,A07,A08, A09,A10,A11,A12
2. Klik tombol “Pengolahan data transaksi” untuk menuju ke A13 3. Klik tombol “laporan” untuk menuju
ke A14,A15
4. klik “tambah” umtuk menuju A09 5. klik “edit” umtuk menuju A10 6 .klik “hapus” maka akan muncul
pesan
7. klik cari untuk mencari Sub Jenis produk
TAMBAH
CARI
EDIT
Jenis Produk AKSI
TYPE PRODUK
Cari berdasarkan Sub jenis produk
HAPUS
REFRESH BERIKUTNYA
Sub Jenis PRODUK A08
LAPORAN
RETUR MAINTANAINCE
Gambar III.89 Perancangan Tampilan View Sub Jenis Produk
Antar muka tambah Sub Jenis Produk (A09)
ADMINISTRATOR HALAMAN UTAMA PENGOLAHAN DATA PENGOLAHAN TRANSAKSI
Navigasi :
1. Klik tombol “Pengolahan data”
untuk menuju ke
A01,A02,A03,A04,A05,A06,A07,A08, A09,A10,A11,A12
2. Klik tombol “Pengolahan data transaksi” untuk menuju ke A13 3. Klik tombol “laporan” untuk menuju
ke A14,A15
4. klik cari untuk mencari produk 5. klik tombol “tambah” untuk
menambah Sub Jenis produk 6. klik tombol batal untuk menuju A08
TAMBAH TYPE PRODUK A09
Produk : Sub Jenis produk :
Tambah Batal
LAPORAN
RETUR MAINTANAINCE
Antar muka edit Sub Jenis Produk (A10) ADMINISTRATOR HALAMAN UTAMA PENGOLAHAN DATA PENGOLAHAN TRANSAKSI Navigasi :
1. Klik tombol “Pengolahan data”
untuk menuju ke
A01,A02,A03,A04,A05,A06,A07,A08, A09,A10,A11,A12
2. Klik tombol “Pengolahan data transaksi” untuk menuju ke A13 3. Klik tombol “laporan” untuk menuju
ke A14,A15
4. klik cari untuk mencari produk 5. klik tombol “edit” untuk menngedit
Sub Jenis Produk
6. klik tombol batal untuk menuju A08 EDIT SUB JENIS PRODUK
A10
Jenis produk : Sub Jenis produk :
Edit Batal
LAPORAN
RETUR MAINTANAIN
CE
Gambar III.91 Perancangan Tampilan Edit Sub Jenis Produk
Antar muka view Kategori (A11)
ADMINISTRATOR HALAMAN UTAMA PENGOLAHAN DATA PENGOLAHAN TRANSAKSI KEMBALI Navigasi :
1. Klik tombol “Pengolahan data”
untuk menuju ke
A01,A02,A03,A04,A05,A06,A07,A08, A09,A10,A11,A12
2. Klik tombol “Pengolahan data transaksi” untuk menuju ke A13 3. Klik tombol “laporan” untuk menuju
ke A14,A15
4. klik “tambah” umtuk menuju A13 5. klik “edit” umtuk menuju A14 6 .klik “hapus” maka akan muncul
pesan
7. klik cari untuk mencari produk
TAMBAH
CARI
EDIT
NAMA KATEGORI AKSI
PRODUK Cari berdasarkan nama kategori HAPUS REFRESH BERIKUTNYA A11 LAPORAN RETUR MAINTANAIN CE
Antar muka tambah kategori (A12) ADMINISTRATOR HALAMAN UTAMA PENGOLAHAN DATA PENGOLAHAN TRANSAKSI Navigasi :
1. Klik tombol “Pengolahan data”
untuk menuju ke
A01,A02,A03,A04,A05,A06,A07,A08, A09,A10,A11,A12
2. Klik tombol “Pengolahan data transaksi” untuk menuju ke A13 3. Klik tombol “laporan” untuk menuju
ke A14,A15
4. klik cari untuk mencari kategori 5. klik tombol “tambah” untuk
menambah type produk 6. klik tombol batal untuk menuju A12 TAMBAH PRODUK A12 Nama kategori : Tambah Batal LAPORAN RETUR MAINTANAINCE
Gambar III.93 Perancangan Tampilan Tambah Kategori
Antar muka edit kategori (A13)
ADMINISTRATOR HALAMAN UTAMA PENGOLAHAN DATA PENGOLAHAN TRANSAKSI
Navigasi :
1. Klik tombol “Pengolahan data”
untuk menuju ke
A01,A02,A03,A04,A05,A06,A07,A08, A09,A10,A11,A12
2. Klik tombol “Pengolahan data transaksi” untuk menuju ke A13 3. Klik tombol “laporan” untuk menuju
ke A14,A15
4. klik cari untuk mencari kategori 5. klik tombol “edit” untuk mengedit
type produk
6. klik tombol batal untuk menuju A12 EDIT PRODUK A13 Nama kategori : Tambah Edit LAPORAN RETUR MAINTANAINCE
Antar muka view Jenis Buatan (A14) ADMINISTRATOR HALAMAN UTAMA PENGOLAHAN DATA PENGOLAHAN TRANSAKSI KEMBALI Navigasi :
1. Klik tombol “Pengolahan data”
untuk menuju ke
A01,A02,A03,A04,A05,A06,A07,A08, A09,A10,A11,A12
2. Klik tombol “Pengolahan data transaksi” untuk menuju ke A13 3. Klik tombol “laporan” untuk menuju
ke A14,A15
4. klik “tambah” umtuk menuju A16 5. klik “edit” umtuk menuju A17 6 .klik “hapus” maka akan muncul
pesan
7. klik cari untuk mencari Jenis Buatan
TAMBAH
CARI
EDIT
JENIS BUATAN AKSI
JENIS BUATAN
Cari berdasarkan desc Jenis Buatan
HAPUS REFRESH BERIKUTNYA A14 LAPORAN RETUR MAINTANAIN CE
Gambar III.95 Perancangan Tampilan View Jenis Buatan
Antar muka tambah Jenis buatan (A15)
ADMINISTRATOR HALAMAN UTAMA PENGOLAHAN DATA PENGOLAHAN TRANSAKSI
Navigasi :
1. Klik tombol “Pengolahan data”
untuk menuju ke
A01,A02,A03,A04,A05,A06,A07,A08, A09,A10,A11,A12
2. Klik tombol “Pengolahan data transaksi” untuk menuju ke A13 3. Klik tombol “laporan” untuk menuju
ke A14,A15
4.klik tombol “tambah” untuk
menambah Jenis Buatan 5. klik tombol batal untuk menuju A16
TAMBAH KWALITAS PRODUK A15 Jenis Buatan Tambah Batal LAPORAN RETUR MAINTANAINCE
Antar muka edit Jenis Buatan (A16)
ADMINISTRATOR HALAMAN UTAMA PENGOLAHAN DATA PENGOLAHAN TRANSAKSI
Navigasi :
1. Klik tombol “Pengolahan data”
untuk menuju ke
A01,A02,A03,A04,A05,A06,A07,A08, A09,A10,A11,A12
2. Klik tombol “Pengolahan data transaksi” untuk menuju ke A13 3. Klik tombol “laporan” untuk menuju
ke A14,A15
4.klik tombol “edit” untuk menambah
Jenis Buatan
5. klik tombol batal untuk menuju A16
EDIT KWALITAS PRODUK A16 Jenis Buatan EDIT Batal LAPORAN RETUR MAINTANAIN CE
Gambar III.97 Perancangan Tampilan Edit Jenis Buatan
Antar muka view provinsi (A17)
ADMINISTRATOR HALAMAN UTAMA PENGOLAHAN DATA PENGOLAHAN TRANSAKSI
KEMBALI
Navigasi :
1. Klik tombol “Pengolahan data”
untuk menuju ke
A01,A02,A03,A04,A05,A06,A07,A08, A09,A10,A11,A12
2. Klik tombol “Pengolahan data transaksi” untuk menuju ke A13 3. Klik tombol “laporan” untuk menuju
ke A14,A15
4. klik “tambah” umtuk menuju A21 5. klik “edit” umtuk menuju A22 6 .klik “hapus” maka akan muncul
pesan
7. klik cari untuk mencari provinsi
TAMBAH
CARI
EDIT
NAMA PROVINSI AKSI
PROVINSI Cari berdasarkan Nama provinsi HAPUS REFRESH BERIKUTNYA A17 LAPORAN RETUR MAINTANAIN CE
Antar muka tambah provinsi (F18) ADMINISTRATOR HALAMAN UTAMA PENGOLAHAN DATA PENGOLAHAN TRANSAKSI Navigasi :
1. Klik tombol “Pengolahan data”
untuk menuju ke
A01,A02,A03,A04,A05,A06,A07,A08, A09,A10,A11,A12
2. Klik tombol “Pengolahan data transaksi” untuk menuju ke A13 3. Klik tombol “laporan” untuk menuju
ke A14,A15
4.klik tombol “tambah” untuk
menambah provinsi
5. klik tombol batal untuk menuju A18 TAMBAH PROVINSI A18 Nama provinsi : Tambah Batal LAPORAN RETUR MAINTANAIN CE
Gambar III.99 Perancangan Tampilan Tambah Provinsi
Antar muka edit provinsi (A19)
ADMINISTRATOR HALAMAN UTAMA PENGOLAHAN DATA PENGOLAHAN TRANSAKSI Navigasi :
1. Klik tombol “Pengolahan data”
untuk menuju ke
A01,A02,A03,A04,A05,A06,A07,A08, A09,A10,A11,A12
2. Klik tombol “Pengolahan data transaksi” untuk menuju ke A13 3. Klik tombol “laporan” untuk menuju
ke A14,A15
4.klik tombol “edit” untuk mengedit
provinsi
5. klik tombol batal untuk menuju A18
EDIT PROVINSI A19 Nama provinsi : Edit Batal LAPORAN RETUR MAINTANAIN CE
Antar muka view kota (A20)
ADMINISTRATOR HALAMAN UTAMA PENGOLAHAN DATA PENGOLAHAN TRANSAKSI
KEMBALI
Navigasi :
1. Klik tombol “Pengolahan data”
untuk menuju ke
A01,A02,A03,A04,A05,A06,A07,A08, A09,A10,A11,A12
2. Klik tombol “Pengolahan data transaksi” untuk menuju ke A13 3. Klik tombol “laporan” untuk menuju
ke A14,A15
4. klik “tambah” umtuk menuju A22 5. klik “edit” umtuk menuju A23 6 .klik “hapus” maka akan muncul
pesan
7. klik cari untuk mencari provinsi
TAMBAH
CARI
EDIT
NAMA PROVINSI AKSI
KOTA / KABUPATEN
Cari berdasarkan nama kota
HAPUS
REFRESH BERIKUTNYA
NAMA KOTA KAB/KOTA
A20
LAPORAN
RETUR MAINTANAINCE
Gambar III.101 Perancangan Tampilan View Kota
Antarmuka tambah kota (A21)
ADMINISTRATOR HALAMAN UTAMA PENGOLAHAN DATA PENGOLAHAN TRANSAKSI
Navigasi :
1. Klik tombol “Pengolahan data”
untuk menuju ke
A01,A02,A03,A04,A05,A06,A07,A08, A09,A10,A11,A12
2. Klik tombol “Pengolahan data transaksi” untuk menuju ke A13 3. Klik tombol “laporan” untuk menuju
ke A14,A15
4.klik tombol “tambah” untuk
menambah kota
5. klik tombol batal untuk menuju A20
TAMBAH KOTA A21 Id_provinsi Tambah Batal Nama kota : Kab/kota : LAPORAN RETUR MAINTANAINCE
Antar muka edit kota (A22) ADMINISTRATOR HALAMAN UTAMA PENGOLAHAN DATA PENGOLAHAN TRANSAKSI Navigasi :
1. Klik tombol “Pengolahan data”
untuk menuju ke
A01,A02,A03,A04,A05,A06,A07,A08, A09,A10,A11,A12
2. Klik tombol “Pengolahan data transaksi” untuk menuju ke A13 3. Klik tombol “laporan” untuk menuju
ke A14,A15
4.klik tombol “edit” untuk mengedit
kota
5. klik tombol batal untuk menuju A20
EDIT KOTA A22 Id_provinsi Edit Batal Nama kota : Kab/kota : LAPORAN RETUR MAINTANAIN CE
Gambar III.103 Perancangan Tampilan Ubah Kota
Antar muka view cargo (A23)
ADMINISTRATOR HALAMAN UTAMA PENGOLAHAN DATA PENGOLAHAN TRANSAKSI KEMBALI Navigasi :
1. Klik tombol “Pengolahan data”
untuk menuju ke
A01,A02,A03,A04,A05,A06,A07,A08, A09,A10,A11,A12
2. Klik tombol “Pengolahan data transaksi” untuk menuju ke A13 3. Klik tombol “laporan” untuk menuju
ke A14,A15
4. klik “tambah” umtuk menuju A25 5. klik “edit” umtuk menuju A26 6 .klik “hapus” maka akan muncul
pesan
7. klik cari untuk mencari cargo
TAMBAH
CARI
EDIT
NAMA CARGO AKSI
CARGO INDONESIA
Cari berdasarkan Nama nama cargo
HAPUS REFRESH BERIKUTNYA A23 LAPORAN RETUR MAINTANAIN CE
Antarmuka tambah cargo (A24) ADMINISTRATOR HALAMAN UTAMA PENGOLAHAN DATA PENGOLAHAN TRANSAKSI Navigasi :
1. Klik tombol “Pengolahan data”
untuk menuju ke
A01,A02,A03,A04,A05,A06,A07,A08, A09,A10,A11,A12
2. Klik tombol “Pengolahan data transaksi” untuk menuju ke A13 3. Klik tombol “laporan” untuk menuju
ke A14,A15
4.klik tombol “tambah” untuk
menambah cargo
5. klik tombol batal untuk menuju A24
TAMBAH CARGO A24 Nama cargo Tambah Batal LAPORAN RETUR MAINTANAIN CE
Gambar III.105 Perancangan Tampilan Tambah Cargo
Antar muka edit cargo (A25)
ADMINISTRATOR HALAMAN UTAMA PENGOLAHAN DATA PENGOLAHAN TRANSAKSI
Navigasi :
1. Klik tombol “Pengolahan data”
untuk menuju ke
A01,A02,A03,A04,A05,A06,A07,A08, A09,A10,A11,A12
2. Klik tombol “Pengolahan data transaksi” untuk menuju ke A13 3. Klik tombol “laporan” untuk menuju
ke A14,A15
4.klik tombol “edit” untuk mengedit
cargo
5. klik tombol batal untuk menuju A24
EDIT CARGO A25 Nama cargo Edit Batal LAPORAN RETUR MAINTANAINCE
Antar muka view layanan cargo (A26)
ADMINISTRATOR HALAMAN UTAMA PENGOLAHAN DATA PENGOLAHAN TRANSAKSI
KEMBALI
Navigasi :
1. Klik tombol “Pengolahan data”
untuk menuju ke
A01,A02,A03,A04,A05,A06,A07,A08, A09,A10,A11,A12
2. Klik tombol “Pengolahan data transaksi” untuk menuju ke A13 3. Klik tombol “laporan” untuk menuju
ke A14,A15
4. klik “tambah” umtuk menuju A28 5. klik “edit” umtuk menuju A29 6 .klik “hapus” maka akan muncul
pesan
7. klik cari untuk mencari layanan cargo
TAMBAH
CARI
EDIT
NAMA CARGO AKSI
LAYANAN CARGO Cari berdasarkan nama layanan cargo HAPUS REFRESH BERIKUTNYA NAMA LAYANAN
CARGO HARGA KIRIM / KG
A26
LAPORAN
RETUR MAINTANAINCE
Gambar III.107 Perancangan Tampilan View Layanan Cargo
Antarmuka tambah layanan cargo (A27)
ADMINISTRATOR HALAMAN UTAMA PENGOLAHAN DATA PENGOLAHAN TRANSAKSI
Navigasi :
1. Klik tombol “Pengolahan data”
untuk menuju ke
A01,A02,A03,A04,A05,A06,A07,A08, A09,A10,A11,A12
2. Klik tombol “Pengolahan data transaksi” untuk menuju ke A13 3. Klik tombol “laporan” untuk menuju
ke A14,A15
4.klik tombol “tambah” untuk
menambah layanan cargo 5. klik tombol batal untuk menuju A27
TAMBAH LAYANAN CARGO A27 Nama cargo Tambah Batal Nama layanan Harga kirim LAPORAN RETUR MAINTANAINCE
Antar muka edit layanan cargo (A28) ADMINISTRATOR HALAMAN UTAMA PENGOLAHAN DATA PENGOLAHAN TRANSAKSI Navigasi :
1. Klik tombol “Pengolahan data”
untuk menuju ke
A01,A02,A03,A04,A05,A06,A07,A08, A09,A10,A11,A12
2. Klik tombol “Pengolahan data transaksi” untuk menuju ke A13 3. Klik tombol “laporan” untuk menuju
ke A14,A15
4.klik tombol “edit” untuk mengedit
layanan cargo
5. klik tombol batal untuk menuju A27
EDIT LAYANAN CARGO A28 Nama cargo Edit Batal Nama layanan Harga kirim LAPORAN RETUR MAINTANAIN CE
Gambar III.109 Perancangan Tampilan Edit Layanan Cargo
Antar muka view harga cargo (A29)
ADMINISTRATOR HALAMAN UTAMA PENGOLAHAN DATA PENGOLAHAN TRANSAKSI
KEMBALI
Navigasi :
1. Klik tombol “Pengolahan data”
untuk menuju ke
A01,A02,A03,A04,A05,A06,A07,A08, A09,A10,A11,A12
2. Klik tombol “Pengolahan data transaksi” untuk menuju ke A13 3. Klik tombol “laporan” untuk menuju
ke A14,A15
4. klik “tambah” umtuk menuju A31 5. klik “edit” umtuk menuju A32 6 .klik “hapus” maka akan muncul
pesan
7. klik cari untuk mencari provinsi
TAMBAH
CARI
EDIT
NAMA LAYANAN CARGO AKSI
HARGA CARGO
Cari berdasarkan harga cargo
HAPUS
REFRESH BERIKUTNYA
NAMA KOTA HARGA CARGO LAMA PENGIRIMAN
A29
LAPORAN
RETUR MAINTANAINCE
Antarmuka tambah harga cargo (A30) ADMINISTRATOR HALAMAN UTAMA PENGOLAHAN DATA PENGOLAHAN TRANSAKSI Navigasi :
1. Klik tombol “Pengolahan data”
untuk menuju ke
A01,A02,A03,A04,A05,A06,A07,A08, A09,A10,A11,A12
2. Klik tombol “Pengolahan data transaksi” untuk menuju ke A13 3. Klik tombol “laporan” untuk menuju
ke A14,A15
4.klik tombol “tambah” untuk
menambah harga cargo 5. klik tombol batal untuk menuju A30 TAMBAH HARGA CARGO
A30 Tambah Batal Nama layanan Kota Harga LAPORAN RETUR MAINTANAIN CE
Gambar III.111 Perancangan Tampilan Tambah Harga Cargo
Antar muka edit harga cargo (A31)
ADMINISTRATOR HALAMAN UTAMA PENGOLAHAN DATA PENGOLAHAN TRANSAKSI Navigasi :
1. Klik tombol “Pengolahan data”
untuk menuju ke
A01,A02,A03,A04,A05,A06,A07,A08, A09,A10,A11,A12
2. Klik tombol “Pengolahan data transaksi” untuk menuju ke A13 3. Klik tombol “laporan” untuk menuju
ke A14,A15
4.klik tombol “edit” untuk menambah
harga cargo
5. klik tombol batal untuk menuju A30
EDIT HARGA CARGO A31 Edit Batal Nama layanan Kota Harga LAPORAN RETUR MAINTANAIN CE
Antar muka view transaksi (A32)
ADMINISTRATOR HALAMAN UTAMA PENGOLAHAN DATA PENGOLAHAN TRANSAKSI
KEMBALI
Navigasi :
1. Klik tombol “product” untuk
menuju ke P03 2. Klik tombol “Guest book”
untuk menuju ke P04 3. Klik tombol “shiping” untuk
menuju ke P05
4. Klik tombol “contact” untuk
menuju ke P06 5. Klik link “Daftar” untuk
melakukan registrasi dan menuju ke P02
6. Klik link “Login” untuk
melakukan login dan menuju ke M01
7. Klik link “teks product” untuk
menuju ke P09 TAMBAH CARI EDIT NO TRANSAKSI AKSI TRANSAKSI Cari berdasarkan produk HAPUS REFRESH BERIKUTNYA STATUS PENGIRIMAN STATUS PEMBAYARAN TOTAL TANGGAL Tampilkan data berdasarkan status pembayaran
Tampilkan data berdasarkan status pengiriman
TOTAL PENDAPATAN A32
LAPORAN
RETUR MAINTANAINCE
Gambar III.113 Perancangan Tampilan View Transaksi
Antar muka view retur (A33)
ADMINISTRATOR HALAMAN UTAMA PENGOLAHAN DATA PENGOLAHAN TRANSAKSI KEMBALI Navigasi :
1. Klik tombol “product” untuk
menuju ke P03 2. Klik tombol “Guest book”
untuk menuju ke P04 3. Klik tombol “shiping” untuk
menuju ke P05
4. Klik tombol “contact” untuk
menuju ke P06 5. Klik link “Daftar” untuk
melakukan registrasi dan menuju ke P02
6. Klik link “Login” untuk
melakukan login dan menuju ke M01
7. Klik link “teks product” untuk
menuju ke P09 CARI NO TRANSAKSI AKSI RETUR Cari berdasarkan transaksi Lihat Detail REFRESH BERIKUTNYA NO RESI BACK AKSI RESI NO RESI TANGGAL Tampilkan data berdasarkan status pengajuan retur
Tampilkan data berdasarkan status global retur A33
LAPORAN
RETUR MAINTANAINCE
STATUS PENGAJUAN GLOBAL RETURSTATUS
Antar muka view detail retur (A34) ADMINISTRATOR HALAMAN UTAMA PENGOLAHAN DATA PENGOLAHAN TRANSAKSI KEMBALI Navigasi :
1. Klik tombol “product” untuk
menuju ke P03 2. Klik tombol “Guest book”
untuk menuju ke P04 3. Klik tombol “shiping” untuk
menuju ke P05
4. Klik tombol “contact” untuk
menuju ke P06 5. Klik link “Daftar” untuk
melakukan registrasi dan menuju ke P02
6. Klik link “Login” untuk
melakukan login dan menuju ke M01
7. Klik link “teks product” untuk
menuju ke P09 CARI NO TRANSAKSI AKSI RETUR Cari berdasarkan transaksi Lihat Detail REFRESH BERIKUTNYA NO RESI BACK AKSI RESI NO RESI TANGGAL Tampilkan data berdasarkan status pengajuan retur
Tampilkan data berdasarkan status global retur A34
LAPORAN
RETUR MAINTANAINCE
STATUS PENGAJUAN GLOBAL RETURSTATUS
DETAIL RETUR
PRODUK JLH YG DIBELI DIRETURJLH YG ALASAN RETUR DITOLAKALASAN STATUS AKSI
Gambar III.115 Perancangan Tampilan View Detail Retur
Antarmuka view laporan data barang (A33)
ADMINISTRATOR HALAMAN UTAMA PENGOLAHAN DATA PENGOLAHAN TRANSAKSI
CETAK
Navigasi :
1. Klik tombol “product” untuk
menuju ke P03 2. Klik tombol “Guest book”
untuk menuju ke P04 3. Klik tombol “shiping” untuk
menuju ke P05
4. Klik tombol “contact” untuk
menuju ke P06 5. Klik link “Daftar” untuk
melakukan registrasi dan menuju ke P02
6. Klik link “Login” untuk
melakukan login dan menuju ke M01
7. Klik link “teks product” untuk
menuju ke P09 Jumlah stok barang yang habis : Tampilkan
PRODUK TERJUALJUMLAH
LAPORAN DATA BARANG
REFRESH INFO PRODUK JUMLAH HARGA DISKON HARGA SATUAN STOK DESC UKURAN DESC WARNA FILE GAMBAR CARI Cari berdasarkan produk A33 LAPORAN RETUR MAINTANAINCE
Antar muka view laporan transaksi (A34) ADMINISTRATOR HALAMAN UTAMA PENGOLAHAN DATA PENGOLAHAN TRANSAKSI Navigasi :
1. Klik tombol “product” untuk
menuju ke P03 2. Klik tombol “Guest book”
untuk menuju ke P04 3. Klik tombol “shiping” untuk
menuju ke P05
4. Klik tombol “contact” untuk
menuju ke P06 5. Klik link “Daftar” untuk
melakukan registrasi dan menuju ke P02
6. Klik link “Login” untuk
melakukan login dan menuju ke M01
7. Klik link “teks product” untuk
menuju ke P09 CARI NO TRANSAKSI TOTAL TRANSAKSI Cari berdasarkan No transaksi HAPUS REFRESH CETAK STATUS PENGIRIMAN STATUS PEMBAYARAN TOTAL TANGGAL Tampilkan data berdasarkan status pembayaran
Tampilkan data berdasarkan status pengiriman
DETAIL TRANSAKSI
PRODUK KATEGORI QTY SUBTOTAL
DATA PENGIRIMAN NAMA
PENERIMA ALAMAT KOTA SUBTOTAL
BIAYA PENGIRIMAN CARGO TELP KODE POS A34 LAPORAN RETUR MAINTANAIN CE
Gambar III.117 Perancangan Tampilan View Laporan Transaksi
Antar muka view laporan Retur (A35)
ADMINISTRATOR HALAMAN UTAMA PENGOLAHAN DATA PENGOLAHAN TRANSAKSI
KEMBALI
Navigasi :
1. Klik tombol “product” untuk
menuju ke P03 2. Klik tombol “Guest book”
untuk menuju ke P04 3. Klik tombol “shiping” untuk
menuju ke P05
4. Klik tombol “contact” untuk
menuju ke P06 5. Klik link “Daftar” untuk
melakukan registrasi dan menuju ke P02
6. Klik link “Login” untuk
melakukan login dan menuju ke M01
7. Klik link “teks product” untuk
menuju ke P09 CARI NO TRANSAKSI AKSI RETUR Cari berdasarkan transaksi Lihat Detail REFRESH BERIKUTNYA NO RESI BACK AKSI RESI NO RESI TANGGAL Tampilkan data berdasarkan status pengajuan retur
Tampilkan data berdasarkan status global retur A35
LAPORAN
RETUR MAINTANAINCE
STATUS PENGAJUAN STATUS
GLOBAL RETUR
CETAK Laporan secara berkala :
Tanggal awal : Tanggal akhir :
Antar muka view ukuran (A36)
ADMINISTRATOR HALAMAN UTAMA PENGOLAHAN DATA PENGOLAHAN TRANSAKSI
KEMBALI
Navigasi :
1. Klik tombol “Pengolahan data”