Perancangan Antar Muka Administrator
Antar muka ini adalah antar muka edit made produk A05
UBAH DATA IMAGE
UPDATE DATA MERK PRODUK
Kode Merk Produk :
Merk Produk :
SIMPAN BATAL
A05
Navigasi : 1.
Klik tombol simpan untuk menyimpan data yang telh
ditambah dan menuju ke A03
2. Klik tombol batal untuk
membatalkan penambahan data dan menuju ke A03
Gambar 3.54 Perancangan Antar Muka Edit Made Produk Antar muka ini adalah antar muka data produk A06
BANNER Dasboard
Pengolahan Data Made Produk
Produk Tipe Produk
FOOTER image
Welcome, administrator Profil | Logout
IP Address :
Ukuran Produk Jenis Produk
Model Produk Provinsi
Kota Media Pembayaran
Pengolahan Transaksi Laporan
Logout PENGOLAHAN DATA PRODUK
Tambah | Refresh | Cari Berdasarkan Nama Produk : Kode Produk
AKSI Ubah
Hapus Ubah
Hapus Tampilkan
baris Sebelumnya Berikutnya | Hal dari Halaman | Jumlah Baris
Nama Produk Made Produk
A06
Navigasi : 1.
Klik menu “dasboard” untuk menuju ke A02
2. Klik menu”made
produk” untuk menuju ke A03
3. Klik menu “Tipe
Produk” untuk menuju ke A09
4. Klik Menu “Ukuran
produk” untuk menuju ke A12
5. Klik menu “jenis
produk” untuk menuju ke A15
6. Klik menu “model
produk” untuk menuju ke A18
7. Klik Menu “provinsi“
untuk menuju ke A21 8.
Klik Menu “kota” untuk menuju ke A24
9. Klik menu “media
pembayaran” untuk menuju me A27
10. Klik menu “pengolahan
transaksi” untuk menuju ke A30
Gambar 3.55 Perancangan Antar Muka Data Produk
Antar muka ini adalah antar muka tambah data produk A07
TAMBAH DATA IMAGE
TAMBAH DATA PRODUK
Merk Produk :
Kode Produk :
Nama Produk :
SIMPAN BATAL
A07
Navigasi : 1.
Klik tombol simpan untuk menyimpan
data yang telh ditambah dan
menuju ke A06
2. Klik tombol batal
untuk membatalkan penambahan data
dan menuju ke A06
Gambar 3.56 Perancangan Antar Muka Tambah Data Produk Antar muka ini adalah antar muka edit data produk A08
UBAH DATA IMAGE
UPDATE DATA PRODUK
Merk Produk :
Kode Produk :
Nama Produk :
SIMPAN BATAL
A08
Navigasi : 1.
Klik tombol simpan untuk menyimpan
data yang telh ditambah dan
menuju ke A06
2. Klik tombol batal
untuk membatalkan penambahan data
dan menuju ke A06
Gambar 3.57 Perancangan Antar Muka Edit Data Produk
Antar muka ini adalah antar muka data type produk A09
BANNER Dasboard
Pengolahan Data Made Produk
Produk Tipe Produk
FOOTER image
Welcome, administrator Profil | Logout
IP Address :
Ukuran Produk Jenis Produk
Model Produk Provinsi
Kota Media Pembayaran
Pengolahan Transaksi Laporan
Logout PENGOLAHAN DATA TIPE PRODUK
Tambah | Refresh | Cari Berdasarkan Tipe Produk : Tipe Produk
AKSI Ubah
Hapus Ubah
Hapus Tampilkan
baris Sebelumnya Berikutnya | Hal dari Halaman | Jumlah Baris
Kode Produk Nama Produk
A09
Navigasi : 1.
Klik menu “dasboard” untuk menuju ke A02
2. Klik menu”produk”
untuk menuju ke A06 3.
Klik menu “made produk” untuk menuju
ke A03 4.
Klik Menu “Ukuran produk” untuk menuju
ke A12 5.
Klik menu “jenis produk” untuk menuju
ke A15 6.
Klik menu “model produk” untuk menuju
ke A18 7.
Klik Menu “provinsi“ untuk menuju ke A21
8. Klik Menu “kota” untuk
menuju ke A24 9.
Klik menu “media pembayaran” untuk
menuju me A27 10.
Klik menu “pengolahan transaksi” untuk menuju
ke A30
Gambar 3.58 Perancangan Antar Type Produk Antar muka ini adalah antar muka tambah data type produk A10
TAMBAH DATA IMAGE
TAMBAH DATA TIPE PRODUK
Pilih Produk :
Type Produk :
SIMPAN BATAL
A10
Navigasi : 1.
Klik tombol simpan untuk menyimpan data
yang telh ditambah dan menuju ke A09
2. Klik tombol batal
untuk membatalkan penambahan data dan
menuju ke A09
Gambar 3.59 Perancangan Antar Muka Tambah Data Type Produk
Antar muka ini adalah antar muka edit data type produk A11
UBAH DATA IMAGE
UPADATE DATA TIPE PRODUK
Pilih Produk :
Type Produk :
SIMPAN BATAL
A11
Navigasi : 1.
Klik tombol simpan untuk menyimpan data
yang telh ditambah dan menuju ke A09
2. Klik tombol batal
untuk membatalkan penambahan data dan
menuju ke A09
Gambar 3.60 Perancangan Antar Muka Edit Data Type Produk Antar muka ini adalah antar muka data ukuran produk A12
BANNER Dasboard
Pengolahan Data Made Produk
Produk Tipe Produk
FOOTER image
Welcome, administrator Profil | Logout
IP Address :
Ukuran Produk Jenis Produk
Model Produk Provinsi
Kota Media Pembayaran
Pengolahan Transaksi Laporan
Logout PENGOLAHAN DATA UKURAN PRODUK
Tambah | Refresh | Cari Berdasarkan Ukuran Produk : Ukuran
Ket. ukuran AKSI
Ubah Hapus
Ubah Hapus
Tampilkan baris
Sebelumnya Berikutnya | Hal dari Halaman | Jumlah Baris
A12
Navigasi : 1. Klik menu
“dasboard” untuk menuju ke A02
2. Klik menu”produk”
untuk menuju ke A06 3.
Klik menu “Tipe Produk” untuk menuju
ke A09 4.
Klik Menu “made produk” untuk menuju
ke A03 5.
Klik menu “jenis produk” untuk menuju
ke A15 6.
Klik menu “model produk” untuk menuju
ke A18 7. Klik Menu
“provinsi“ untuk menuju ke A21
8. Klik Menu “kota” untuk
menuju ke A24 9.
Klik menu “media pembayaran” untuk
menuju me A27 10.
Klik menu “pengolahan transaksi” untuk menuju
ke A30
Gambar 3.61Perancangan Antar Muka Ukuran Produk
Antar muka ini adalah antar muka tambah data ukuran produk A13
TAMBAH DATA IMAGE
TAMBAH DATA UKURAN PRODUK
Ukuran Produk :
Ket. Ukuran Produk :
SIMPAN BATAL
A13
Navigasi : 1.
Klik tombol simpan untuk menyimpan data
yang telh ditambah dan menuju ke A12
2. Klik tombol batal
untuk membatalkan penambahan data dan
menuju ke A12
Gambar 3.62 Perancangan Antar Muka Tambah Data Ukuran Produk Antar muka ini adalah antar muka edit data ukuran produk A14
UBAH DATA IMAGE
UPDATE DATA UKURAN PRODUK
Ukuran Produk :
Ket. Ukuran Produk :
SIMPAN BATAL
A14
Navigasi : 1.
Klik tombol simpan untuk menyimpan
data yang telh ditambah dan menuju
ke A12
2. Klik tombol batal
untuk membatalkan penambahan data dan
menuju ke A12
Gambar 3.63 Perancangan Antar Muka Edit Data Ukuran Produk
Antar muka ini adalah antar muka data jenis produk A15
BANNER Dasboard
Pengolahan Data Made Produk
Produk Tipe Produk
FOOTER image
Welcome, administrator Profil | Logout
IP Address :
Ukuran Produk Jenis Produk
Model Produk Provinsi
Kota Media Pembayaran
Pengolahan Transaksi Laporan
Logout PENGOLAHAN DATA JENIS PRODUK
Tambah | Refresh | Cari Berdasarkan Jenis Produk :
Tampilkan baris
Sebelumnya Berikutnya | Hal dari Halaman | Jumlah Baris Jenis
AKSI Ubah
Hapus Ubah
Hapus
A15
Navigasi : 1.
Klik menu “dasboard” untuk menuju ke A02
2. Klik menu”produk”
untuk menuju ke A06 3.
Klik menu “Tipe Produk” untuk menuju
ke A09 4.
Klik Menu “Ukuran produk” untuk menuju
ke A12 5.
Klik menu “made produk” untuk menuju
ke A03 6.
Klik menu “model produk” untuk menuju
ke A18 7.
Klik Menu “provinsi“ untuk menuju ke A21
8. Klik Menu “kota” untuk
menuju ke A24 9.
Klik menu “media pembayaran” untuk
menuju me A27 10.
Klik menu “pengolahan transaksi” untuk menuju
ke A30
Gambar 3.64 Perancangan Antar Muka Data Jenis Produk Antar muka ini adalah antar muka tambah data jenis produk A16
TAMBAH DATA IMAGE
TAMBAH DATA JENIS PRODUK
Jenis Produk :
SIMPAN BATAL
A16
Navigasi : 1.
Klik tombol simpan untuk menyimpan data
yang telh ditambah dan menuju ke A15
2. Klik tombol batal
untuk membatalkan penambahan data dan
menuju ke A15
Gambar 3.65 Perancangan Antar Muka Tambah Data Jenis Produk
Antar muka ini adalah antar muka edit data jenis produk A17
UBAH DATA IMAGE
UPDATE DATA JENIS PRODUK
Jenis Produk :
SIMPAN BATAL
A17
Navigasi : 1.
Klik tombol simpan untuk menyimpan data
yang telh ditambah dan menuju ke A15
2. Klik tombol batal
untuk membatalkan penambahan data dan
menuju ke A15
Gambar 3.66 Perancangan Antar Muka Edit Data Jenis Produk Antar muka ini adalah antar muka data model produk A18
BANNER Dasboard
Pengolahan Data Made Produk
Produk Tipe Produk
FOOTER image
Welcome, administrator Profil | Logout
IP Address :
Ukuran Produk Jenis Produk
Model Produk Provinsi
Kota Media Pembayaran
Pengolahan Transaksi Laporan
Logout PENGOLAHAN DATA MODEL PRODUK
Tambah | Refresh | Cari Berdasarkan Model Produk :
Tampilkan baris
Sebelumnya Berikutnya | Hal dari Halaman | Jumlah Baris Nama file
gambar Jenis
produk Ubah
ubah hapus
Type produk
Tgl_input Tgl_update Harga
produk hapus
Ukuran Produk
Aksi
A18
Navigasi : 1.
Klik menu “dasboard” untuk menuju ke A02
2. Klik menu”produk”
untuk menuju ke A06 3.
Klik menu “Tipe Produk” untuk menuju ke
A09 4.
Klik Menu “Ukuran produk” untuk menuju ke
A12 5.
Klik menu “jenis produk” untuk menuju ke
A15 6.
Klik menu “made produk” untuk menuju ke
A03 7.
Klik Menu “provinsi“ untuk menuju ke A21
8. Klik Menu “kota” untuk
menuju ke A24 9.
Klik menu “media pembay
aran” untuk menuju me A27
10. Klik menu “pengolahan
transaksi” untuk menuju ke A30
Gambar 3.67 Perancangan Antar Muka Data Model Produk
Antar muka ini adalah antar muka tambah data model produk A19
TAMBAH DATA IMAGE
TAMBAH DATA MODEL PRODUK
Type Produk :
Ukuran Produk :
Jenis Produk :
Unggah Gambar : Harga
: SIMPAN
BATAL Unggah Gambar
A19
Navigasi : 1.
Klik tombol simpan untuk menyimpan data
yang telh ditambah dan menuju ke A18
2. Klik tombol batal
untuk membatalkan penambahan data dan
menuju ke A18
Gambar 3.68 Perancangan Antar Muka Tambah Data Model Produk Antar muka ini adalah antar muka edit data model produk A20
UBAH DATA IMAGE
UPDATE DATA MODEL PRODUK
Type Produk :
Ukuran Produk :
Jenis Produk :
Unggah Gambar : Harga
: SIMPAN
BATAL Unggah Gambar
A20
Navigasi : 1.
Klik tombol simpan untuk menyimpan data
yang telh ditambah dan menuju ke A18
2. Klik tombol batal
untuk membatalkan penambahan data dan
menuju ke A18
Gambar 3.69 Perancangan Antar Muka Edit Data Model Produk
Antar muka ini adalah antar muka data kota A21
BANNER Dasboard
Pengolahan Data Made Produk
Produk Tipe Produk
FOOTER image
Welcome, administrator Profil | Logout
IP Address :
Ukuran Produk Jenis Produk
Model Produk Provinsi
Kota Media Pembayaran
Pengolahan Transaksi Laporan
Logout PENGOLAHAN DATA PROVINSI
Tambah | Refresh | Cari Berdasarkan Nama Provinsi :
Tampilkan baris
Sebelumnya Berikutnya | Hal dari Halaman | Jumlah Baris Provinsi
AKSI Ubah
Hapus Ubah
Hapus
A21
Navigasi : 1.
Klik menu “dasboard” untuk menuju ke A02
2. Klik menu”produk”
untuk menuju ke A06 3.
Klik menu “Tipe Produk” untuk menuju ke
A09 4.
Klik Menu “Ukuran produk” untuk menuju ke
A12 5.
Klik menu “jenis produk” untuk menuju ke
A15 6.
Klik menu “model produk” untuk menuju ke
A18 7.
Klik Menu “made produk“ untuk menuju ke
A03 8.
Klik Menu “kota” untuk menuju ke A24
9. Klik menu “media
pembayaran” untuk menuju me A27
10. Klik menu “pengolahan
transaksi” untuk menuju ke A30
Gambar 3.70 Perancangan Antar Muka Data Kota Antar muka ini adalah antar muka tambah data kota A22
TAMBAH DATA IMAGE
TAMBAH DATA PROVINSI
Nama Provinsi :
SIMPAN BATAL
A22
Navigasi : 1.
Klik tombol simpan untuk menyimpan data
yang telh ditambah dan menuju ke A21
2. Klik tombol batal
untuk membatalkan penambahan data dan
menuju ke A21
Gambar 3.71 Perancangan Antar Muka Tambah Data Kota
Antar muka ini adalah antar muka edit data kota A23
UBAH DATA IMAGE
UPDATE DATA PROVINSI
Nama Provinsi :
SIMPAN BATAL
A23
Navigasi : 1.
Klik tombol simpan untuk menyimpan data
yang telh ditambah dan menuju ke A21
2. Klik tombol batal
untuk membatalkan penambahan data dan
menuju ke A21
Gambar 3.72 Perancangan Antar Muka Edit Data Kota Antar muka ini adalah antar muka provinsi A24
BANNER Dasboard
Pengolahan Data Made Produk
Produk Tipe Produk
FOOTER image
Welcome, administrator Profil | Logout
IP Address :
Ukuran Produk Jenis Produk
Model Produk Provinsi
Kota Media Pembayaran
Pengolahan Transaksi Laporan
Logout PENGOLAHAN DATA KOTA
Tambah | Refresh | Cari Berdasarkan Nama Kota : Provinsi
AKSI Ubah
Hapus Ubah
Hapus Tampilkan
baris Sebelumnya Berikutnya | Hal dari Halaman | Jumlah Baris
Kota Kabupaten Kota
A24
Navigasi : 1. Klik menu
“dasboard” untuk menuju ke A02
2. Klik menu”produk”
untuk menuju ke A06 3.
Klik menu “Tipe Produk” untuk menuju ke
A09 4.
Klik Menu “Ukuran produk” untuk menuju ke
A12 5.
Klik menu “jenis produk” untuk menuju ke
A15 6.
Klik menu “model produk” untuk menuju ke
A18 7. Klik Me
nu “provinsi“ untuk menuju ke A21
8. Klik Menu “made
produk ” untuk menuju ke
A03 9.
Klik menu “media pembayaran” untuk
menuju me A27 10.
Klik menu “pengolahan transaksi” untuk menuju
ke A30
Gambar 3.73 Perancangan Antar Muka Provinsi
Antar muka ini adalah antar muka tambah data provinsi A25
TAMBAH DATA IMAGE
TAMBAH DATA KOTA
Pilih Provinsi :
Kota :
Kabupaten Kota : SIMPAN
BATAL
A25
Navigasi : 1.
Klik tombol simpan untuk menyimpan data
yang telh ditambah dan menuju ke A24
2. Klik tombol batal
untuk membatalkan penambahan data dan
menuju ke A24
Gambar 3.74 Perancangan Antar Muka Tambah Data Provinsi Antar muka ini adalah antar muka edit data provinsi A26
UBAH DATA IMAGE
UPDATE DATA KOTA
Pilih Provinsi :
Kota :
Kabupaten Kota : SIMPAN
BATAL
A26
Navigasi : 1.
Klik tombol simpan untuk menyimpan
data yang telh ditambah dan
menuju ke A24
2. Klik tombol batal
untuk membatalkan penambahan data
dan menuju ke A24
Gambar 3.75 Perancangan Antar Muka Edit Data Provinsi
Antar muka ini adalah antar muka media pembayaran A27
BANNER Dasboard
Pengolahan Data Made Produk
Produk Tipe Produk
FOOTER image
Welcome, administrator Profil | Logout
IP Address :
Ukuran Produk Jenis Produk
Model Produk Provinsi
Kota Media Pembayaran
Pengolahan Transaksi Laporan
Logout PENGOLAHAN DATA MEDIA PEMBAYARAN
Tambah | Refresh | Cari Berdasarkan Nama Media Pembayaran : Nama Media
Pembayaran AKSI
Ubah Hapus
Ubah Hapus
Tampilkan baris
Sebelumnya Berikutnya | Hal dari Halaman | Jumlah Baris Rekening
Nama Pemilik Cabang
Pembayaran
A27
Navigasi : 1.
Klik menu “dasboard” untuk menuju ke A02
2. Klik menu”produk” untuk
menuju ke A06 3. Klik
menu “Tipe Produk” untuk menuju ke A09
4. Klik Menu “Ukuran
produk” untuk menuju ke A12
5. Klik menu “jenis produk”
untuk menuju ke A15 6.
Klik menu “model produk” untuk menuju ke
A18 7.
Klik Menu “provinsi“ untuk menuju ke A21
8. Klik Menu “kota” untuk
menuju ke A24 9. Kli
k menu “made produk” untuk menuju me A03
10. Klik menu “pengolahan
transaksi” untuk menuju ke A30
Gambar 3.76 Perancangan Antar Muka Media Pembayaran Antar muka ini adalah antar muka tambah data media pembayaran A28
TAMBAH DATA IMAGE
TAMBAH DATA MEDIA PEMBAYARAN
Nama Media Pembayaran : Account No. rekening
: Nama Pemilik
: Cabang Media
: SIMPAN
BATAL
A28
Navigasi : 1.
Klik tombol simpan untuk menyimpan
data yang telh ditambah dan menuju
ke A27
2. Klik tombol batal
untuk membatalkan penambahan data dan
menuju ke A27
Gambar 3.77 Perancangan Antar Muka Tambah Data Media Pembayaran
Antar muka ini adalah antar muka edit data media pembayaran A29
UBAH DATA IMAGE
UPDATE DATA MEDIA PEMBAYARAN
Nama Media Pembayaran : Account No. rekening
: Nama Pemilik
: Cabang Media
: SIMPAN
BATAL
A29
Navigasi : 1.
Klik tombol simpan untuk menyimpan data
yang telh ditambah dan menuju ke A27
2. Klik tombol batal
untuk membatalkan penambahan data dan
menuju ke A27
Gambar 3.78 Perancangan antar Muka Edit Data Media Pembayaran Antar muka ini adalah antar muka pengolahan transaksi A30
BANNER Dasboard
Pengolahan Data Pengolahan Transaksi
Laporan Logout
FOOTER image
Welcome, administrator Profil | Logout
IP Address :
A30
Pengolahan Transaksi
Email member
Nama member
nama email
nama Aksi
Update pembayar
n detail
Update pembayar
an detail
No trnasaksi
No transaksi
No transaksi
Tgl_transa kai
Tgl_transa ksi
Tgl_transa ksi
Status pemba
yaran status
status Harga
produk Harga
produk Harga
produk email
Navigasi : 1.
Klik menu “dasboard” untuk menuju ke A02
2. Klik menu “laporan”
untuk menuju ke A31
Gambar 3.79 Perancangan Antar Muka Pengolahan Transaksi
Antar muka ini adalah antar muka laporan A31
BANNER Dasboard
Pengolahan Data Pengolahan Transaksi
Laporan Logout
FOOTER image
Welcome, administrator Profil | Logout
IP Address :
A31
Tampilkan data berdasarkan : cari
Laporan transaksi No Transaksi Tgl transaksi
Email member
Nama member
Status pembayaran
Total transaksi
No Transaksi Kode barang
Nama barang Qty
Cetak
Navigasi : 1. Klik menu
“dasboard” untuk menuju ke A02
2. Klik menu “transaksi” untuk
menuju ke A30
Gambar 3.80 Perancangan Antar Muka Laporan