BAB 3 ANALISIS DAN PERANCANGAN SISTEM
3.2.5.4 Perancangan Antar Muka (Pengunjung)
1. Perancangan Antar MukaHome (Pengunjung)
<HEADER> Kurs Produk Terbaru Sedang Diskon Produk Terlaris PN01 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 Gambar Nama Produk Harga Produk Detail Gambar Nama Produk Harga Produk Detail Gambar Nama Produk Harga Produk Detail 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. 92 Perancangan Antar Muka Home (Pengunjung)
2. Perancangan Antar Muka Semua Produk (Pengunjung)
<HEADER>
Kurs
Semua Produk
PN02
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 Gambar Nama Produk Harga Produk Detail Gambar Nama Produk Harga Produk Detail Gambar Nama Produk Harga Produk Detail 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 |
3. Perancangan Antar Muka Cara Pembelian (Pengunjung)
<HEADER>
Kurs · Dafarkan diri Anda di darmacom.com. Jangan lupa isi data diri Anda
dengan benar
· Login ke Account Anda di darmacom.com · Pilih produk yang ingin Anda beli.
· Jika telah selesai memilih produk yang dibeli, lihat keranjang belanja untuk mengetahui total yang harus di bayar.
· Anda bisa melakukan perubahan jumlah barang yang dibeli, dengan mengisi perubahan pada form jumlah dan kemudian klik Update. · Jika sudah yakin dengan produk yang Anda pesan klik tombol Checkout · Kemudian dilanjutkan dengan pengisian alamat pengiriman. jika sudah
benar klik tombol Next
· Lalu akan tampil data review pesanan, total keseluruhan pembayaran. · Masuk ke riwayat pesanan dan Konfirmasi pembayaran atau Klik tombol
PayPal Click here to pay jika anda ingin membayar menggunakan PayPal.
Cara Pembelian
PN03
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 3. 94 Perancangan Antar Muka Cara Pembelian (Pengunjung)
4. Perancangan Antar Muka Pembayaran dan Pengiriman (Pengunjung)
<HEADER>
Kurs
Deskripsi cara pembayaran dan pengiriman
Pembayaran dan Pengiriman
PN04
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 3. 95 Perancangan Antar Muka Pembayaran dan Pengiriman (Pengunjung)
5. Perancangan Antar Muka Tentang Kami (Pengunjung)
<HEADER>
Kurs
Deskripsi Tentang Kami Tentang Kami
PN05
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 3. 96 Perancangan Antar Muka Tentang Kami(Pengunjung)
6. Perancangan Antar Muka Pencarian Produk (Pengunjung)
<HEADER>
Kurs
Pencarian Produk
PN06
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 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 |
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
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
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
3.2.7 Perancangan Jaringan Semantik