3.7.10 Perancangan Antarmuka
Interface atau antar muka merupakan tampilan dari suau program aplikasi yang berperan sebagai media komunikasi yang digunakan sebagai sarana
berdialog antara program dengan user. Sistem yang akan dibangun diharapkan menyediakan interface yang mudah dipahami dan digunakan oleh user. Untuk
memudahkan proses pembuatan aplikasi maka terlebih dahulu membuat rancangan desain tampilannya. Perancangan ini meliputi rancanagan sebagai
berikut : 1. Perancangan Halaman Beranda A01
Logo Pencarian…...
MasukDaftar
Nama Produk
Slide Show Produk Gambar Produk
Produk yang akan datang Gambar
Produk Gambar
Produk Gambar
Produk Gambar
Produk Gambar
Produk Gambar
Produk
F t
Ukuran Form : Full screen Warna Backgound : Hitam
Font : Arial, 12pt A01
BERANDA PRODUK TERBARU KATAGORI PRODUK UMUM MASUK DAFTAR Tentang Perusahaan
Cara Pemesanan Pembayaran Tracking Pengiriman
Tarif Pengiriman Syarat Ketentuan
- Klik Login untuk menuju A02 - Klik tentang kami untuk menuju A03
- Klik records untuk menuju A04 - Klik cara pemesanan pembayaran untuk
menuju A05 - Klik cek tracking pengiriman untuk
menuju A06 - Klik cek tarif kirim untuk menuju A07
- Klik konfirmasi pembayaran A09 - Klik hubungi kami untuk menuju A10
- Klik Gambar produk terbaru untuk menuju A12
- Klik gambar produk diskon untuk menuju A13
- Klik proses untuk memproses pencarian yang dipilih
- Klik cari untuk memproses data yang dicari
- Klik logo band untuk menuju A11 - Klik gambar produk untuk menuju A14
Cari Nama Produk
Nama Produk Nama Produk
Nama Produk Nama Produk
Produk terlaris Gambar
Produk Gambar
Produk Gambar
Produk Gambar
Produk Gambar
Produk Gambar
Produk
Gambar 3.74 Perancangan Tampilan Halaman Beranda
2. Perancangan Halaman Daftar Masuk A02
Logo Pencarian…...
MasukDaftar
F t
Ukuran Form : Full screen Warna Backgound : Hitam
Font : Arial, 12pt A02
BERANDA PRODUK TERBARU KATAGORI PRODUK UMUM MASUK DAFTAR Tentang Perusahaan
Cara Pemesanan Pembayaran Tracking Pengiriman
Tarif Pengiriman Syarat Ketentuan
- Klik Beranda untuk menuju A01 - Klik tentang kami untuk menuju A03
- Klik records untuk menuju A04 - Klik cara pemesanan pembayaran untuk
menuju A05 - Klik cek tracking pengiriman untuk
menuju A06 - Klik cek tarif kirim untuk menuju A07
- Klik konfirmasi pembayaran A09 - Klik hubungi kami untuk menuju A10
- Klik Gambar produk terbaru untuk menuju A12
- Klik gambar produk diskon untuk menuju A13
- Klik proses untuk memproses pencarian yang dipilih
- Klik cari untuk memproses data yang dicari
- Klik logo band untuk menuju A11 - Klik gambar produk untuk menuju A14
Cari Login
Konsumen Baru Password
Username Lupa Password
Login Daftar
Gambar 3.75 Perancangan Tampilan Halaman Daftar Masuk
3. Perancangan Halaman Barang Terbaru A03