Perancangan Antarmuka Admin Perancangan Antarmuka

3. Perancangan Antarmuka Kelola Data Master F08 Banner Logo parental Home Produk Registrasi Help Produk terbaru Katalog produk Produk terlaris Produk most view Cara pembelian Data kontak Cara pembayaran Login Email : password : 1. Teks kategori 2. Teks kategori 3.Teks kategori Kategori Search Bedasarkan Keranjang belanja Customer Service Pembayaran JNE Tracking Mandiri BCA FACEBOOK Yahoo Messanger Login Lupa Password Keranjang Belanja no Nama barang Gambar Harga satuan subtotal Hapus Total Lanjut Update Checkout A03 Administrator Nama layar : A03 Ukuran Layar : 800x600 Font : Verdana,arial Warna Bacground : Putih, Abu-abu, Merah Dashboard Tanggal Klik login Menuju A02 Klik Home Menuju A02 Klik Pengolahan data master A03 Klik pengolahan data transaksi A04 Klik pengolahan laporan A05 Klik ubah profil menuju A06 Klik log0ut Menuju A07 Klik Kelola data administrator Menuju A08 Klik Kelola data barang Menuju A09 Klik Kelola data kategori Menuju A10 Klik Kelola data jenis Menuju A11 Klik Kelola data motif Menuju A12 Klik Kelola data rekening Menuju A13 Klik Kelola data provinsi Menuju A14 Klik Kelola data kota Menuju A15 Klik Kelola data ongkos kirim Menuju A16 Klik Kelola data member Menuju A17 Klik Kelola data jasa pengiriman Menuju A18 Klik Kelola data jenis pengiriman Menuju A19 Klik Kelola data kurs Menuju A20 Administrator Selamat Datang Admin Gambar icon icon icon Statistik Penjualan Kelola Data Administrator Kelola Data Barang Kelola Data Ongkos Kirim Kelola Data Rekening Kelola Data Provinsi Kelola Data Member Kelola Data Kategori Kelola Data Jenis Kelola Data Motif Kelola Data Kota Kelola Data Jasa Pengiriman Kelola Data Jenis Pengiriman Kelola Data Kurs Gambar 3-60 Kelola Data Master 4. Perancangan Antarmuka Pengolahan Data Administrator A08 Administrator Nama layar : A08 Ukuran Layar : 800x600 Font : Verdana,arial Warna Bacground : Putih, Abu-abu, Merah Edit Administrator Klik login Menuju A02 Klik Home Menuju A02 Klik Pengolahan data master A03 Klik pengolahan data transaksi A04 Klik pengolahan laporan A05 Klik ubah profil menuju A06 Klik log0ut Menuju A07 Klik Kelola data administrator Menuju A08 Klik Kelola data barang Menuju A09 Klik Kelola data kategori Menuju A10 Klik Kelola data jenis Menuju A11 Klik Kelola data motif Menuju A12 Klik Kelola data rekening Menuju A13 Klik Kelola data provinsi Menuju A14 Klik Kelola data kota Menuju A15 Klik Kelola data ongkos kirim Menuju A16 Klik Kelola data member Menuju A17 Klik Kelola data jasa pengiriman Menuju A18 Klik Kelola data jenis pengiriman Menuju A19 Klik Kelola data kurs Menuju A20 Administrator Selamat Datang Admin Gambar icon icon icon Kelola Data Administrator Kelola Data Barang Kelola Data Ongkos Kirim Kelola Data Rekening Kelola Data Provinsi Kelola Data Member Kelola Data Kategori Kelola Data Jenis Kelola Data Motif Kelola Data Kota Kelola Data Jasa Pengiriman Kelola Data Jenis Pengiriman Kelola Data Kurs Nama Admin Admin Email Admin Telp Admin Konfirmasi Password Password Baru Password Lama Alamat Admin V’ Simpan Gambar 3-61 Pengolahan Data Administrator 5. Perancangan Antarmuka Pengolahan Data Barang A09 Administrator Nama layar : A09 Ukuran Layar : 800x600 Font : Verdana,arial Warna Bacground : Putih, Abu-abu, Merah Show Entries Search Klik login Menuju A02 Klik Home Menuju A02 Klik Pengolahan data master A03 Klik pengolahan data transaksi A04 Klik pengolahan laporan A05 Klik ubah profil menuju A06 Klik log0ut Menuju A07 Klik Kelola data administrator Menuju A08 Klik Kelola data barang Menuju A09 Klik Kelola data kategori Menuju A10 Klik Kelola data jenis Menuju A11 Klik Kelola data motif Menuju A12 Klik Kelola data rekening Menuju A13 Klik Kelola data provinsi Menuju A14 Klik Kelola data kota Menuju A15 Klik Kelola data ongkos kirim Menuju A16 Klik Kelola data member Menuju A17 Klik Kelola data jasa pengiriman Menuju A18 Klik Kelola data jenis pengiriman Menuju A19 Klik Kelola data kurs Menuju A20 Administrator Selamat Datang Admin Gambar icon icon icon Kelola Data Administrator Kelola Data Barang Kelola Data Ongkos Kirim Kelola Data Rekening Kelola Data Provinsi Kelola Data Member Kelola Data Kategori Kelola Data Jenis Kelola Data Motif Kelola Data Kota Kelola Data Jasa Pengiriman Kelola Data Jenis Pengiriman Kelola Data Kurs Barang + Tambah Barang No Kategori Aksi Nama Barang Stok Harga Diskon Gambar Ubah Hapus Ubah Hapus Ubah Hapus Ubah Hapus Showing 1 to 2 of 2 entries First | Previos | 1 | Next | Last Gambar 3-62 Pengolahan Data Barang 6. Perancangan Antarmuka Pengolahan Data Kategori A10 Administrator Nama layar : A10 Ukuran Layar : 800x600 Font : Verdana,arial Warna Bacground : Putih, Abu-abu, Merah Show Entries Search Klik login Menuju A02 Klik Home Menuju A02 Klik Pengolahan data master A03 Klik pengolahan data transaksi A04 Klik pengolahan laporan A05 Klik ubah profil menuju A06 Klik log0ut Menuju A07 Klik Kelola data administrator Menuju A08 Klik Kelola data barang Menuju A09 Klik Kelola data kategori Menuju A10 Klik Kelola data jenis Menuju A11 Klik Kelola data motif Menuju A12 Klik Kelola data rekening Menuju A13 Klik Kelola data provinsi Menuju A14 Klik Kelola data kota Menuju A15 Klik Kelola data ongkos kirim Menuju A16 Klik Kelola data member Menuju A17 Klik Kelola data jasa pengiriman Menuju A18 Klik Kelola data jenis pengiriman Menuju A19 Klik Kelola data kurs Menuju A20 Administrator Selamat Datang Admin Gambar icon icon icon Kelola Data Administrator Kelola Data Barang Kelola Data Ongkos Kirim Kelola Data Rekening Kelola Data Provinsi Kelola Data Member Kelola Data Kategori Kelola Data Jenis Kelola Data Motif Kelola Data Kota Kelola Data Jasa Pengiriman Kelola Data Jenis Pengiriman Kelola Data Kurs Kategori + Tambah Kategori No Kategori Aksi Ubah Hapus Ubah Hapus Showing 1 to 2 of 2 entries First | Previos | 1 | Next | Last Gambar 3-63 Pengolahan Data Kategori 7. Perancangan Antarmuka Kelola Data Jenis A11 Administrator Nama layar : A11 Ukuran Layar : 800x600 Font : Verdana,arial Warna Bacground : Putih, Abu-abu, Merah Show Entries Search Klik login Menuju A02 Klik Home Menuju A02 Klik Pengolahan data master A03 Klik pengolahan data transaksi A04 Klik pengolahan laporan A05 Klik ubah profil menuju A06 Klik log0ut Menuju A07 Klik Kelola data administrator Menuju A08 Klik Kelola data barang Menuju A09 Klik Kelola data kategori Menuju A10 Klik Kelola data jenis Menuju A11 Klik Kelola data motif Menuju A12 Klik Kelola data rekening Menuju A13 Klik Kelola data provinsi Menuju A14 Klik Kelola data kota Menuju A15 Klik Kelola data ongkos kirim Menuju A16 Klik Kelola data member Menuju A17 Klik Kelola data jasa pengiriman Menuju A18 Klik Kelola data jenis pengiriman Menuju A19 Klik Kelola data kurs Menuju A20 Administrator Selamat Datang Admin Gambar icon icon icon Kelola Data Administrator Kelola Data Barang Kelola Data Ongkos Kirim Kelola Data Rekening Kelola Data Provinsi Kelola Data Member Kelola Data Kategori Kelola Data Jenis Kelola Data Motif Kelola Data Kota Kelola Data Jasa Pengiriman Kelola Data Jenis Pengiriman Kelola Data Kurs Jenis + Tambah Jenis No Nama Jenis Aksi Ubah Hapus Ubah Hapus Showing 1 to 2 of 2 entries First | Previos | 1 | Next | Last Ubah Hapus Ubah Hapus Gambar 3-64 Antar Muka Kelola Data Jenis 8. Perancangan Antarmuka Kelola Data Motif A12 Administrator Nama layar : A12 Ukuran Layar : 800x600 Font : Verdana,arial Warna Bacground : Putih, Abu-abu, Merah Show Entries Search Klik login Menuju A02 Klik Home Menuju A02 Klik Pengolahan data master A03 Klik pengolahan data transaksi A04 Klik pengolahan laporan A05 Klik ubah profil menuju A06 Klik log0ut Menuju A07 Klik Kelola data administrator Menuju A08 Klik Kelola data barang Menuju A09 Klik Kelola data kategori Menuju A10 Klik Kelola data jenis Menuju A11 Klik Kelola data motif Menuju A12 Klik Kelola data rekening Menuju A13 Klik Kelola data provinsi Menuju A14 Klik Kelola data kota Menuju A15 Klik Kelola data ongkos kirim Menuju A16 Klik Kelola data member Menuju A17 Klik Kelola data jasa pengiriman Menuju A18 Klik Kelola data jenis pengiriman Menuju A19 Klik Kelola data kurs Menuju A20 Administrator Selamat Datang Admin Gambar icon icon icon Kelola Data Administrator Kelola Data Barang Kelola Data Ongkos Kirim Kelola Data Rekening Kelola Data Provinsi Kelola Data Member Kelola Data Kategori Kelola Data Jenis Kelola Data Motif Kelola Data Kota Kelola Data Jasa Pengiriman Kelola Data Jenis Pengiriman Kelola Data Kurs Motif + Tambah Motif No Nama Motif Aksi Ubah Hapus Ubah Hapus Showing 1 to 2 of 2 entries First | Previos | 1 | Next | Last Ubah Hapus Ubah Hapus Gambar 3-65 Antar muka Kelola Data Motif 9. Perancangan Antarmuka Pengolahan Data Rekening A13 Administrator Nama layar : A13 Ukuran Layar : 800x600 Font : Verdana,arial Warna Bacground : Putih, Abu-abu, Merah Show Entries Search Klik login Menuju A02 Klik Home Menuju A02 Klik Pengolahan data master A03 Klik pengolahan data transaksi A04 Klik pengolahan laporan A05 Klik ubah profil menuju A06 Klik log0ut Menuju A07 Klik Kelola data administrator Menuju A08 Klik Kelola data barang Menuju A09 Klik Kelola data kategori Menuju A10 Klik Kelola data jenis Menuju A11 Klik Kelola data motif Menuju A12 Klik Kelola data rekening Menuju A13 Klik Kelola data provinsi Menuju A14 Klik Kelola data kota Menuju A15 Klik Kelola data ongkos kirim Menuju A16 Klik Kelola data member Menuju A17 Klik Kelola data jasa pengiriman Menuju A18 Klik Kelola data jenis pengiriman Menuju A19 Klik Kelola data kurs Menuju A20 Administrator Selamat Datang Admin Gambar icon icon icon Kelola Data Administrator Kelola Data Barang Kelola Data Ongkos Kirim Kelola Data Rekening Kelola Data Provinsi Kelola Data Member Kelola Data Kategori Kelola Data Jenis Kelola Data Motif Kelola Data Kota Kelola Data Jasa Pengiriman Kelola Data Jenis Pengiriman Kelola Data Kurs Rekening + Tambah Rekening No Nama Rekening Aksi No. Rekening Cabang Bank Gambar Ubah Hapus Ubah Hapus Showing 1 to 2 of 2 entries First | Previos | 1 | Next | Last Gambar 3-66 Pengolahan Data Rekening 10. Perancangan Antarmuka Pengolahan Data Provinsi A14 Administrator Nama layar : A14 Ukuran Layar : 800x600 Font : Verdana,arial Warna Bacground : Putih, Abu-abu, Merah Show Entries Search Klik login Menuju A02 Klik Home Menuju A02 Klik Pengolahan data master A03 Klik pengolahan data transaksi A04 Klik pengolahan laporan A05 Klik ubah profil menuju A06 Klik log0ut Menuju A07 Klik Kelola data administrator Menuju A08 Klik Kelola data barang Menuju A09 Klik Kelola data kategori Menuju A10 Klik Kelola data jenis Menuju A11 Klik Kelola data motif Menuju A12 Klik Kelola data rekening Menuju A13 Klik Kelola data provinsi Menuju A14 Klik Kelola data kota Menuju A15 Klik Kelola data ongkos kirim Menuju A16 Klik Kelola data member Menuju A17 Klik Kelola data jasa pengiriman Menuju A18 Klik Kelola data jenis pengiriman Menuju A19 Klik Kelola data kurs Menuju A20 Administrator Selamat Datang Admin Gambar icon icon icon Kelola Data Administrator Kelola Data Barang Kelola Data Ongkos Kirim Kelola Data Rekening Kelola Data Provinsi Kelola Data Member Kelola Data Kategori Kelola Data Jenis Kelola Data Motif Kelola Data Kota Kelola Data Jasa Pengiriman Kelola Data Jenis Pengiriman Kelola Data Kurs Provinsi + Tambah Provinsi No Nama Provinsi Aksi Ubah Hapus Ubah Hapus Showing 1 to 2 of 2 entries First | Previos | 1 | Next | Last Ubah Hapus Ubah Hapus Ubah Hapus Ubah Hapus Ubah Hapus Ubah Hapus Gambar 3-67 Pengolahan Data Provinsi 11. Perancangan Antarmuka Pengolahan Data Kota A15 Administrator Nama layar : A15 Ukuran Layar : 800x600 Font : Verdana,arial Warna Bacground : Putih, Abu-abu, Merah Show Entries Search Klik login Menuju A02 Klik Home Menuju A02 Klik Pengolahan data master A03 Klik pengolahan data transaksi A04 Klik pengolahan laporan A05 Klik ubah profil menuju A06 Klik log0ut Menuju A07 Klik Kelola data administrator Menuju A08 Klik Kelola data barang Menuju A09 Klik Kelola data kategori Menuju A10 Klik Kelola data jenis Menuju A11 Klik Kelola data motif Menuju A12 Klik Kelola data rekening Menuju A13 Klik Kelola data provinsi Menuju A14 Klik Kelola data kota Menuju A15 Klik Kelola data ongkos kirim Menuju A16 Klik Kelola data member Menuju A17 Klik Kelola data jasa pengiriman Menuju A18 Klik Kelola data jenis pengiriman Menuju A19 Klik Kelola data kurs Menuju A20 Administrator Selamat Datang Admin Gambar icon icon icon Kelola Data Administrator Kelola Data Barang Kelola Data Ongkos Kirim Kelola Data Rekening Kelola Data Provinsi Kelola Data Member Kelola Data Kategori Kelola Data Jenis Kelola Data Motif Kelola Data Kota Kelola Data Jasa Pengiriman Kelola Data Jenis Pengiriman Kelola Data Kurs Kota + Tambah Kota No Nama Provinsi Aksi Ubah Hapus Ubah Hapus Showing 1 to 2 of 2 entries First | Previos | 1 | Next | Last Ubah Hapus Ubah Hapus Ubah Hapus Ubah Hapus Ubah Hapus Ubah Hapus Nama Kota Gambar 3-68 Pengolahan Data Kota 12. Perancangan Antarmuka Pengolahan Data Ongkos Kirim A16 Administrator Nama layar : A16 Ukuran Layar : 800x600 Font : Verdana,arial Warna Bacground : Putih, Abu-abu, Merah Show Entries Search Klik login Menuju A02 Klik Home Menuju A02 Klik Pengolahan data master A03 Klik pengolahan data transaksi A04 Klik pengolahan laporan A05 Klik ubah profil menuju A06 Klik log0ut Menuju A07 Klik Kelola data administrator Menuju A08 Klik Kelola data barang Menuju A09 Klik Kelola data kategori Menuju A10 Klik Kelola data jenis Menuju A11 Klik Kelola data motif Menuju A12 Klik Kelola data rekening Menuju A13 Klik Kelola data provinsi Menuju A14 Klik Kelola data kota Menuju A15 Klik Kelola data ongkos kirim Menuju A16 Klik Kelola data member Menuju A17 Klik Kelola data jasa pengiriman Menuju A18 Klik Kelola data jenis pengiriman Menuju A19 Klik Kelola data kurs Menuju A20 Administrator Selamat Datang Admin Gambar icon icon icon Kelola Data Administrator Kelola Data Barang Kelola Data Ongkos Kirim Kelola Data Rekening Kelola Data Provinsi Kelola Data Member Kelola Data Kategori Kelola Data Jenis Kelola Data Motif Kelola Data Kota Kelola Data Jasa Pengiriman Kelola Data Jenis Pengiriman Kelola Data Kurs Ongkos Kirim + Tambah Ongkos Kirim No Jasa Pengiriman Aksi Jenis Pengiriman Kota Ongkos Kirim Ubah Hapus Ubah Hapus Showing 1 to 2 of 2 entries First | Previos | 1 | Next | Last Gambar 3-69 Pengolahan Data Ongkos Kirim 13. Perancangann Antarmuka Pengolahan Data Member A17 Administrator Nama layar : A17 Ukuran Layar : 800x600 Font : Verdana,arial Warna Bacground : Putih, Abu-abu, Merah Show Entries Search Klik login Menuju A02 Klik Home Menuju A02 Klik Pengolahan data master A03 Klik pengolahan data transaksi A04 Klik pengolahan laporan A05 Klik ubah profil menuju A06 Klik log0ut Menuju A07 Klik Kelola data administrator Menuju A08 Klik Kelola data barang Menuju A09 Klik Kelola data kategori Menuju A10 Klik Kelola data jenis Menuju A11 Klik Kelola data motif Menuju A12 Klik Kelola data rekening Menuju A13 Klik Kelola data provinsi Menuju A14 Klik Kelola data kota Menuju A15 Klik Kelola data ongkos kirim Menuju A16 Klik Kelola data member Menuju A17 Klik Kelola data jasa pengiriman Menuju A18 Klik Kelola data jenis pengiriman Menuju A19 Klik Kelola data kurs Menuju A20 Administrator Selamat Datang Admin Gambar icon icon icon Kelola Data Administrator Kelola Data Barang Kelola Data Ongkos Kirim Kelola Data Rekening Kelola Data Provinsi Kelola Data Member Kelola Data Kategori Kelola Data Jenis Kelola Data Motif Kelola Data Kota Kelola Data Jasa Pengiriman Kelola Data Jenis Pengiriman Kelola Data Kurs Member + Tambah Member No Nama Aksi Email Status Ubah Hapus Ubah Hapus Showing 1 to 2 of 2 entries First | Previos | 1 | Next | Last Gambar 3-70 Pengolahan Data Member 14. Perancangan Antarmuka Pengolahan Data Jasa Pengiriman A18 Administrator Nama layar : A18 Ukuran Layar : 800x600 Font : Verdana,arial Warna Bacground : Putih, Abu-abu, Merah Show Entries Search Klik login Menuju A02 Klik Home Menuju A02 Klik Pengolahan data master A03 Klik pengolahan data transaksi A04 Klik pengolahan laporan A05 Klik ubah profil menuju A06 Klik log0ut Menuju A07 Klik Kelola data administrator Menuju A08 Klik Kelola data barang Menuju A09 Klik Kelola data kategori Menuju A10 Klik Kelola data jenis Menuju A11 Klik Kelola data motif Menuju A12 Klik Kelola data rekening Menuju A13 Klik Kelola data provinsi Menuju A14 Klik Kelola data kota Menuju A15 Klik Kelola data ongkos kirim Menuju A16 Klik Kelola data member Menuju A17 Klik Kelola data jasa pengiriman Menuju A18 Klik Kelola data jenis pengiriman Menuju A19 Klik Kelola data kurs Menuju A20 Administrator Selamat Datang Admin Gambar icon icon icon Kelola Data Administrator Kelola Data Barang Kelola Data Ongkos Kirim Kelola Data Rekening Kelola Data Provinsi Kelola Data Member Kelola Data Kategori Kelola Data Jenis Kelola Data Motif Kelola Data Kota Kelola Data Jasa Pengiriman Kelola Data Jenis Pengiriman Kelola Data Kurs Jasa Pengiriman + Tambah Jasa Pengiriman No Deskripsi Aksi Ubah Hapus Ubah Hapus Showing 1 to 2 of 2 entries First | Previos | 1 | Next | Last Ubah Hapus Ubah Hapus Ubah Hapus Ubah Hapus Ubah Hapus Ubah Hapus Nama Jasa Pengiriman Gambar 3-71 Pengolahan Data Jasa Pengiriman 15. Perancangan Antarmuka Pengolahan Data Jenis Pengiriman A19 Administrator Nama layar : A19 Ukuran Layar : 800x600 Font : Verdana,arial Warna Bacground : Putih, Abu-abu, Merah Show Entries Search Klik login Menuju A02 Klik Home Menuju A02 Klik Pengolahan data master A03 Klik pengolahan data transaksi A04 Klik pengolahan laporan A05 Klik ubah profil menuju A06 Klik log0ut Menuju A07 Klik Kelola data administrator Menuju A08 Klik Kelola data barang Menuju A09 Klik Kelola data kategori Menuju A10 Klik Kelola data jenis Menuju A11 Klik Kelola data motif Menuju A12 Klik Kelola data rekening Menuju A13 Klik Kelola data provinsi Menuju A14 Klik Kelola data kota Menuju A15 Klik Kelola data ongkos kirim Menuju A16 Klik Kelola data member Menuju A17 Klik Kelola data jasa pengiriman Menuju A18 Klik Kelola data jenis pengiriman Menuju A19 Klik Kelola data kurs Menuju A20 Administrator Selamat Datang Admin Gambar icon icon icon Kelola Data Administrator Kelola Data Barang Kelola Data Ongkos Kirim Kelola Data Rekening Kelola Data Provinsi Kelola Data Member Kelola Data Kategori Kelola Data Jenis Kelola Data Motif Kelola Data Kota Kelola Data Jasa Pengiriman Kelola Data Jenis Pengiriman Kelola Data Kurs Jenis Pengiriman + Tambah Jenis Pengiriman No Jasa Pengiriman Aksi Jenis Pengiriman Deskripsi Ubah Hapus Ubah Hapus Showing 1 to 2 of 2 entries First | Previos | 1 | Next | Last Gambar 3-72 Pengolahan Data Jenis Pengriman 16. Perancangan Antarmuka Pengolahan Data Kurs A20 Administrator Nama layar : A20 Ukuran Layar : 800x600 Font : Verdana,arial Warna Bacground : Putih, Abu-abu, Merah Show Entries Search Klik login Menuju A02 Klik Home Menuju A02 Klik Pengolahan data master A03 Klik pengolahan data transaksi A04 Klik pengolahan laporan A05 Klik ubah profil menuju A06 Klik log0ut Menuju A07 Klik Kelola data administrator Menuju A08 Klik Kelola data barang Menuju A09 Klik Kelola data kategori Menuju A10 Klik Kelola data jenis Menuju A11 Klik Kelola data motif Menuju A12 Klik Kelola data rekening Menuju A13 Klik Kelola data provinsi Menuju A14 Klik Kelola data kota Menuju A15 Klik Kelola data ongkos kirim Menuju A16 Klik Kelola data member Menuju A17 Klik Kelola data jasa pengiriman Menuju A18 Klik Kelola data jenis pengiriman Menuju A19 Klik Kelola data kurs Menuju A20 Administrator Selamat Datang Admin Gambar icon icon icon Kelola Data Administrator Kelola Data Barang Kelola Data Ongkos Kirim Kelola Data Rekening Kelola Data Provinsi Kelola Data Member Kelola Data Kategori Kelola Data Jenis Kelola Data Motif Kelola Data Kota Kelola Data Jasa Pengiriman Kelola Data Jenis Pengiriman Kelola Data Kurs Kurs + Tambah Kurs No Kode Aksi Simbol Deskripsi Harga Tanggal Ubah Hapus Ubah Hapus Showing 1 to 2 of 2 entries First | Previos | 1 | Next | Last Gambar 3-73 Pengolahan Data Kurs 17. Perancangan Antarmuka Data Transaksi F08 Banner Logo parental Home Produk Registrasi Help Produk terbaru Katalog produk Produk terlaris Produk most view Cara pembelian Data kontak Cara pembayaran Login Email : password : 1. Teks kategori 2. Teks kategori 3.Teks kategori Kategori Search Bedasarkan Keranjang belanja Customer Service Pembayaran JNE Tracking Mandiri BCA FACEBOOK Yahoo Messanger Login Lupa Password Keranjang Belanja no Nama barang Gambar Harga satuan subtotal Hapus Total Lanjut Update Checkout A21 Administrator Nama layar : A21 Ukuran Layar : 800x600 Font : Verdana,arial Warna Bacground : Putih, Abu-abu, Merah Kelola Data Master Kelola Data Transaksi Laporan Klik login Menuju A02 Klik Home Menuju A02 Klik Pengolahan data master A03 Klik pengolahan data transaksi A04 Klik pengolahan laporan A05 Klik ubah profil menuju A06 Klik log0ut Menuju A07 Klik Kelola Data Transakasi Menuju A21 Administrator Selamat Datang Admin Gambar icon icon icon Show Entries Search Transaksi No No. Invoice Aksi Pemesan Jml Barang Tanggal Pesan Total Harga Detail Konfirmasi Hapus Detail Konfirmasi Hapus Showing 1 to 2 of 2 entries First | Previos | 1 | Next | Last Status Gambar 3-74 Data Transaksi 18. Perancangan Antarmuka Laporan Barang F08 Banner Logo parental Home Produk Registrasi Help Produk terbaru Katalog produk Produk terlaris Produk most view Cara pembelian Data kontak Cara pembayaran Login Email : password : 1. Teks kategori 2. Teks kategori 3.Teks kategori Kategori Search Bedasarkan Keranjang belanja Customer Service Pembayaran JNE Tracking Mandiri BCA FACEBOOK Yahoo Messanger Login Lupa Password Keranjang Belanja no Nama barang Gambar Harga satuan subtotal Hapus Total Lanjut Update Checkout A22 Administrator Nama layar : A22 Ukuran Layar : 800x600 Font : Verdana,arial Warna Bacground : Putih, Abu-abu, Merah Laporan Barang Laporan Penjualan Klik login Menuju A02 Klik Home Menuju A02 Klik Pengolahan data master A03 Klik pengolahan data transaksi A04 Klik pengolahan laporan A05 Klik ubah profil menuju A06 Klik log0ut Menuju A07 Klik Kelola Data Transakasi Menuju A21 Klik Laporan Barang menuju A22 Administrator Selamat Datang Admin Gambar icon icon icon Show Entries Search Laporan Barang Showing 1 to 2 of 2 entries First | Previos | 1 | Next | Last No Tanggal Nama Barang Motif Jenis Stok Keluar Print PDF Gambar 3-75 Laporan Barang 19. Perancangan Antarmuka Laporan Harian F08 Banner Logo parental Home Produk Registrasi Help Produk terbaru Katalog produk Produk terlaris Produk most view Cara pembelian Data kontak Cara pembayaran Login Email : password : 1. Teks kategori 2. Teks kategori 3.Teks kategori Kategori Search Bedasarkan Keranjang belanja Customer Service Pembayaran JNE Tracking Mandiri BCA FACEBOOK Yahoo Messanger Login Lupa Password Keranjang Belanja no Nama barang Gambar Harga satuan subtotal Hapus Total Lanjut Update Checkout A23 Administrator Nama layar : A23 Ukuran Layar : 800x600 Font : Verdana,arial Warna Bacground : Putih, Abu-abu, Merah Laporan Penjualan Harian Laporan Penjualan Bulanan Klik login Menuju A02 Klik Home Menuju A02 Klik Pengolahan data master A03 Klik pengolahan data transaksi A04 Klik pengolahan laporan A05 Klik ubah profil menuju A06 Klik log0ut Menuju A07 Klik Kelola Data Transakasi Menuju A21 Klik Laporan Barang menuju A22 Administrator Selamat Datang Admin Gambar icon icon icon Show Entries Search Laporan Penjualan Harian Showing 1 to 2 of 2 entries First | Previos | 1 | Next | Last Laporan Penjualan Tahunan No No.Detail Pembelian Pilihan Nama Member Jenis Pembayaran Tanggal Transaksi Status Pengiriman Edit Hapus Edit Hapus Print PDF Gambar 3-76 Laporan Harian 20. Perancangan Antarmuka Laporan Bulanan F08 Banner Logo parental Home Produk Registrasi Help Produk terbaru Katalog produk Produk terlaris Produk most view Cara pembelian Data kontak Cara pembayaran Login Email : password : 1. Teks kategori 2. Teks kategori 3.Teks kategori Kategori Search Bedasarkan Keranjang belanja Customer Service Pembayaran JNE Tracking Mandiri BCA FACEBOOK Yahoo Messanger Login Lupa Password Keranjang Belanja no Nama barang Gambar Harga satuan subtotal Hapus Total Lanjut Update Checkout A23 Administrator Nama layar : A23 Ukuran Layar : 800x600 Font : Verdana,arial Warna Bacground : Putih, Abu-abu, Merah Laporan Penjualan Harian Laporan Penjualan Bulanan Klik login Menuju A02 Klik Home Menuju A02 Klik Pengolahan data master A03 Klik pengolahan data transaksi A04 Klik pengolahan laporan A05 Klik ubah profil menuju A06 Klik log0ut Menuju A07 Klik Kelola Data Transakasi Menuju A21 Klik Laporan Barang menuju A22 Administrator Selamat Datang Admin Gambar icon icon icon Show Entries Search Laporan Penjualan Bulanan Showing 1 to 2 of 2 entries First | Previos | 1 | Next | Last Laporan Penjualan Tahunan No No.Detail Pembelian Pilihan Nama Member Jenis Pembayaran Tanggal Transaksi Status Pengiriman Edit Hapus Edit Hapus Print PDF Gambar 3-77 Laporan Harian 21. Perancangan Antarmuka Laporan BulananTahunan F08 Banner Logo parental Home Produk Registrasi Help Produk terbaru Katalog produk Produk terlaris Produk most view Cara pembelian Data kontak Cara pembayaran Login Email : password : 1. Teks kategori 2. Teks kategori 3.Teks kategori Kategori Search Bedasarkan Keranjang belanja Customer Service Pembayaran JNE Tracking Mandiri BCA FACEBOOK Yahoo Messanger Login Lupa Password Keranjang Belanja no Nama barang Gambar Harga satuan subtotal Hapus Total Lanjut Update Checkout A23 Administrator Nama layar : A23 Ukuran Layar : 800x600 Font : Verdana,arial Warna Bacground : Putih, Abu-abu, Merah Laporan Penjualan Harian Laporan Penjualan Bulanan Klik login Menuju A02 Klik Home Menuju A02 Klik Pengolahan data master A03 Klik pengolahan data transaksi A04 Klik pengolahan laporan A05 Klik ubah profil menuju A06 Klik log0ut Menuju A07 Klik Kelola Data Transakasi Menuju A21 Klik Laporan Barang menuju A22 Administrator Selamat Datang Admin Gambar icon icon icon Show Entries Search Laporan Penjualan Tahunan Showing 1 to 2 of 2 entries First | Previos | 1 | Next | Last Laporan Penjualan Tahunan No No.Detail Pembelian Pilihan Nama Member Jenis Pembayaran Tanggal Transaksi Status Pengiriman Edit Hapus Edit Hapus Print PDF Gambar 3-78 Laporan Harian

