Perancangan Struktur Menu Tabel Detail Retur

4. Stuktur Menu Bagian keuangan perancangan Struktur menu Bagian Keuangan ditunjukan dengan gambar 3.27 adalah sebagai berikut: PEMBAYARAN HOME LOGIN LUPA PASSWORD Gambar 3.27 Struktur Menu Bagian Keuangan 5. Struktur menu admin perancangan Struktur menu Bagian Keuangan ditunjukan dengan gambar 3.28 adalah sebagai berikut: HOME DASHBOARD ADMIN MEMBER KATEGORI SUBKETEGORI MERK WILAYAH PETUNJUK JASA PAKET PENGIRIMAN PRODUK STOK KATEGORI SUB KATEGORI ORDER RETUR LAPORAN FILE MANAGER PRODUK STOK KABUPATEN KOTA JASA PENGIRIMAN PAKET JASA PENGIRIMAN ONGKOS PENGIRIMAN ORDER PRODUK RETUR PRODUK LAPORAN PENJUALAN LAPORAN RETUR LAPORAN PRODUK backup restrore Gambar 3.28 Struktur Menu Admin

3.2.5 Perancangan Antar Muka Program Aplikasi

Interface atau antar muka merupakan tampilan dari suatu program aplikasi yang berperan sebagai media komunikasi yang digunakan sebagai sarana berdialog antara program dengan user. Pada perancangan antar muka program aplikasi di bagi menjadi lima perancangan yaitu: perancangan antarmuka pengunjung, perancangan antarmuka member, perancangan antarmuka pemimpin, perancangan antarmuka bagian keuangan, perancangan antarmuka admin.

3.2.5.1 Perancangan Antarmuka Pengunjung

