ANALISIS DAN PERANCANGAN SISTEM
1. Perancangan Antar Muka Pengunjung Antar muka home (P01)
HEADER P01
CHAT DENGAN KAMI MESSENGER Cari barang cari
INFORMASI COPYRIGHT WARINGIN JASA PENGIRIMAN JASA PEMBAYARAN REKENING PERUSAHAAN SLIDE SHOW GAMBAR PRODUK PRODUK TERLARIS file_gambar nama_barang harga file_gambar nama_barang harga file_gambar nama_barang harga PRODUK TERBARU nama_barang harga nama_barang harga file_gambar nama_barang harga file_gambar file_gambar diskon diskon diskon MOST VIEWER file_gambar nama_barang harga nama_barang harga nama_barang harga file_gambar file_gambar beli beli beli beli beli beli beli beli beli > KOLEKSI BARANG PRODUK > KATEGORI BARANG PELANGGAN User : Password : Login > Pendaftaran baru > Lupa Password PRODUK DISKON file_gambar nama_barang harga nama_barang harga nama_barang harga file_gambar file_gambar beli beli beli MENU UTAMA > HOME > PROFIL TOKO > KONTAK KAMI > TATA CARA BELANJA
Navigasi :
1. Klik link “profil toko” untuk menuju P02 2. Klik link “kontak kami”
untuk menuju P03 3. Klik “panduan berbelanja”
untuk menuju P04 4. Klik link “kategori barang”
untuk menuju P05 5. Klik link “koleksi barang”
untuk menuju P06 6. Klik tombol “cari” untuk
munuju P12
7. Klik link “Pendaftaran baru” untuk menuju P07 8. Klik link “lupa password”
untuk menuju P10
Gambar 3.33 Perancangan Tampilan Home
Antar muka profil toko (P02)
HEADER
P02
PROFIL TOKO
CHAT DENGAN KAMI MESSENGER Cari barang cari
INFORMASI COPYRIGHT WARINGIN JASA PENGIRIMAN JASA PEMBAYARAN REKENING PERUSAHAAN IMG > KOLEKSI BARANG PRODUK > KATEGORI BARANG PELANGGAN User : Password : Login > Pendaftaran baru > Lupa Password MENU UTAMA > HOME > PROFIL TOKO > KONTAK KAMI > TATA CARA BELANJA
Navigasi :
1. Klik link “home” untuk menuju P01
2. Klik link “kontak kami” untuk menuju P03 3. Klik “panduan berbelanja”
untuk menuju P04 4. Klik link “kategori barang”
untuk menuju P05 5. Klik link “koleksi barang”
untuk menuju P06 6. Klik tombol “cari” untuk
munuju P12
7. Klik link “Pendaftaran baru” untuk menuju P07 8. Klik link “lupa password”
untuk menuju P10
Antar muka kontak kami (P03)
HEADER
P03
KONTAK KAMI
CHAT DENGAN KAMI MESSENGER Cari barang cari
INFORMASI COPYRIGHT WARINGIN JASA PENGIRIMAN JASA PEMBAYARAN REKENING PERUSAHAAN TEKS MENU UTAMA > HOME > PROFIL TOKO > KONTAK KAMI > PANDUAN BERBELANJA > KOLEKSI BARANG PRODUK > KATEGORI BARANG PELANGGAN User : Password : Login > Pendaftaran baru > Lupa Password Navigasi :
1. Klik link “home” untuk menuju P01
2. Klik “panduan berbelanja” untuk menuju P04 3. Klik link “kategori barang”
untuk menuju P05 4. Klik link “koleksi barang”
untuk menuju P06 5. Klik tombol “cari” untuk
munuju P12
6. Klik link “Pendaftaran baru” untuk menuju P07 7. Klik link “lupa password”
untuk menuju P10
Gambar 3.35 Perancangan Tampilan Kontak Kami
Antar muka panduan berbelanja (P04)
HEADER
P04
PANDUAN BERBELANJA
CHAT DENGAN KAMI
MESSENGER
Cari barang cari
INFORMASI JASA PENGIRIMAN JASA PEMBAYARAN REKENING PERUSAHAAN COPYRIGHT WARINGIN TEKS MENU UTAMA > HOME > PROFIL TOKO > KONTAK KAMI > PANDUAN BERBELANJA > KOLEKSI BARANG PRODUK > KATEGORI BARANG PELANGGAN User : Password : Login > Pendaftaran baru > Lupa Password Navigasi :
1. Klik link “home” untuk menuju P01
2. Klik “panduan berbelanja” untuk menuju P04 3. Klik link “kategori barang”
untuk menuju P05 4. Klik link “koleksi barang”
untuk menuju P06 5. Klik tombol “cari” untuk
munuju P12
6. Klik link “Pendaftaran baru” untuk menuju P07 7. Klik link “lupa password”
untuk menuju P10
Antar muka kategori barang (P05)
HEADER P05
KATEGORI >>
CHAT DENGAN KAMI
MESSENGER
Cari barang cari
INFORMASI JASA PENGIRIMAN JASA PEMBAYARAN REKENING PERUSAHAAN COPYRIGHT WARINGIN
>nm_kategori >nm_kategori >nm_kategori >nm_kategori >nm_kategori >nm_kategori
MENU UTAMA > HOME > PROFIL TOKO > KONTAK KAMI > PANDUAN BERBELANJA > KOLEKSI BARANG PRODUK > KATEGORI BARANG PELANGGAN User : Password : Login > Pendaftaran baru > Lupa Password Navigasi :
1. Klik link “home” untuk menuju P01
2. Klik “panduan berbelanja” untuk menuju P04 3. Klik link “kategori barang”
untuk menuju P05 4. Klik link “koleksi barang”
untuk menuju P06 5. Klik tombol “cari” untuk
munuju P12
6. Klik link “Pendaftaran baru” untuk menuju P07 7. Klik link “lupa password”
untuk menuju P10
Gambar 3.37 Perancangan Tampilan kategori barang
Antar muka Koleksi Barang (P06)
HEADER P06
CHAT DENGAN KAMI
MESSENGER
Cari barang cari
INFORMASI JASA PENGIRIMAN JASA PEMBAYARAN REKENING PERUSAHAAN COPYRIGHT WARINGIN
DAFTAR KOLEKSI BARANG
file_gambar nama_barang harga diskon harga beli file_gambar nama_barang harga diskon harga beli MENU UTAMA > HOME > PROFIL TOKO > KONTAK KAMI > PANDUAN BERBELANJA > KOLEKSI BARANG PRODUK > KATEGORI BARANG PELANGGAN User : Password : Login > Pendaftaran baru > Lupa Password Navigasi :
1. Klik link “home” untuk menuju P01
2. Klik “panduan berbelanja” untuk menuju P04 3. Klik link “kategori barang”
untuk menuju P05 4. Klik link “koleksi barang”
untuk menuju P06 5. Klik tombol “cari” untuk
munuju P12
6. Klik link “Pendaftaran baru” untuk menuju P07 7. Klik link “lupa password”
untuk menuju P10
Antar muka Pendaftaran Pelanggan (P07)
HEADER P07
PILIH TIPE DAFTAR PELANGGAN
CHAT DENGAN KAMI
MESSENGER
Cari barang cari
INFORMASI A. TIPE PERSONAL Daftar Personal COPYRIGHT WARINGIN JASA PENGIRIMAN JASA PEMBAYARAN REKENING PERUSAHAAN Daftar Medium MENU UTAMA > HOME > PROFIL TOKO > KONTAK KAMI > PANDUAN BERBELANJA > KOLEKSI BARANG PRODUK > KATEGORI BARANG PELANGGAN User : Password : Login > Pendaftaran baru > Lupa Password B. TIPE MEDIUM Navigasi :
1. Klik tombol “daftar personal” untuk menuju P08 2. Klik tombol “daftar
medium” untuk menuju P09
Gambar 3.39 Perancangan Tampilan Pendaftaran Pelanggan
Antar muka Pendaftaran Pelanggan Personal (P08)
HEADER P08
PENDAFTARAN PELANGGAN BARU
CHAT DENGAN KAMI
MESSENGER
Cari barang cari
INFORMASI
Data Pribadi Nama Lengkap* Jenis Kelamin* Email* Data Alamat Pengiriman Kota* Kecamatan* Alamat* Kode Post* Data No Kontak No. Telepon* No. Handphone No. Faksimili Data Login Nama User ID* Password ID* Confirm Password* Simpan COPYRIGHT WARINGIN JASA PENGIRIMAN JASA PEMBAYARAN REKENING PERUSAHAAN Pria Wanita Reset
Tanda * Wajib Diisi
MENU UTAMA > HOME > PROFIL TOKO > KONTAK KAMI > PANDUAN BERBELANJA > KOLEKSI BARANG PRODUK > KATEGORI BARANG PELANGGAN User : Password : Login > Pendaftaran baru > Lupa Password Navigasi :
1. Klik link “home” untuk menuju P01
2. Klik tombol “simpan” untuk melakukan proses daftar
Antar muka Pendaftaran Pelanggan Medium (P09)
HEADER P09
PENDAFTARAN PELANGGAN BARU
CHAT DENGAN KAMI
MESSENGER
Cari barang cari
INFORMASI
Data Pribadi Nama Lengkap* Jenis Kelamin* Email* Data Alamat Pengiriman Kota* Kecamatan* Alamat* Kode Post* Data No Kontak No. Telepon* No. Handphone No. Faksimili Data Login Nama User ID* Password ID* Confirm Password* Simpan COPYRIGHT WARINGIN JASA PENGIRIMAN JASA PEMBAYARAN REKENING PERUSAHAAN Pria Wanita Reset
Tanda * Wajib Diisi
MENU UTAMA > HOME > PROFIL TOKO > KONTAK KAMI > PANDUAN BERBELANJA > KOLEKSI BARANG PRODUK > KATEGORI BARANG PELANGGAN User : Password : Login > Pendaftaran baru > Lupa Password Navigasi :
1. Klik link “home” untuk menuju P01
2. Klik tombol “simpan” untuk menuju P12
Gambar 3.41 Perancangan Tampilan Pendaftaran Pelanggan Medium
Antar muka Lupa Password (P10)
HEADER P10
Lupa Password
CHAT DENGAN KAMI
MESSENGER
Cari barang cari
INFORMASI JASA PENGIRIMAN JASA PEMBAYARAN REKENING PERUSAHAAN Email Kirim Password COPYRIGHT WARINGIN MENU UTAMA > HOME > PROFIL TOKO > KONTAK KAMI > PANDUAN BERBELANJA > KOLEKSI BARANG PRODUK > KATEGORI BARANG PELANGGAN User : Password : Login > Pendaftaran baru > Lupa Password Navigasi :
1. Klik link “home” untuk menuju P01
2. Klik tombol “kirim password” untuk mengirim password
Antar muka Detail Barang (P11)
HEADER P11
CHAT DENGAN KAMI
MESSENGER
Cari barang cari
INFORMASI JASA PENGIRIMAN JASA PEMBAYARAN REKENING PERUSAHAAN COPYRIGHT WARINGIN Detail barang File gambar Nama Barang : Berat Barang : Kategori : Stok Barang : Keterangan Barang harga diskon harga nama_barang berat_barang nm_kategori stok keterangan MENU UTAMA > HOME > PROFIL TOKO > KONTAK KAMI > PANDUAN BERBELANJA > KOLEKSI BARANG PRODUK > KATEGORI BARANG PELANGGAN User : Password : Login > Pendaftaran baru > Lupa Password Navigasi :
1. Klik tombol “beli” untuk menuju P13
Gambar 3.43 Perancangan Tampilan Detail Barang
Antar muka Cari Barang (P12)
HEADER P12
CHAT DENGAN KAMI
MESSENGER
Cari barang cari
INFORMASI JASA PENGIRIMAN JASA PEMBAYARAN REKENING PERUSAHAAN COPYRIGHT WARINGIN Cari Barang file_gambar nama_barang harga diskon harga beli file_gambar nama_barang harga diskon harga beli MENU UTAMA > HOME > PROFIL TOKO > KONTAK KAMI > PANDUAN BERBELANJA > KOLEKSI BARANG PRODUK > KATEGORI BARANG PELANGGAN User : Password : Login > Pendaftaran baru > Lupa Password Navigasi :
1. Klik link “home” untuk menuju P01
2. Klik tombol “beli” untuk menuju P13
Antar muka Validasi Pengunjung (P13)
HEADER P13
ANDA BELUM LOGIN
CHAT DENGAN KAMI
MESSENGER
Cari barang cari
INFORMASI JASA PENGIRIMAN JASA PEMBAYARAN REKENING PERUSAHAAN COPYRIGHT WARINGIN
Maaf anda belum bisa mengakses halaman ini, Untuk mengakses halaman ini Anda silakan melakukan login terlebih dahulu. Apabila belum memiliki account, silahkan daftar disini [ daftar ] MENU UTAMA > HOME > PROFIL TOKO > KONTAK KAMI > PANDUAN BERBELANJA > KOLEKSI BARANG PRODUK > KATEGORI BARANG PELANGGAN User : Password : Login > Pendaftaran baru > Lupa Password Navigasi :
1. Klik link “daftar” untuk menuju P07
Gambar 3.45 Perancangan Tampilan Validasi Pengunjung
2. Perancangan Antar Muka Pelanggan