Perancangan Antarmuka Admin Perancangan Antar Muka
2.Perancangan Antarmuka Menu Utama Perancangan antar muka menu utama adalah sebagai berikut:
Gambar 3. 69 Menu Utama
3.Perancangan Antarmuka Pengaturan Akun Perancangan antar muka menu pengaturan akun adalah sebagai berikut:
Gambar 3. 70 Pengaturan Akun
4. Perancangan Pengolahan Data Master Perancangan antar muka menu pengelolaan data master adalah sebagai berikut:
HEADER
Gambar Keluar
Selamat Datang T04
Jenis pengiriman Barang
Provinsi Member
Kategori Detail Barang
Kota Provinsi
Ongkir Ukuran
Warna Kurs
Rekening Beranda
Pengolahan Data Admin
Pengolahan Data Transaksi
Pengolahan Data Laporan
Pengaturan Akun
Pengolahan Data Master
Gambar 3. 71 Pengolahan Data Master
5. Perancangan Antarmuka Pengolahan Data Transaksi
Perancangan antar muka menu data transaksi adalah sebagai berikut:
Gambar 3. 72 Pengolahan Data Transaksi
6. Pengolahan Data Laporan
Perancangan antar muka menu pengelolaan data laporan adalah sebagai berikut :
Gambar 3. 73 Pengolahan Data Laporan
7. Perancangan Antarmuka Ubah Profile
Perancangan antar muka menu ubah data profile adalah sebagai berikut:
Gambar 3. 74 Pengolahan Data Edit Profile
8. Perancangan Antarmuka Ganti Kata Sandi
Perancangan antar muka menu pengelolaan data ubah kata sandi adalah sebagai berikut :
Gambar 3. 75 Pengolahan Data Ubah Kata Sandi
9. Perancangan Antarmuka Kategori
Perancangan antar muka menu pengelolaan data kategori adalah sebagai berikut:
Gambar 3. 76 Pengolahan Kategori
10. Perancangan Antarmuka Barang Perancangan antar muka menu pengelolaan data barang adalah sebagai
berikut :
Klik T02 menuju ke login ,klik T03 untuk
Account Setting,pengolahan
data master T04,pengolahan data
transaksi menuju T05,pengolahan data
laporan T06,logout T01,T20 menuju
pembayaran
Nama layar T10 Ukuran Layar :800X600
Font:Times New Roman Warna Backround:Putih Biru
HEADER Keluar
Selamat T10
Pengolahan Data Barang Cari Bedasarkan
Kata kunci
Cari No Nama barang
Harga Deskripsi Diskon Ubah hapus
Tambah detail barang Prev 1 2next
Jenis pengiriman Ukuran
Kota Barang
Provinsi Member
Warna Kurs
Kategori Detail Barang
Provinsi Ongkir
Beranda Pengolahan
Data Admin Pengolahan
Data Transaksi Pengolahan
Data Laporan Pengatura
Akun Pengolahan
Data Master
Gambar 3. 77 Pengolahan Barang
11. Perancangan Antarmuka Ukuran Perancangan antar muka menu pengelolaan data ukuran adalah sebagai
berikut :
Klik T02 menuju ke login ,klik T03 untuk
Account Setting,pengolahan
data master T04,pengolahan
data transaksi menuju
T05,pengolahan data laporan
T06,logout T01,T20 menuju
pembayaran
Nama layar T11 Ukuran Layar :800X600
Font:Times New Roman Warna Backround:Putih Biru
HEADER Keluar
Selamat Datang T11
Cari Kategori Pengolahan Data Ukuran
Kata Kunci Cari
No Nama Ukuran Deskripsi
Ubah Hapus
Tambah ukuran Prev 1 2next
Kurs Barang
Warna Kategori
Provinsi Beranda
Pengolahan Data Admin
Pengolahan Data Transaksi
Pengolahan Data Laporan
Pengaturan Akun
Pengolahan Data Master
rekening Jenis pengiriman
Ongkir Member
Detail Barang Kota
Provinsi Ukuran
Gambar 3. 78 Pengolahan Ukuran
12. Perancangan Antarmuka Warna Perancangan antar muka menu pengelolaan data warna adalah sebagai
berikut:
Klik T02 menuju ke login ,klik T03 untuk
Account Setting,pengolahan
data master T04,pengolahan
data transaksi menuju
T05,pengolahan data laporan
T06,logout T01,T20 menuju
pembayaran
Nama layar T12 Ukuran Layar :800X600
Font:Times New Roman Warna Backround:Putih Biru
HEADER Keluar
Selamat Datang T12
Pengolahan Data Warna Cari warna
Keyword Cari
No Nama Warna
Deskripsi Ubah
Hapus
Tambah Warna Prev 1 2next
Jenis pengiriman Beranda
Pengolahan Data Admin
Pengolahan Data Transaksi
Pengolahan Data Laporan
Pengaturan Akun
Pengolahan Data Master
Barang Provinsi
Warna Kurs
Ongkir Member
Detail Barang Kota
Provinsi Ukuran
rekening
Gambar 3. 79 Pengolahan Warna
13. Perancangan Antarmuka Barang Dettail Perancangan antar muka menu pengelolaan data barang detail adalah
sebagai berikut :
Klik T02 menuju ke login ,klik T03 untuk
Account Setting,pengolahan
data master T04,pengolahan
data transaksi menuju
T05,pengolahan data laporan
T06,logout T01,T20 menuju
pembayaran
Nama layar T13 Ukuran Layar :800X600
Font:Times New Roman Warna Backround:Putih Biru
HEADER Keluar
Selamat Datang T13
Pengolahan Data Barang Detail
Kata Kunci Cari
Tambah detail barang Prev 1 2next
No Nama barang
warna ukuran
Tanggal Ubah
Hapus Berat
Promo Kurs
Jenis pengiriman Ongkir
Barang Provinsi
Member Barang Detail
Kota Provinsi
Ukuran Warna
Beranda Pengolahan
Data Admin Pengolahan
Data Transaksi Pengolahan
Data Laporan Akun
Pengaturan Pengolahan
Data Master Kategori
Rekening
Gambar 3. 80 Pengolahan Barang Detail
14. Pengolahan Antarmuka Provinsi Perancangan antar muka menu pengelolaan data provinsi adalah sebagai
berikut :
Klik T02 menuju ke login ,klik T03 untuk
Account Setting,pengolahan
data master T04,pengolahan
data transaksi menuju
T05,pengolahan data laporan
T06,logout T01,T20 menuju
pembayaran
Nama layar T14 Ukuran Layar :800X600
Font:Times New Roman Warna Backround:Putih Biru
HEADER Keluar
Selamat Datang T14
Pengolahan Data Provinsi
Keyword Cari
Tambah Provinsi Prev 1 2next
No Nama Provinsi Edit
Delete Beranda
Pengolahan Data Admin
Pengolahan Data Transaksi
Pengolahan Data Laporan
Pengaturan Akun
Pengolahan Data Master
Barang Provinsi
Warna Kurs
Jenis pengiriman Ongkir
Member Detail Barang
Kota Provinsi
Ukuran rekening
Gambar 3. 81 Pengolahan Provinsi
15. Perancangan Antarmuka Kota Perancangan antar muka menu pengelolaan data kota adalah sebagai
berikut:
T04 menuju data master ,T15 menuju
Pengolahan data kota tambah kota
Nama layar :T15 Ukuran Layar :800X600
Font:Times New Roman Warna Backround:Putih Biru
HEADER Keluar
Selamat Datang T15
Pengolahan Data Kota Kata Kunci
Cari
Tambah Kota Prev 1 2next
No Nama Provinsi Ubah Hapus
Nama KabupatenKota Cari kota
Kota Barang
Provinsi Jenis pengiriman
Member Ukuran
Warna Kurs
Kategori Barang detail
Provinsi Ongkir
Home Pengolahan
Data Admin Pengolahan
Data Master Pengolahan
Data Transaksi Pengolahan
Data Laporan Pengaturan
Akun
Gambar 3. 82 Pengolahan kota
16. Pengolahan Data Ongkir Perancangan antar muka menu pengelolaan data onkos kirim adalah sebagai
berikut :
Gambar 3. 83 Pengolahan data Ongkir
17. Perancangan Antarmuka Jenis Pengiriman Perancangan antar muka menu pengelolaan data jenis pengiriman adalah
sebagai berikut :
Gambar 3. 84 Pengolahan Jenis Pengiriman
18. Perancangan Antarmuka Kurs Perancangan antar muka menu pengelolaan data kurs adalah sebagai berikut:
Gambar 3. 85 Pengolahan Data Kurs
19. Perancangan Antarmuka Data Member Perancangan antar muka menu pengelolaan data member adalah sebagai
berikut :
TO2 Menu Utama,menuju T04
data master dan T19 menu data
member
Nama layar: T19 Ukuran layar:800x600
FONT :Times New Roman Warna Backround:putih biru
Beranda HEADER
Keluar Selamat Datang
T19
Provinsi
Pengolahan Data Member Cari Bedasarkan
Kata kunci Cari
No Nama Member
Alamat KodePos
Email Status
Hapus Tambah Member
Prev 1 2next Pengolahan
Data Admin Pengolahan
Data Master Pengolahan
Data Transaksi Pengolahan
Data Laporan Pengaturan
Akun
Ukuran Barang
Jenis pengiriman Member
Warna Kurs
Kategori Detail Barang
Kota Provinsi
Ongkir
Gambar 3. 86 Pengolahan Data Member
20. Perancangan Antarmuka Pengolahan Data Transaksi Perancangan antar muka menu pengelolaan data transaksi adalah sebagai
berikut :
T01 menuju login admin,T02 menuju
menu utama, dan T05 menuju data
transaksi,dan T21 menuju pengolahan
data transaksi
Nama layar :T21 Ukuran Layar :800X600
Font:Times New Roman Warna Backround:Putih Biru
Beranda HEADER
Keluar Selamat Datang
T21 Pengaturan
Akun No nota
Pengolahan Data Transaksi No
Tgl pembelian
Jenis pembayaran
Status pemesanan
Status pengiriman
Hapus
Prev 1 2next Pengolahan
Data Admin Pengolahan
Data Master Pengolahan
Data Transaksi Pengolahan
Data Laporan
Gambar 3. 87 Pengolahan Data Transaksi
21. Perancangan Antarmuka Pengolahan Data Admin Perancangan antar muka menu pengelolaan data admin adalah sebagai
berikut:
TO1 login admin,T02 menu
utama dan T03 menuju account
setting dan T07 edit profile dan T22
pengolahan data admin
Nama layar: T22 Ukuran layar:800x600
FONT :Times New Roman Warna Backround:putih biru
Beranda HEADER
Keluar Selamat Datang
T22 Pengaturan
Akun Pengolahan Data Admin
Cari Bedasarkan Kata Kunci
Cari No
Nama admin Alamat
Telepon Email
Hapus
Tambah admin Prev 1 2next
Pengolahan Data Admin
Pengolahan Data Master
Pengolahan Data Transaksi
Pengolahan Data Laporan
Gambar 3. 88 Pengolahan Data Admin
22. Perancangan Antarmuka Pengolahan Laporan Harian Perancangan antar muka menu pengelolaan laporan harian adalah sebagai
berikut :
Gambar 3. 89 Pengolahan Laporan Harian
23. Perancangan Antarmuka Pengolahan Laporan Mingguan Perancangan antar muka menu pengelolaan laporan mingguan adalah
sebagai berikut :
Gambar 3. 90 Pengolahan Laporan Mingguan
24. Perancangan Antarmuka Pengolahan Laporan Bulanan Perancangan antar muka menu pengelolaan laporan bulanan dalah sebagai
berikut :
Klik T01 menuju ke login ,klik T03 untuk
Account Setting,T03 menuju pengolahan
data laporan,dan T25 menuju
pengolahan laporan bulanan
Nama layar T25 Ukuran Layar :800X600
Font:Times New Roman Warna Backround:Putih Biru
HEADER Keluar
Selamat Datang T25
Laporan Bulanan Cari
No No detail Pembelian Nama Member Tgl Pembelian
Total Ubah Hapus
Print PDF Laporan penjualan bulanan
Laporan penjualan mingguan Laporan penjualan harian
Laporan penjualan tahunan Beranda
Pengolahan Data Admin
Pengolahan Data Transaksi
Pengolahan Data Laporan
Pengaturan Akun
Pengolahan Data Master
Gambar 3. 91 Pengolahan Laporan Bulanan
25. Perancangan Antarmuka Pengolahan Laporan Tahunan Perancangan antar muka menu pengelolaan laporan tahunan adalah sebagai
berikut :
Klik T01 menuju ke login ,klik T03 untuk
Account Setting,T03 menuju pengolahan
data laporan,dan T26 menuju
pengolahan laporan tahunan
Nama layar T26 Ukuran Layar :800X600
Font:Times New Roman Warna Backround:Putih Biru
HEADER Keluar
Selamat Datang T26
Laporan Tahunan Cari
No No detail Pembelian Nama Member Tgl Pembelian
Total View Delete
Print PDF Laporan penjualan mingguan
Laporan penjualan harian Laporan penjualan bulanan
Laporan penjualan tahunan Beranda
Pengolahan Data Admin
Pengolahan Data Transaksi
Pengolahan Data Laporan
Pengaturan Akun
Pengolahan Data Master
Gambar 3. 92 Pengolahan Laporan Tahunan
26. Perancangan Antarmuka Pengolahan Data Kategori Perancangan antar muka menu pengelolaan data tambah kategori adalah
sebagai berikut :
T02 menuju nmenu utama,T04 menuju
data masterdan T09 menuju pengolahan
data kategori dan T27 pengolahan
data tambah kategori
Nama layar: T27 Ukuran layar:800x600
FONT :Times New Roman Warna Backround:putih biru
HEADER T28
Barang Pengolahan
Data Transaksi Pengolahan
Data Laporan Pengaturan
Akun
Pengolahan Data kategori Deskripsi :
Nama kategori: Simpan
Beranda Pengolahan
Data Admin Pengolahan
Data Master
Ukuran Provinsi
Jenis pengiriman Member
Warna Kurs
Kategori Detail Barang
Kota Provinsi
Ongkir Keluar
Selamat Datang
Batal
Gambar 3. 93 Pengolahan Data Tambah Kategori
27. Perancangan Antarmuka Pengolahan data ubah kategori
Gambar 3. 94 Pengolahan Data Ubah Kategori
28. Perancangan Antarmuka Pengolahan data pencarian kategori Perancangan antar muka menu pengelolaanpencarian kategori adalah
sebagai berikut :
Gambar 3.95 Pengolahan Data Pencarian Kategori
29. Perancangan Antarmuka Pengolahan Tambah data barang Perancangan antar muka menu pengelolaan data tambah barang adalah
sebagai berikut :
T02 menuju menu Utama,dan T04
menuju data master dan T10 menuju
pengolahan data barang dan T30
pengolahan data tambah barang
Nama layar: T30 Ukuran layar:800x600
Font :Times New Roman Warna Backround:putih biru
Beranda HEADER
Keluar Selamat Datang
T30
Pengolahan Data Barang
Unggah Nama Kategori :
Nama Barang : Harga :
Diskon : Deskripsi :
Upload : Simpan
Batal Pengolahan
Data Admin Pengolahan
Data Master Pengolahan
Data Transaksi Pengolahan
Data Laporan Pengaturan
Akun
Ukuran Barang
Provinsi Jenis pengiriman
Member Warna
Kurs Kategori
Detail Barang Kota
Provinsi Ongkir
Gambar 3. 96 Pengolahan Data Tambah Barang
30. Perancangan Antarmuka Pengolahan Ubah data barang Perancangan antar muka menu pengelolaan ubah data barang adalah sebagai
berikut :
T02 menuju menu Utama,dan T04
menuju data master dan T10 menuju
pengolahan data barang dan T31
pengolahan ubah barang
Nama layar: T31 Ukuran layar:800x600
Font :Times New Roman Warna Backround:putih biru
Beranda HEADER
Keluar Selamat Datang
T31 Pengolahan
Data Admin Pengolahan
Data Master Pengolahan
Data Transaksi Pengolahan
Data Laporan Pengaturan
Akun Pengolahan Data Barang
Cari Nama Kategori :
Nama Barang : Harga :
Diskon : Deskripsi :
Unggah Ubah
Tambah gambar Unggah
Cari Simpan
Batal Barang
Gambar 3. 97 Pengolahan Data Tambah Barang
31. Perancangan Antarmuka Pengolahan Pencarian data barang Perancangan antar muka menu pengelolaan pencarian data barang adalah
sebagai berikut:
Gambar 3. 98 Pengolahan Pencarian
32. Perancangan Antarmuka Data Tambah Ukuran
Perancangan antar muka menu pengelolaan ubah data barang adalah sebagai berikut:
T02 menuju menu Utama,dan T04
menuju data master dan T11 menuju
pengolahan data ukuran dan T33
pengolahan data tambah ukuran
Nama layar: T33 Ukuran layar:800x600
Font :Times New Roman Warna Backround:putih biru
Beranda HEADER
Keluar Selamat Datag
T33 Pengolahan
Data Admin Pengolahan
Data Master Pengolahan
Data Transaksi Pengolahan
Data Laporan Pengaturan
Akun
Ukuran Barang
Provinsi Jenis pengiriman
Member Warna
Kurs Kategori
Detail Barang Kota
Provinsi Ongkir
Pengolahan Data Ukuran Nama Ukuran :
Deskripsi Ukuran : Simpan
Batal
Gambar 3. 99 Pengolahan Data TambahUkuran
33. Perancangan Antarmuka Data UbahUkuran
Perancangan antar muka menu pengelolaan ubah data ukuran adalah sebagai berikut :
T02 menuju menu Utama,dan T04
menuju data master dan T11 menuju
pengolahan data ukuran dan T34
pengolahan data ubah ukuran
Nama layar: T34 Ukuran layar:800x600
Font :Times New Roman Warna Backround:putih biru
Beranda HEADER
Keluar Selamat Datang
T34 Pengolahan
Data Admin Pengolahan
Data Master Pengolahan
Data Transaksi Pengolahan
Data Laporan Pengaturan
Akun
Ukuran Barang
Provinsi Jenis pengiriman
Member Warna
Kurs Kategori
Detail Barang Kota
Provinsi Ongkir
Pengolahan Data Ukuran Nama Ukuran :
Deskripsi Ukuran : Ubah
Batal
Gambar 3. 100 Pengolahan Data UbahUkuran
34. Perancangan Antarmuka Data Pencarian Ukuran
Perancangan antar muka menu pengelolaanpencarian data barang adalah sebagai berikut :
Klik T02 menuju ke login ,klik T03 untuk
Account Setting,pengolahan
data master T04,pengolahan
data transaksi menuju
T05,pengolahan data laporan
T06,logout T01,T20 menuju
pembayaran
Nama layar T35 Ukuran Layar :800X600
Font:Times New Roman Warna Backround:Putih Biru
HEADER Keluar
Selamat Datang T35
Cari Kategori Pengolahan Data Ukuran
Keyword Cari
No Nama Ukuran Deskripsi
Ubah Hapus
Tambah ukuran Prev 1 2next
Kurs Barang
Warna Kategori
Provinsi Beranda
Pengolahan Data Admin
Pengolahan Data Transaksi
Pengolahan Data Laporan
Pengaturan Akun
Pengolahan Data Master
rekening Jenis pengiriman
Ongkir Member
Detail Barang Kota
Provinsi Ukuran
Gambar 3. 101 Pencarian Data Ukuran
35. Perancangan Antarmuka Data Tambah Warna
Perancangan antar muka menu pengelolaan tambah data warna adalah sebagai berikut :
T02 menuju menu Utama,dan T04
menuju data master dan T112 menuju
pengolahan data ukuran dan T36
pengolahan data tambah warna
Nama layar T36 Ukuran Layar :800X600
Font:Times New Roman Warna Backround:Putih Biru
HEADER Keluar
Selamat Datang T36
Beranda Pengolahan
Data Admin Pengolahan
Data Transaksi Pengolahan
Data Laporan Pengaturan
Akun Pengolahan
Data Master
Member Provinsi
Kurs Ongkir
Detail Barang Kota
Barang Ukuran
Jenis pengiriman Warna
Rekening Kategori
Pengolahan Data Warna Nama Warna :
Format Warna : Simpan
Batal
Gambar 3. 102 Pengolahan Tambah Warna
36. Perancangan Antarmuka Data Ubah Warna
Perancangan antar muka menu pengelolaan ubah data warna adalah sebagai berikut:
T02 menuju menu Utama,dan T04
menuju data master dan T112 menuju
pengolahan data ukuran dan T37
pengolahan data ubah warna
Nama layar T37 Ukuran Layar :800X600
Font:Times New Roman Warna Backround:Putih Biru
HEADER Keluar
Selamat Datang T37
Beranda Pengolahan
Data Admin Pengolahan
Data Transaksi Pengolahan
Data Laporan Pengaturan
Akun Pengolahan
Data Master
Member Provinsi
Kurs Ongkir
Detail Barang Kota
Barang Ukuran
Jenis pengiriman Warna
Rekening Kategori
Pengolahan Data Warna Nama Warna :
Format Warna : Ubah
Batal
Gambar 3. 103 Pengolahan Ubah Data Warna
37. Perancangan Antarmuka Pengolahan Data Barang Detail
Perancangan antar muka menu pengelolaan tambah data barang detail adalah sebagai berikut :
T02 menuju menu Utama,dan T04
menuju data master dan T12 menuju
pengolahan data barang detail dan
T38 pengolahan data tambah barang
detail
Nama layar: T34 Ukuran layar:800x600
Font :Times New Roman Warna Backround:putih biru
HEADER Keluar
Selamat Datang T38
Pengolahan Data Transaksi
Pengolahan Data Laporan
Pengaturan Akun
Pengolahan Data Barang Detail
Simpan Nama Barang :
Warna : Ukuran :
Berat : Promo :
batal Beranda
Pengolahan Data Admin
Pengolahan Data Master
Barang detail
Gambar 3. 104 Pengolahan Tambah Data Barang Detail
38. Perancangan Antarmuka Ubah Barang Detail
Perancangan antar muka menu pengelolaan ubah data barang detail adalah sebagai berikut :
T02 menuju menu Utama,dan T04
menuju data master dan T12 menuju
pengolahan data barang detail dan
T39 pengolahan data tambah barang
detail
Nama layar: T39 Ukuran layar:800x600
Font :Times New Roman Warna Backround:putih biru
HEADER Keluar
Selamat Datang T39
Pengolahan Data Transaksi
Pengolahan Data Laporan
Pengaturan Akun
Pengolahan Data Barang Detail
Ubah Nama Barang :
Warna : Ukuran :
Berat : Promo :
batal Beranda
Pengolahan Data Admin
Pengolahan Data Master
Barang detail
Gambar 3. 105 Pengolahan Ubah Data Barang Detail
39. Perancangan Antarmuka Pencarian Barang Detail
Perancangan antar muka menu pengelolaan pencarian data barang detail adalah sebagai berikut :
Klik T02 menuju ke login ,klik T03 untuk
Account Setting,pengolahan
data master T04,pengolahan
data transaksi menuju
T05,pengolahan data laporan T06
Nama layar T40 Ukuran Layar :800X600
Font:Times New Roman Warna Backround:Putih Biru
HEADER Keluar
Selamat Datng T40
Pengolahan Data Barang Detail
Kata kunci Cari
Tambah detail barang Prev 1 2next
No Nama barang
warna ukuran
Tanggal Ubah
Hapus Berat
Promo Kurs
Jenis pengiriman Ongkir
Barang Provinsi
Member Barang Detail
Kota Provinsi
Ukuran Warna
Beranda Pengolahan
Data Admin Pengolahan
Data Transaksi Pengolahan
Data Laporan Pengaturan
Akun Pengolahan
Data Master Kategori
Rekening
Gambar 3. 106 Pengolahan Pencarian Data Barang Detail
40. Perancangan Antarmuka Data Tambah Provinsi
Perancangan antar muka menu pengelolaan tambah data provinsi adalah sebagai berikut :
Klik T02 menuju ke login ,klik T03 untuk
Account Setting,pengolahan
data master T04,pengolahan
data transaksi menuju T05
Nama layar T44 Ukuran Layar :800X600
Font:Times New Roman Warna Backround:Putih Biru
HEADER Keluar
Selamat Datang T44
Kategori Provinsi
Beranda Pengolahan
Data Admin Pengolahan
Data Transaksi Pengolahan
Data Laporan Pengaturan
Akun Pengolahan
Data Master
rekening Jenis pengiriman
Ongkir Member
Detail Barang Kota
Provinsi Ukuran
Barang
Warna Pengolahan Data Kota
Nama provinsi : Nama kota :
Jenis kota : Simpan
Batal
Gambar 3. 107 Pengolahan Tambah Provinsi
41. Perancangan Antarmuka Data Ubah Provinsi Perancangan antar muka menu pengelolaan ubah data provinsi adalah
sebagai berikut :
Klik T02 menuju ke login ,klik T03 untuk
Account Setting,pengolahan
data master T04,pengolahan
data transaksi menuju
T05,pengolahan data laporan
T06,logout T01
Nama layar T42 Ukuran Layar :800X600
Font:Times New Roman Warna Backround:Putih Biru
HEADER Keluar
Selamat Datang T42
Kategori Provinsi
Beranda Pengolahan
Data Admin Pengolahan
Data Transaksi Pengolahan
Data Laporan Pengaturan
Akun Pengolahan
Data Master
rekening Jenis pengiriman
Ongkir Member
Detail Barang Kota
Provinsi Ukuran
Barang Warna
Pengolahan Data Provinsi Nama Provinsi :
Ubah Batal
Gambar 3. 108 Pengolahan Ubah Provinsi
42. Perancangan Antarmuka Data Pencarian Provinsi Perancangan antar muka menu pengelolaan pencarian data provinsi adalah
sebagai berikut :
Klik T02 menuju ke login ,klik T03 untuk
Account Setting,pengolahan
data master T04,pengolahan
data transaksi menuju T05
Nama layar T43 Ukuran Layar :800X600
Font:Times New Roman Warna Backround:Putih Biru
HEADER Keluar
Selamat Datang T43
Pengolahan Data Provinsi
Kata Kunci Cari
Tambah Provinsi Prev 1 2next
No Nama Provinsi ubah Hapus
Beranda Pengolahan
Data Admin Pengolahan
Data Transaksi Pengolahan
Data Laporan Pengaturan
Akun Pengolahan
Data Master Barang
Provinsi
Warna Kurs
Jenis pengiriman Ongkir
Member Detail Barang
Kota Provinsi
Ukuran rekening
Gambar 3. 109 Pengolahan Pencarian Provinsi
43. Perancangan Antarmuka Tambah Data Kota Perancangan antar muka menu pengelolaan tambah data kota adalah sebagai
berikut :
Klik T02 menuju ke login ,klik T03 untuk
Account Setting,pengolahan
data master T04,pengolahan
data transaksi menuju T05
Nama layar T47 Ukuran Layar :800X600
Font:Times New Roman Warna Backround:Putih Biru
HEADER Keluar
Selamat Datang T47
Kategori Provinsi
Beranda Pengolahan
Data Admin Pengolahan
Data Transaksi Pengolahan
Data Laporan Pengaturan
Akun Pengolahan
Data Master
rekening Jenis pengiriman
Ongkir Member
Detail Barang Kota
Provinsi Ukuran
Barang
Warna Pengolahan Data Kota
Nama provinsi : Nama kota :
Harga Ongkos KIrim :
Simpan Batal
Gambar 3. 110 Pengolahan Tambah Data Kota
44. Perancangan Antarmuka Ubah Data Kota Perancangan antar muka menu pengelolaan ubah data kota adalah sebagai
berikut :
Klik T02 menuju ke login ,klik T03 untuk
Account Setting,pengolahan
data master T04,pengolahan
data transaksi menuju T05
Nama layar T45 Layar :800X600
Font:Times New Roman Warna Backround:Putih Biru
HEADER Keluar
Selamat Datang T45
Kategori Provinsi
Beranda Pengolahan
Data Admin Pengolahan
Data Transaksi Pengolahan
Data Laporan Pengaturan
Akun Pengolahan
Data Master
rekening Jenis pengiriman
Ongkir Member
Detail Barang Kota
Provinsi Ukuran
Barang
Warna Pengolahan Data Kota
Nama provinsi : Nama kota :
Jenis kota : Ubah
Batal
Gambar 3. 111 Pengolahan Ubah Data Kota
45. Perancangan Pencarian Data Kota Perancangan antar muka menu pengelolaan pencarian data kota adalah
sebagai berikut :
T04 menuju data master ,T15 menuju
Pengolahan data kota tambah kota
Nama layar :T46 Ukuran Layar :800X600
Font:Times New Roman Warna Backround:Putih Biru
HEADER Keluar
Selamat Datang T46
Pengolahan Data Kota Kata Kunci
Cari
Tambah Kota Prev 1 2next
No Nama Provinsi Ubah Hapus
Nama KabupatenKota Cari kota
Kota Barang
Provinsi Jenis pengiriman
Member Ukuran
Warna Kurs
Kategori Barang detail
Provinsi Ongkir
Beranda Pengolahan
Data Admin Pengolahan
Data Master Pengolahan
Data Transaksi Pengolahan
Data Laporan Pengaturan
Akun
Gambar 3. 112 Pengolahan Pencarian Data Kota
46. Perancangan Penambahan Data Ongkir Perancangan antar muka menu pengelolaan tambah data ongkos kirim
adalah sebagai berikut :
Klik T02 menuju ke login ,klik T03 untuk
Account Setting,pengolahan
data master T04,pengolahan
data transaksi menuju T05
Nama layar T48 Ukuran Layar :800X600
Font:Times New Roman Warna Backround:Putih Biru
HEADER Keluar
Selamat Datang T48
Kategori Provinsi
Beranda Pengolahan
Data Admin Pengolahan
Data Transaksi Pengolahan
Data Laporan Pengaturan
Akun Pengolahan
Data Master
rekening Jenis pengiriman
Ongkir Member
Detail Barang Kota
Provinsi Ukuran
Barang Warna
Pengolahan Data Kota Nama provinsi :
Nama kota : Harga Ongkos KIrim
: Simpan
Batal
Gambar 3. 113 Pengolahan Penambahan Data Ongkir
47. Perancangan Pengubahan Data Ongkir Perancangan antar muka menu pengelolaan ubah dataongkos kirim adalah
sebagai berikut:
Klik T02 menuju ke login ,klik T03 untuk
Account Setting,pengolahan
data master T04,pengolahan
data transaksi menuju T05
Nama layar T49 Ukuran Layar :800X600
Font:Times New Roman Warna Backround:Putih Biru
HEADER Keluar
Selamat Datang T49
Kategori Provinsi
Beranda Pengolahan
Data Admin Pengolahan
Data Transaksi Pengolahan
Data Laporan Pengaturan
Akun Pengolahan
Data Master
rekening Jenis pengiriman
Ongkir Member
Detail Barang Kota
Provinsi Ukuran
Barang
Warna Pengolahan Data Kota
Nama provinsi : Nama kota :
Harga Ongkos KIrim :
Ubah Batal
Gambar 3. 114 Pengolahan Pengubahan Data Ongkir
48. Perancangan Antarmuka Tambah Jenis Pengiriman
Perancangan antar muka menu pengelolaan ubah data kota adalah sebagai berikut:
Klik T02 menuju ke login ,klik T03 untuk
Account Setting,pengolahan
data master T04,pengolahan
data transaksi menuju
T05,pengolahan data laporan
T06,logout T01,T20 menuju
pembayaran
Nama layar T50 Ukuran Layar :800X600
Font:Times New Roman Warna Backround:Putih Biru
HEADER Logout
Welcome T50
Pengolahan Data Jenis Pengiriman Nama Jenis Pengiriman
Deskripsi : Simpan
Batal Home
Pengolahan Data Admin
Pengolahan Data Transaksi
Pengolahan Data Laporan
Account Setting
Pengolahan Data Master
Kurs Kota
kategori Member
Provinsi Detail Barang
Barang Ukuran
Rekening Ongkir
Jenis pengiriman Warna
Gambar 3. 115 Pengolahan Penambahan Data Ongkir
49. Perancangan Antarmuka Ubah Jenis Pengiriman
Perancangan antar muka menu pengelolaan ubah data jenis pengiriman adalah sebagai berikut:
Gambar 3. 116 Pengolahan Ubah Jenis Pengirima
53. Perancangan Antarmuka Pencarian Jenis Pengiriman Perancangan antar muka menu pengelolaan ubah data jenis pengiriman adalah
sebagai berikut:
Gambar 3. 117 Pengolahan Pencarian Jenis Pengiriman
54. Perancangan Antarmuka Penambahan Kurs Perancangan antar muka menu pengelolaan tambah data kurs adalah sebagai
berikut:
Klik T02 menuju ke login ,klik T03 untuk
Account Setting,pengolahan
data master T04,pengolahan
data transaksi menuju
T05,pengolahan data laporan
T06,logout T01,T20 menuju
pembayaran
Nama layar T53 Ukuran Layar :800X600
Font:Times New Roman Warna Backround:Putih Biru
HEADER Keluar
Selamat Datang T53
Pengolahan Data Kurs Kode kurs :
simbol Harga :
Deskripsi : Simpan
Batal Warna
rekening Beranda
Pengolahan Data Admin
Pengolahan Data Transaksi
Pengolahan Data Laporan
Pengaturan Akun
Pengolahan Data Master
Member Provinsi
Kurs Ongkir
Detail Barang Kota
Provinsi Ukuran
Jenis pengiriman Barang
Gambar 3. 118 Pengolahan Tambah Kurs
55. Perancangan Antarmuka Pencarian Kurs Perancangan antar muka menu pengelolaan pencarian data kurs adalah sebagai
berikut:
Pengolahan Data Kurs No
harga Deskripsi
Keyword Cari
Kode Simbol
Ubah Hapus
Prev 1 next Tambah
kurs Klik T02 menuju
ke login ,klik T03 untuk Account
Setting,pengolaha n data master
T04,pengolahan data transaksi
menuju T05,pengolahan
data laporan T06,logout
T01,T20 menuju pembayaran
Nama layar T55 Ukuran Layar :800X600
Font:Times New Roman Warna Backround:Putih Biru
HEADER Keluar
Selamat Datang T56
Provinsi Barang
Warna rekening
Member Provinsi
Kurs Ongkir
Detail Barang Kota
Ukuran Jenis
pengiriman Beranda
Pengolahan Data Admin
Pengolahan Data Transaksi
Pengolahan Data Laporan
Pengaturan Akun
Pengolahan Data Master
Gambar 3. 119 Pengolahan Pencarian Kurs