1. Perancangan antar muka menu utama HOME BENNER HOME PRODUK TENTANG KAMI HUKUM KEPEMILIKAN CART LOGIN REGISTER YM IMAGE IMAGE IMAGE IMAGE IMAGE IMAGE IMAGE IMAGE IMAGE PO1 Lates produck Best sellerproduk Best sellerproduk NAMA PRODUK NAMA PRODUK NAMA PRODUK NAMA PRODUK NAMA PRODUK NAMA PRODUK NAMA PRODUK NAMA PRODUK NAMA PRODUK HARGA DISCON HARGA DISCON HARGA DISCON HARGA DISCON HARGA DISCON HARGA DISCON HARGA DISCON HARGA DISCON HARGA DISCON INFORMASI PEMBAYARAN VIA OFFICE RESI PENGIRIMAN Klik tombol HOME menuju Ke P01 Klik tombol PRODUK menuju Ke P02 Klik tombol TENTANG KAMI menuju Ke P03 Klik tombol TENTANG KAMI menuju Ke P04 Klik tombol CART menuju Ke P05 Klik tombol LOGINREGISTER menuju Ke P06 Klik tombol REGISTER MEMBER menuju Ke P07 Klik GAMBAR PRODUK menuju Ke P08 Klik CARA PEMESANAN menuju Ke P09 Klik CARA PENGIRIMAN menuju Ke P10 Klik CARA PEMBAYARAN menuju Ke P11 CARI F Gambar 3.29 Perancangan Antarmuka Home 2. Perancangan antar muka menu utama PRODUK BENNER HOME PRODUK TENTANG KAMI HUKUM KEPEMILIKAN CART LOGIN REGISTER YM IMAGE IMAGE IMAGE IMAGE IMAGE IMAGE IMAGE IMAGE IMAGE PO2 NAMA PRODUK NAMA PRODUK NAMA PRODUK NAMA PRODUK NAMA PRODUK NAMA PRODUK NAMA PRODUK NAMA PRODUK NAMA PRODUK HARGA DISCON HARGA DISCON HARGA DISCON HARGA DISCON HARGA DISCON HARGA DISCON HARGA DISCON HARGA DISCON HARGA DISCON INFORMASI PEMBAYARAN VIA OFFICE RESI PENGIRIMAN Klik tombol HOME menuju Ke P01 Klik tombol PRODUK menuju Ke P02 Klik tombol TENTANG KAMI menuju Ke P03 Klik tombol TENTANG KAMI menuju Ke P04 Klik tombol CART menuju Ke P05 Klik tombol LOGINREGISTER menuju Ke P06 Klik tombol REGISTER MEMBER menuju Ke P07 Klik GAMBAR PRODUK menuju Ke P08 Klik CARA PEMESANAN menuju Ke P09 Klik CARA PENGIRIMAN menuju Ke P10 Klik CARA PEMBAYARAN menuju Ke P11 CARI F Gambar 3.30 Perancangan Antarmuka Produk 3. Perancangan antar muka menu utama TENTANG KAMI BENNER HOME PRODUK TENTANG KAMI HUKUM KEPEMILIKAN CART LOGIN REGISTER YM PO3 INFORMASI PEMBAYARAN VIA OFFICE RESI PENGIRIMAN Klik tombol HOME menuju Ke P01 Klik tombol PRODUK menuju Ke P02 Klik tombol TENTANG KAMI menuju Ke P03 Klik tombol TENTANG KAMI menuju Ke P04 Klik tombol CART menuju Ke P05 Klik tombol LOGINREGISTER menuju Ke P06 Klik tombol REGISTER MEMBER menuju Ke P07 Klik GAMBAR PRODUK menuju Ke P08 Klik CARA PEMESANAN menuju Ke P09 Klik CARA PENGIRIMAN menuju Ke P10 Klik CARA PEMBAYARAN menuju Ke P11 … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … TENTANG KAMI CARI F Gambar 3.31 Perancangan Antarmuka Tentang Kami 4. Perancangan antar muka menu utama SYARAT DAN KETENTUAN BENNER HOME PRODUK TENTANG KAMI HUKUM KEPEMILIKAN CART LOGIN REGISTER YM PO4 INFORMASI PEMBAYARAN VIA OFFICE RESI PENGIRIMAN Klik tombol HOME menuju Ke P01 Klik tombol PRODUK menuju Ke P02 Klik tombol TENTANG KAMI menuju Ke P03 Klik tombol TENTANG KAMI menuju Ke P04 Klik tombol CART menuju Ke P05 Klik tombol LOGINREGISTER menuju Ke P06 Klik tombol REGISTER MEMBER menuju Ke P07 Klik GAMBAR PRODUK menuju Ke P08 Klik CARA PEMESANAN menuju Ke P09 Klik CARA PENGIRIMAN menuju Ke P10 Klik CARA PEMBAYARAN menuju Ke P11 … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … HUKUM KEPEMILIKAN CARI F Gambar 3.32 Perancangan Antarmuka Syarat Dan Ketentuan 5. Perancangan antar muka menu utama LOGIN BENNER HOME PRODUK TENTANG KAMI HUKUM KEPEMILIKAN CART LOGIN REGISTER YM P05 INFORMASI PEMBAYARAN VIA OFFICE RESI PENGIRIMAN Klik tombol HOME menuju Ke P01 Klik tombol PRODUK menuju Ke P02 Klik tombol TENTANG KAMI menuju Ke P03 Klik tombol TENTANG KAMI menuju Ke P04 Klik tombol CART menuju Ke P05 Klik tombol LOGINREGISTER menuju Ke P06 Klik tombol REGISTER MEMBER menuju Ke P07 Klik GAMBAR PRODUK menuju Ke P08 Klik CARA PEMESANAN menuju Ke P09 Klik CARA PENGIRIMAN menuju Ke P10 Klik CARA PEMBAYARAN menuju Ke P11 LOGIN LOGIN LUPA PASSWORD USERNAME PASSWORD REGISTRASI MEMBER … … … …. …. … …. … … … … ... CARI F Gambar 3.33 Perancangan Antarmuka Login 6. Perancangan antar muka menu utama REGISTER MEMBER BENNER HOME PRODUK TENTANG KAMI HUKUM KEPEMILIKAN CART LOGIN REGISTER YM P06 INFORMASI PEMBAYARAN VIA OFFICE RESI PENGIRIMAN Klik tombol HOME menuju Ke P01 Klik tombol PRODUK menuju Ke P02 Klik tombol TENTANG KAMI menuju Ke P03 Klik tombol TENTANG KAMI menuju Ke P04 Klik tombol CART menuju Ke P05 Klik tombol LOGINREGISTER menuju Ke P06 Klik tombol REGISTER MEMBER menuju Ke P07 Klik GAMBAR PRODUK menuju Ke P08 Klik CARA PEMESANAN menuju Ke P09 Klik CARA PENGIRIMAN menuju Ke P10 Klik CARA PEMBAYARAN menuju Ke P11 REGISTRASI REGISTER RESET EMAIL LOGIN MEMBER … … … …. …. … …. … … … … ... ACCOUNT INFO USERNAME PASSWORD KONFIRMASI PASSWORD NAMA LENGKAP ALAMAT NO TELPON KOTAKABUPATEN KODE POS CARI F ktp browse Anda bersedia dan menyetujui peraturan Gambar 3.34 Perancangan Antarmuka Register Member 7. Perancangan antar muka menu utama CARA PEMESANAN BENNER HOME PRODUK TENTANG KAMI HUKUM KEPEMILIKAN CART LOGIN REGISTER YM PO7 INFORMASI PEMBAYARAN VIA OFFICE RESI PENGIRIMAN Klik tombol HOME menuju Ke P01 Klik tombol PRODUK menuju Ke P02 Klik tombol TENTANG KAMI menuju Ke P03 Klik tombol TENTANG KAMI menuju Ke P04 Klik tombol CART menuju Ke P05 Klik tombol LOGINREGISTER menuju Ke P06 Klik tombol REGISTER MEMBER menuju Ke P07 Klik GAMBAR PRODUK menuju Ke P08 Klik CARA PEMESANAN menuju Ke P09 Klik CARA PENGIRIMAN menuju Ke P10 Klik CARA PEMBAYARAN menuju Ke P11 … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … CARA PEMESANAN CARI F Gambar 3.35 Perancangan Antarmuka Cara Pemesanan