Struktur Menu untuk Kasir Struktur Menu untuk Pegawai

3.2.2.2 Perancangan Antarmuka

Merancang antarmuka merupakan bagian yang paling penting dari merancang sistem. Biasanya hal tersebut juga merupakan bagian yang paling sulit, karena dalam merancang antarmuka harus memenuhi tiga persyaratan: sebuah antarmuka harus sederhana, sebuah antarmuka harus lengkap, dan sebuah antarmuka harus memilki kinerja yang cepat.

a. Perancangan Antarmuka Pengunjung

1. Perancangan antarmuka halaman utama pengunjung MUP01 Header twitter facebo ok login Daftar Logo Distro harmony Cari Footer Distro Harmony Beranda Produk berita profil Panduan berbelanja Cara pendaftaran Merek Produk Kategori Produk Testimonial Widget twitter merek merek ... kategori kategori kategori kategori Isi testimonial Isi widget twitter Keranjang belanja Hubungi Kami Isi keranjang belanja Hubungi Kami Hubungi Kami di : Yahoo Massanger atau telepon facebook twitter Tracking telusuri Mata uang Testi produk Isi mata uang Isi testi produk · Klik Beranda untuk menuju MUP01 · Klik Produk untuk menuju MUP02 · Klik berita untuk menuju MPU03 · Klik Profil untuk menuju MPU04 · Klik Panduan berbelanja untuk menuju MPU05 · Klik Cara Pendaftaran untuk menuju MPU06 · Klik Login untuk menuju MPU07 · Klik Daftar untuk menuju MPU08 · Klik Merek Produk untuk menuju MPU09 · Klik kategori Produk untuk menuju MPU10 Halaman utama distro harmony Ucapan selamat datang Produk Terbaru Produk lainnya gambar Nama produk harga detail gambar Nama produk harga detail gambar Nama produk harga detail gambar Nama produk harga detail gambar Nama produk harga detail gambar Nama produk harga detail Gambar 3.37 Tampilan antarmuka halaman utama pengunjung 2. Perancangan antarmuka halaman semua produk MUP02 Header twitter facebo ok login Daftar Logo Distro harmony Cari Footer Distro Harmony Beranda Produk berita profil Panduan berbelanja Cara pendaftaran Merek Produk Kategori Produk Testimonial Widget twitter merek merek ... kategori kategori kategori kategori Isi testimonial Isi widget twitter Keranjang belanja Hubungi Kami Isi keranjang belanja Hubungi Kami Hubungi Kami di : Yahoo Massanger atau telepon facebook twitter Tracking telusuri Mata uang Testi produk Isi mata uang Isi testi produk · Klik Beranda untuk menuju MUP01 · Klik Produk untuk menuju MUP02 · Klik berita untuk menuju MPU03 · Klik Profil untuk menuju MPU04 · Klik Panduan berbelanja untuk menuju MPU05 · Klik Cara Pendaftaran untuk menuju MPU06 · Klik Login untuk menuju MPU07 · Klik Daftar untuk menuju MPU08 · Klik Merek Produk untuk menuju MPU09 · Klik kategori Produk untuk menuju MPU10 Semua Produk gambar Nama produk harga detail gambar Nama produk harga detail gambar Nama produk harga detail gambar Nama produk harga detail gambar Nama produk harga detail gambar Nama produk harga detail gambar Nama produk harga detail gambar Nama produk harga detail gambar Nama produk harga detail Gambar 3.38 Tampilan antarmuka halaman semua produk