Pengunjung
Daftar Obat Tentang Kami
Beranda Cara Belanja
Registrasi Log in
Lihat
Tambah
Gambar 3.29 Struktur Menu Pengunjung
3.1.11 Perancangan Antarmuka Sistem
Perancangan antarmuka untuk sistem yang akan dibangun dibedakan sesuai dengan jenis penggunanya, yaitu admin, petugas, konsumen dan
pengunjung. Perancangan antarmuka dan navigasinya dapat dilihat melalui gambar berikut:
1. Perancangan antarmuka halaman Admin Antarmuka login admin A01
username
LOGIN
password
LOGIN A01
Navigasi : 1. Klik tombol login untuk
menuju tampilan A02 2. Jika username dan
password salah tampil pesan PS01
Gambar 3.30 Perancangan antar muka Login admin
Antarmuka home admin A02
A02 Petugas
Ubah password Logo
Hallo, Administrator A05
Navigasi : 1. Klik petugas untuk menuju
tampilan A03 2. Klik ubah password untuk
menuju tampilan A06 3. Klik tombol A05 untuk
kembali menuju tampilan A01
Gambar 3.31 Perancangan antar muka home admin
Antarmuka Admin Menu Pengolahan Petugas A03
A03 Logo
Hallo, Administrator A05
Petugas Ubah password
DATA PETUGAS No.
Nama Petugas Username
Perintah
Tambah 1
Ubah Navigasi :
1. Klik tambah untuk menuju tampilan A04
2. Klik ubah password untuk menuju tampilan A06
3. Klik Ubah untuk mengaktifkan atau menonaktifkan status
petugas 4. Klik tombol A05 untuk kembali
menuju tampilan A01
Status
Gambar 3.32 Perancangan antar muka Admin Ubah Status Petugas
Antarmuka Admin Tambah Petugas A04
A04 Logo
Hallo, Administrator A05
Petugas Ubah password
FORM TAMBAH PETUGAS
Username : Navigasi :
1. Klik simpan, dan akan muncul pesan PS02
2. Klik batal untuk kembali menuju tampilan A03
3. Klik ubah password untuk menuju tampilan A06
4. Klik tombol A05 untuk kembali menuju tampilan A01
Nama Petugas :
Password : Konfirmasi Password :
SIMPAN BATAL
Gambar 3.33 Perancangan antar muka Admin Tambah Petugas
Antarmuka Admin Ubah Password A06
A06 Logo
Hallo, Administrator A05
Petugas Ubah password
FORM UBAH PASSWORD Password lama :
Password Baru : Konfirmasi Password :
SIMPAN Navigasi :
1. Jika berhasil simpan tampil pesan PS03 dan Kembali menuju
Tampilan A03 2. Klik tombol A05 untuk kembali
menuju tampilan A01
Gambar 3.34 Perancangan antar muka Admin Ubah Password
2. Perancangan antarmuka halaman Petugas Antarmuka Login Petugas A07
username
LOGIN
password
LOGIN A07
Navigasi : 1. Klik tombol login untuk
menuju tampilan A08 2. Jika username dan
password salah tampil pesan PS03
Gambar 3.35 Perancangan antar muka Login Petugas
Antarmuka Menu Petugas A08
A08 Data Master
Data Pembelian Data Laporan Retur
Ubah Password Logo
Hallo,Petugas A09
Navigasi : 1. Pilih data master,klik
konsumen untuk menuju tampilan A10
2. Pilih data master,klik provinsi untuk menuju tampilan A11
3. Pilih data master,klik kota untuk menuju tampilan A12
4. Pilih data master,klik jasa pengiriman untuk menuju
tampilan A13 5. Pilih data master,klik Paket
pengiriman untuk menuju tampilan A14
6. Pilih data master,klik ongkos pengiriman untuk menuju
tampilan A15 7. Pilih data master,klik kategori
untuk menuju tampilan A16 8. Pilih data master, klik satuan
untuk menuju tampilan A17 9. Pilih data master,klik obat
untuk menuju tampilan A18 10. Pilih data pembelian,klik list
pembelian untuk menuju tampilan A19
11. Pilih data laporan, klik obat untuk menuju tampilan A20
12. Pilih data laporan, klik pembelian untuk menuju
tampilan A21 13. Pilih data laporan, klik retur
untuk menuju tampilan A22 14. Klik retur untuk menuju
tampilan A23 15. Klik ubah password untuk
menuju tampilan A24 16. Klik tombol A09 untuk
kembali menuju tampilan A07 Backup Restore
Gambar 3.36 Perancangan antarmuka Menu Petugas
Antarmuka Menu Petugas Ubah Status Konsumen A10
A10 Data Master
Data Pembelian Data Laporan
Retur Ubah Password
Logo Hallo,Petugas
A09 DATA KONSUMEN
No. E-Mail
Nama Lengkap Alamat
Telepon Status
1 Navigasi :
1. Klik tombol A09 untuk kembali menuju tampilan A08
2. Klik ubah untuk mengaktifkan dan menonaktifkan konsumen,
maka akan muncul pesan PS04
Perintah Ubah
Backup Restore
Gambar 3.37 Perancangan antar muka Petugas Ubah Status Konsumen
Antarmuka Petugas Menu Data Provinsi A11
A11 Data Master
Data Pembelian Data Laporan
Retur Ubah Password
Logo Hallo,Petugas
A09 Navigasi :
1. Klik tambah untuk menuju tampilan B01
2. Klik ubah untuk menuju tampilan B02
3. Klik Hapus maka akan muncul pesan PS04
4. Klik tombol A09 untuk kembali menuju tampilan A07
DATA PROVINSI No.
Nama Provinsi 1
Perintah
Tambah
Ubah Hapus
Backup Restore
Gambar 3.38 Perancangan antar muka Petugas Menu Data Provinsi
Antarmuka Petugas Tambah Data Provinsi B01
B01 Data Master
Data Pembelian Data Laporan
Retur Ubah Password
Logo Hallo,Petugas
A09 Navigasi :
1. Klik tombol simpan maka akan muncul pesan PS05
2. Klik batal, kemudian akan kembali menuju ke tampilan A11
3. Klik tombol A09 untuk kembali menuju tampilan A07
SIMPAN BATAL
FORM TAMBAH PROVINSI Backup Restore
Gambar 3.39 Perancangan antar muka Petugas Tambah Data Provinsi
Antarmuka Petugas Ubah Data Provinsi B02
B02 Data Master
Data Pembelian Data Laporan
Retur Ubah Password
Logo Hallo,Petugas
A09 Navigasi :
1. Klik tombol simpan, maka akan muncul pesan PS06
2. Klik batal, kemudian akan kembali menuju ke tampilan A11
3. Klik tombol A09 untuk kembali menuju tampilan A07
SIMPAN BATAL
FORM UBAH PROVINSI Backup Restore
Gambar 3.40 Perancangan antar muka Petugas Ubah Data Provinsi
Antarmuka Petugas Menu Data Kota A12
A12 Data Master
Data Pembelian Data Laporan
Retur Ubah Password
Logo Hallo,Petugas
A09 Navigasi :
1. Klik tambah untuk menuju tampilan C01
2. Klik ubah untuk menuju tampilan C02
3. Klik hapus maka akan muncul pesan PS04
4. Klik tombol A09 untuk kembali menuju tampilan A07
DATA KOTA No.
Provinsi 1
Perintah
Tambah Nama kota
Ubah Hapus
Backup Restore
Gambar 3.41 Perancangan antar muka Petugas Menu Data Kota
Antarmuka Petugas Menu Tambah Data Kota C01
C01 Data Master
Data Pembelian Data Laporan
Retur Ubah Password
Logo Hello,Petugas
A09 Navigasi :
1. Klik tombol simpan, maka akan muncul pesan PS07
2. Klik batal, kemudian akan kembali menuju ke tampilan A12
3. Klik tombol A09 untuk kembali menuju tampilan A07
SIMPAN BATAL
FORM TAMBAH KOTA Provinsi :
Nama Kota : Backup Restore
Gambar 3.42 Perancangan antar muka Petugas Tambah Data Kota
Antarmuka Petugas Menu Ubah Data Kota C02
C02 Data Master
Data Pembelian Data Laporan Retur
Ubah Password Logo
Hallo,Petugas A09
Navigasi : 1. Klik tombol simpan, maka akan
muncul pesan PS08 2. Klik batal, kemudian akan kembali
menuju ke tampilan A12 3. Klik tombol A09 untuk kembali
menuju tampilan A07
SIMPAN BATAL
FORM UBAH KOTA Provinsi :
Nama Kota : Backup Restore
Gambar 3.43 Perancangan antar muka Petugas Ubah Data Kota
Antarmuka Petugas Menu Jasa Pengiriman A13
A13 Data Master
Data Pembelian Data Laporan Retur Ubah Password Logo
Hallo,Petugas A09
Navigasi : 1. Klik tambah untuk menuju
tampilan D01 2. Klik ubah untuk menuju
tampilan D02 3. Klik Hapus maka akan muncul
pesan PS04 4. Klik tombol A09 untuk kembali
menuju tampilan A07
DATA JASA PENGIRIMAN No.
Nama Jasa Alamat
Telepon Website
Perintah 1
Tambah Ubah
Hapus Backup Restore
Gambar 3.44 Perancangan antar muka Petugas Menu Jasa Pengiriman
Antarmuka Petugas Tambah Jasa Pengiriman D01
D01 Data Master
Data Pembelian Data Laporan
Retur Ganti Password
Logo Hallo,Petugas
A09 Navigasi :
1. Klik tombol simpan, maka akan muncul pesan PS09
2. Klik batal, kemudian akan kembali menuju ke tampilan
A13 3.Klik tombol A09 untuk kembali
menuju tampilan A07
SIMPAN BATAL
FORM TAMBAH JASA PENGIRIMAN Nama Jasa :
Alamat Jasa : Telepon Jasa :
Website Jasa : http:
Backup Restore
Gambar 3.45 Perancangan antar muka Petugas Tambah Jasa Pengiriman
Antarmuka Petugas Ubah Jasa Pengiriman D02
D02 Data Master
Data Pembelian Data Laporan Retur Ubah Password
Logo Hallo,Petugas
A09 Navigasi :
1. Klik tombol simpan, maka akan muncul pesan PS10
2. Klik batal, kemudian akan kembali menuju ke tampilan
A13 3.Klik tombol A09 untuk kembali
menuju tampilan A07
SIMPAN BATAL
FORM UBAH JASA PENGIRIMAN Nama Jasa :
Alamat Jasa : Telepon Jasa :
Website Jasa : http:
Backup Restore
Gambar 3.46 Perancangan antar muka Petugas Ubah Jasa Pengiriman
Antarmuka Petugas Menu Paket Pengiriman A14
A14 Data Master
Data Pembelian Data Laporan Retur Ubah Password
Logo Hello,Petugas
A09 Navigasi :
1. Klik tambah untuk menuju tampilan E01
2. Klik ubah untuk menuju tampilan E02
3. Klik hapus maka akan muncul pesan PS03
4. Klik tombol A09 untuk kembali menuju tampilan A07
DATA PAKET PENGIRIMAN No.
Nama Jasa Nama Paket
Keterangan Perintah
1
Tambah Ubah
Hapus Backup Restore
Gambar 3.47 Perancangan antar muka Petugas Menu Paket Pengiriman
Antarmuka Petugas Tambah Paket Pengiriman E01
E01 Data Master
Data Pembelian Data Laporan
Retur Ubah Password
Logo Hallo,Petugas
A09 Navigasi :
1. Klik tombol simpan, maka akan muncul pesan PS11
2. Klik batal, kemudian akan kembali menuju ke tampilan A14
3. Klik tombol A09 untuk kembali menuju tampilan A07
SIMPAN BATAL
FORM TAMBAH PAKET PENGIRIMAN Nama Jasa :
Nama Paket : Keterangan Paket :
Backup Restore
Gambar 3.48 Perancangan antar muka Petugas Tambah Paket Pengiriman
Antarmuka Petugas Ubah Data Paket Pengiriman E02
E02 Data Master
Data Pembelian Data Laporan
Retur Ubah Password Logo
Hallo,Petugas A09
Navigasi : 1. Klik tombol simpan, maka
akan muncul pesan PS12 2. Klik batal, kemudian akan
kembali menuju ke tampilan A14
3. Klik tombol A09 untuk kembali menuju tampilan A07
SIMPAN BATAL
FORM UBAH PAKET PENGIRIMAN Nama Jasa :
Nama Paket : Keterangan Paket :
Backup Restore
Gambar 3.49 Perancangan antar muka Petugas Ubah Paket Pengiriman
Antarmuka Petugas Menu Ongkos Pengiriman A15
A15 Data Master
Data Pembelian Data Laporan
Retur Ubah Password
Logo Hello,Petugas
A09 Navigasi :
1. Klik tambah untuk menuju tampilan F01
2. Klik ubah untuk menuju tampilan F02 3. Klik Hapus maka akan muncul pesan
PS03 4. Klik tombol A09 untuk kembali
menuju tampilan A07 DATA ONGKOS PENGIRIMAN
No. Jasa Paket
Provinsi Kota
Perintah 1
Tambah Lama Kirim
Ongkos Kirim Ubah
Hapus Backup Restore
Gambar 3.50 Perancangan antar muka Petugas Menu Ongkos Pengiriman
Antarmuka Petugas Menu Tambah Ongkos Pengiriman F01
F01 Data Master
Data Pembelian Data Laporan Retur Ubah Password
Logo Hallo,Petugas
A09 Navigasi :
1. Klik tombol simpan, maka akan muncul pesan PS13
2. Klik batal, kemudian akan kembali menuju ke tampilan
A15
SIMPAN BATAL
FORM TAMBAH ONGKOS PENGIRIMAN Nama Jasa :
Provinsi : Kota :
Lama pengiriman : Harga pengiriman :
Backup Restore
Gambar 3.51 Perancangan antar muka Petugas Tambah Ongkos Pengiriman
Antarmuka Petugas Ubah Ongkos Pengiriman F02
F02 Data Master
Data Pembelian Data Laporan Retur
Ubah Password Logo
Hallo,Petugas A09
Navigasi : 1. Klik tombol simpan, maka
akan muncul pesan PS14 2. Klik batal, kemudian akan
kembali menuju ke tampilan A15
3. Klik tombol A09 untuk kembali menuju tampilan A07
SIMPAN BATAL
FORM TAMBAH ONGKOS PENGIRIMAN Nama Jasa :
Provinsi : Kota :
Lama pengiriman : Harga pengiriman :
Backup Restore
Gambar 3.52 Perancangan antar muka Petugas Ubah Ongkos Pengiriman
Antarmuka Petugas Menu Kategori A16
A16 Data Master
Data Pembelian Data Laporan Retur
Ubah Password Logo
Hello,Petugas A09
Navigasi : 1.Klik tambah untuk menuju
tampilan G01 2. Klik Ubah untuk menuju
tampilan G02 3. Klik hapus maka akan muncul
pesan PS03 4. Klik tombol A9 untuk kembali
menuju tampilan A07 DATA KATEGORI
No. Nama Kategori
Perintah 1
Tambah Ubah Hapus
Backup Restore
Gambar 3.53 Perancangan antar muka Petugas Menu Kategori
Antarmuka Petugas Tambah Kategori G01
G01 Data Master Data Pembelian Data Laporan
Retur Ubah Password
Logo Hallo,Petugas
A09 Navigasi :
1. Klik tombol Tambah, maka akan muncul pesan PS15
2. Klik batal, kemudian akan kembali menuju ke tampilan
A16
SIMPAN BATAL
FORM TAMBAH KATEGORI Backup Restore
Gambar 3.54 Perancangan antar muka Petugas Tambah Kategori
Antarmuka Petugas Ubah Kategori G02
G02 Data Master
Data Pembelian Data Laporan
Retur Ubah Password
Logo Hallo,Petugas
A09 Navigasi :
1. Klik tombol simpan, maka akan muncul pesan PS16
2. Klik batal, kemudian akan kembali menuju ke tampilan A16
SIMPAN BATAL
FORM UBAH KATEGORI Backup Restore
Gambar 3.55 Perancangan antar muka Petugas Ubah Kategori
Antarmuka Petugas Menu Data Satuan A17
A17 Data Master
Data Pembelian Data Laporan
Retur Ubah Password
Logo Hallo,Petugas
A09 Navigasi :
1. Klik tambah untuk menuju tampilan H01
2. Klik Ubah untuk menuju tampilan H02 3. Klik Hapus maka akan muncul pesan
PS04 4. Klik tombol A09 untuk kembali
menuju tampilan A07
DATA SATUAN No.
Nama Satuan 1
Perintah
Tambah Ubah
Hapus Nilai Gram
Backup Restore
Gambar 3.56 Perancangan antar muka Petugas Menu Satuan
Antarmuka Petugas Tambah Data Satuan H01
H01 Data Master
Data Pembelian Data Laporan
Retur Ubah Password
Logo Hallo,Petugas
A09 Navigasi :
1. Klik tombol simpan, maka akan muncul pesan PS17
2. Klik batal, kemudian akan kembali menuju ke tampilan A12
3. Klik tombol A09 untuk kembali menuju tampilan A07
SIMPAN BATAL
FORM TAMBAH SATUAN Nama Satuan :
Nilai Gram : Backup Restore
Gambar 3.57 Perancangan antar muka Petugas Tambah Data Satuan
Antarmuka Petugas Ubah Data Satuan H02
H02 Data Master
Data Pembelian Data Laporan
Retur Ubah Password
Logo Hello,Petugas
A09 Navigasi :
1. Klik tombol simpan, maka akan muncul pesan PS17
2. Klik batal, kemudian akan kembali menuju ke tampilan A12
3. Klik tombol A09 untuk kembali menuju tampilan A07
SIMPAN BATAL
FORM UBAH SATUAN Nama Satuan :
Nilai Gram : Backup Restore
Gambar 3.58 Perancangan antar muka Petugas Ubah Data Satuan
Antarmuka Petugas Menu Data Obat A18
A18 Data Master
Data Pembelian Data Laporan Retur
Ubah Password Logo
Hallo,Petugas A09
Navigasi : 1. Klik tambah untuk menuju tampilan
I01 2. Klik ubah untuk menuju tampilan I02
3. Klik Hapus maka akan muncul pesan PS03
4. Klik tombol A09 untuk kembali menuju tampilan A07
DATA OBAT No.
Kategori Nama Obat
Satuan Perintah
1
Tambah Jumlah
Harga Ubah Hapus
Berat Backup Restore
Gambar 3.59 Perancangan antar muka Petugas Data Obat
Antarmuka Petugas Menu Tambah Data Obat I01
I01 Data Master
Data Pembelian Data Laporan
Retur Ubah Password
Logo Hallo,Petugas
A09 Navigasi :
1. Klik tombol tambah, maka akan muncul pesan PS19
2. Klik batal, kemudian akan kembali menuju ke tampilan A17
3. Klik tombol A09 untuk kembali menuju tampilan A07
SIMPAN BATAL
FORM TAMBAH OBAT Kategori :
Nama Obat : Keterangan Obat :
Diskon : Stok Obat :
Harga :
Gambar Depan : Gambar Belakang :
Browse Browse
Isi Kemasan : Satuan
Backup Restore
Gambar 3.60 Perancangan antar muka Petugas Tambah Data Obat
Antarmuka Petugas Menu Ubah Data Obat I02
I01 Data Master
Data Pembelian Data Laporan
Retur Ubah Password
Logo Hallo,Petugas
A09 Navigasi :
1. Klik tombol tambah, maka akan muncul pesan PS19
2. Klik batal, kemudian akan kembali menuju ke tampilan A17
3. Klik tombol A09 untuk kembali menuju tampilan A07
SIMPAN BATAL
FORM UBAH OBAT Kategori :
Nama Obat : Keterangan Obat :
Diskon : Stok Obat :
Harga :
Gambar Depan : Gambar Belakang :
Browse Browse
Isi Kemasan : Satuan
Backup Restore
Gambar 3.61 Perancangan antar muka Petugas Ubah Data Obat
Antarmuka Petugas Menu Data List Pembelian A19
A19 Data Master
Data Pembelian Data Laporan
Retur Ubah Password
Logo Hallo,Petugas
A09 Navigasi :
1. Klik Icon 1 untuk menuju tampilan J01 detil
pembelian 2. Klik icon 2 untuk
menuju tampilan J02, cetak label pengiriman.
3. Klik icon 3 untuk melakukan status
pengiriman, maka akan menuju tampilan J03
4. Klik tombol A09 untuk kembali menuju tampilan
A07 DATA LIST PEMBELIAN
No. Invoice Total
Tgl.Pesan Perintah
1 Icon 1 Icon 2
Tgl.Bayar Tgl.Kirim
Tgl.Terkirim Tgl.Exp
Status Icon 3
Backup Restore
Gambar 3.62 Perancangan antar muka Petugas Menu Data List Pembelian
Antarmuka Petugas Menu Detil Pembelian J01
J01 Data Master
Data Pembelian Data Laporan
Retur Ubah Password
Logo Hallo,Petugas
A09 Navigasi :
1. Klik tombol kembali, maka akan kembali menuju tampilan A18
2. Klik tombol A09 untuk kembali menuju tampilan A07
INFORMASI PENGIRIMAN Informasi
Data Nama Penerima :
Provinsi : Kota :
Alamat : Kodepos :
Jasa Pengiriman : INFORMASI DETIL PEMBELIAN
No. Obat
Berat Harga
Jumlah Total
Sub-Total : Biaya Pengiriman :
Total : Rp.
Rp. Rp.
Kembali INFORMASI PEMBAYARAN
Informasi Data
Jenis Pembayaran : Ke Bank :
No. Rekening : Atasnama :
Jumlah Transfer : Dari Bank :
Backup Restore
Gambar 3.63 Perancangan antar muka Petugas Detil Pembelian
Antarmuka Petugas Menu Cetak Label Pengiriman J02
Alamat Pengiriman Pengirim
Kepada Yth: Icon 1
Icon 2 Navigasi :
1. Klik Icon 1 untuk Kembali menuju tampilan A19 detil pembelian
2. Klik icon 2 untuk Mencetak label pengiriman
Di :
Gambar 3.64 Perancangan antar muka Petugas Cetal Label Pengiriman
Antarmuka Petugas Menu Data List Pembelian Untuk Pengiriman Obat J03
J03 Data Master
Data Pembelian Data Laporan
Retur Ubah Password
Logo Hallo,Petugas
A09 Navigasi :
1. Klik tombol kirim, maka akan Kembali menuju tampilan A19
2. Klik batal, kemudian akan kembali menuju ke tampilan A19
3. Klik tombol A09 untuk kembali menuju tampilan A07
KIRIM BATAL
PENGIRIMAN PRODUK OBAT INV-2 Backup Restore
Gambar 3.65 Perancangan antar muka Petugas Menu Data List Pembelian Untuk Pengiriman Obat
Antarmuka Petugas Laporan Obat A20
A20 Data Master
Data Pembelian Data Laporan
Retur Ubah Password
Logo Hallo,Petugas
A09 Navigasi :
1. Klik kategori untuk menampilkan tanggal, kemudian klik cari
2. Klik cetak untuk mencetak laporan yang dicari
3. Klik tombol A09 untuk kembali menuju tampilan A07
Cetak FORM PENCARIAN
DATA LAPORAN OBAT No.
Kategori Nama Obat
Jumlah Informasi
Data Kategori :
Cari Backup Restore
Gambar 3.66 Perancangan antar muka Petugas Laporan Obat
Antarmuka Petugas Laporan Pembelian A21
A21 Data Master
Data Pembelian Data Laporan
Retur Ubah Password
Logo Hallo,Petugas
A09 Navigasi :
1. Klik select box jenis laporan untuk menentukan bulanan atau tahunan
2. Klik select box status penjualan 3.Klik select box awal dan select box
akhir untuk menampilkan tanggal yang dicari, kemudian klik tombol
cari. 4. Klik cetak untuk mencetak
5. Klik tombol A09 untuk kembali menuju tampilan A07
Cetak FORM PENCARIAN
DATA LAPORAN PEMBELIAN No.
Tanggal No.Invoice
Nama Pembeli Status
Total Informasi
Data Awal :
Akhir : Cari
Status : Jenis Laporan :
Total Backup Restore
Gambar 3.67 Perancangan antar muka Petugas Laporan Pembelian
Antarmuka Petugas Laporan Retur A22
A22 Data Master
Data Pembelian Data Laporan
Retur Ubah Password
Logo Hallo,Petugas
A09
Cetak FORM PENCARIAN
DATA LAPORAN RETUR No.
No Retur No.Invoice
Tanggal Status
Informasi Data
Awal : Akhir :
Cari Jenis Laporan :
Status : Navigasi :
1.Klik select box status retur 2. Klik select box jenis laporan untuk
menentukan bulanan atau tahunan 3.Klik select box awal dan select box
akhir untuk menampilkan tanggal yang dicari, kemudian klik tombol cari.
4. Klik cetak untuk mencetak 5. Klik tombol A09 untuk kembali menuju
tampilan A07 Backup Restore
Gambar 3.68 Perancangan antar muka Petugas Laporan Retur
Antarmuka Petugas Retur A23
A23 Data Master
Data Pembelian Data Laporan
Retur Ubah Password
Logo Hallo,Petugas
A09 Navigasi :
1. Klik lihat, maka akan Menuju tampilan K01
2. Klik ubah, untuk mengubah status retur menjadi sukses diretur
3. Klik gagal untuk mengubah status retur menjadi gagal retur
4. Klik tombol A09 untuk kembali menuju tampilan A07
DATA RETUR No.
No.Retur No.Invoice
Tanggal Perintah
1 Status
Lihat Ubah
Gagal Backup Restore
Gambar 3.69 Perancangan antar muka Petugas Retur
Antarmuka Petugas Detil Retur K01
K01 Data Master
Data Pembelian Data Laporan
Retur Ubah Password
Logo Hallo,Petugas
A09 Navigasi :
1. Klik tombol kembali, untuk kembali menuju Tampilan A23
2. Klik tombol A09 untuk kembali menuju tampilan A07
INFORMASI RETUR
DATA DETIL RETUR PRODUK No.
Obat Jumlah
Alasan
Kembali Informasi
Data No.Invoice :
Tgl.Retur : Status Retur :
Backup Restore
Gambar 3.70 Perancangan antar muka Petugas Detil Retur
Antarmuka Petugas Ubah Password A24
A24 Logo
Hallo, Petugas A09
Data Master Data Pembelian
FORM UBAH PASSWORD Password lama :
Password Baru : Konfirmasi Password :
SIMPAN Navigasi :
1. Klik tombol simpan, maka akan muncul pesan PS03
2. Klik tombol A09 untuk kembali menuju tampilan A07
Data Laporan Retur Ubah Password Backup Restore
Gambar 3.71 Perancangan antar muka Petugas Ubah Password
3. Perancangan Antarmuka Halaman Pengunjung
Antar Muka Beranda A25
Logo Logo
BERANDA TENTANG KAMI
CARA PEMBELIAN REGISTRASI
LOG IN Pencarian :
Kata Kunci Cari
f t
Bantuan ym
Keranjang Belanja Logo Keranjang
Belanja Kategori
PEST CONTROL RODENT CONTROL
TERMITE CONTROL Kontak Kami
CV. FANAN JAYA Jl. Karasak Utara IIIVI No.5
Soekarno Hatta Bandung, Jawa Barat
Telepon : 022 522 2497, 7033 3466
Fax : 022 522 2497
Email : ateptearocketmail.com
Daftar Obat Image
Detil Image
Detil Jasa Pengiriman
Copyright © 2011 by CV. Fanan Jaya. All rights reserved Navigasi :
1. Klik detil untuk menuju tampilan A34 2. Klik beli untuk menuju tampilan A35
A25
Penawaran Kami Dapatkan
Diskon 10 Untuk Pembelian
Diatas Rp. 500.000 Logo
Pembayaran Logo
Logo Logo
Gambar 3.72 Perancangan antar muka Beranda
Antarmuka Tentang Kami A26
Logo Logo
BERANDA TENTANG KAMI
CARA PEMBELIAN REGISTRASI
LOG IN Pencarian :
Kata Kunci Cari
f t
Bantuan ym
Keranjang Belanja Logo Keranjang
Belanja Kategori
PEST CONTROL RODENT CONTROL
TERMITE CONTROL Kontak Kami
CV. FANAN JAYA Jl. Karasak Utara IIIVI No.5
Soekarno Hatta Bandung, Jawa Barat
Telepon : 022 522 2497, 7033 3466
Fax : 022 522 2497
Email : ateptearocketmail.com
Tentang Kami Jasa Pengiriman
Copyright © 2011 by CV. Fanan Jaya. All rights reserved Navigasi :
1. Klik Cara belanja untuk menuju tampilan A27
2. Klik Registrasi untuk menuju tampilan A28
3. Klik Log in untuk menuju tampilan A29
CV. Fanan Jaya atau yang lebih dikenal Jaya Pest berdiri pada tanggal 1 bulan Juli tahun 2004, yang berdomisili di Jl. Karasak
Utara IIIVI No.5 Soekarno Hatta Bandung, Jawa Barat. CV. Fanan Jaya tergabung dalam Asosiasi Ikatan Perusahaan
Pengendalian Hama Indonesia IPPHAMI dan Instansi Dinas Kesehatan DKK.
A26
Produk Kami Image
Detil Image
Detil Logo
Penawaran Kami Dapatkan
Diskon 10 Untuk Pembelian
Diatas Rp. 500.000 Pembayaran
Logo Logo
Logo
Gambar 3.73 Perancangan antar muka Tentang Kami
Antarmuka Cara Pembelian A27
Logo Logo
BERANDA TENTANG KAMI
CARA PEMBELIAN REGISTRASI
LOG IN Pencarian :
Kata Kunci Cari
f t
Bantuan ym
Keranjang Belanja Logo Keranjang
Belanja Kategori
PEST CONTROL RODENT CONTROL
TERMITE CONTROL Kontak Kami
CV. FANAN JAYA Jl. Karasak Utara IIIVI No.5
Soekarno Hatta Bandung, Jawa Barat
Telepon : 022 522 2497, 7033 3466
Fax : 022 522 2497
Email : ateptearocketmail.com
Cara Pembelian Jasa Pengiriman
Copyright © 2011 by CV. Fanan Jaya. All rights reserved Navigasi :
1. Klik Registrasi untuk menuju tampilan A28
2. Klik Log in untuk menuju tampilan A29
1 . Jika anda ingin membeli produk obat yang kami tawarkan, anda harus menjadi member terlebih dahulu,oleh karena itu
silahkan anda dapat mengisi pendaftaran pada Form Registrasi.
2 . Anda dapat melakukan pembayaran lewat transfer antar bank dan paypal.
Untuk pembayaran Transfer Antar Bank anda dapat melakukan transfer ke rekening dibawah ini :
1. Bank Mandiri Cab. Asia Afrika No Rekening : 130-00-1051182-5
an Widjatmoko Anindyo Putro 2. Bank BCA Cab. Asia Afrika
No Rekening : 0080-2374-48 an Widjatmoko Anindyo Putro
3 . Harga yang kami tampilkan adalah harga terbaru. Namun untuk menyakinkan harga yang bisa anda dapatkan saat
membeli, anda bisa hubungi kami atau email ke kami. Harga dapat berubah sewaktu-waktu tanpa pemberitahuan
sebelumnya. 4 . Harga belum termasuk ongkos pengiriman, ongkos
pengiriman akan kami tambahkan pada faktur penjualan sesuai dengan tarif pengiriman JNE .
5. Dapatkan penawaran terbaik dari kami, Anda akan mendapatkan potongan diskon sebesar 10 untuk pembelian
produk diatas Rp.500.000. 6. Retur dilakukan berdasarkan dengan kondisi dan ketentuan
yang telah ditetapkan oleh CV. Fanan Jaya sebagai penjual.
A27
Logo
Penawaran Kami Dapatkan
Diskon 10 Untuk Pembelian
Diatas Rp. 500.000 Pembayaran
Logo Logo
Logo
Gambar 3.74 Perancangan antar muka Cara Belanja
Antarmuka Registrasi A28
Logo Logo
BERANDA TENTANG KAMI
CARA PEMBELIAN REGISTRASI
LOG IN Pencarian :
Kata Kunci Cari
f t
Bantuan ym
Keranjang Belanja Logo Keranjang
Belanja Kategori
PEST CONTROL RODENT CONTROL
TERMITE CONTROL Kontak Kami
CV. FANAN JAYA Jl. Karasak Utara IIIVI No.5
Soekarno Hatta Bandung, Jawa Barat
Telepon : 022 522 2497, 7033 3466
Fax : 022 522 2497
Email : ateptearocketmail.com
Form Registrasi
Copyright © 2011 by CV. Fanan Jaya. All rights reserved Navigasi :
1. Klik Simpan maka akan muncul pesan PS23
Data Pribadi Nama Lengkap :
Alamat E-mail : Harus di isi
Data Alamat Provinsi :
Kota : Alamat :
Kodepos : Data Kontak
No Telepon : Data Password
No Telepon : No Telepon :
Daftar A28
Pembayaran Logo
Logo Logo
Gambar 3.75 Perancangan antar muka Cara Registrasi
4. Perancangan Antar Muka Halaman Konsumen Pembeli
Antarmuka Login A29
Logo Logo
BERANDA TENTANG KAMI
CARA PEMBELIAN REGISTRASI
LOG IN Pencarian :
Kata Kunci Cari
f t
Bantuan ym
Keranjang Belanja
Logo Keranjang Belanja
Kategori PEST CONTROL
RODENT CONTROL TERMITE CONTROL
Kontak Kami CV. FANAN JAYA
Jl. Karasak Utara IIIVI No.5 Soekarno Hatta
Bandung, Jawa Barat Telepon :
022 522 2497, 7033 3466
Fax : 022 522 2497
Email : ateptearocketmail.com
Form Log in Jasa Pengiriman
Copyright © 2011 by CV. Fanan Jaya. All rights reserved Navigasi :
1. Klik Login maka akan menuju tampilan A30
A29
Alamat E-Mail : Password :
Login Logo
Penawaran Kami Dapatkan
Diskon 10 Untuk Pembelian
Diatas Rp. 500.000 Pembayaran
Logo Logo
Logo
Gambar 3.76 Perancangan antar muka Login
Antarmuka Akun Saya A30
Logo Logo
BERANDA TENTANG KAMI
CARA PEMBELIAN AKUN SAYA
LOG OUT Pencarian :
Kata Kunci Cari
f t
Bantuan ym
Keranjang Belanja
Logo Keranjang Belanja
Kategori PEST CONTROL
RODENT CONTROL TERMITE CONTROL
Kontak Kami CV. FANAN JAYA
Jl. Karasak Utara IIIVI No.5 Soekarno Hatta Bandung,
Jawa Barat Telepon :
022 522 2497, 7033 3466 Fax :
022 522 2497 Email :
ateptearocketmail.com Selamat Datang, adi
Copyright © 2011 by CV. Fanan Jaya. All rights reserved Navigasi :
1. Klik Data Pribadi untuk menuju tampilan A31
2. Klik Ubah Password untuk menuju tampilan A32
3. Klik Histori Pembelian untuk menuju tampilan A33
A30
Data Pribadi Ubah Password
Histori Pembelian Produk Kami
Image Detil
Image Detil
Penawaran Kami Dapatkan
Diskon 10 Untuk Pembelian
Diatas Rp. 500.000 Jasa Pengiriman
Logo
Pembayaran Logo
Logo Logo
Gambar 3.77 Perancangan antar muka Akun Saya
Antarmuka Profil Saya A31
Logo Logo
BERANDA TENTANG KAMI
CARA PEMBELIAN AKUN SAYA
LOG OUT Pencarian :
Kata Kunci Cari
f t
Bantuan ym
Keranjang Belanja
Logo Keranjang Belanja
Kategori PEST CONTROL
RODENT CONTROL TERMITE CONTROL
Kontak Kami CV. FANAN JAYA
Jl. Karasak Utara IIIVI No.5 Soekarno Hatta
Bandung, Jawa Barat Telepon :
022 522 2497, 7033 3466
Fax : 022 522 2497
Email : ateptearocketmail.com
Profil Saya
Copyright © 2011 by CV. Fanan Jaya. All rights reserved Navigasi :
1. Klik Simpan, maka akan muncul pesan PS23
A31
Data Pribadi Nama Lengkap :
Data Alamat Provinsi :
Kota : Alamat :
Kodepos : Data Kontak
No.Telepon : Simpan
Harus di isi
Pembayaran Logo
Logo Logo
Gambar 3.78 Perancangan antar muka Profil Saya
Antarmuka Ubah Password A32
Logo Logo
BERANDA TENTANG KAMI
CARA PEMBELIAN AKUN SAYA
LOG OUT Pencarian :
Kata Kunci Cari
f t
Bantuan ym
Keranjang Belanja
Logo Keranjang Belanja
Kategori PEST CONTROL
RODENT CONTROL TERMITE CONTROL
Kontak Kami CV. FANAN JAYA
Jl. Karasak Utara IIIVI No.5 Soekarno Hatta Bandung,
Jawa Barat Telepon :
022 522 2497, 7033 3466 Fax :
022 522 2497 Email :
ateptearocketmail.com Ubah Password
Copyright © 2011 by CV. Fanan Jaya. All rights reserved Navigasi :
1. Klik Tombol simpan maka akan tampil pesan PS24.
A32
Data Password Passsword Lama :
Simpan Passsword :
Passsword Konfirmasi :
Pembayaran Logo
Logo Logo
Gambar 3.79 Perancangan antar muka Ubah Password
Antarmuka Histori Pembelian A33
Logo Logo
BERANDA TENTANG KAMI
CARA PEMBELIAN AKUN SAYA
LOG OUT Pencarian :
Kata Kunci Cari
f t
Bantuan ym
Keranjang Belanja Logo Keranjang
Belanja Kategori
PEST CONTROL RODENT CONTROL
TERMITE CONTROL Kontak Kami
CV. FANAN JAYA Jl. Karasak Utara IIIVI No.5
Soekarno Hatta Bandung, Jawa Barat
Telepon : 022 522 2497, 7033 3466
Fax : 022 522 2497
Email : ateptearocketmail.com
Histori Pembelian
Copyright © 2011 by CV. Fanan Jaya. All rights reserved Navigasi :
1. Klik Lanjut pembelian maka akan kembali menuju tampilan A30
2. Klik Inv maka akan menuju tampilan A33-A.
A33
Tanggal No.Invoice
Status Total
Lanjut Belanja INV
Pembayaran Logo
Logo Logo
Gambar 3.80 Perancangan antar muka Histori Pembelian
Antarmuka Detil Histori Pembelian A33-A
Logo Logo
BERANDA TENTANG KAMI
CARA PEMBELIAN AKUN SAYA
LOG OUT Pencarian :
Kata Kunci Cari
f t
Bantuan ym
Keranjang Belanja Logo Keranjang
Belanja Kategori
PEST CONTROL RODENT CONTROL
TERMITE CONTROL Kontak Kami
CV. FANAN JAYA Jl. Karasak Utara IIIVI No.5
Soekarno Hatta Bandung, Jawa Barat
Telepon : 022 522 2497, 7033 3466
Fax : 022 522 2497
Email : ateptearocketmail.com
Detil Pembelian
Copyright © 2011 by CV. Fanan Jaya. All rights reserved Navigasi :
1. Klik retur maka akan menuju tampilan A33-B.
2. Klik kembali maka akan kembali menuju tampilan A33.
A33-A
Detil alamat dan jasa Pengiriman Nama Penerima :
Provinsi : Kota :
Alamat : Kodepos :
Jasa Pengiriman : Detail Obat
Nama Obat Harga
Jumlah Total
Sub-Total : Biaya Pengiriman :
Total : Kembali
Isi Kemasan Berat Pengiriman
Retur Pembayaran
Logo Logo
Logo Jenis Pembayaran :
Gambar 3.81 Perancangan antar muka Detil Histori Pembelian
Antarmuka Retur A33-B
Logo Logo
BERANDA TENTANG KAMI
CARA PEMBELIAN AKUN SAYA
LOG OUT Pencarian :
Kata Kunci Cari
f t
Bantuan ym
Keranjang Belanja Logo Keranjang
Belanja Kategori
PEST CONTROL RODENT CONTROL
TERMITE CONTROL Kontak Kami
CV. FANAN JAYA Jl. Karasak Utara IIIVI No.5
Soekarno Hatta Bandung, Jawa Barat
Telepon : 022 522 2497, 7033 3466
Fax : 022 522 2497
Email : ateptearocketmail.com
Retur 1
Copyright © 2011 by CV. Fanan Jaya. All rights reserved Navigasi :
1. Klik Simpan maka akan muncul menuju tampilan A33-C
2. Klik Pilih Obat 3. Isi text box jumlah
4. Pilih Alasan 5. Klik Retur Obat
A33-B
Retur Obat Pembayaran
Logo Logo
Logo
1. Biaya pengiriman retur dari konsumen ke CV. Fanan Jaya ditanggung oleh konsumen,sementara biaya pengiriman balik dari CV. Fanan Jaya ke konsumen ditanggung oleh pihak CV. Fanan Jaya sendiri.
2. Batas dilakukannya retur adalah 1 hari terhitung setelah kiriman produk obat sudah diterima oleh pembeli. 3. CV. Fanan Jaya hanya dapat menerima retur obat dengan kondisi dan ketentuan yang sudah ditetapkan yaitu produk obat yang
dipesan salah kirim, segel tutup botol rusak. 4. CV. Fanan Jaya berhak menolak retur apabila ketentuan retur diluar dari yang telah ditetapkan dan retur obat tidak berlaku.
5. Apabila stok obat yang akan diretur masih tersedia, maka obat akan ditukar dengan obat yang sama setelah konsumen mengirim kembali obat yang akan diretur kepada CV. Fanan Jaya.
6. Apabila stok obat yang sama tidak ada atau habis, maka uang pembelian akan dikembalikan penuh melalui transfer rekening bank bagi konsumen yang melakukan pembelian menggunakan jenis pembayaran via transfer bank.
7. Khusus untuk konsumen yang melakukan pembelian menggunakan jenis pembayaran paypal, untuk stok produk obat yang tidak ada atau habis pihak CV. Fanan Jaya akan menganti produk obat yang sama kepada konsumen dengan batas ketentuan konsumen
diberikan waktu untuk menunggu stok produk obat yang habis minimal 2 hari dan maksimal 4 hari.
Pilih Produk obat yang akan diretur : Nama Obat :
Pilih Obat Jumlah :
Alasan : Pilih Alasan
Gambar 3.82 Perancangan antar muka Retur
Antarmuka Sukses Retur A33-C
Logo Logo
BERANDA TENTANG KAMI
CARA PEMBELIAN AKUN SAYA
LOG IN Pencarian
Kata Kunci Cari
f t
Bantuan ym
Keranjang Belanja
Logo Keranjang Belanja
Kategori PEST CONTROL
RODENT CONTROL TERMITE CONTROL
Kontak Kami CV. FANAN JAYA
Jl. Karasak Utara IIIVI No.5 Soekarno Hatta
Bandung, Jawa Barat Telepon :
022 522 2497, 7033 3466
Fax : 022 522 2497
Email : ateptearocketmail.com
Sukses Retur
Copyright © 2011 by CV. Fanan Jaya. All rights reserved Navigasi :
1. Klik Lanjut belanja, maka akan menuju tampilan A25
A33-C
Terima Kasih Atas Kepercayaan Anda, Selanjutnya Keluhan Tentang Produk Yang Anda Beli Dari Kami, Akan Kami Tangani Demi Kepuasan Anda
Berbelanja. Lanjut Belanja
Pembayaran Logo
Logo Logo
Gambar 3.83 Perancangan antar muka Sukses Retur
Antarmuka Detil Obat A34
Logo Logo
BERANDA TENTANG KAMI
CARA PEMBELIAN AKUN SAYA
LOG OUT Pencarian :
Kata Kunci Cari
f t
Bantuan ym
Keranjang Belanja Logo Keranjang
Belanja Kategori
PEST CONTROL RODENT CONTROL
TERMITE CONTROL Kontak Kami
CV. FANAN JAYA Jl. Karasak Utara IIIVI No.5
Soekarno Hatta Bandung, Jawa Barat
Telepon : 022 522 2497, 7033 3466
Fax : 022 522 2497
Email : ateptearocketmail.com
Nama Obat Image Depan
Beli Image
Belakang
Copyright © 2011 by CV. Fanan Jaya. All rights reserved Navigasi :
1. Klik Beli untuk menuju tampilan A35 A34
Pembayaran Logo
Logo Logo
Gambar 3.84 Perancangan antar muka Detil Obat
Antarmuka Keranjang Belanja A35
Logo Logo
BERANDA TENTANG KAMI
CARA PEMBELIAN AKUN SAYA
LOG OUT Pencarian :
Kata Kunci Cari
f t
Bantuan ym
Keranjang Belanja Logo Keranjang
Belanja Kategori
PEST CONTROL RODENT CONTROL
TERMITE CONTROL Kontak Kami
CV. FANAN JAYA Jl. Karasak Utara IIIVI No.5
Soekarno Hatta Bandung, Jawa Barat
Telepon : 022 522 2497, 7033 3466
Fax : 022 522 2497
Email : ateptearocketmail.com
Keranjang Belanja
Copyright © 2011 by CV. Fanan Jaya. All rights reserved Navigasi :
1. Klik lanjut belanja untuk kembali menuju tampilan A25
2. Klik selesai belanja untuk menuju tampilan A36
35
Nama Obat Harga
Jumlah Total
Sub-Total: Lanjut Belanja
Selesai Belanja Isi Kemasan
Perintah Hapus
Pembayaran Logo
Logo Logo
Gambar 3.85 Perancangan antar muka Keranjang Belanja
Antarmuka Pilih Alamat Pengiriman Sendiri A36
Logo Logo
BERANDA TENTANG KAMI
CARA PEMBELIAN AKUN SAYA
LOG OUT Pencarian :
Kata Kunci Cari
f t
Bantuan ym
Keranjang Belanja Logo Keranjang
Belanja Kategori
PEST CONTROL RODENT CONTROL
TERMITE CONTROL Kontak Kami
CV. FANAN JAYA Jl. Karasak Utara IIIVI No.5
Soekarno Hatta Bandung, Jawa Barat
Telepon : 022 522 2497, 7033 3466
Fax : 022 522 2497
Email : ateptearocketmail.com
Alamat Pengiriman
Copyright © 2011 by CV. Fanan Jaya. All rights reserved Navigasi :
1. Klik tombol simpan maka akan menuju tampilan A37
2. Klik select box pilih alamat lain, maka akan menuju tampilan A36-A
A36
Pilih Alamat : Nama Penerima :
Provinsi : Kota :
Alamat : Kodepos :
Simpan Alamat Sendiri
Pembayaran Logo
Logo Logo
Gambar 3.86 Perancangan antar muka Pilih Alamat Pengiriman Sendiri
Antarmuka Pilih Alamat Pengiriman Lain A36-A
Logo Logo
BERANDA TENTANG KAMI
CARA PEMBELIAN AKUN SAYA
LOG OUT Pencarian :
Kata Kunci Cari
f t
Bantuan ym
Keranjang Belanja Logo Keranjang
Belanja Kategori
PEST CONTROL RODENT CONTROL
TERMITE CONTROL Kontak Kami
CV. FANAN JAYA Jl. Karasak Utara IIIVI No.5
Soekarno Hatta Bandung, Jawa Barat
Telepon : 022 522 2497, 7033 3466
Fax : 022 522 2497
Email : ateptearocketmail.com
Alamat Pengiriman Lain
Copyright © 2011 by CV. Fanan Jaya. All rights reserved Navigasi :
1. Klik tombol simpan maka akan menuju tampilan A37
2. Klik batal maka akan kembali menuju tampilan A36
A36-A
Nama Lengkap : Provinsi :
Kota : Alamat :
Kodepos : Simpan
Harus di isi
Batal Pembayaran
Logo Logo
Logo
Gambar 3.87 Perancangan antar muka Pilih Alamat Pengiriman Lain
Antarmuka Pilih Paket Pengiriman A37
Logo Logo
BERANDA TENTANG KAMI
CARA PEMBELIAN AKUN SAYA
LOG OUT Pencarian :
Kata Kunci Cari
f t
Bantuan ym
Keranjang Belanja Logo Keranjang
Belanja Kategori
PEST CONTROL RODENT CONTROL
TERMITE CONTROL Kontak Kami
CV. FANAN JAYA Jl. Karasak Utara IIIVI No.5
Soekarno Hatta Bandung, Jawa Barat
Telepon : 022 522 2497, 7033 3466
Fax : 022 522 2497
Email : ateptearocketmail.com
Pilih Jasa dan Paket Pengiriman
Copyright © 2011 by CV. Fanan Jaya. All rights reserved Navigasi :
1. Klik Simpan untuk menuju tampilan A38
A37
Pilih Jasa-Paket
JNEJalur Nugroho Express-REG Lama Pengiriman
HargaKg JNEJalur Nugroho Express-YES
JNEJalur Nugroho Express-OK
Pembayaran Logo
Logo Logo
Gambar 3.88 Perancangan antar muka Pilih Paket Pengiriman
Antarmuka Selesai Belanja A38
Logo Logo
BERANDA TENTANG KAMI
CARA PEMBELIAN AKUN SAYA
LOG IN Pencarian :
Kata Kunci Cari
f t
Bantuan ym
Keranjang Belanja Logo Keranjang
Belanja Kategori
PEST CONTROL RODENT CONTROL
TERMITE CONTROL Kontak Kami
CV. FANAN JAYA Jl. Karasak Utara IIIVI No.5
Soekarno Hatta Bandung, Jawa Barat
Telepon : 022 522 2497, 7033 3466
Fax : 022 522 2497
Email : ateptearocketmail.com
Detil Pembelian
Copyright © 2011 by CV. Fanan Jaya. All rights reserved Navigasi :
1. Klik Selesai belanja maka akan menuju tampilan A39
A38
Detil alamat dan jasa Pengiriman Nama Penerima :
Provinsi : Kota :
Alamat : Kodepos :
Jasa Pengiriman : Detail Obat
Nama Obat Harga
Jumlah Total
Sub-Total : Biaya Pengiriman :
Total : Isi Kemasan
Berat Pengiriman Ongkos Pengiriman X Total Berat Barang :
Selesai Belanja Pembayaran
Logo Logo
Logo
Gambar 3.89 Perancangan antarmuka Selesai Belanja
Antarmuka Konfirmasi Penagihan E-Mail A39
Logo Logo
BERANDA TENTANG KAMI CARA PEMBELIAN
AKUN SAYA LOG OUT
Pencarian : Kata Kunci
Cari f
t Bantuan
ym Keranjang
Belanja Logo Keranjang
Belanja Kategori
PEST CONTROL RODENT CONTROL
TERMITE CONTROL Kontak Kami
CV. FANAN JAYA Jl. Karasak Utara IIIVI
No.5 Soekarno Hatta Bandung, Jawa Barat
Telepon : 022 522 2497, 7033
3466 Fax :
022 522 2497 Email :
ateptearocketmail.com Terima Kasih
Copyright © 2011 by CV. Fanan Jaya. All rights reserved Navigasi :
1. Klik Tombol simpan untuk mengirimkan penagihan
pembelian melalui email pembeli
Terima kasih anda telah melakukan pembelian di tempat kami, Kami akan mengirimkan invoice penagihan ke akun email anda, Silahkan untuk lakukan konfirmasi pembayaran lewat akun
email anda. Apabila dalam waktu 2 hari anda tidak melakukan transaksi pembayaranpelunasan produk,
maka transaksi pembelian dianggap gagal.
A39
Lanjut Belanja
Pembayaran Logo
Logo Logo
Gambar 3.90 Perancangan antarmuka Konfirmasi Penagihan E-Mail
5. Perancangan Antarmuka Pesan Pada gambar 3.91 dibawah ini merupakan perancangan pesan yang terdapat
pada aplikasi penjualan online di CV. Fanan Jaya.
Username atau Password yang Anda Masukan Salah
Silahkan Ulangi Kembali. PS01
Keterangan : Nama Form : PS01
Ukuran Layar : 1024x768 Data Petugas Berhasil
Ditambah X
PS02 Keterangan :
Nama Form : PS02 Ukuran Layar : 1024x768
Password berhasil diubah X
PS03 Keterangan :
Nama Form : PS03 Ukuran Layar : 1024x768
Anda Yakin ? PS04
Keterangan : Nama Form : PS04
Ukuran Layar : 1024x768 Ok
Cancel Data Provinsi Berhasil
Ditambah PS05
Keterangan : Nama Form : PS05
Ukuran Layar : 1024x768
Data Provinsi Berhasil Diubah
PS06 Keterangan :
Nama Form : PS06 Ukuran Layar : 1024x768
Data Kota Berhasil Ditambah
PS07 Keterangan :
Nama Form : PS07 Ukuran Layar : 1024x768
Data Kota Berhasil Diubah PS08
Keterangan : Nama Form : PS08
Ukuran Layar : 1024x768 Data Jasa Pengiriman
Berhasil Ditambah PS09
Keterangan : Nama Form : PS09
Ukuran Layar : 1024x768 Data Jasa Pengiriman
Berhasil Diubah PS10
Keterangan : Nama Form : PS10
Ukuran Layar : 1024x768
Data Paket Pengiriman Berhasil Ditambah
PS11 Keterangan :
Nama Form : PS11 Ukuran Layar : 1024x768
Data Paket Pengiriman Berhasil Diubah
PS12 Keterangan :
Nama Form : PS12 Ukuran Layar : 1024x768
Data Ongkos Pengiriman Berhasil Ditambah
PS13 Keterangan :
Nama Form : PS13 Ukuran Layar : 1024x768
Data Ongkos Pengiriman Berhasil Diubah
PS14 Keterangan :
Nama Form : PS14 Ukuran Layar : 1024x768
Data kategori Berhasil Ditambah
PS15 Keterangan :
Nama Form : PS15 Ukuran Layar : 1024x768
Data kategori Berhasil Diubah
PS16 Keterangan :
Nama Form : PS16 Ukuran Layar : 1024x768
Data satuan Berhasil Ditambah
PS17 Keterangan :
Nama Form : PS17 Ukuran Layar : 1024x768
Data satuan Berhasil Diiubah
PS18 Keterangan :
Nama Form : PS18 Ukuran Layar : 1024x768
Data obat Berhasil Ditambah
PS19 Keterangan :
Nama Form : PS19 Ukuran Layar : 1024x768
Data obat Berhasil Diubah PS20
Keterangan : Nama Form : PS20
Ukuran Layar : 1024x768
Data password Berhasil Diubah
PS21 Keterangan :
Nama Form : PS21 Ukuran Layar : 1024x768
Selamat anda telah berhasil melakukan registrasi, Untuk mengaktifkan akun anda silahkan cek email
anda. PS22
Keterangan : Nama Form : PS22
Ukuran Layar : 1024x768 Data Anda berhasil diubah
PS23 Keterangan :
Nama Form : PS23 Ukuran Layar : 1024x768
Terima kasih anda telah melakukan pembelian di tempat kami, Kami akan mengirimkan invoice penagihan ke akun
email anda, Silahkan untuk lakukan konfirmasi pembayaran lewat akun email anda.
Apabila dalam waktu 2 hari anda tidak melakukan transaksi pembayaranpelunasan produk, maka transaksi pembelian
dianggap gagal. PS24
Keterangan : Nama Form : PS24
Ukuran Layar : 1024x768 Sukses Retur
PS25
Keterangan : Nama Form : PS25
Ukuran Layar : 1024x768 Terima Kasih Atas Kepercayaan Anda, Selanjutnya
Keluhan Tentang Produk Yang Anda Beli Dari Kami, Akan Kami Tangani Demi Kepuasan Anda
Berbelanja.
Gambar 3.91 Perancangan antarmuka Konfirmasi Pesan-Pesan
Tabel 3.20 Keterangan Perancangan Pesan
No.Tampilan Keterangan
PS01 Perancangan pesan username dan password salah
PS02 Perancangan pesan data petugas berhasil ditambah
PS03 Perancangan pesan password berhasil diubah
PS04 Perancangan pesan
hapus “Anda Yakin” ? PS05
Perancangan pesan data provinsi berhasil ditambah PS06
Perancangan pesan data provinsi berhasil diubah PS07
Perancangan pesan data kota berhasil ditambah PS08
Perancangan pesan data kota berhasil diubah PS09
Perancangan pesan data jasa pengiriman berhasil ditambah
PS10 Perancangan pesan data jasa pengiriman berhasil
diubah PS11
Perancangan pesan data paket pengiriman berhasil ditambah
PS12 Perancangan pesan data paket pengiriman berhasil
diubah PS13
Perancangan pesan data ongkos pengiriman berhasil ditambah
PS14 Perancangan pesan data ongkos pengiriman berhasil
diubah PS15
Perancangan pesan data kategori berhasil ditambah PS16
Perancangan pesan data kategori berhasil diubah PS17
Perancangan pesan data satuan berhasil ditambah PS18
Perancangan pesan data satuan berhasil diubah PS19
Perancangan pesan data obat berhasil ditambah PS20
Perancangan pesan data obat berhasil diubah PS21
Perancangan pesan data password berhasil diubah PS22
Perancangan pesan pendaftaran berhasil
PS23 Perancangan pesan
“Data anda berhasil diubah” PS24
Perancangan pesan “Terima Kasih telah melakukan
pembelian”. PS25
Perancangan pesan Sukses retur.
3.1.12 Jaringan Semantik