Perancangan Struktur Menu Perancangan Arsitektur

Login Data Pembayaran Pembuatan Laporan pembayaran Ubah Password Logout Gambar 3.48 Struktur Menu Bagian Keuangan

3.3.2 Perancangan Antarmuka

Interface atau antar muka merupakan tampilan dari suatu website yang berperan sebagai media komunikasi yang digunakan sebagai sarana berdialog antara website dengan user. Sistem yang akan dibangun diharapkan menyediakan interface yang mudah dipahami dan digunakan oleh user. 1. Perancangan Antarmuka Menu Utama dapat dilihat pada Gambar 3.49 di bawah ini : Beranda Profil Perusahaan Produk Cara bayar Cara Pemesanan Tarif_kirim username password Login Daftar HEADER Rekomendasi Gambar Rekomendasi TRACKING JNE TIKI PT. POS INDONESIA ISI KOMENTAR KOMENTAR FOOTER Lupa Password Produk Gambar Gambar Gambar Pesan Pesan Pesan Gambar Pesan Gambar Pesan Gambar Pesan Gambar Pesan Gambar Pesan Gambar Pesan Gambar Keranjang KERANJANG Info keranjang KATEGORI BORDIL CORNEL PENCARIAN cari JEJARING SOSIAL Facebook Ukuran Layar : 1280X800 Font : Tahoma, Arial, Helvetica, sans-serif Warna Background : Putih, Abu-abu Navigasi : 1. Klik Beranda untuk menuju ke P01 2. Klik Profil Perusahaan untuk menuju ke P02 3. Klik Produk untuk menuju ke P03 4. Klik Cara bayar untuk menuju ke P04 5. Klik Cara Pemesanan untuk menuju ke P05 Klik Tarif Kirim untuk menuju ke P06 6. Klik login untuk melakukan Login dan menuju ke M01 7. Klik Kategori menuju ke P07 8. Klik Lupa Password menuju ke P08 9. klik daftar menuju ke P09 P01 CUSTOMER SERVICE Gambar 3.49 Perancangan Antarmuka Menu Utama 2. Perancangan Antarmuka Menu Profil Perusahaan dapat dilihat pada Gambar 3.50 Beranda Profil Perusahaan Produk Cara bayar Cara Pemesanan Tarif_kirim username password Login Daftar HEADER Rekomendasi Gambar Rekomendasi TRACKING JNE TIKI PT. POS INDONESIA ISI KOMENTAR KOMENTAR FOOTER Lupa Password Profil Perusahaan Gambar Keranjang KERANJANG Info keranjang KATEGORI BORDIL CORNEL PENCARIAN cari JEJARING SOSIAL Facebook Ukuran Layar : 1280X800 Font : Tahoma, Arial, Helvetica, sans-serif Warna Background : Putih, Abu-abu Navigasi : 1. Klik Beranda untuk menuju ke P01 2. Klik Profil Perusahaan untuk menuju ke P02 3. Klik Produk untuk menuju ke P03 4. Klik Cara bayar untuk menuju ke P04 5. Klik Cara Pemesanan untuk menuju ke P05 Klik Tarif Kirim untuk menuju ke P06 6. Klik login untuk melakukan Login dan menuju ke M01 7. Klik Kategori menuju ke P07 8. Klik Lupa Password menuju ke P08 9. klik daftar menuju ke P09 Info Profil Prusahaan P02 CUSTOMETR SERVICE Gambar 3.50 Perancangan Antarmuka Menu Profil Perusahaan 3. Perancangan Antarmuka Menu Produk dapat dilihat pada Gambar 3.51 Beranda Profil Perusahaan Produk Cara bayar Cara Pemesanan Tarif_kirim username password Login Daftar HEADER Rekomendasi Gambar Rekomendasi TRACKING JNE TIKI PT. POS INDONESIA ISI KOMENTAR KOMENTAR FOOTER Lupa Password Produk Terlaris Gambar Keranjang KERANJANG Info keranjang KATEGORI BORDIL CORNEL PENCARIAN cari JEJARING SOSIAL Facebook Ukuran Layar : 1280X800 Font : Tahoma, Arial, Helvetica, sans-serif Warna Background : Putih, Abu-abu Navigasi : 1. Klik Beranda untuk menuju ke P01 2. Klik Profil Perusahaan untuk menuju ke P02 3. Klik Produk untuk menuju ke P03 4. Klik Cara bayar untuk menuju ke P04 5. Klik Cara Pemesanan untuk menuju ke P05 Klik Tarif Kirim untuk menuju ke P06 6. Klik login untuk melakukan Login dan menuju ke M01 7. Klik Kategori menuju ke P07 8. Klik Lupa Password menuju ke P08 9. klik daftar menuju ke P09 P03 Gambar Gambar Gambar Pesan Pesan Pesan CUSTOMETR SERVICE Gambar 3.51 Perancangan Antarmuka Menu Produk 4. Perancangan Antarmuka Menu Cara Bayar dapat dilihat pada Gambar 3.52 Beranda Profil Perusahaan Produk Cara bayar Cara Pemesanan Tarif_kirim username password Login Daftar HEADER Rekomendasi Gambar Rekomendasi TRACKING JNE TIKI PT. POS INDONESIA ISI KOMENTAR KOMENTAR FOOTER Lupa Password Cara Bayar Gambar Keranjang KERANJANG Info keranjang KATEGORI BORDIL CORNEL PENCARIAN cari JEJARING SOSIAL Facebook Ukuran Layar : 1280X800 Font : Tahoma, Arial, Helvetica, sans-serif Warna Background : Putih, Abu-abu Navigasi : 1. Klik Beranda untuk menuju ke P01 2. Klik Profil Perusahaan untuk menuju ke P02 3. Klik Produk untuk menuju ke P03 4. Klik Cara bayar untuk menuju ke P04 5. Klik Cara Pemesanan untuk menuju ke P05 Klik Tarif Kirim untuk menuju ke P06 6. Klik login untuk melakukan Login dan menuju ke M01 7. Klik Kategori menuju ke P07 8. Klik Lupa Password menuju ke P08 P04 Info Cara Bayar CUSTOMETR SERVICE Gambar 3.52 Perancangan Antarmuka Menu Cara Bayar