Perancangan Antar Muka Pengunjung

7. Perancangan Antar Muka Kategori Produk Pengunjung HEADER Kurs Kategori Produk PN07 Keterangan : · Klik Home menuju PN01 · Klik Semua Produk menuju PN02 · Klik Cara Pembelian menuju PN03 · Klik Pembayaran dan Pengiriman menuju PN04 · Klik Tentang Kami menuju PN05 · Klik Pencarian menuju PN06 · Klik Kategori menuju PN07 · Klik Detail Produk menuju PN08 · Klik Lupa Password menuju PN09 · Klik Daftar menuju PN10 · Klik Detail menuju PN11 FOOTER Kategori Pencarian Produk Terlaris Produk Paling banyak dilihat Payment Home Semua Produk Cara Pembelian Pembayaran dan Pengiriman Tentang Kami Login | Daftar Gambar Nama Produk Harga Produk Detail Gambar Nama Produk Harga Produk Detail Gambar Nama Produk Harga Produk Detail Tanggal Login Email Password Daftar Lupa Password | Gambar 3. 98 Perancangan Antar Muka Kategori Produk Pengunjung 8. Perancangan Antar Muka Detail Produk Pengunjung HEADER Kurs PN08 Keterangan : · Klik Home menuju PN01 · Klik Semua Produk menuju PN02 · Klik Cara Pembelian menuju PN03 · Klik Pembayaran dan Pengiriman menuju PN04 · Klik Tentang Kami menuju PN05 · Klik Pencarian menuju PN06 · Klik Kategori menuju PN07 · Klik Detail Produk menuju PN08 · Klik Lupa Password menuju PN09 · Klik Daftar menuju PN10 · Klik Detail menuju PN11 FOOTER Kategori Pencarian Produk Terlaris Produk Paling banyak dilihat Payment Home Semua Produk Cara Pembelian Pembayaran dan Pengiriman Tentang Kami Login | Daftar Tanggal Login Email Password Daftar Lupa Password | Gambar Produk Merek Diskon xxx xxx Keterangan xxxxx Beli Berat Stok Tersedia xxx xxx Nama Produk Harga xxx xxx Rating Gambar 3. 99 Perancangan Antar Muka Detail Produk Pengunjung 9. Perancangan Antar Muka Lupa Password Pengunjung HEADER Kurs Halaman Lupa Password PN09 Keterangan : · Klik Home menuju PN01 · Klik Semua Produk menuju PN02 · Klik Cara Pembelian menuju PN03 · Klik Pembayaran dan Pengiriman menuju PN04 · Klik Tentang Kami menuju PN05 · Klik Pencarian menuju PN06 · Klik Kategori menuju PN07 · Klik Detail Produk menuju PN08 · Klik Lupa Password menuju PN09 · Klik Daftar menuju PN10 · Klik Detail menuju PN11 FOOTER Kategori Pencarian Produk Terlaris Produk Paling banyak dilihat Payment Home Semua Produk Cara Pembelian Pembayaran dan Pengiriman Tentang Kami Login | Daftar Tanggal Login Email Password Daftar Lupa Password | Kirim Email Silahkan masukkan email yang telah digunakan pada saat daftar, password akan direset dan dikirimkan ke alamat email Anda. Gambar 3. 100 Perancangan Antar Muka Lupa Password Pengunjung 10. Perancangan Antar Muka Daftar Pengunjung HEADER Kurs Form Pendaftaran PN10 Keterangan : · Klik Home menuju PN01 · Klik Semua Produk menuju PN02 · Klik Cara Pembelian menuju PN03 · Klik Pembayaran dan Pengiriman menuju PN04 · Klik Tentang Kami menuju PN05 · Klik Pencarian menuju PN06 · Klik Kategori menuju PN07 · Klik Detail Produk menuju PN08 · Klik Lupa Password menuju PN09 · Klik Daftar menuju PN10 · Klik Detail menuju PN11 FOOTER Kategori Pencarian Produk Terlaris Produk Paling banyak dilihat Payment Home Semua Produk Cara Pembelian Pembayaran dan Pengiriman Tentang Kami Login | Daftar Tanggal Login Email Password Daftar Lupa Password | Daftar Email : Nama Lengkap : Password : Ulangi Password : Jenis Kelamin : Provinsi : Kota Kabupaten : Alamat : No Telepon : Kodepos : Login Gambar 3. 101 Perancangan Antar Muka Daftar Pengunjung