3.4.1.4. Perancangan Antarmuka Message

M03 Field ini harus diisi M04 Field ini harus diisi angka Jasa pengiriman harus dipilih M07 Jenis pengiriman harus dipilih M08 Ukuran Baju belum dipilih M09 M02 Email harus diisi M05 Kode pos minimal 5 karakter Password Minimal 8 karakter M06 M01 Field ini harus diisi Hanya huruf Password Harus diisi M10 Password Yang anda masukkan salah M11 M12 Data berhasil ditambah Data berhasil dihapus M13 M14 Data berhasil diubah Gambar 3-79 Perancangan Antarmuka Message

3.4.2. Jaringan Semantik

Aliran dari menu-menu yang ada di program akan dijelaskan pada gambar berikut 1. Jaringan Semantik Admin A02 A03 A04 A05 A06 A01 A07 A08 M011 M03, M04 A09 M12, M13, M14 A10 M12, M13, M14 A11 A12 M03 M12, M13, M14 A13 A14 A15 A16 M03 M12, M13, M14 A17 A18 A19 A20 A21 A22 M12, M13, M14 M03 M03, M04 M03 Gambar 3-80 Jaringan Semantik Admin 2. Jaringan Semantik Pengunjung F01 F02 F03 F04 F05 F06 F07 F08 F11 F09 F10 F14 F15 Gambar 3-81 Jaringan Semantik Pengunjung 3. Jaringan Semantik Member F01 F03 F04 F05 F06 F07 F08 F11 F09 F10 F14 F15 F12 F13 M07, M08 Gambar 3-82 Jaringan Semantik Member