3.2.6 Perancangan Pesan

M01 Nama : belum diisi. Ok M02 Nama lengkap: belum diisi. Ok M03 Email: belum diisi. Ok M04 Password: belum diisi. Ok M05 Ulang Password: belum diisi. Ok M06 Jenis Kelamin harus dipilih. Ok M07 Alamat: belum diisi. Ok M08 Kodepos: belum diisi. Ok M09 Propinsi: belum diisi. Ok M10 Kota: belum diisi. Ok M11 Atas Nama Belum diisi. Ok M12 Penulisan Email salah. Ok M13 Password dan Ulang Password: tidak sama Ok M14 Password Username salah Ok M15 Error, akun anda belum diaktifkan Silahkan periksa email anda untuk Mengaktifkan. Ok M16 Password baru anda telah dikirim ke Email anda. Ok M17 Email sudah terdaftar. Silahkan masukkan email lainnya. Ok M18 Pendaftaran berhasil, silahkan periksa email anda untuk melakukan aktifasi. Ok M19 Form pencarian harus diisi. Ok M20 Harga Harus Diisi Ok M21 Jumlah Harus Diisi Ok M22 Kabupaten Kota belum diisi Ok M23 Kategori Harus Diisi Ok M24 Stock Tidak Mencukupi Ok M25 Yakin Data Akan di Hapus? Ok M27 Kota belum dipilih Ok M26 Provinsi belum dipilih Ok M28 Tanggal pembayaran belum diisi. M29 Akun anda telah login di browser lain Ok Gambar 3.102 Perancangan Pesan 3.2.7 Perancangan Jaringan Semantik 3.2.7.1 Perancangan Jaringan Semantik Pengunjung Jaringan semantik menggambarkan keterhubungan navigasi menu dari satu halaman ke halaman lainnya. Jaringan semantik pengunjung gambar 3.103 menggambarkan keterhubungan navigasi menu untuk pengunjung dari satu halaman ke halaman lainnya. PN01 PN02 PN04 PN06 PN08 PN03 PN07 PN09 PN05 M01 M02 M03 M04 M05 M06 M07 M08 M09 M10 M11 M12 M13 M14 Gambar 3. 103 Jaringan semantik pengunjung

3.2.7.2 Perancangan Jaringan Semantik Member

Jaringan semantik Member gambar 3.104 menggambarkan keterhubungan navigasi menu untuk Member dari satu halaman ke halaman lainnya. T01 T02 T04 T06 T08 T03 T07 T09 T05 M01 M02 M03 M04 M05 M06 M07 M08 M09 M10 M11 M12 M13 M14 Gambar 3. 104 Jaringan semantik Member

3.2.7.3 Perancangan Jaringan Semantik Admin dan Pegawai

Perancangan jaringan semantik admin gambar 3.105 menggambarkan keterhubungan navigasi menu untuk admin dari satu halaman ke halaman lainnya. P33 P34 P35 M01 M02 M04 M10 P35 P34 P33 P37 P36 P38 P32 P39 P40 P41 P42 P43 P44 P45 P46 P48 P49 P50 P51 P56 P58 P59 P64 P66 P65 P67 P69 P71 P72 P73 P74 P52 P53 P54 P57 Gambar 3.105 Jaringan semantik Admin dan Pegawai 3.2.8 Perancangan Prosedural Perancangan prosedural merupakan perancangan yang dilakukan untuk menetapkan detail algoritma yang akan dinyatakan kedalam suatu sistem. Adapun