terlebih lagi juga bergantung pada jalur lokasi negara yang bersangkutan. Indonesia adalah negara yang akses internet-nya belum menggembirakan, jauh
dari harapan baik dari segi kecepatan maupun harga. Dengan kata lain, selain kecepatan internet di Indonesia masih lambat, harganya pun mahal. [10]
2.16 Web Browser
Web Browser adalah suatu program yang digunakan untuk menjelajahi dunia internet atau untuk mencari informasi tentang suatu halaman web yang
tersimpan di komputer. Awalnya, web browser hanya berorientasi pada teks dan belum dapat menampilkan gambar. [11].
Namun, web browser sekarang tidak hanya menampilkan gambar dan teks saja, tetapi juga memutar file multimedia. Browser juga dapat mengirim dan
menerima e-mail, mengolah bahasa HTML sebagai input dan menjadikan halamanweb sebagai output yang informatif. [11]
2.17 Macromedia Dreamweaver
Macromedia Dreamweaver merupakan perangkat lunak yang ditujukan untuk membuat suatu situs web. Versi pertama dirilis pada tahun 1997, dan sejak
itu Dreamweaver menjadi web editor yang banyak digunakan oleh para web developer. Hal itu antara lain karena kemudahan dalam penggunaannya,
kelengkapan fiturnya dan juga dukungannya terhadap teknologi terkini. Macromedia Dreamweaver 8 merupakan salah satu perangkat lunak yang
dikembangkan oleh Macromedia Inc. Pada kesempatan kali ini, Macromedia
Dreamweaver akan kita gunakan membuat form yang saling terkait dengan file PHP dan MySQL.
33
33
BAB 3 ANALISIS DAN PERANCANGAN SISTEM
3.1 Analisis Sistem
Pada bagian ini akan dilakukan analisis terhadap sistem yang sedang berjalan. Hasilnya digunakan untuk mengidentifikasi dan mengevaluasi berbagai
kelemahan serta kekuatan yang terdapat pada sistem yang sudah dimiliki oleh CV. Fanan Jaya. Dari proses analisis tersebut akan dapat dihasilkan berbagai saran
perbaikan terhadap sistem yang dapat dijadikan dasar dalam merancang aplikasi penjualan online berbasis web yang akan dibangun.
3.1.1 Analisis Masalah
Berdasarkan dengan hasil penelitian yang dilakukan pada CV. Fanan Jaya saat ini, didapat kesimpulan permasalahan yaitu :
1. CV. Fanan Jaya memiliki kendala dalam proses penjualan produk obat terhadap konsumen yang berasal dari luar wilayah Bandung.
2. CV. Fanan Jaya belum memiliki media transaksi penjualan produk-produk obat pembasmi hama yang dijual.
Berdasarkan kelemahan-kelemahan
tersebut, CV.
Fanan Jaya
menginginkan perubahan terhadap sistem yang sedang berjalan dengan membangun sistem yang baru yang mampu berfungsi sesuai dengan kebutuhan
perusahaan.
3.1.2 Analisis Prosedur yang Sedang Berjalan
Analisis prosedur atau proses sistem memberikan gambaran tentang sistem yang saat ini sedang berjalan. Analisis sistem bertujuan untuk mengetahui lebih
jelas bagaimana cara kerja sistem tersebut. Prosedur sistem yang sedang berjalan pada CV. Fanan Jaya saat ini terdiri atas 4 prosedur sebagai berikut :
1. Prosedur pengadaan obat 2. Prosedur penjualan obat
3. Prosedur pemasaran obat 4. Prosedur pembuatan laporan
3.1.2.1 Prosedur Pengadaan Obat
Prosedur pertama yaitu pengadaan obat. Prosedur pengadaan obat adalah bagian yang dilakukan oleh CV. Fanan Jaya dalam menyediakan produk obat
dengan bekerja sama dengan pihak suplier Chemindo. 1. Bagian gudang cek data obat, apakah data obat habis atau tidak.
2. Apabila data obat tidak habis, maka data obat dikembalikan lagi kedalam arsip data obat. Data obat habis, bagian gudang akan membuat data
pengajuan pembelian obat ke bagian keuangan. 3. Bagian keuangan menyesuaikan dengan keuangan perusahaan apakah
terpenuhi atau tidak. 4. Apabila data pengajuan pembelian obat tidak terpenuhi, data tersebut
dikembalikan ke bagian gudang. 5. Data pengajuan pembelian obat terpenuhi akan diberikan ke manajer untuk
ditandatangani.
6. Data pengajuan pembelian obat yang telah ditandatangani, kemudian diberikan ke bagian gudang.
7. Bagian gudang menerima data pengajuan pembelian obat yang telah ditandatangani. Data pengajuan pembelian obat yang telah ditandatangani
kemudian diarsipkan. 8. Bagian gudang membuat data pesanan obat, selanjutnya data pesanan obat
diberikan kepada supplier. 9. Supplier membuat faktur pembayaran sebanyak 3 rangkap, selanjutnya
faktur pembayaran diberikan kepada bagian gudang. 10. Bagian gudang melakukan pengcekan faktur berdasarkan jumlah pesanan
pesanan obat. Apabila tidak seusai maka data pesanan obat tidak sesuai berikut faktur pembayaran diberikan kembali kepada supplier. Apabila
sesuai, bagian gudang akan menandatangani tanda terima faktur pembayaran dari suplier sebanyak tiga rangkap, rangkap satu untuk
supplier, rangkap dua untuk bagian gudang sebagai arsip bukti penerimaan obat, rangkap tiga untuk bagian keuangan dijadikan sebagai arsip bukti
pengadaan obat. 11. Bagian gudang mencatat data obat yang masuk, data pesanan obat sesuai
dijadikan sebagai arsip data obat. Data obat yang masuk dijadikan sebagai arsip data obat yang masuk oleh
bagian gudang. Bagian gudang melakukan penggandaan data obat yang masuk sebanyak dua rangkap. Rangkap satu data untuk bagian keuangan sebagai arsip
penerimaan data obat yang baru, rangkap dua untuk bagian kasir sebagai arsip
data obat yang masuk. Proses pengadaan obat yang telah diuraikan dapat digambarkan kedalam flow map diagram pada gambar 3.1.
Prosedur Pengadaan Obat Kasir
Manajer Bagian Keuangan
Bagian Gudang
Tidak Ya
Tidak Ya
Tidak Ya
2
Data obat yang masuk
3 Pembuatan
data pesanan
obat Data pengajuan
pembelian obat
Data pengajuan pembelian obat tidak
sesuai
A3 Data pengajuan
pembelian obat telah disahkan
Sesuai ?
A1 Data pengajuan
pembelian obat telah disahkan
A7 Faktur pembayaran
Data obat
2 Pengesahan
faktur pembayaran
Data pesanan obat
sesuai Data
keuangan Data pengajuan
pembelian obat
Pengajuan pembelian obat
A1
Data obat yang
masuk Penyesuaian
berdasarkan Data keuangan
A4 Data pengajuan
pembelian obat telah disahkan
Data obat yang
masuk Faktur
pembayaran Pengecekan
data obat Data obat
Data pengajuan pembelian obat tidak
tidak sesuai
A2 Pengesahan
pengajuan pembelian obat
1
Penggandaan data obat yang masuk
Sesuai ?
A6 Habis ?
Faktur pembayaran yang telah disahkan
Faktur pembayaran yang telah
ditandatangani Data pesanan
obat A1
Pencatatan data obat yang masuk
Data pengajuan pembelian obat
Pengecekan faktur pembayaran
berdasarkan Jumlah pesanan obat
Data pesanan obat tidak sesuai
A5 Data pengajuan
pembelian obat
1 Data
pesanan obat sesuai
Data obat
Data obat yang
masuk 1
2 2
Faktur pembayaran
1 2
2
Keterangan : A1 : Arsip data obat bagian gudang
A2 : Arsip data pengajuan pembelian obat telah disahkan bagian gudang A3 : Arsip faktur pembayaran yang telah disahkan bagian gudang
A4 : Arsip faktur pembayaran yang telah disahkan bagian keuangan A5 : Arsip data pesanan obat sesuai bagian gudang
A6 : Arsip data obat yang masuk bagian keuangan A7 : Arsip data obat yang masuk bagian kasir
Gambar 3.1 Flowmap Pengadaan Obat
3.1.2.2 Prosedur Penjualan Obat
Prosedur kedua yaitu penjualan obat. Prosedur ini merupakan bagian dari penjualan produk obat yang dilakukan oleh CV Fanan Jaya kepada konsumen.
1. Konsumen menanyakan data obat yang akan dibeli ke bagian kasir. 2. Bagian kasir memeriksa apakah data obat yang dibeli ada atau tidak
berdasarkan data obat yang masuk. Apabila tidak ada bagian kasir akan memberitahukan data obat yang dibeli tidak ada ke konsumen.
3. Konsumen menerima data produk obat yang akan dibeli tersedia, bagian kasir kemudian akan membuat struk pembayaran sebanyak 2 rangkap,
untuk divalidasi oleh konsumen, sedangkan data produk obat yang telah dibeli dijadikan sebagai arsip.
4. Struk pembayaran yang sudah ditandatangani oleh konsumen, kemudian oleh konsumen diberikan kembali kepada bagian kasir untuk diberi
stempel dan tanda tangan oleh kasir. Struk pembayaran rangkap satu yang sudah ditandatangani oleh kasir
kemudian diberikan ke konsumen, struk pembayaran rangkap dua oleh bagian kasir dijadikan sebagai bukti pembayaran. Bagian kasir melakukan pencatatan
penjualan obat berdasarkan struk pembayaran menjadi arsip data obat yang dibeli. Proses penjualan obat yang telah diuraikan dapat digambarkan kedalam flow map
diagram pada gambar 3.2.
Prosedur Penjualan Obat
Bagian Kasir Pembeli
Data obat yang dibeli
Data obat yang dibeli
Pengecekan data obat yang dibeli
Ada? Data obat
yang dibeli tidak ada
Data obat yang masuk
A7
Tidak Data obat
yang dibeli Ada
Data obat yang dibeli
tidak ada 2
Struk pembayaran
1
Penandatanganan pembeli
Struk pembayaran yang sudah
ditandatangan pembeli
1 2
Struk pembayaran yang
sudah ditandatangan
pembeli dan kasir 1
Pembuatan struk pembayaran
2 Struk
pembayaran 1
Data obat yang
dibeli A8
1 2
Struk pembayaran yang sudah ditandatangan
pembeli 1
2
Stempel dan penandatanganan
kasir 2
1 Struk pembayaran
yang sudah ditandatangan
pembeli dan kasir 1
2
Pencatatan penjualan obat berdasarkan struk
pembayaran Data obat yang
dibeli Struk pembayaran
yang sudah ditandatangan
pembeli dan kasir A9
A8 2
Keterangan : A7 : Arsip data obat yang masuk bagian kasir
A8 : Arsip data obat yang dibeli bagian kasir A9 : Arsip struk pembayaran yang sudah divalidasi konsumen
bagian kasir
Gambar 3.2 Flowmap Penjualan Obat
3.1.2.3 Prosedur Pemasaran Obat
Prosedur ketiga yaitu pemasaran obat. Prosedur ini merupakan bagian dari sistem pemasaran produk obat yang dilakukan CV Fanan Jaya menggunakan
media brosur. 1. Bagian keuangan mengajukan data pengajuan pembuatan brosur
berdasarkan data obat yang masuk kepada manajer. 2. Manajer kemudian menentukan data pengajuan pembuatan brosur
apakah layak pembuatan atau tidak. Apabila tidak layak pembuatan data pengajuan pembuatan brosur diberikan kembali ke bagian
keuangan. 3. Data pengajuan pembuatan brosur yang layak, oleh manajer kemudian
ditandatangani, selanjutnya data pengajuan pembuatan brosur layak yang sudah ditandatangani oleh manajer diberikan kepada bagian
keuangan. 4. Data pengajuan pembuatan brosur layak yang sudah ditandatangani,
oleh bagian keuangan dijadikan sebagai arsip. 5. Bagian keuangan selanjutnya akan melakukan proses pembuatan
brosur dan melakukan cetak brosur berdasarkan data obat yang masuk. Proses penjualan obat yang telah diuraikan dapat digambarkan kedalam
flow map diagram pada gambar 3.3.
Prosedur Pemasaran Manajer
Bagian Sales Bagian Keuangan
Data Pengajuan pembuatan
brosur tidak layak
A7 Pembuatan brosur
Gambar obat.jpg
Cetak brosur obat Data pengajuan
pembuatan brosur
Data pengajuan pembuatan brosur
layak yang sudah ditandatangani
Brosur obat A7
Data obat yang masuk Mengajukan
pembuatan brosur
Data obat yang masuk
Data obat yang masuk
Data obat yang masuk Data pengajuan
pembuatan brosur tidak
layak Data pengajuan
pembuatan brosur
Data pengajuan pembuatan
brosur layak Layak pembuatan ?
Menentukan data pengajuan
pembuatan brosur Data obat yang masuk
Data obat yang masuk
Data obat yang masuk
Tidak Ya
Brosur obat Data pengajuan
pembuatan brosur layak yang sudah
ditandatangani A10
Menandatangani data pengajuan pembuatan
brosur Data pengajuan
pembuatan brosur layak yang sudah
ditandatangani Data obat yang
masuk
Keterangan : A7 : Arsip data obat yang masuk bagian keuangan
A10 : Arsip data pengajuan pembuatan brosur layak yang sudah ditandatangani bagian keuangan
Gambar 3.3 Flowmap Pemasaran Obat
3.1.2.4 Prosedur Pembuatan Laporan
Laporan yang dibuat adalah laporan penjualan obat berdasarkan arsip data obat yang dibeli dan struk pembayaran dan laporan pengadaan obat
berdasarkan arsip data obat yang masuk dan faktur pembayaran. 1. Bagian kasir memberikan arsip data obat yang dibeli dan struk
pembayaran ke bagian keuangan. 2. Bagian keuangan membuat laporan pengadaan obat berdasarkan arsip
data obat yang masuk dan faktur pembayaran. 3. Bagian keuangan membuat laporan penjualan obat dan laporan
pengadaan obat sebanyak 3 rangkap untuk masing-masing pembuatan laporan.
4. Setelah laporan terbuat, laporan penjualan obat dan laporan pengadaan obat diberikan kepada Supervisor untuk diperiksa, apakah valid atau
tidak. Apabila tidak valid laporan penjualan obat tidak valid dan laporan pengadaan obat tidak valid diberikan kembali ke bagian
keuangan. 5. Laporan penjualan obat yang valid dan laporan pengadaan obat yang
valid kemudian diberikan ke manajer untuk ditandatangani. 6. Laporan penjualan obat yang valid dan laporan pengadaan obat yang
valid yang sudah ditandatangani, oleh manajer kemudian dijadikan sebagai arsip laporan, selanjutnya masing-masing rangkap laporan yang
sudah ditandatangani, untuk rangkap dua diberikan ke supervisor untuk dijadikan sebagai arsip laporan penjualan obat dan arsip pengadaan obat
dan rangkap tiga untuk bagian keuangan untuk dijadikan sebagai arsip laporan penjualan obat dan arsip pengadaan obat.
Proses penjualan obat yang telah diuraikan dapat digambarkan kedalam flow map diagram pada gambar 3.4.
Manajer Bagian Keuangan
Supervisor Bagian kasir
A8 Data obat
yang dibeli Data obat
yang dibeli A7
Data obat yang masuk
Pembuatan laporan penjualan obat dan
pengadaan obat
Laporan penjualan
obat Laporan
pengadaan obat
1 2
3 1
2 3
Laporan penjualan
obat Laporan
pengadaan obat
Pemeriksaan laporan
Valid ? 1
2 3
1 2
3
Laporan pengadaan obat
tidak valid 1
2 3
Laporan penjualan obat
tidak valid 1
2 3
Tidak Laporan
pengadaan obat tidak valid
Laporan penjualan
obat tidak valid
1 2
3 1
2 3
Laporan pengadaan obat
valid Laporan
penjualan obat valid
1 2
3 1
2 3
Ya Laporan
pengadaan obat valid
Laporan penjualan
obat valid 1
2 3
1 2
3
Penandatanganan laporan penjualan
obat dan laporan pengadaan obat
Laporan penjualan obat
sudah ditandatangan
Laporan pengadaan
obat sudah
ditandatangan 1
2 3
1 2
3
A12 A11
Laporan pengadaan obat
sudah ditandatangan
Laporan pengadaan obat
sudah ditandatangan
Laporan penjualan obat
sudah ditandatangan
Laporan penjualan obat
sudah ditandatangan
2 2
3 3
A9 Struk
pembayaran Struk
pembayaran Faktur
pembayaran A4
A14 A13
A16 A15
Keterangan :
A4 : Arsip faktur pembayaran.. A7 : Arsip data obat yang masuk.
A8 : Arsip data obat yang dibeli A9 : Arsip struk pembayaran.
A11 : Arsip laporan penjualan obat yang sudah ditandatangani yang dipegang manajer. A12 : Arsip laporan pengadaan obat yang sudah ditandatangani yang dipegang manajer.
A13 : Arsip laporan penjualan obat yang sudah ditandatangani yang dipegang supervisor. A14 : Arsip laporan pengadaan obat yang sudah ditandatangani yang dipegang supervisor.
A15 : Arsip laporan penjualan obat yang sudah ditandatangani yang dipegang Bagian keuangan. A16 : Arsip laporan pengadaan obat yang sudah ditandatangani yang dipegang Bagian keuangan.
Pencetakan laporan
penjualan dan laporan
pengadaan
Gambar 3.4 Flowmap Pembuatan Laporan
3.1.2.5 Prosedur Retur
Dalam sistem yang sedang berjalan pada CV. Fanan Jaya saat ini, tidak ada sistem retur yang berjalan, tetapi dikarenakan adanya aplikasi penjualan yang
dibangun dipergunakan secara online, maka sistem retur dirasakan sangat diperlukan karena transaksi pembeliannya yang tidak datang langsung ketempat,
serta diperlukan untuk melayani kepuasan para konsumen pembeli dalam membeli produk-produk obat dari CV. Fanan Jaya. Berdasarkan ketentuan yang telah
disepakati oleh pihak CV. Fanan Jaya maka kondisi dan ketentuan untuk retur yang dibuat adalah sebagai berikut :
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 1x 24 Jam 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 sistem transfer bank
kepada konsumen yang melakukan transaksi pembeliannya menggunakan jenis pembayaran transfer rekening bank.
7. Sedangkan khusus untuk konsumen yang menggunakan jenis pembayaran melalui paypal, untuk stok produk obat yang tidak ada
atau habis maka pihak CV. Fanan Jaya akan menganti produk obat yang sama kepada konsumen dengan ketentuan konsumen diberikan
batas waktu untuk menunggu stok produk obat yang habis minimal 2 hari dan batas maksimal 4 hari apabila stok produk belum tersedia
untuk dilakukan proses retur. 8. Untuk retur yang menggunakan jenis pembayaran paypal sendiri,
apabila setelah lewat dari 4 hari stok produk masih belum tersedia juga maka pihak CV. Fanan Jaya akan melakukan konfirmasi kepada
konsumen melalui telepon atau email untuk memberitahukan bahwa ketersediaan stok produk obat yang tidak tersedia melebihi batas
waktu ketentuan maksimal retur dari yang telah ditentukan sebelumnya.
3.1.2.6 Prosedur Diskon
Pada sistem yang sedang berjalan saat di CV.Fanan Jaya, belum mempunyai prosedur diskon yang sedang berjalan, maka dalam aplikasi yang
dibangun menggunakan sistem diskon untuk menarik minat pembelian kepada konsumen pembeli. Berdasarkan kesepakatan dengan pihak perusahaan maka
untuk diskon ditetapkan sebesar 10 persen untuk setiap pembelian produk obat diatas Rp. 500.000.
3.1.3 Analisis SEO
Penempatan suatu kata kunci yang dapat dibaca dalam menemukan lokasi, kategori, nama produk dari suatu perusahaan, yang dapat digunakan oleh
pengunjung dan pembeli dalam mengakses kebutuhan yang dimaksud melalui google search. Adapun penempatan kata kunci yang dimaksud menggunakan
penulisan di dalam header web CV. Fanan Jaya itu sendiri seperti berikut ini :
meta name=Keywords content=Jaya-Pest Bandung, Fanan Jaya Bandung, Py Sect, Prevail, Agita, Rat Gone, Klerat, Bifflex, Diffender,
DE-STAR, a,b,c,d,e,f,g,h,i,j,k,l,m,n,o,p,q,r,s,t,u,v,w,x,y,z meta name=Description content=Jaya-Pest Bandung, Fanan Jaya
Bandung, Py Sect, Prevail,Agita, Rat Gone, Klerat, Bifflex, Diffender, DE-STAR .
Agar nama produk yang dipasang di web terbaca di mesin search engine maka digunakan Images Alt seperti berikut ini :
ahref=?=WEB_HOST?product.php?act=detailid=?=row[id_obat] ?detailimgsrc=?=FRONT_IMAGE?product?=row[gambar_obat_1]?al
t=?=row[nama_obat]?title=?=row[nama_obat]?border=0 width=84 height=84a
Dengan penempatan kata kunci , diharapkan aplikasi penjualan online CV. Fanan Jaya berbasis web dapat diakses melalui media google search oleh
masyarakat yang mengakses melalui media pencarian google search ini.
3.1.4 Analisis Kebutuhan Non Fungsional
Analisis kebutuhan non fungsional dilakukan untuk menghasilkan spesifikasi yang rinci mengenai segala hal yang dapat dikerjakan oleh sistem pada
saat diimplementasikan. Hasil dari analisis ini akan menentukan masukan yang dibutuhkan sistem, keluaran yang dihasilkan sistem, lingkup proses yang
digunakan untuk mengolah masukan sehingga menghasilkan keluaran yang diinginkan, kendali terhadap sistem, dan macam-macam kategori pengguna
sistem.
3.1.4.1 Analisis Perangkat Keras
Berdasarkan hasil observasi yang dilakukan di CV. Fanan Jaya, perangkat keras yang ada di CV. Fanan Jaya memiliki satu unit komputer dengan
spesifikasi sebagai berikut : 1. Prosesor Intel Pentium Core 2 Duo 2.0 Ghz
2. Memori 2 GB 3. Harddisk 320 GB
4. Monitor dengan resolusi 1024 x 768 pixels 5. Terkoneksi dengan internet
Sistem yang akan dibangun membutuhkan perangkat keras dengan spesifikasi minimum sebagai berikut :
1. Prosesor Intel Pentium III atau setara dengan kecepatan 800 MHz 2. RAM 128 Mb
3. Harddisk dengan ruang kosong 2 Gb
4. Monitor dengan resolusi 1024 x 768 pixels 5. Terkoneksi dengan internet.
Dapat disimpulkan bahwa spesifikasi perangkat keras yang dimiliki CV. Fanan Jaya sudah memenuhi semua kebutuhan sistem yang akan dibangun.
3.1.4.2 Analisis Perangkat Lunak
Pada saat observasi, dilakukan juga pemeriksaan akan perangkat lunak yang sekarang ini sedang dipakai di CV. Fanan Jaya, untuk menilai apakah
perangkat lunak yang sudah ada bisa menjalankan sistem yang akan dibangun. Sedangkan untuk pembangun aplikasi, di butuhkan perangkat lunak dengan
spesifikasi sebagai berikut : 1. Sistem operasi Windows XP.
2. Macromedia Dreamweaver 8 sebagai tool pembangun aplikasi, dan untuk optimalisasi tampilannya menggunakan CSS.
3. MySQL sebagai Data Base Management System DBMS. 4. XAMPP sebagai Web Server saat pembangunan aplikasi.
5. Browser seperti Mozilla Firefox atau Opera. Sedangkan untuk menggunakan aplikasi yang dibangun, dibutuhkan
perangkat lunak dengan spesifikasi minimal sebagai berikut: 1. Sistem operasi Windows XP atau Linux
2. Browser seperti Mozilla Firefox, atau Opera. Dengan demikian, maka spesifikasi yang dibutuhkan oleh CV. Fanan Jaya
dalam menggunakan aplikasi penjualan online ini sudah terpenuhi dengan cukup baik.
3.1.4.3 Analisis Pengguna
Analisis pengguna dilakukan untuk dapat mengetahui tugas dan karakteristik pengguna yang akan menggunakan sistem yang dibangun. Dengan
mempertimbangkan tingkat pengalaman pengguna dalam menggunakan komputer, dapat dirancang sebuah sistem yang mudah dipelajari dan digunakan
oleh pengguna tersebut. Terdapat dua analisis, yaitu analisis bagian yang terlibat pada sistem yang
berjalan pada saat ini dan analisis bagian yang akan menggunakan pada pembangunan aplikasi penjualan online ini.
1. Bagian yang terlibat pada sistem yang berjalan saat ini seperti pada tabel 3.1.
Tabel 3.1 Analisis bagian yang terlibat
Bagian Tanggung jawab
Tingkat pendidikan
Kemampuan bidang komputer
Manajer Mengelola data
karyawan Minimal SMA
Menguasai komputer,
memahami tentang penggunaan
internet.
Bagian Keuangan
Membuat laporan-laporan
perusahaan, mengelola data-
data obat, mengelola data-
data transksi Minimal SMA
Berpengalaman dalam
menggunakan aplikasi office
internet
Konsumen Membeli obat
- Menggunakan
komputer dan dapat menggunakan
internet.
2. Sedangkan karakteristik pengguna yang dibutuhkan dalam menjalankan sistem yang akan dibangun dapat dilihat pada tabel 3.2.
Tabel 3.2 Analisis pengguna yang akan menggunakan aplikasi
BagianPengguna Tanggung
jawab Tingkat
pendidikan Tingkat
keterampilan
Admin Mengelola data
Petugas. Minimal
SMA Berpengalaman
dalam penggunaan komputer,
pemahaman yang cukup dalam
menggunakan web, serta memiliki
pengetahuan internet.
Petugas Mengelola data
master data konsumen, data
jasa pengiriman, data paket
pengiriman, data ongkos
pengiriman, data Minimal
SMA Mengerti kinerja
komputer dan internet
kategori, data satuan,
mengelola data pembelian, data
retur, data laporan yang
terdapat dalam aplikasi.
Konsumen Melakukan
transaksi pembelian.
- Mampu
mengoperasikan komputer dan
browsing di internet. Pengunjung
Mengunjungi website dan
melihat daftar obat.
- Mampu
mengoperasikan komputer dan
browsing di internet.
Dari penelitian di CV. Fanan Jaya maka dapat di simpulkan bahwa spesifikasi pengguna di CV. Fanan Jaya sudah memenuhi kebutuhan sistem yang
akan di bangun.
3.1.5 Analisis Basis Data
Basis data atau yang sering juga disebut database merupakan salah satu komponen penting dalam sistem informasi yang terkomputerisasi, karena
berfungsi sebagai basis penyedia informasi bagi pemakainya. Basis data juga diibaratkan sebagai sebuah tempat atau wadah dimana didalamnya terdapat
kumpulan data
yang saling
berhubungan yang
disimpan secara
bersamasedemikian rupa dan tanpa pengulangan redudansi yang tidak perlu untuk memenuhi berbagai kebutuhan.
3.1.5.1 Entity Relationship Diagram ERD
ERD digunakan untuk menggambarkan secara sistematis berbagai entitas dan komponen data yang dimiliki sistem dan hubungan antar masing-masing
entitas tersebut. ERD Aplikasi penjualan online pada CV. Fanan Jaya adalah seperti pada gambar 3.5.
Users
Pembayaran Mengelola
Konsumen Membeli
Obat 1
N
Memiliki 1
1
N N
Ongkos pengiriman Memiliki
Paket pengiriman N
1 Jasa pengiriman
Memiliki N
1 Memiliki
N Kota
Memiliki 1
N Provinsi
1
Memiliki
Detil pembelian 1
1 Memiliki
1
Retur 1
Mengelola 1
N
Memiliki Kategori
N 1
Id users
Id provinsi Nama_provinsi
Id provinsi Id kota
Id kota Nama_kota
Id ongkos Id kota
Id ongkos
Id paket Id ongkos
Id paket Id jasa
Id konsumen Id users
Id pembayaran Id users
Id pembelian
Id pembayaran
Id pembayaran Id pembelian
Id pembelian Id detil
Id detil
Id paket Id jasa
Id_konsumen Id pembelian
Id obat
Id pembelian Id obat
Id kategori Memiliki
1 1
Memiliki 1
1 Id ongkos
Id pembelian Id retur
Id_pembelian
Detil retur Mengelola
N 1
1
1 Id_pembelian
1 N
Id retur Id users
Id detil_retur Id retur
Id_retur Id retur
Memiliki Memiliki
Id detil Id_detil_retur
Id kategori Id kota
Id konsumen Id_kategori
Satuan Memiliki
N 1
Nama_ kategori Id satuan
Nama_satuan Id_satuan
username password
Nama_konsumen
Id_pembelian Status_retur
Id_provinsi
Id_paket Id_kota
Lama_kirim harga_kirim
Id_jasa
Nama_paket keterangan_paket
Nama_jasa Alamat_jasa
Telepon_jasa Website_jasa
Tgl_retur
Id_detil_retur Id_detil
Id konsumen Nama_obat
Id obat Id satuan
Id_obat jml_obat
jml_retur alasan_retur
Id_kota Alamat_konsumen
Kodepos No_telepon
email password
vpassword Tgl_registrasi
Status_konsumen Log_konsumen
nilai_satuan keterangan_obat
berat_obat stok_obat
diskon_obat Harga_obat
hits_obat gambar_obat_1
gambar_obat_2 Ke_bank
dari_bank No_rekening
Atasnama Jml_pembayaran
No_invoice Tgl_pembelian
Tgl_pembayaran Tgl_pengiriman
Tgl_terkirim Tgl_expired
Tgl_expired_retur Total_pembelian
Nama_penerima Id_ongkos
Alamat_pengiriman kodepos
Biaya_kirim noresi_kirim
Jenis_pembayaran Text_pembelian
Status_pembelian Status_promo
Nama_bank rekening
Atas_nama Email_paypal
retur_lewat tgl_retur
Nilai_gram vpassword
Nama_users Status_users
Status_aktif log_users
Gambar 3.5 ERD Aplikasi Penjualan Online CV. Fanan Jaya
53
3.1.6 Analisis Fungsional
Kebutuhan fungsional merupakan tahap perancangan pola aliran informasi yang meliputi perancangan diagram konteks, dan aliran informasi yang
direpresentasikan dengan menggunakan Data Flow Diagram.
3.1.6.1 Diagram Konteks
Sistem yang dibangun digambarkan secara garis besar menggunakan diagram konteks. Dari diagram ini dapat dilihat secara umum mengenai alur
proses yang ditangani sistem. Diagram konteks digambarkan seperti gambar 3.6.
Admin
Aplikasi Penjualan Online CV.Fanan Jaya
Konsumen Petugas
Pengunjung Data pendaftaran
Data obat yang dilihat Data cara pembelian
Info pendaftaran Info obat yang dilihat
Info cara pembelian Data login admin
Data admin yang akan diubah Data petugas yang akan ditambah,diubah statusnya
Info login invalid Info admin yang telah diubah
Info petugas yang telah ditambah,diubah statusnya
Data login konsumen Data konsumen yang akan diubah
Data obat yang dilihat Data Keranjang belanja yang akan ditambah,diubah,dihapus
Data detil pembelian yang akan dilihat Data retur obat yang akan ditambah
Data detil retur obat yang dilihat Data Konfirmasi pembayaran
Data Konfirmasi pengiriman
Info login invalid Info konsumen yang telah dIubah
Info obat yang dilihat Info Keranjang belanja yang telah ditambah,diubah,dihapus
Info detil pembelian yang telah dilihat Info retur obat yang telah ditambah
Info detil retur obat yang dilihat Info Konfirmasi pembayaran
Info Konfirmasi pengiriman Data login users
Data petugas yang akan diubah Data konsumen yang dilihat,diubah statusnya
Data provinsi yang akan ditambah,diubah,dihapus Data kota yang akan ditambah,diubah,dihapus
Data jasa pengiriman yang akan ditambah,diubah,dihapus Data paket pengiriman yang akan ditambah,diubah,dihapus
Data ongkos pengiriman yang akan ditambah,diubah,dihapus Data kategori obat yang akan ditambah,diubah,dihapus
Data satuan yang akan ditambah,diubah,dihapus Data obat yang akan ditambah,diubah,dihapus
Data retur yang akan dilihat,diubah statusnya Data detil pembelian yang dilihat
Data pembayaran Data pengiriman yang akan diubah statusnya
Data laporan yang dicari,dicetak
Info login Invalid Info petugas yang telah diubah
Info konsumen yang telah dilihat,diubah statusnya Info provinsi yang telah ditambah,diubah,dihapus
Info kota yang telah ditambah,diubah,dihapus Info jasa pengiriman yang telah ditambah,diubah,dihapus
Info paket pengiriman yang telah ditambah,diubah,dihapus Info ongkos pengiriman yang telah ditambah,diubah,dihapus
Info kategori obat yang telah ditambah,diubah,dihapus Info satuan yang telah ditambah,diubah,dihapus
Info obat yang telah ditambah,diubah,dihapus Info retur yang telah dilihat,diubah statusnya
Info detil pembelian yang dilihat Info pembayaran
Info pengiriman yang telah diubah statusnya Info laporan yang dicari,dicetak
Web email Paypal
Pengaktifan akun Konfirmasi pembayaran
Konfirmasi pengiriman Konfirmasi retur
Info pengaktifan akun Info pembayaran
Info pengiriman Info retur
Data paypal Info paypal
Tracking Data No Resi
Info No Resi Situs jejaring
sosial Info share
produk sukses Data produk
yang dishare
Gambar 3.6 Diagram Konteks Aplikasi Penjualan Online CV. Fanan Jaya
3.1.6.2 Data Flow Diagram DFD
Dari diagram konteks di atas, aliran data yang ada pada sistem digambarkan dengan lebih rinci menggunakan Data Flow Diagram 3.7.
1 Pendaftaran
Pengunjung Info pendaftaran konsumen
Data pendaftaran konsumen 2
Login Konsumen
Konsumen Data pendaftaran
konsumen Data pendaftaran
konsumen Data login konsumen
Info login invalid Data login konsumen
Info login invalid Petugas
Admin Users
Data login users
Data login petugas Info login invalid
4 Pengolahan
data konsumen
Data petugas yang akan ditambah,diubah statusnya Info petugas yang telah ditambah,diubah statusnya
Data admin,Data petugas yang akan diubah, Data
petugas yang akan ditambah,diubah statusnya
Dat a
adm in,
Dat a
pet u
gas ya
ng tel
ah di
uba h
, Dat a
pet ugas
yan g
te lah
d itam
bah, d
iubah st
a tus
nya Info login invalid
Data login admin Data konsumen yang akan diubah
Info konsumen yang telah diubah Data konsumen yang
telah diubah statusnya Data konsumen yang akan diubah statusnya
5 Pengolahan
data master Ongkos pengiriman
Kategori Jasa pengiriman
Paket pengiriman Provinsi
Kota Obat
Data paket pengiriman yang akan ditambah,diubah,dihapus
Data paket pengiriman yang telah ditambah,diubah,dihapus
Data ongkos pengiriman yang telah ditambah,diubah,dihapus
Data ongkos pengiriman yang akan ditambah,diubah,dihapus Data jasa pengiriman yang telah
ditambah,diubah,dihapus Data jasa pengiriman yang akan
ditambah,diubah,dihapus Data obat yang telah
ditambah,diubah,dihapus Data obat yang akan
ditambah,diubah,dihapus Data kategori obat yang
telah ditambah,diubah,dihapus Data kategori obat yang
akan ditambah,diubah,dihapus Data provinsi yang akan ditambah,diubah,dihapus
Data provinsi yang telah ditambah,diubah,dihapus Login valid
Data kota yang akan ditambah,diubah,dihapus Data kota yang telah ditambah,diubah,dihapus
6 Pengolahan
Transaksi Penjualan
Login valid Pembelian
Detil pembelian Pembayaran
Data pembayaran Data konfirmasi pembayaran
Data pembayaran Data pembayaran
Data provinsi yang akan ditambah,diubah,dihapus Data kota yang akan ditambah,diubah,dihapus
Data jasa pengiriman yang akan ditambah,diubah,dihapus
Data paket pengiriman yang akan ditambah,diubah,dihapus
Data ongkos pengiriman yang akan ditambah,diubah,dihapus
Data kategori obat yang akan ditambah,diubah,dihapus Data satuan yang akan ditambah,diubah,dihapus
Data obat yang akan ditambah,diubah,dihapus Inf
o pr
o vi
nsi y
ang tel
ah di
ta m
b ah,
di ub
ah ,di
ha pus
Inf o
ko ta
yang te
la h
d itam
bah, di
uba h
,d ihap
us Inf
o jasa
pe ngi
rim an
yang te
la h
d itam
bah ,di
ub ah
,di ha
pus Inf
o pa
ket pen
gi rim
an yang
te la
h di
tam bah,
di ubah,
d ih
apus Inf
o on
gkos peng
iri m
a n
ya ng
tel ah
di tam
ba h,
di uba
h ,di
hap us
Inf o
ka teg
or i o
bat yan
g tel
ah di
tam bah
,di uba
h ,di
hapu s
Inf o
sat uan
yang tel
ah di
ta m
b ah,
d iu
bah, di
ha pus
Inf o
obat yan
g tel
ah d
itam bah
,di uba
h, di
hapu s
Data Keranjang belanja yang akan ditambah,diubah,dihapus
Data detil pembelian yang akan dilihat Data Konfirmasi pembayaran
Data Konfirmasi pengiriman Inf
o k
er a
nj ang
bel an
ja yang
te la
h d
itam bah,
d iu
bah, d
ih apu
s Inf
o det
ai l pe
m be
lia n
ya ng
tel ah
di lih
at Inf
o Ko
nf irm
as i pem
baya ran
Inf o
Ko nf
irm as
i peng iri
m a
n
Data Keranjang belanja yang akan ditambah,diubah,dihapus
Data pengiriman Data detail pembelian
yang akan dilihat Data Keranjang belanja yang
telah ditambah,diubah,dihapus Data pengiriman
Data detail pembelian yang telah dilihat
Data detil pembelian yang dilihat Data konfirmasi pembayaran
Data pengiriman yang akan diubah statusnya
Info detil pembelian yang dilihat Info konfirmasi pembayaran
Info pengiriman yang telah diubah statusnya
Data detil pembelian yang dilihat Data pengiriman yang telah diubah statusnya
Data detil pembelian yang dilihat Data Pengiriman yang akan akan diubah statusnya
7 Pengolahan
retur Data retur yang akan dilihat,diubah statusnya
Info retur yang telah dilihat,diubah statusnya Data pembelian
Data pembelian Info retur obat yang telah dilihat,ditambah
Data retur obat yang akan dilihat,ditambah Retur
Data retur obat Data retur obat
Data laporan yang dicari,dicetak Data laporan yang dicari,dicetak
Data laporan yang dicari,dicetak Data laporan yang dicari,dicetak
Data laporan yang dicari,dicetak Data laporan yang dicari,dicetak
Login Valid
8 Pengolahan
Laporan Login valid
Detil Retur Data detil retur obat yang dilihat
Data detil retur obat yang dilihat Web email
Info pengaktifan akun Pengaktifan akun
Dat a
ko nsum
en yang
ak an
di liha
t,di uba
h st
at usn
ya Dat
a k
onsu m
en ya
ng tel
ah di
lihat ,di
ub ah
st at
us nya
Data laporan yang dicari,dietak Data laporan yang dicari,dicetak
Data laporan yang dicari,dicetak Data laporan yang dicari,dietak
Data laporan yang dicari,dietak Data laporan yang dicari,dicetak
Satuan Data satuan yang akan ditambah,diubah,dihapus
Data satuan yang telah ditambah,diubah,dihapus Data obat yang dilihat
Info obat yang dilihat Info obat yang dilihat
Data obat yang dilihat Data konfirmasi pembayaran
Data konfirmasi pengiriman Info pembayaran
Info pengiriman
Paypal Data paypal
Info paypal
Data konfirmasi retur Info retur
3 Pengolahan
data users Dat
a O
ngko s
p engi
rim an
Dat a
jas a
peng ir
im a
n
Data kota
Data provinsi
Data satuan
Data paket pengiriman Data obat
Data kategori
Login valid Login valid
Login valid Login valid
9 Pencarian
Data obat Data obat
Data kategori Data kategori
10 Penyajian
Informasi kategori obat
11 Penyajian
Informasi keranjang
belanja Info obat
Data obat Info kategori
Data obat Data kategori
Data obat Data kategori
Data obat Data kategori
Data kategori Data obat
Data kategori Data obat
Data obat Info obat
info obat Data obat
Data kategori Data obat
Info obat Info kategori
Info obat Info kategori
Data pembelian Data pembelian
Gambar 3.7 DFD Level 1 Aplikasi Penjualan Online CV. Fanan Jaya
55
1. DFD Level 2 untuk Proses 1 Pendaftaran
Diagram alir data pada level 2 proses 1 pengunjung mendaftar menjadi konsumen seperti gambar 3.8.
Pengunjung 1.1
Pemasukkan data
pendaftaran Info pendaftaran
Data pendaftaran Konsumen
Data pendaftaran
1.2 Pengaktifan
pendaftaran Data pendaftaran
Data pendaftaran
Web email Pengaktifan akun
Info Pengaktifan akun Info pengaktifan akun valid
Data pendaftaran
Gambar 3.8 DFD Level 2 untuk Proses 1 Pendaftaran Konsumen
2. DFD Level 2 untuk Proses 2 Login
Diagram alir data pada level 2 proses 2 proses login ke dalam website seperti gambar 3.9.
Petugas Admin
Konsumen Data login admin
Users Data login petugas
Konsumen Data login admin invalid
Data login petugas invalid Data login konsumen
Info login admin
Info login petugas
Info login invalid Verifikasi login admin invalid
Verifikasi login petugas invalid Verifikasi login konsumen invalid
D a
ta lo
g in
va lid
Data login konsumen Data login invalid
Data login invalid Data login invalid
Login admin valid Login petugas valid
Login konsumen valid 2.2
Verifikasi data pengisian login
2.1 Pengisian Data
login
Gambar 3.9 DFD Level 2 untuk Proses 2 Login
3. DFD Level 2 untuk Proses 3 Pengolahan Data Users
Diagram alir data pada level 2 proses 3 pengolahan data users seperti gambar 3.10.
Users Admin
Data petugas yang akan ditambah
Info petugas yang telah ditambah Data petugas yang akan ditambah
Data petugas yang telah ditambah
Data petugas yang akan diubah statusnya
Info petugas yang telah diubah statusnya
Data petugas yang telah diubah statusnya
Data petugas yang akan Diubah statusnya
Petugas
Data admin yang akan diubah Info admin yang telah diubah
Data petugas yang akan diubah Info petugas yang telah diubah
Data petugas yang telah diubah Data petugas yang akan diubah
Data admin yang telah diubah Data admin yang akan diubah
Data konsumen yang akan diubah statusnya
Info konsumen yang telah diubah statusnya
3.2 Pengubahan
status users 3.1
Penambahan data users
3.3 Pengubahan
data users
Gambar 3.10 DFD Level 2 untuk Proses 3 Pengolahan Data Users
4. DFD Level 2 Untuk Proses 4 Pengolahan Data Konsumen
Diagram alir data pada level 2 proses 4 pengolahan data konsumen seperti gambar 3.11.
4.1 Pengubahan
data konsumen
4.2 Pengubahan
status konsumen
Konsumen
Konsumen
Petugas Data konsumen
yang akan diubah
Info data konsumen yang telah diubah
Data konsumen yang telah diubah
Data konsumen yang akan diubah
Data data konsumen yang telah diubah statusnya
Data konsumen yang akan diubah statusnya
D ata
kon sume
n yan
g aka
n di
ubah st a
tusny a
Info da
ta kons
ume n
yan g
te la
h di
ubah st a
tusn ya
Gambar 3.11 DFD Level 2 untuk Proses 4 Pengolahan Data Konsumen
5. DFD Level 2 untuk Proses 5 Pengolahan Data Master
Diagram alir data pada level 2 proses 5 pengolahan data master seperti gambar 3.12.
Provinsi Data provinsi yang telah
ditambah,diubah,dihapus Data provinsi yang akan
ditambah diubah,dihapus
Kota Jasa pengiriman
Paket pengiriman
Ongkos pengiriman
Kategori
Satuan Petugas
Data obat yang akan ditambah,diubah,dihapus,dicari Info obat yang telah ditambah,diubah,dihapus,dicari
Data Jasa pengirman yang akan ditambah,diubah,dihapus,dicari Info jasa pengiriman yang telah ditambah,diubah,dihapus,dicari
Data Paket pengiriman yang akan ditambah,diubah,dihapus,dicari Info Paket pengiriman yang telah ditambah,diubah,dihapus,dicari
Data ongkos pengiriman yang akan ditambah,diubah,dihapus,dicari Info ongkos pengiriman yang telah ditambah,diubah,dihapus,dicari
Data kategori yang akan ditambah,diubah,dihapus,dicari Info kategori yang telah ditambah,dIubah,dihapus,dicari
Data satuan yang akan ditambah,diubah,dihapus,dicari Info satuan yang telah ditambah,diubah,dihapus,dicari
Data satuan yang akan ditambah,diubah,dihapus
Data satuan yang telah ditambah,diubah,dihapus
Data kategori yang akan ditambah,diubah,dihapus
Data kategori yang telah ditambah,diubah,dihapus
Data Ongkos pengiriman yang akan ditambah,diubah,dilihat,dihapus
Data ongkos pengiriman yang telah ditambah,diubah,dihapus
Data Paket pengiriman yang akan ditambah,diubah,dihapus
Data paket pengiriman yang telah ditambah,diubah,dihapus
Data Jasa pengiriman yang akan ditambah diubah,dihapus
Data jasa pengiriman yang telah ditambah diubah,dihapus
Da ta
kot a
ya ng
aka n
d itam
ba h,
d iub
ah, d
ih ap
us Data kota yang telah
ditambah,diubah,dihapus Info kota yang telah ditambah,diubah,dihapus
Data kota yang akan ditambah,diubah,dihapus
Data kategori Data provinsi
Data provinsi
Data jasa pengiriman Data jasa pengiriman
Data jasa pengiriman Data jasa pengiriman
Info data kota Data kota
Data provinsi Info provinsi
Data kota Data kota
Data satuan Info obat yang telah ditambah,diubah,dihapus,dicari
Data obat yang akan ditambah,diubah,dihapus,dicari Obat
Data obat yang akan ditambah,diubah,dihapus
Data obat yang telah ditambah,diubah,dihapus
5.8 Pengolahan
data obat 5.7
Pengolahan data satuan
5.6 Pengolahan
data kategori 5.5
Pengolahan data ongkos
pengiriman 5.4
Pengolahan data paket
pengiriman 5.3
Pengolahan data Jasa
pengiriman 5.2
Pengolahan data kota
5.1 Pengolahan
data provinsi Konsumen
Info provinsi
Info kota
Data jasa pengiriman
Info paket pengiriman
Info ongkos pengiriman
Info kategori Info satuan
Info obat
Gambar 3.12 DFD Level 2 untuk Proses 5 Pengolahan Data Master
6. DFD Level 2 untuk Proses 6 Pengolahan Transaksi Penjualan
Diagram alir data pada level 2 proses 6 Pengolahan transaksi penjualan seperti gambar 3.13.
6.2 Ubah alamat
pengiriman 6.3
Pilih paket pengiriman
6.4 Konfirmasi
Pembayaran
6.5 Cetak Label
Pengiriman
6.6 Input No. Resi
Pengiriman
6.7 Ubah Status
pengiriman Konsumen
Info alamat kirim yang diubah Data alamat kirim yang diubah
Data paket pengiriman yang akan dipilih Info paket pengiriman yang telah dipilih
Data konfirmasi pembayaran Info konfirmasi pembayaran
Petugas Data cetak label pengiriman
Info cetak label pengiriman Data input no. resi pengiriman
Info no. resi pengiriman
Data pengiriman yang akan diubah statusnya Info pengiriman yang telah diubah statusnya
Pembelian
Data alamat pengiriman yang diubah Data alamat kirim yang telah diubah
Data paket pengiriman Yang akan dipilih
Data paket pengiriman yang telah dipilih Data pembayaran
Info pembayaran
Data cetak label pengiriman Data cetak label pengiriman
Data no. resi pengiriman Data no. resi pengiriman
Data pengiriman yang akan diubah statusnya Data pengiriman yang telah diubah statusnya
pembayaran Data pembayaran
Data pembayaran Paypal
Data konfirmasi pembayaran Info konfirmasi
pembayaran Ongkos_pengiriman
Data ongkos pengiriman Data ongkos pengiriman
konsumen Data alamat konsumen
Data alamat konsumen
Detil_pembelian Data detil pembelian
6.1 Pengisian
Keranjang Belanja
Web email 6.8
Konfirmasi pengiriman
Data keranjang belanja yang akan ditambah,ubah,hapus
Data keranjang belanja yang telah ditambah,ubah,hapus
Data keranjang belanja yang akan ditambah,ubah,hapus
Info keranjang belanja yang telah ditambah,ubah,hapus
Data konfirmasi pengiriman Info konfirmasi pengiriman
Data konfirmasi pengiriman Info konfirmasi pengiriman
Data pengiriman Info pengiriman
Data konfirmasi pembayaran Info konfirmasi pembayaran
Data detil pembelian Info detil pembelian
Tracking Info No Resi
Data No resi
Gambar 3.13 DFD Level 2 untuk Proses 6 Pengolahan Transaksi Penjualan
7. DFD Level 2 untuk Proses 7 Pengolahan Retur
Diagram alir data pada level 2 proses 7 pengolahan seperti gambar 3.14.
Konsumen Data retur obat yang akan ditambah
Info retur obat yang telah ditambah Retur
Petugas Data retur obat yang
akan ditambah Data retur obat
yang telah ditambah Detil_Pembelian
Data pembelian
Data retur yang akan diubah statusnya
Data retur yang telah diubah statusnya Data retur yang akan diubah statusnya
Info retur yang telah diubah statusnya Detil Retur
Data retur obat yang akan ditambah
Data retur obat yang telah
ditambah Data retur obat yang
akan diubah statusnya Data retur obat yang telah
diubah statusnya
7.3 Lihat retur
Web email Data konfirmasi retur
Info konfirmasi retur
Data retur yang akan dilihat Info detil retur yang telah dilihat
Data retur yang akan dilihat Info detil retur yang telah dilihat
Data detil retur Data detil retur
7.1 Penambahan
retur
7.2 Pengubahan
status retur
Gambar 3.14 DFD Level 2 untuk Proses 7 Pengolahan Retur
8. DFD Level 2 untuk Proses 8 Pengolahan Laporan
Diagram alir data pada level 2 proses 8 Pengolahan Laporan seperti gambar 3.15.
8.1 Cari data
laporan
8.2 Cetak laporan
Petugas Pembelian
Data laporan yang dicari Info laporan yang dicari
Data laporan yang dicari Data laporan yang dicari
Data laporan yang dicetak Data laporan yang dicetak
Obat Data laporan yang dicari
Data laporan yang dicari
Data laporan yang dicetak
Data laporan yang dicetak
Data laporan yang dicetak Info laporan yang dicetak
Detil Pembelian Data laporan yang dicari
Data laporan yang dicari
Data laporan yang dicetak Data laporan yang dicetak
Retur
Detil Retur Data laporan yang dicetak
Data laporan yang dicetak Data laporan yang dicari
Data laporan yang dicari
Data laporan yang dicetak
Data laporan yang dicetak Data laporan yang dicari
Data laporan yang dicari
Gambar 3.15 DFD Level 2 untuk Proses 8 Pengolahan Laporan
9. DFD Level 3 untuk Proses 5.1 Pengolahan Data Provinsi
Diagram alir data pada level 3 proses 5.1 Pengolahan data provinsi seperti gambar 3.16.
5.1.2 Pengubahan
data provinsi
5.1.3 Penghapusan
data provinsi Petugas
Data provinsi yang akan diubah Info provinsi yang telah diubah
Data provinsi yang akan dihapus Info provinsiyang telah dihapus
Provinsi Data provinsi yang akan dihapus
Data provinsi yang telah dihapus Data provinsi yang telah diubah
Data provinsi yang akan diubah 5.1.1
Penambahan data provinsi
Info provinsi yang telah ditambah Data provinsi yang akan ditambah
Data provinsi yang akan ditambah Data provinsi yang telah ditambah
Gambar 3.16 DFD Level 3 untuk Proses 5.1 Pengolahan Data Provinsi
10. DFD Level 3 untuk Proses 5.2 Pengolahan Data Kota
Diagram alir data pada level 3 proses 5.2 pengolahan data kota seperti gambar 3.17.
5.2.2 Pengubahan
data kota
5.2.3 Penghapusan
data kota Petugas
Data kota yang akan diubah Info kota yang telah diubah
Data kota yang akan dihapus Info kota yang telah dihapus
Kota Data kota yang akan dihapus
Data kota yang telah dihapus Data kota yang telah diubah
Data kota yang akan diubah 5.2.1
Penambahan data kota
Info kota yang telah ditambah Data kota yang akan ditambah
Data kota yang akan ditambah Data kota yang telah ditambah
Provinsi Data provinsi
Data provinsi
Data provinsi Data provinsi
Gambar 3.17 DFD Level 3 Proses 5.2 Pengolahan Data Kota
11. DFD Level 3 untuk Proses 5.3 Pengolahan Data Jasa Pengiriman
Diagram alir data pada level 3 proses 5.3 pengolahan data jasa pengiriman seperti gambar 3.18.
5.3.2 Pengubahan
data jasa pengiriman
5.3.3 Penghapusan
data jasa pengiriman
Petugas Data jasa pengiriman yang akan diubah
Info jasa pengiriman yang telah diubah
Data jasa pengiriman yang akan dihapus
Info jasa pengiriman yang telah dihapus
Jasa pengiriman Data jasa pengiriman
yang akan dihapus Data jasa pengiriman
yang telah dihapus Data jasa pengiriman
yang telah diubah Data jasa pengiriman
yang akan diubah 5.3.1
Penambahan data jasa
pengiriman Info jasa pengiriman yang telah ditambah
Data jasa pengiriman yang akan ditambah Data jasa pengiriman
yang telah ditambah Data jasa pengiriman yang akan ditambah
Gambar 3.18 DFD Level 2 untuk Proses 5.3 Pengolahan Data Jasa Pengiriman
12. DFD Level 3 untuk Proses 5.4 Pengolahan Data Paket Pengiriman
Diagram alir data pada level 3 proses 5.4 pengolahan data paket pengiriman seperti gambar 3.19.
Paket pengiriman Data paket pengiriman yang akan diubah
Data paket pengiriman yang telah diubah
Data paket pengiriman yang akan dihapus Info paket pengiriman yang telah diubah
Data paket pengiriman yang akan diubah
Petugas Data paket pengiriman yang akan ditambah
Info paket pengiriman yang telah ditambah Data Jasa pengiriman
Data jasa pengiriman Data jasa pengiriman
Info paket pengiriman yang telah dihapus Data jasa pengiriman
Jasa pengiriman Data paket pengiriman yang akan ditambah
Data paket pengiriman yang telah ditambah
Data paket pengiriman yang akan dihapus Data paket pengiriman yang telah dihapus
5.4.1 Penambahan
data paket pengiriman
5.4.2 Pengubahan
data paket pengiriman
5.4.3 Penghapusan
data paket pengiriman
Gambar 3.19 DFD Level 3 untuk Proses 5.4 Pengolahan Data Paket Pengiriman
13. DFD Level 3 untuk Proses 5.5 Pengolahan Data Ongkos Pengiriman
Diagram alir data pada level 3 proses 5.5 pengolahan data ongkos pengiriman seperti gambar 3.20.
5.5.2 Pengubahan
data ongkos pengiriman
5.5.3 Penghapusan
data ongkos kirim Ongkos pengiriman
Data ongkos pengiriman yang akan diubah Data ongkos pengiriman yang telah diubah
Data ongkos pengiriman yang akan dihapus Info ongkos pengiriman yang telah diubah
Data ongkos pengiriman yang akan diubah Kota
5.5.1 Penambahan
Data ongkos pengiriman
Petugas Data ongkos pengiriman yang akan ditambah
Info ongkos pengiriman yang telah ditambah Data Jasa pengiriman
Data jasa pengiriman Data jasa pengiriman
Info ongkos pengiriman yang telah dihapus Data jasa pengiriman
Jasa pengiriman Data kota
Data ongkos pengiriman yang akan ditambah Data ongkos pengiriman yang telah ditambah
Data kota
Data ongkos pengiriman yang akan dihapus Data ongkos pengiriman yang telah dihapus
Provinsi Data Provinsi
Data provinsi
Gambar DFD 3.20 Level 3 untuk Proses 5.5 Pengolahan Data Ongkos Pengiriman
14. DFD Level 3 untuk Proses 5.6 Pengolahan Data Kategori
Diagram alir data pada level 3 proses 5.6 pengolahan data ongkos kategori seperti gambar 3.21.
5.6.2 Pengubahan
data kategori
5.6.3 Penghapusan
data kategori Petugas
Data kategori yang akan diubah Info kategori yang telah diubah
Data kategori yang akan dihapus Info kategori yang telah dihapus
Kategori Data kategori yang akan dihapus
Data kategori yang telah dihapus Data kategori yang telah diubah
Data kategori yang akan diubah 5.6.1
Penambahan data kategori
Info kategori yang telah tambah Data kategori yang akan tambah
Data kategori yang telah tambah Data kategori yang akan tambah
Gambar DFD 3.21 Level 3 untuk Proses 5.6 Pengolahan Data Kategori
15. DFD Level 3 Untuk Proses 5.7 Pengolahan Data Satuan
Diagram alir data pada level 3 proses 5.7 pengolahan data satuan seperti gambar 3.22.
5.7.2 Pengubahan
data satuan
5.7.3 Penghapusan
data satuan Petugas
Data satuan yang akan diubah Info satuan yang telah diubah
Data satuan yang akan dihapus Info satuan yang telah dihapus
Satuan Data satuan yang akan dihapus
Data satuan yang telah diubah Data satuan yang akan diubah
5.7.1 Penambahan
data satuan Info satuan yang telah tambah
Data satuan yang akan tambah Data satuan yang telah tambah
Data satuan yang akan tambah
Data satuan yang telah dihapus
Gambar DFD 3.22 Level 3 untuk Proses 5.7 Pengolahan Data Satuan
16. DFD Level 3 untuk Proses 5.8 Pengolahan Data Obat
Diagram alir data pada level 3 proses 5.8 pengolahan data obat seperti gambar 3.23.
5.8.2 Pengubahan data
obat
5.8.3 Penghapusan
data obat Petugas
Data obat yang akan diubah Info obat yang telah diubah
Data obat yang akan dihapus Info obat yang telah dihapus
Obat Data obat yang akan dihapus
Data obat yang telah dihapus Data obat yang telah diubah
Data obat yang akan diubah 5.8.1
Penambahan data obat
Info obat yang telah ditambah Data obat yang akan ditambah
Data obat yang telah ditambah Data obat yang akan ditambah
Kategori Data kategori
Data kategori
Data kategori
Data kategori Satuan
Data satuan Data satuan
Data satuan Data satuan
Gambar DFD 3.23 Level 3 untuk Proses 5.8 Pengolahan Data Obat
17. DFD Level 3 untuk Proses 6.1 Pengolahan Keranjang Belanja
Diagram alir data pada level 3 proses 6.1 pengolahan keranjang belanja seperti gambar 3.24.
Konsumen Data keranjang belanja yang akan ditambah
Info keranjang belanja yang telah ditambah
6.1.1 Tambah
keranjang belanja
Pembelian 6.1.2
Ubah keranjang belanja
6.1.3 Hapus keranjang
belanja Data Keranjang belanja
yang akan diubah
Info Keranjang belanja yang telah diubah
Data keranjang belanja yang akan dihapus
Info keranjang belanja yang telah dihapus
Data keranjang belanja yang akan ditambah Data keranjang belanja
yang telah ditambah
Data Keranjang belanja yang akan diubah
Data Keranjang belanja yang telah diubah
Data keranjang belanja yang akan dihapus
Data keranjang belanja yang telah dihapus
Gambar DFD 3.24 Level 3 untuk Proses 6.1 Pengolahan Keranjang Belanja
3.1.7 Spesifikasi Proses
Spesifikasi proses digunakan untuk menggambarkan proses model aliran yang terdapat pada DFD. Spesifikasi proses dari gambaran DFD diatas akan
dijelaskan pada tabel 3.3.
Tabel 3.3 Spesifikasi Proses
No. Detail
Keterangan
1. No. Proses
1 Nama proses
Pendaftaran Deskripsi
Pendaftaran data konsumen Source
Pengunjung Input
Data pendaftaran Output
Info pendaftaran Destination
Pengunjung
No. Detail
Keterangan
Logika proses
1. Pengunjung mengisi data konsumen pada form pendaftaran.
2. Apabila pengisian data pendaftaran ada data yang sama maka sistem akan menampilkan data sudah
terdaftar. 3. Apabila pengisian data ada yang masih kosong maka
sistem akan menampilkan data tidak boleh kosong. 4. Apabila
data pendaftaran
valid, sistem
akan menampilkan pesan bahwa pendaftaran berhasil dan
pengunjung harus
melakukan aktifasi
untuk mengaktifkan akun.
5. Apabila data tidak valid, sistem akan menampilkan pesan kesalahan dan pengunjung diminta untuk
memasukkan data member kembali kedalam form pendaftaran.
2. No. Proses
2 Nama proses
Login Deskripsi
Verifikasi data login admin, petugas dan konsumen Source
Admin, petugas, konsumen Input
Data login users dan data login konsumen Output
Info login invalid Destination
Admin, petugas dan konsumen Logika
proses 1. Pengguna
admin, petugas
dan konsumen
memasukkan data login pada form login. 2. Apabila data login masih kosong maka sistem akan
menampilkan tampilan “tidak boleh kosong”. 3. Apabila data login valid, sistem akan menampilkan
halaman akun user untuk admin dan petugas, sedangkan untuk konsumen sistem akan menampilkan
halaman akun konsumen.
4. Apabila data login tidak valid, sistem akan menampilkan pesan kesalahan dan meminta pengguna
admin, petugas dan konsumen untuk memasukan kembali data login pada form login.
3. No. Proses
3
No. Detail
Keterangan
Nama proses Pengolahan data users
Deskripsi Menampilkan menu pengolahan data users
Source Petugas, admin
Input Data petugas yang akan ditambah, diubah statusnya
Output Info petugas yang telah ditambah, diubah statusnya
Destination Petugas, admin
Logika proses
1. Pengguna memilih menu pengolahan data users 2. Sistem akan menampilkan data users
3. Apabila data yang dimasukkan masih kosong maka tampil “tidak boleh kosong”.
4. Apabila data yang dimasukkan sama maka sistem akan menampilkan “sudah terdaftar”.
5. Pengguna melakukan pengolahan data users ubah, tambah, ubah status
6. Sistem akan menampilkan data users yang telah diubah, ditambah, diubah statusnya
4. No. Proses
4 Nama proses
Pengolahan data konsumen Deskripsi
Menampilkan menu pengolahan data konsumen Source
Petugas, konsumenn Input
Data konsumen yang akan diubah statusnya, Data konsumen yang akan diubah
Output Info konsumen yang telah diubah statusnya, Info
konsumen yang telah diubah Destination
Konsumen Logika
Proses 1. Petugas memilih menu konsumen
2. Konsumen memilih menu akun saya 3. Petugas melakukan ubah status konsume
4. Konsumen melakukan perubahan data akun 5. Sistem akan menampilkan data konsumen yang telah
diubah statusnya 6. Sistem akan menampilkan data akun konsumen yang
telah diubah
No. Detail
Keterangan
5. Logika
proses 5
Nama proses Pengolahan Data Master
Deskripsi Menampilkan menu untuk melakukan pengolahan data
master data konsumen, data provinsi, kota, jasa pengiriman, paket pengiriman, ongkos pengiriman,
kategori, satuan,obat Source
Petugas Input
Data konsumen yang akan diubah statusnya, data provinsi yang akan ditambah, diubah, dihapus, data kota yang akan
ditambah, diubah, dihapus, data jasa pengiriman yang akan ditambah, diubah, dihapus, data paket pengiriman
yang akan ditambah, diubah, dihapus, data ongkos pengiriman yang akan ditambah diubah, dihapus, data
kategori yng akan ditambah, diubah, dihapus, data satuan yang akan ditambah, diubah, dihapus, data obat yang akan
ditambah, diubah, dihapus Output
Info konsumen yang telah diubah statusnya, Info provinsi yang telah ditambah, diubah, dihapus, info kota ditambah,
diubah, dihapus, Info jasa pengiriman yang telah ditambah, diubah, dihapus, Info paket pengiriman yang
telah ditambah, diubah, dihapus, Info ongkos pengiriman
No. Detail
Keterangan
yang telah ditambah, diubah, dihapus, Info kategori yang telah ditambah, diubah, dihapus, info satuan yang telah
ditambah, diubah, dihapus , info obat yang telah ditambah, diubah, dihapus
Destination Petugas, konsumen, pengunjung
Logika proses
1. Pengguna memilih menu pengolahan data master 2. Pengguna melakukan proses tambah, ubah, hapus pada
form pengolahan data master 3. Apabila data yang dimasukkan sama maka sistem akan
menampilkan “sudah terdaftar”. 4. Apabila data yang dimasukkan kosong maka sistem
akan menampilkan “tidak boleh kosong”. 5. Sistem akan menampilkan data master telah ditambah,
diubah dan dihapus. 6.
No. Proses 6
Nama proses Pengolahan Transaksi Penjualan
Deskripsi Proses transaksi obat
Source Konsumen dan petugas
Input Data keranjang belanja yang akan ditambah, diubah,
dihapus, data detil pembelian yang akan dilihat, data pembayaran, data pengiriman, Data detil pembelian yang
dilihat, Data pengiriman yang akan diubah statusnya, data konfirmasi pembayaran.
Output info keranjang belanja yang telah ditambah, diubah,
dihapus, info pembelian yang telah dilihat, info pembayaran, info pengiriman, info detil pembelian yang
No. Detail
Keterangan
dilihat, info pengiriman yang telah diubah statusnya, info konfirmasi pembayaran.
Destination Konsumen dan petugas
Logika proses
1. Konsumen memasukan data pembelian melalui menu yang disediakan
2. Sistem menampilkan data pembelian 3. Konsumen bisa melakukan proses tambah, ubah, hapus
data pembelian. 4. Konsumen melakukan pembayaran.
5. Petugas mengelola
status pembayaran,
status pengiriman.
7. No. Proses
7 Nama proses
Pengolahan retur Deskripsi
Proses pengolahan data retur obat Source
Konsumen dan petugas Input
Data retur obat yang akan ditambah, data pembelian, data retur yang akan diubah statusnya
Output Info retur obat yang telah ditambah, info pembelian, info
retur yang telah diubah statusnya Destination
Konsumen dan petugas Logika
proses 1. Konsumen mengisi data obat yg ingin diretur
2. Apabila data obat yang ingin diretur tersedia maka sistem akan menampilkan tampilan data retur akan
diganti dengan produk yang sama. 3. Apabila data obat yang diingin diretur tidak ada maka
sistem akan menampilkan tampilan retur produk akan diganti dengan uang pembelian penuh.
4. Petugas merubah status retur obat 8.
No. Proses 8
Nama proses Pengolahan Laporan
No. Detail
Keterangan
Deskripsi Membuat laporan obat,pembelian dan retur
Source Petugas
Input Data laporan obat, Data pembelian, data detail pembelian,
data retur yang akan dicari, dicetak Output
Info laporan yang dicari Info laporan yang telah dicetak
Destination Petugas
Logika proses
1. Petugas mencari data laporan yang akan dicari 2. Petugas mencetak laporan yang telah dicari
9. No. Proses
9 Nama proses
Pencarian Deskripsi
Menampilkan pencarian produk obat Source
Konsumen Input
Data produk, Data kategori Output
Data produk, Data kategori Destination
Konsumen Logika
proses 1. Konsumen mencari dan memilih produk obat.
2. Sistem akan menampilkan tampilan produk obat
10. No. Proses
10 Nama Proses
Penyajian Informasi Kategori Produk Deskripsi
Menampilkan kategori produk
No. Detail
Keterangan
Source Konsumen
Input Data kategori
Output Data kategori
Destination konsumen
Logika proses
Konsumen melakukan pemilihan kategori produk
11. No. Proses
11 Nama Proses
Penyajian informasi keranjang belanja Deskripsi
Menampilkan keranjang belanja Source
Pengunjung Input
Data pembelian Output
Data Pembelian, data obat Destination
Pengunjung Logika
proses 1. Pengunjung melakukan proses pembelian tanpa login
2. Sistem aka
n menampilkan “harus login atau melakukan pendaftaran terlebih dahulu”
12 No. Proses
1.1 Nama proses
Pemasukkan data pendaftaran Deskripsi
Memasukkan data pendaftaran konsumen Source
Pengunjung Input
Data pendaftaran Output
Info data registrasi
No. Detail
Keterangan
Destination Pengunjung
Logika proses
1. Pengunjung memasukan data pendaftaran
2. Apabila data pendaftaran valid, sistem
akan menampilkan pesan bahwa pendaftaran berhasil dan pengunjung harus melakukan aktifasi
untuk mengaktifkan akun.
3. Apabila
tidak valid,
sistem akan
menampilkan pesan kesalahan dan pengunjung diminta untuk mengisi kembali form pendaftaran.
13. No. Proses
1.2 Nama proses
Pengaktifan akun Deskripsi
Melakukan aktifasi akun Source
Pengunjung, Web email Input
Data registrasi, data web email Output
Data login konsumen, info aktifasi, info data konfirmasi Destination
Pengunjung Logika
proses 1. Pengunjung membuka email dan memilih tautan
yang tersedia untuk melakukan aktifasi. 2. Sistem akan mengaktifkan akun konsumen dan
masuk ke halaman pemesan 14.
No.Proses 2.1
Nama Proses Pengisian data login
Deskripsi Mengisi data login yang sudah terdaftar
Source Admin,Petugas,Konsumen
Input Data Username, password, data email
Output Info login invalid
Destination Admin,Petugas,Konsumen
No. Detail
Keterangan
Logika Proses
1. Pengguna memasukkan data login 2. Jika login berhasil maka akan lanjut ke proses
berikutnya 3. Jika tidak sesuai maka akan menampilkan pesan
login gagal 15.
No.Proses 2.2
Nama Proses Verifikasi data isian login
Deskripsi Memverifikasi data isian login yang diinput
Source Admin,Petugas,Konsumen
Input Data username, password, data email
Output Info login invalid
Logika Proses
1. Jika username, email, password, sesuai maka akan lanjut ke proses berikutnya
2. Jika tidak sesuai maka akan menampilkan pesan login gagal
16. No. Proses
3.1 Nama proses
Tambah data users Deskripsi
Menambah data petugas Source
Admin Input
Data petugas yang akan diitambah Output
Info petugas yang telah ditambah Destination
Petugas Logika
proses 1. Admin memilih menu data petugas
2. Admin mengisi form tambah petugas 3. Sistem akan menampilkan petugas yang telah
ditambah
No. Detail
Keterangan
17. No. Proses
3.2 Nama proses
Ubah status users Deskripsi
Merubah status petugas Source
Admin,Petugas Input
Data petugas yang akan diubah statusnya. Output
Info petugas yang telah diubah statusnya. Destination
Petugas Logika
proses 1. Admin memilih ikon ubah status kemudian
merubah 2. Sistem menampilkan status petugas yang telah
diubah statusnya 18.
No. Proses 3.3
Nama proses Ubah data users
Deskripsi Merubah data Admin,petugas
Source Admin,petugas
Input Data admin yang akan diubah
Data petugas yang akan diubah Output
Info admin yang telah diubah Info petugas yang telah diubah
Destination Admin,petugas
Logika proses
1. Admin,petugas memilih menu ubah untuk mengisi form perubahan data akun
2. Sistem menampilkan data admin,petugas yang telah diubah
19. No. Proses
4.1
No. Detail
Keterangan
Nama proses Ubah Data Konsumen
Deskripsi Mengubah data konsumen
Source Konsumen
Input Data konsumen yang akan diubah
Output Info konsumen yang telah diubah
Destination Konsumen
Logika proses
1. Konsumen memilih menu akun saya untuk mengubah data pribadi dan ubah password
2. Sistem menampilkan data konsumen yang telah diubah
20. No. Proses
4.2 Nama proses
Ubah status konsumen Deskripsi
Mengubah status konsumen Source
Petugas Input
Data konsumen yang akan diubah statusnya Output
Info konsumen yang telah diubah statusnya Destination
Konsumen Logika
proses 1. Petugas
memilih menu
konsumen untuk
melakukan pengubahan status konsumen 2. Sistem akan menampilkan data konsumen yang
telah diubah statusnya 21.
No. Proses 5.1
Nama proses Pengolahan data provinsi
Deskripsi Menampilkan menu pengolahan provinsi
Source Petugas
No. Detail
Keterangan
Input Data provinsi yang akan ditambah, diubah, dihapus
Output Info provinsi yang telah ditambah, diubah, dihapus
Destination Petugas
Logika proses
1. Petugas memilih menu data provinsi 2. Sistem akan menampilkan data provinsi
3. Petugas melakukan pengolahan data provinsi
tambah, ubah, hapus 4. Sistem akan menampilkan data provinsi yang telah
ditambah, diubah, hapus 22.
No. Proses 5.2
Nama proses Pengolahan data kota
Deskripsi Menampilkan menu pengolahan data kota
Source Petugas
Input Data kota yang akan ditambah, diubah, dihapus
Output Info kota yang telah ditambah, diubah, dihapus
Destination Petugas
Logika proses
1. Petugas memilih menu data kota 2. Sistem akan menampilkan data kota
3. Petugas melakukan pengolahan data kota tambah,
ubah, hapus 4. Sistem akan menampilkan data kota yang telah
ditambah, diubah, hapus 23.
No. Proses 5.3
Nama proses Pengolahan data jasa pengiriman
Deskripsi Menampilkan menu pengolahan data pengiriman
Source Petugas
Input Data jasa pengiriman yang akan ditambah, diubah,
No. Detail
Keterangan
dihapus Output
Info jasa pengiriman yang telah ditambah, diubah, dihapus
Destination Petugas
Logika proses
1. Petugas memilih menu pengolahan data jasa pengiriman
2. Sistem akan menampilkan data jasa pengiriman 3. Petugas
melakukan pengolahan
data jasa
pengiriman tambah, ubah, hapus 4. Sistem akan menampilkan data jasa pengiriman
yang telah ditambah, diubah, hapus 24.
No. Proses 5.4
Nama proses Pengolahan data paket pengiriman
Deskripsi Menampilkan menu pengolahan data paket pengiriman
Source Petugas
Input Data paket pengiriman yang akan ditambah, diubah,
dihapus Output
Info paket pengiriman yang telah ditambah, diubah, dihapus
Destination Petugas
Logika proses
1. Petugas memilih menu data paket pengiriman 2. Sistem akan menampilkan data paket pengiriman
3. Petugas melakukan pengolahan data paket
pengiriman tambah, ubah, hapus 4. Sistem akan menampilkan data paket pengiriman
yang telah ditambah, diubah, hapus 25.
No. Proses 5.5
Nama proses Pengolahan data ongkos pengiriman
No. Detail
Keterangan
Deskripsi Menampilkan menu pengolahan data ongkos pengiriman
Source Petugas
Input Data ongkos pengiriman yang akan ditambah, diubah,
dihapus Output
Info ongkos pengiriman yang telah ditambah, diubah, dihapus
Destination Petugas
Logika proses
1. Petugas memilih menu pengolahan data ongkos pengiriman
2. Sistem akan menampilkan data ongkos pengiriman 3. Petugas melakukan pengolahan data ongkos
pengiriman tambah, ubah, hapus 4. Sistem akan menampilkan data ongkos pengiriman
yang telah ditambah, diubah, hapus 26.
No. Proses 5.6
Nama proses Pengolahan data kategori
Deskripsi Menampilkan menu pengolahan data kategori
Source Petugas
Input Data kategori yang akan ditambah, diubah, dihapus
Output Info kategori yang telah ditambah, diubah, dihapus
Destination Petugas
Logika proses
1. Petugas memilih menu pengolahan data kategori 2. Sistem akan menampilkan data kategori
3. Petugas melakukan pengolahan data kategori
tambah, ubah, hapus 4. Sistem akan menampilkan data kategori yang telah
ditambah, diubah, hapus 27.
No. Proses 5.7
No. Detail
Keterangan
Nama proses Pengolahan data satuan
Deskripsi Menampilkan menu pengolahan data satuan
Source Petugas
Input Data satuan yang akan ditambah, diubah, dihapus
Output Info satuan yang telah ditambah, diubah, dihapus
Destination Petugas
Logika proses
1. Petugas memilih menu pengolahan data satuan 2. Sistem akan menampilkan data satuan
3. Petugas melakukan pengolahan data satuan
tambah, ubah, hapus 4. Sistem akan menampilkan data satuan yang telah
ditambah, diubah, hapus 28.
No. Proses 5.8
Nama proses Pengolahan data obat
Deskripsi Menampilkan menu pengolahan data obat
Source Petugas
Input Data obat yang akan ditambah, diubah, dihapus
Output Info obat yang telah ditambah, diubah, dihapus
Destination Petugas
Logika proses
1. Petugas memilih menu pengolahan data obat 2. Sistem akan menampilkan data obat
3. Petugas melakukan pengolahan data obat tambah,
ubah, hapus 4. Sistem akan menampilkan data obat yang telah
ditambah, diubah, hapus 29.
No. Proses 6.1
Nama proses Input keranjang belanja
No. Detail
Keterangan
Deskripsi Menambah, mengubah, menghapus data keranjang
belanja Source
Konsumen Input
Data keranjang belanja yang akan ditambah Output
Info keranjang belanja yang telah ditambah Destination
Konsumen Logika
proses 1. Konsumen menambah, mengubah, menghapus
data pembelian pada keranjang belanja 2. Sistem akan menampilkan data keranjang belanja
yang telah ditambah, diubah, dihapus 30.
No. Proses 6.2
Nama proses Ubah alamat pengiriman
Deskripsi Merubah data alamat pengiriman
Source Konsumen
Input Data alamat kirim yang akan diubah
Output Info alamat kirim yang telah diubah
Destination Konsumen
Logika proses
1. Konsumen mengubah data alamat kirim 2. Sistem akan menampilkan alamat kirim yang telah
diubah 31.
No. Proses 6.3
Nama proses Pilih paket pengiriman
Deskripsi Memilih paket pengiriman
Source Konsumen
No. Detail
Keterangan
Input Data paket pengiriman yang akan dipilih
Output Info paket pengiriman yang telah dipilih
Destination Konsumen
Logika proses
1. Konsumen memilih menu paket pengiriman 2. Sistem akan menampilkan paket pengiriman yang
telah dipilih 32.
No. Proses 6.4
Nama proses Konfirmasi pembayaran
Deskripsi Melakukan konfirmasi pembayaran
Source Konsumen, Paypal, Web email
Input Data konfirmasi pembayaran
Output Info konfirmasi pembayaran
Destination Konsumen dan petugas
Logika proses
1. Konsumen memilih menu bayar dan kemudian mengisi data pembayaran dan kofirmasi cara
pembayaran 2. Sistem akan menampilkan data konfirmasi
pembayaran 33.
No. Proses 6.5
Nama proses Cetak label pengiriman
Deskripsi Melakukan cetak label pengiriman
Source Petugas
Input Data cetak label pengiriman
Output Info cetak label pengiriman
Destination Petugas, konsumen
No. Detail
Keterangan
Logika proses
1. Petugas memilih cetak label pengiriman 2. Sistem akan menampilkan cetak label pengiriman
34. No. Proses
6.6 Nama proses
Input No resi pengiriman Deskripsi
Menginput no resi pengiriman Source
Petugas Input
Data input no resi pengiriman Output
Info resi no pengiriman Destination
Petugas, konsumen Logika
proses 1. Petugas menginput no resi pengiriman
2. Sistem akan menampilkan no resi pengiriman yang telah diinput
35. No. Proses
6.7 Nama proses
Ubah status pengiriman Deskripsi
Mengubah status pengiriman Source
Petugas Input
Data pengiriman yang akan diubah statusnya Output
Info pengiriman yang telah diubah statusnya Destination
Petugas Logika
Proses 1. Petugas mengubah status pengiriman
2. Sistem akan menampilkan status pengiriman yang telah diubah
36. No. proses
6.8
No. Detail
Keterangan
Nama proses Konfirmasi pengiriman
Deskripsi Melakukan konfirmasi pengiriman
Source Konsumen
Input Data konfirmasi pengiriman
Output Info konfirmasi pengiriman
Destination Konsumen, Petugas
Logika proses
1. Konsumen memeriksa data pengiriman dan kemudian kofirmasi cara pengiriman
2. Petugas memeriksa data pengiriman yang sudah masuk
3. Sistem akan menampilkan data konfirmasi pengiriman
37. No. Proses
7.1 Nama proses
Tambah Retur Deskripsi
Menambah retur obat Source
Konsumen Input
Data retur obat yang akan ditambah Output
Info retur obat yang telah ditambah Destination
Konsumen Logika
proses 1. Konsumen memilih menu retur
2. Sistem akan menampilkan retur yang telah ditambah
38. No. Proses
7.2 Nama proses
Ubah status retur Deskripsi
Merubah status retur
No. Detail
Keterangan
Source Petugas
Input Data retur yang akan diubah statusnya
Output Info retur yang telah diubah statusnya
Destination Petugas
Logika proses
1. Petugas melakukan perubahan status retur 2. Sistem menampilkan data retur yg telah diubah
statusnya 39.
No. Proses 7.3
Nama Proses Lihat Retur
Deskripsi Melihat data retur
Source Konsumen,Petugas
Input Data retur yang akan dilihat
Output Info retur yang telah dilihat
Destination Konsumen,Petugas
Logika Proses
1. Konsumen melihat data retur
2. Petugas melihat data retur
3. Sistem menampilkan data retur
40. No. Proses
8.1 Nama proses
Cari data laporan Deskripsi
Mencari data laporan Source
Petugas Input
Data laporan yang akan dicari Output
Info laporan yang telah dicari
No. Detail
Keterangan
Destination Petugas
Logika proses
1. Petugas memilih menu laporan untuk mencari data laporan yang ingin dicari
2. Sistem akan menampilkan data laporan yang telah dicari
41. No. Proses
8.2 Nama proses
Cetak data laporan Deskripsi
Mencetak data laporan Source
Petugas Input
Data laporan yang akan dicetak Output
Info laporan yang telah dicetak Destination
Petugas Logika
proses 1. Petugas memilih menu laporan untuk mencari data
laporan yang ingin dicetak 2. Sistem akan menampilkan data laporan yang akan
dicetak dan konfirmasi cetak 42.
No. Proses 5.1.1
Nama proses Tambah provinsi
Deskripsi Menambah data provinsi
Source Petugas
Input Data provinsi yang akan ditambah
Output Info provinsi yang telah ditambah
Destination Petugas
Logika proses
1. Petugas memilih menu data provinsi untuk menambah data provinsi
No. Detail
Keterangan
43. No. Proses
5.1.2 Nama proses
Ubah provinsi Deskripsi
Mengubah data provinsi Source
Petugas Input
Data provinsi yang akan diubah Output
Info provinsi yang telah diubah Destination
Petugas Logika
proses 1. Petugas memilih menu data provinsi
2. Petugas mengisi form ubah provinsi 3. Sistem akan menampilkan provinsi yang telah
diubah 44.
No. Proses 5.1.3
Nama proses Hapus provinsi
Deskripsi Menghapus data provinsi
Source Petugas
Input Data provinsi yang akan dihapus
Output Info provinsi yang telah dihapus
Destination Petugas
Logika proses
1. Petugas memilih form hapus data provinsi 2. Sistem akan menampilkan provinsi yang telah
dihapus 45.
No. Proses 5.2.1
Nama proses Tambah kota
Deskripsi Menambah data kota
No. Detail
Keterangan
Source Petugas
Input Data kota yang akan ditambah
Output Info kota yang telah ditambah
Destination Petugas
Logika proses
1. Petugas memilih menu data kota 2. Petugas menambah data kota
3. Sistem akan menampilkan kota yang telah
ditambah 46.
No. Proses 5.2.2
Nama proses Ubah kota
Deskripsi Mengubah data kota
Source Petugas
Input Data kota yang akan diubah
Output Info kota yang telah diubah
Destination Petugas
Logika proses
1. Petugas memilih menu data kota
2. Petugas mengisi form ubah kota
3. Sistem akan menampilkan data kota yang
telah diubah 47.
No. Proses 5.2.3
Nama proses Hapus kota
Deskripsi Menghapus data kota
Source Petugas
Input Data kota yang akan dihapus
Output Info kota yang telah dihapus
No. Detail
Keterangan
Destination Petugas
Logika proses
1. Petugas memilih form hapus data kota 2. Sistem akan menampilkan kota yang telah dihapus
48. No. Proses
5.3.1 Nama proses
Tambah jasa pengiriman Deskripsi
Menambah data jasa pengiriman Source
Petugas Input
Data jasa pengiriman yang akan ditambah Output
Info jasa pengiriman yang telah ditambah Destination
Petugas Logika
proses 1. Petugas memilih menu data jasa pengiriman
2. Petugas mengisi form tambah jasa pengiriman 3. Sistem akan menampilkan jasa pengiriman yang
telah ditambah 49.
No. Proses 5.3.2
Nama proses Ubah Jasa pengiriman
Deskripsi Mengubah data jasa pengiriman
Source Petugas
Input Data jasa pengiriman yang akan diubah
Output Info jasa pengiriman yang telah diubah
Destination Petugas
Logika proses
1. Petugas memilih menu data jasa pengiriman 2. Petugas mengisi form ubah data jasa pengiriman
3. Sistem akan menampilkan jasa pengiriman yang
telah diubah
No. Detail
Keterangan
50. No. Proses
5.3.3 Nama proses
Hapus jasa pengiriman Deskripsi
Menghapus data jasa pengiriman Source
Petugas Input
Data jasa pengiriman yang akan dihapus Output
Info jasa pengiriman yang telah dihapus Destination
Petugas Logika
proses 1. Petugas menghapus data jasa pengiriman
2. Sistem akan menampilkan jasa pengiriman yang telah dihapus
51. No. Proses
5.4.1 Nama proses
Tambah paket pengiriman Deskripsi
Menambah paket pengiriman Source
Petugas Input
Data paket pengiriman yang akan ditambah Output
Info paket pengiriman yang telah ditambah Destination
Petugas Logika
proses 1. Petugas memilih menu data paket pengiriman
2. Petugas mengisi form tambah paket pengiriman 3. Sistem akan menampilkan data paket pengiriman
yang telah ditambah 52.
No. Proses 5.4.2
Nama proses Ubah paket pengiriman
Deskripsi Mengubah data paket pengiriman
No. Detail
Keterangan
Source Petugas
Input Data paket pengiriman yang akan diubah
Output Info paket pengiriman yang telah diubah
Destination Petugas
Logika proses
1. Petugas memilih menu data paket pengiriman 2. Petugas mengisi form ubah data paket pengiriman
3. Sistem akan menampilkan paket pengiriman yang
telah diubah 53.
No. Proses 5.4.3
Nama proses Hapus paket pengiriman
Deskripsi Menghapus paket pengiriman
Source Petugas
Input Data paket pengiriman yang akan dihapus
Output Info paket pengiriman yang telah dihapus
Destination Petugas
Logika proses
1. Petugas menghapus data paket pengiriman 2. Sistem akan menampilkan paket pengiriman yang
telah dihapus 54.
No. Proses 5.5.1
Nama proses Tambah ongkos pengiriman
Deskripsi Menambah ongkos pengiriman
Source Petugas
Input Data ongkos pengiriman yang akan ditambah
Output Info ongkos pengiriman yang telah ditambah
No. Detail
Keterangan
Destination Petugas
Logika proses
1. Petugas memilih menu data ongkos pengiriman 2. Petugas mengisi form tambah data ongkos
pengiriman 3. Sistem akan menampilkan data ongkos pengiriman
yang telah ditambah 55.
No. Proses 5.5.2
Nama proses Ubah ongkos pengiriman
Deskripsi Mengubah data ongkos pengiriman
Source Petugas
Input Data ongkos pengiriman yang akan diubah
Output Info ongkos pengiriman yang telah diubah
Destination Petugas
Logika proses
1. Petugas memilih menu data ongkos pengiriman 2. Petugas mengisi form ubah ongkos pengiriman
3. Sistem akan menampilkan data ongkos pengiriman
yang telah diubah 56.
No. Proses 5.5.3
Nama proses Hapus ongkos pengiriman
Deskripsi Menghapus ongkos pengiriman
Source Petugas
Input Data ongkos pengiriman yang akan dihapus
Output Info ongkos pengiriman yang telah dihapus
Destination Petugas
Logika proses
1. Petugas menghapus data ongkos pengiriman 2. Sistem akan menampilkan ongkos pengiriman
yang telah dihapus
No. Detail
Keterangan
57. No. Proses
5.6.1 Nama proses
Tambah kategori Deskripsi
Menambah data kategori Source
Petugas Input
Data kategori yang akan ditambah Output
Info kategori yang telah ditambah Destination
Petugas Logika
proses 1. Petugas memilih menu data kategori
2. Petugas mengisi form tambah data kategori 3. Sistem akan menampilkan data kategori yang telah
ditambah 58.
No. Proses 5.6.2
Nama proses Ubah kategori
Deskripsi Mengubah data kategori
Source Petugas
Input Data kategori yang akan diubah
Output Info kategori yang telah diubah
Destination Petugas
Logika proses
1. Petugas memilih menu data kategori 2. Petugas mengisi form ubah kategori
3. Sistem akan menampilkan katgeori yang telah
diiubah 59.
No. Proses 5.6.3
Nama proses Hapus kategori
Deskripsi Menghapus data kategori
No. Detail
Keterangan
Source Petugas
Input Data kategori yang akan dihapus
Output Info kategori yang telah dihapus
Destination Petugas
Logika proses
1. Petugas menghapus data kategori 2. Sistem akan menampilkan kategori yang telah
dihapus 60.
No. Proses 5.7.1
Nama proses Tambah satuan
Deskripsi Menambah data satuan
Source Petugas
Input Data satuan yang akan ditambah
Output Info satuan yang telah ditambah
Destination Petugas
Logika proses
1. Petugas memilih menu data satuan 2. Petugas mengisi form tambah data satuan
3. Sistem akan menampilkan data satuan yang telah
ditambah 61.
No. Proses 5.7.2
Nama proses Ubah data satuan
Deskripsi Mengubah data satuan
Source Petugas
Input Data satuan yang akan diubah
Output Info satuan yang telah diubah
No. Detail
Keterangan
Destination Petugas
Logika proses
1. Petugas mengubah data satuan 2. Sistem akan menampilkan data satuan yang telah
diubah 62.
No. Proses 5.7.3
Nama proses Hapus data satuan
Deskripsi Menghapus data satuan
Source Petugas
Input Data satuan yang akan dihapus
Output Info satuan yang telah dihapus
Destination Petugas
Logika proses
1. Petugas menghapus data satuan 2. Sistem akan menampilkan satuan yang telah
dihapus 63.
No. Proses 5.8.1
Nama proses Tambah obat
Deskripsi Menambah data obat
Source Petugas
Input Data obat yang akan ditambah
Output Info obat yang telah ditambah
Destination Petugas
Logika proses
1. Petugas memilih menu data obat 2. Petugas mengisi form tambah data obat
3. Sistem akan menampilkan data obat telah
ditambah
No. Detail
Keterangan
64. No. Proses
5.8.2 Nama proses
Ubah data obat Deskripsi
Mengubah data obat Source
Petugas Input
Data obat yang akan diubah Output
Info obat yang telah diubah Destination
Petugas Logika
proses 1. Petugas memilih menu data obat
2. Petugas mengisi form ubah obat 3. Sistem akan menampilkan data obat yang telah
diubah 65.
No. Proses 5.8.3
Nama proses Hapus data obat
Deskripsi Menghapus data obat
Source Petugas
Input Data obat yang akan dihapus
Output Info obat yang telah dihapus
Destination Petugas
Logika proses
1 Petugas menghapus data obat 2 Sistem akan menampilkan data obat yang telah
dihapus 66.
No. Proses 6.1.1
Nama proses Tambah keranjang belanja
Deskripsi Menambah data pembelian pada keranjang belanja
No. Detail
Keterangan
Source Konsumen
Input Data keranjang belanja yang akan ditambah
Output Info keranjang belanja yang telah ditambah
Destination Konsumen
Logika proses
1. Konsumen menambah data pembelian pada keranjang belanja
2. Sistem akan menampilkan keranjang belanja yang telah ditambah
67. No. Proses
6.1.2 Nama proses
Ubah keranjang belanja Deskripsi
Mengubah data pembelian pada keranjang belanja Source
Konsumen Input
Data keranjang belanja yang akan diubah Output
Info keranjang belanja yang telah diubah Destination
Konsumen Logika
proses 1. Konsumen mengubah data pembelian pada
keranjang belanja 2. Sistem akan menampilkan keranjang belanja yang
telah diubah 68.
No. Proses 6.1.3
Nama proses Hapus keranjang belanja
Deskripsi Menghapus data pembelian pada keranjang belanja
Source Konsumen
Input Data keranjang belanja yang akan dihapus
Output Info keranjang belanja yang telah dihapus
No. Detail
Keterangan
Destination Konsumen
Logika proses
1. Konsumen menghapus data pembelian pada keranjang belanja
2. Sistem akan menampilkan keranjang belanja yang telah dihapus
3.1.7.1 Kamus Data
Kamus data merupakan deskripsi formal mengenai seluruh elemen yang tercakup dalam Data Flow Diagram. Kamus data untuk sistem yang akan
dibangun dapat dilihat pada tabel 3.4.
Tabel 3.4 Kamus Data
No. Detail
Keterangan
1. Nama
Data login Deskripsi
Berisi data user yang digunakan untuk proses login Struktur data
Username, password, email username
password Email
{0..9|a..z|A..Z} {0..9|a..z|A..Z}
{0..9|a..z|A..Z} 2.
Nama Data Users
Deskripsi Berisi data Users
Struktur data Id_users + username + password + vpassword +
nama_users + status_users + log_users Id_users
{0..9}
No. Detail
Keterangan
username password
vpassword nama_users
status_users status_aktif
log_users {0..9|a..z|A..Z}
{0..9|a..z|A..Z} {0..9|a..z|A..Z}
{a..z|A...Z} {0..9}
{0..9} {0..9|a..z|A..Z}
3. Nama
Data konsumen Deskripsi
Berisi data konsumen Struktur data
Id_konsumen + nama_konsumen + id_kota + alamat_konsumen + kodepos + no_telepon + email +
password + vpassword + tanggal_registrasi + status_konsumen + log_konsumen
Id_konsumen Nama_konsumen
Id_kota Alamat_konsumen
kodepos no_telepon
email password
vpassword {0..9}
{a..z|A..Z} {0..9}
{0..9|a..z|A..Z} {0..9}
{0..9} {0..9|{a..z|A...Z}
{0..9|a..z|A..Z} {0..9|a..z|A..Z}
No. Detail
Keterangan
tanggal_registrasi status_konsumen
log_konsumen {date}
{0..9} {0..9|a..z|A..Z}
4. Nama
Data kategori Deskripsi
Data yang berisi tentang kategori Struktur data
Id_kategori + nama_kategori id_kategori
nama_kategori {0..9}
{a..z|A..Z} 5.
Nama Data Obat
Deskripsi Data yang berisi tentang obat
Struktur data Id_obat + Id_kategori + Id_satuan + nama_obat +
keterangan_obat + berat_obat + stok_obat + diskon_obat
+ harga_obat
+ hits_obat
+ gambar_obat_1 + gambar_obat_2
Id_obat Id_kategori
Id_satuan Nilai_satuan
Nama_obat Keterangan_obat
Berat_obat Stok_obat
{0..9} {0..9}
{0..9} {0..9}
{a..z|A..Z} {a..z|A..Z}
{0..9} {0..9}
No. Detail
Keterangan
Diskon_obat Harga_obat
Hits_obat Gambar_obat_1
Gambar_obat_2 {0..9}
{0..9} {0..9}
{0..9|a..z|A..Z} {0..9|a..z|A..Z}
9. Nama
Data provinsi Deskripsi
Data yang berisi tentang provinsi Struktur data
Id_provinsi + nama_provinsi Id_provinsi
Nama_provinsi {0..9}
{a..z|A..Z} 10. Nama
Data kota Deskripsi
Data yang berisi tentang kota Struktur data
Id_kota + Id_provinsi + nama_kota Id_kota
Id_provinsi Nama_kota
{0..9} {0..9}
{a..z|A..Z} 11. Nama
Data jasa pengiriman Deskripsi
Data yang berisi tentang jasa pengiriman Struktur data
Id_jasa + nama_jasa + alamat_jasa + telepon_jasa + website_jasa
Id_jasa Nama_jasa
{0..9} {0..9|a..z|A..Z}
No. Detail
Keterangan
Alamat_jasa Telepon_jasa
Website_jasa {0..9|a..z|A..Z}
{0..9} {0..9|a..z|A..Z}
12. Nama Data paket pengiriman
Deskripsi Data yang berisi keterangan paket pengiriman
Struktur data Id_paket + Id_jasa + nama_paket + keterangan_paket
Id_paket Id_jasa
Nama_paket Keterangan_paket
{0..9} {0..9}
{0..9|a..z|A..Z} {a..z|A..Z}
14. Nama Data Ongkos pengiriman
Deskripsi Data yang berisi data ongkos pengiriman
Struktur data Id_ongkos + Id_paket + Id_kota + lama_kirim +
harga_kirim Id_ongkos
Id_paket Id_kota
Lama_kirim Harga_kirim
{0..9} {0..9}
{0..9} {0..9}
{0..9} 15. Nama
Data pembelian Deskripsi
Data yang berisi data pembelian Struktur data
Id_pembelian + Id_konsumen + no_invoice +
No. Detail
Keterangan
tanggal_pembelian +
tanggal_pembayaran +
tanggal_pengiriman +
tanggal_terkirim +
tanggal_expired +
tanggal_expired_retur +
total_pembelian + nama_penerima + id_ongkos + alamat_pengiriman + kodepos + biaya_kirim +
noresi_kirim + jenis_pembayaran + text_pembelian + status_pembelian
Id_pembelian Id_konsumen
no_invoice tanggal_pembelian
tanggal_pembayaran tanggal_pengiriman
tanggal_terkirim tanggal_expired
tanggal_expired_retur total_pembelian
nama_penerima Id_ongkos
alamat_pengiriman kodepos
biaya_kirim {0..9}
{0..9} {0..9}
{date} {date}
{date} {date}
{date} {date}
{0..9} {a..z|A..Z}
{0..9} {0..9|a..z|A..Z}
{0..9} {0..9}
No. Detail
Keterangan
noresi_kirim jenis_pembayaran
text_pembelian status_promo
status_pembelian {0..9}
{0..9} {a..z|A..Z}
{0..9} {0..9}
16. Nama Data detil pembelian
Deskripsi Data yang berisi detil pembelian
Struktur data Id_detil + Id_pembelian + Id_obat + jml_obat
Id_detil Id_pembelian
Id_obat Jml_obat
{0..9} {0..9}
{0..9} {0..9}
17. Nama Data Pembayaran
Deskripsi Data yang berisi pembayaran
Struktur data Id_pembayaran + Id_pembelian + nama_bank +
no_rekening + atasnama + jml_pembayaran Id_pembayaran
Id_pembelian Ke_bank
Dari_bank No_rekening
Atasnama {0..9}
{0..9} {a..z|A..Z}
{a..z|A..Z} {0..9}
{a..z|A..Z}
No. Detail
Keterangan
Jml_pembayaran {0..9}
18. Nama Data Retur
Deskripsi Data yang berisi Retur
Struktur data Id_retur + Id_pembelian + status_retur + tgl_retur
Id_retur Id_pembelian
Nama_bank rekening
atas_nama email_paypal
retur_lewat Status_retur
Tgl_retur {0..9}
{0..9} {0..9 a..z|A..Z }
{0..9} {0..9 a..z|A..Z }
{0..9 a..z|A..Z } {0..9}
{0..9} {date}
19. Nama Data Detil retur
Deskripsi Data yang berisi detil retur
Struktur data Id_detil_retur + Id_retur + id_detil + jml_retur +
alasan_retur Id_detil_retur
Id_retur Id_detil
Jml_retur alasan_retur
{0..9} {0..9}
{0..9} {0..9}
{0..9}
No. Detail
Keterangan
20. Nama Data satuan
Deskripsi Data yang berisi satuan
Struktur data Id_satuan + Nama_satuan
Id_satuan Nama_satuan
Nilai_gram {0..9}
{0..9|a..z|A..Z} {0..9}
3.1.8 3.1.8 Diagram Relasi
Proses relasi antar file merupakan gabungan antar file yang memiliki primary key kunci utama yang sama, sehingga file-file tersebut menjadi satu
kesatuan yang dihubungkan oleh field atribut kunci tersebut. Pada proses ini elemem-elemen data dikelompokan menjadi satu file database beserta entitas dan
hubungannya. Diagram relasi Aplikasi Penjualan Online pada CV Fanan Jaya dapat dilihat pada gambar 3.25.
pembelian
PK id_pembelian
FK1 id_konsumen
no_invoice tanggal_pembelian
tanggal_pembayaran tanggal_pengiriman
tanggal_terkirim tanggal_expired
tanggal_expired_retur total_pembelian
nama_penerima FK2
Id_ongkos alamat_pengiriman
kodepos biaya_kirim
noresi_kirim jenis_pembayaran
text_pembelian status_promo
status_pembelian FK3
id_users obat
PK id_obat
FK1 id_kategori
FK2 Id_satuan
nilai_satuan nama_obat
keterangan_obat berat_obat
stok_obat diskon_obat
harga_obat hits_obat
gambar_obat_1 gambar_obat_2
konsumen
PK id_konsumen
nama_konsumen FK1
id_kota alamat_konsumen
kodepos no_telepon
email password
vpassword tgl_registrasi
status_konsumen log_konsumen
FK2 id_users
kategori
PK id_kategori
nama_kategori provinsi
PK id_provinsi
nama_provinsi kota
PK id_kota
FK1 id_provinsi
nama_kota
jasa pengiriman
PK id_jasa
nama_jasa alamat_jasa
telepon_jasa website_jasa
paket pengiriman
PK id_paket
FK1 id_jasa
nama_paket keterangan_paket
retur
PK id_retur
FK1 id_pembelian
Nama_bank rekening
atas_nama email_paypal
retur_lewat status_retur
tgl_retur detil_pembelian
PK id_detil
FK1 id_pembelian
FK2 id_obat
jml_obat pembayaran
PK id_pembayaran
FK1 id_pembelian
ke_bank dari_bank
no_rekening atasnama
jml_pembayaran FK2
id_users
users
PK id_users
username password
vpassword nama_users
status_users status_aktif
log_users Detil retur
PK id_detil_retur
FK1 id_retur
FK2 id_detil
jml_retur alasan_retur
Ongkos Pengiriman
PK Id_ongkos
lama_kirim harga_kirim
FK1 id_paket
FK2 id_kota
Satuan
PK id_satuan
nama_satuan nilai_gram
Gambar 3.25 Diagram Relasi Aplikasi Penjualan Online
3.1.9 Struktur Tabel
Struktur tabel adalah spesifikasi file dari tiap tabel yang digunakan dalam sistem yang akan dibangun. Struktur tabel dari sistem yang dibangun adalah
sebagai berikut :
1. Tabel Konsumen
Tabel ini adalah perancangan untuk tabel konsumen yang akan digunakan pada pengembangan sistem. Struktur tabel :
Tabel 3.5 Konsumen
Nama Field Tipe Data Ukuran
Keterangan
id_konsumen Int 10
Primary Key Nama_konsumen
Varchar 50 Nama konsumen
id_kota Int 10
Foreign key
Alamat_konsume n
Text Alamat konsumen
Kodepos Smallint 5
Kodepos konsumen No_telepon
Varchar 20 Nomor telepon konsumen
Email Varchar 50
Email konsumen Password
Varchar 50 Password konsumen
Vpassword Varchar 50
vpassword konsumen Tanggal_registrasi Date
Tanggal registrasi Status_konsumen
Smallint 5 Status konsumen
Log_konsumen Varchar 50
Log konsumen
2. Tabel Pembelian
Tabel ini digunakan untuk menyimpan data transaksi. Struktur tabel :
Tabel 3.6 Pembelian
Nama Field Tipe Data
Ukuran Keterangan
Id_pembelian Int 10
Primary Key Id_konsumen
Int 10 Foreign Key
No_invoice Int 10
Nota penagihan obat Tanggal_pembelian
Date Tanggal pembelian obat
Tanggal_pembayaran Date
Tanggal pembayaran
obat Tanggal_pengiriman
Date Tanggal
pengiriman obat
Tanggal_terkirim Date
Tanggal terkirim obat Tanggal_expired
Date Tanggal
terakhir pembelian obat
Tanggal_expired_retu r
Date Tanggal terakhir retur
Total_pembelian Int 10
Total pembelian obat
Nama_penerima Varchar 50
Nama penerima obat Id_ongkos
Int 10 Foreign key
Alamat_pengiriman Text
Alamat kirim konsumen Kodepos
Smallint 5 Kodepos
penerima obat
Biaya_kirim Smallint 5
Biaya kirim obat Noresi_kirim
Varchar 50 Noresi pengiriman obat
Jenis_pembayaran Smallint 5
Jenis cara bayar Text_pembelian
Text Text pembelian obat
Status_promo Smallint 5
Foreign Key Status_pembelian
Smallint 5 Status konsumen dalam
pembelian
3. Tabel Detil Pembelian
Tabel ini digunakan untuk menyimpan data obat yang dipesan secara lengkap. Struktur tabel :
Tabel 3.7 Detil Pembelian
Nama Field Tipe Data Ukuran
Keterangan
Id_detil Int 10
Primary Key Id_pembelian Int 10
Foreign key tabel pembelian Id_obat
Int 10 Foreign key tabel obat
Jml_obat Smallint 5
Jumlah pembelian obat
4. Tabel Retur
Tabel ini digunakan untuk menyimpan data retur. Struktur tabel :
Tabel 3.8 Retur
Nama Field Tipe Data Ukuran
Keterangan
Id_retur Int 10
Primary Key
Id_pembelian Int 10
Foreign Key Nama_bank
Varchar 50 Nama bank
rekening Int 10
Rekening pembeli Atas_nama
Varchar 50 Atas nama pembeli
Email_paypal Varchar 50
Email paypal pembeli Retur_lewat
Smallint 5 Retur pembeli lewat
Status_retur Smallint 5
Status retur tgl_retur
Datetime Tanggal Retur
5. Tabel Detil Retur
Tabel ini digunakan untuk menyimpan data retur. Struktur tabel :
Tabel 3.9 Detil Retur
Nama Field Tipe Data Ukuran
Keterangan
Id_detil_retur Int 10 Primary Key
Id_retur Int 10
Foreign Key Id_detil
Int 10 Foreign Key
Jml_retur Smallint 5
Jumlah retur Alasan_retur
Smallint 5 Alasan retur
6. Tabel Pembayaran
Tabel ini digunakan untuk menyimpan data pembayaran yang berasal dari konsumen. Struktur tabel :
Tabel 3.10 Pembayaran
Nama Field Tipe Data Ukuran
Keterangan
Id_pembayaran Int 10
Primary Key Id_pembelian
Int 10 Foreign Key
ke_bank Varchar 50
Nama bank
untuk ditransfer
dari_bank Varchar 50
Nama bank konsumen No_rekening
Varchar 50 Nomor rekening bank
atasnama Varchar 50
Atas nama
pemilik perusahaan
Jml_pembayaran Int 10 Jumlah
pembayaran transaksi
7. Tabel Obat
Tabel ini digunakan untuk menyimpan data obat. Struktur tabel :
Tabel 3.11 Obat
Nama Field Tipe Data Ukuran
Keterangan
Id_obat Int 10
Primary Key Id_kategori
Int 10 Foreign key
Id_satuan Int 10
Foreign Key Nilai_satuan
Smallint 5 Nilai satuan obat
Nama_obat Varchar 50
Nama obat Keterangan_obat
text Deskripsi obat
Berat_obat smallint 5
Berat obat Stok_obat
smallint 5 Stok obat
Diskon_obat smallint 5
Diskon pembelian obat
Harga_obat Int 10
Harga pembelian obat
Hits_obat smallint 5
Hits obat
terpopuler Gambar_obat_1
Varchar 50 Gambar
obat depan
Gambar_obat_2 Varchar 50
Gambar obat
belakang
8. Tabel Kategori
Tabel ini digunakan untuk menyimpan data kategori obat. Struktur tabel :
Tabel 3.12 Kategori
Nama Field Tipe Data Ukuran
Keterangan
Id_Kategori int 10
Primary Key Nama_kategori varchar 50
Nama kategori
9. Tabel Kota
Tabel ini digunakan untuk menyimpan data kota. Struktur tabel :
Tabel 3.13 Kota
Nama Field Tipe Data Ukuran
Keterangan
Id_kota Int 10
Primary Key Id_provinsi
Int 10 Foreign Key
Nama_kota Varchar 50
Nama kota
10. Tabel Jasa Pengiriman
Tabel ini digunakan untuk menyimpan data jasa pengiriman. Struktur tabel :
Tabel 3.14 Jasa pengiriman
Nama Field Tipe Data Ukuran
Keterangan
Id_jasa Int 10
Primary Key Nama_jasa
Varchar50 Nama jasa pengiriman
Alamat_jasa text
Alamat jasa pengiriman Telepon_jasa
Varchar20 Telepon jasa pengiriman
Website_jasa Varchar50
Website jasa pengiriman
11. Tabel Users
Tabel ini adalah perancangan untuk tabel users yang akan digunakan pada pembangunan sistem. Struktur tabel :
Tabel 3.15 Users
Nama Field Tipe Data Ukuran
Keterangan
Id_users Int 10
Primary Key username
Varchar 50 nama login users
password Varchar 50
Password users Vpassword
Varchar 50 Vpassword users
Nama_users Varchar 50 Nama users
Status_users Smallint 5 Status users
Status_aktif Smallint 5 Status aktif
Log_users Varchar 50
Log users
12. Tabel Ongkos Pengiriman
Tabel ini digunakan untuk menyimpan data ongkos pengiriman. Struktur tabel :
Tabel 3.16 Ongkos Pengiriman
Nama Field Tipe Data
Ukuran Keterangan
Id_ongkos Int 10
Primary Key Id_paket
Int 10 Foreign key
Id_kota Int 10
Foreign key Lama_kirim Smallint 5
Lama kirim Harga_kirim Smallint 5
Harga kirim obat
13. Tabel Paket Pengiriman
Tabel ini digunakan untuk menyimpan data paket pengiriman. Struktur tabel :
Tabel 3.17 Paket Pengiriman
Nama Field Tipe Data
Ukuran Keterangan
Id_paket Int 10
Primary Key Id_jasa
Int 10 Foreign key
Nama_paket Varchar 50
Nama paket pengiriman Keterangan_paket Text
Keterangan paket pengiriman
14. Tabel Provinsi
Tabel ini digunakan untuk menyimpan data provinsi. Struktur tabel :
Tabel 3.18 Provinsi
Nama Field Tipe Data Ukuran
Keterangan
Id_provinsi Int 10
Primary Key Nama_provinsi Varchar 50
Nama provinsi
15. Tabel Satuan
Tabel ini digunakan untuk menyimpan data satuan. Struktur tabel satuan 3.19 adalah sebagai berikut :
Tabel 3.19 Satuan
Nama Field Tipe Data Ukuran
Keterangan
Id_satuan Int 10
Primary Key Nama_satuan Varchar 50
Nama satuan Nilai_gram
Smallint 5 Nilai satuan
3.1.10 Perancangan Struktur Menu Admin
Perancangan struktur menu admin yang terdapat pada sistem ini dapat dilihat pada gambar 3.26.
Login Admin
Pengolahan Petugas
Tambah Ubah
Ubah Password
Lihat Log Out
Gambar 3.26 Struktur Menu Admin
3.1.10.1 Perancangan Struktur Menu Petugas
Perancangan struktur menu petugas yang terdapat pada sistem ini dapat dilihat pada gambar 3.27.
Login
Kota Data Master
Data Konsumen Provinsi
Jasa Pengiriman Paket
Pengiriman Ongkos
Pengiriman Kategori
Satuan Petugas
Obat
Tambah Ubah
Hapus Pembelian
Detil Cetak label
Proses Ubah status
Obat Cari
Cetak Retur
Retur Ubah Password
Log out Data Laporan
Pembelian
Ubah status retur
Gagal Pembelian
Gambar 3.27 Struktur Menu Petugas
3.1.10.2 Perancangan Struktur Menu Konsumen
Perancangan struktur menu konsumen yang terdapat pada sistem ini dapat dilihat pada gambar 3.28.
Log In Konsumen
Log out
Tambah Log in
Data Pribadi Ubah
Beranda
Ubah Password Histori Pembelian
Daftar Obat Cara Belanja
Hapus Tentang Kami
Akun Saya Pembelian
Lihat
Gambar 3.28 Struktur Menu Konsumen
3.1.10.3 Perancangan Struktur Menu Pengunjung
Perancangan struktur menu pengunjung yang terdapat pada sistem ini dapat dilihat pada gambar 3.29.
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
Setelah melakukan perancangan antarmuka dan perancangan pesan maka dilakukanlah perancangan terhadap aliran dari menu-menu yang ada di program
akan digambarkan dalam sebuah jaringan simantik. 1. Jaringan Semantik Admin
A01 Login
A02 A03
K e
m b
al i
A04 Ta
m ba
h D
at a P
et ug
as Ke
m bal
i Ub
ah S
ta tu
s P
e tu
gas A06
Uba h P
as sword
Kem ba
li
Gambar 3.92 Jaringan Semantik Admin
2. Jaringan Semantik Petugas
A08 A10
Kem bal
i Ub
ah s tatus
k ons
umen A11
Da ta
Pro vin
si Ke
mb a
li B01
B02 T
a mb
a h
D a
ta P
ro vi
n si
K emb
al i
U b
a h
D a
ta P
ro vi
n si
Kembal i
A12 D
ata K
ot a
Kembal i
C01 C02
T a
mb a
h Da
ta Ko
ta K
e mb
a li
U b
a h
D a
ta K
o ta
K emb
al i
A13 D01
D02
Dat a
Jas a Pen
gir iman
Tam bah Dat
a J as
a Pengi
rima n
Kembal i
U ba
h D ata
J asa
P en
gir ima
n K
emb ali
A14 E01
E02
Data P aket P
engirima n
Kemb ali
Tam bah
Da ta Pa
ket Pe
ngir ima
n Ke
mb ali
K e
mb a
li U
bah Dat a
Pak et
Pe ngi
riman Kembal
i
A15 F01
F02 Data Ongkos Pengiriman
Kembali Tamb
ah Data Ongko
s Pengirima
n Kemb
ali Ke
mb ali
Ubah D ata Ong
kos Pengirima
n A16
Kemb ali
Data Kate
gori G01
G02 Kembali
Ubah Data Kategori Kembali
Tamb ah D
ata K ateg
ori A17
Kem ba
li Da
ta Sa tua
n H02
H01 Kemb
ali Ubah
Data Satu
an Ke
mb ali
Tamb ah
D at
a Sat
ua n
A18 I02
I01 K
emb al
i D
at a
O ba
t
Kemba li
Ubah D
ata O
bat K
emb al
i T
a m
b a
h D
a ta
Ob a
t A19
Ke m
b a
li Da
ta Pe
m b
e lia
n
J03 J01
K e
m b
a li
P e
n g
ir im
a n
K e
mb a
li Ce
ta k L
a b
e l
J01 K
emb al
i Li
hat Det
il A20
A21 A22
D a
ta L
a p
o ra
n O
b a
t K
e mb
a li
Kembal i
D ata Lap
or an Penj
ual an
Kem bali
Data Laporan Retur
A23 Kembali
Retu r
k01 Kembali
Detil Retur A24
Kem ba
li Ub
ah Pa
ss wo
rd A07
Gambar 3.93 Jaringan Semantik Petugas
3. Jaringan Semantik Pengunjung
A25 A26
A27 A28
Tentang kami Kembali
Ca ra B
ela nja
Ke m
ba li
R eg
ist ra
si
Kem b
al i
Gambar 3.94 Jaringan Semantik Pengunjung
4. Jaringan Semantik Konsumen
A29 A30
A31 A32
A33 A33-A
A33-B
A33-C A34
A35 A36
A36-A A37
A38 A39
A ku
n S a
ya K
emba li
Pro fil
Sa y
a Ke
m b
a li
U b
ah P
a ss
w ord
K e
m b
al i
His tor
i P embe
lia n
Ke mba
li Ke
mb ali
Detil Hist
ori P emb
elian
Kem bal
i Retur
Su ks
es R
et ur
Kembali Detil Obat
Kem bal
i Ker
anj ang Bel
anj a
Ke m
b a
li P
ilih Al
a m
a t
Pe n
g iri
ma n
Se n
d iri
K e
m b
al i
P ilih
A la
m a
t P en
gi ri
m an
L ai
n Ke
m b
a li
Pi lih
Pa k
e t
P e
n g
ir ima
n Kemba
li Konfirm
asi Pe nagihan
E-Ma il
Se les
ai Bel
anj a
Ke m
ba li
Kemba li
Gambar 3.95 Jaringan Semantik Konsumen
3.2.2 Perancangan Flowchart
Sebagai langkah terakhir dalam perancangan yaitu merancang Flowchart yang akan diimplementasikan ke dalam sistem. Flowchart ini akan digunakan
sebagai algoritma dasar dalam mengkodekan prosedur yang ada. Adapun perancangan Flowchart untuk pembangunan aplikasi penjualan
online yang akan dibangun adalah sebagai berikut : 1. Flowchart pendaftaran
Flowchart pendaftaran
digunakan ketika
pengunjung melakukan pendaftaran, seperti digambarkan pada gambar 3.119.
Start
Input Data Pendaftaran
Finish Tampilkan
“password harus sama”
Konfrmasi pasword sesuai ?
Pendaftaran berhasil tidak
Field masih kosong ?
Data sudah terdaftar ?
Tampilkan “ tidak boleh kosong”
Tampilkan “ sudah terdaftar”
Data pendaftaran
valid ? ya
Tampilkan pendaftaran tidak
valid tidak
Gambar 3.96
Flowchart
Pendaftaran
2. Flowchart Login Flowchart Login digunakan oleh admin, petugas, konsumen
untuk hak akses masing-masing bagian, seperti yang digambarkan pada gambar 3.120.
Start
Data isian login
Finish Tampilkan “tidak
boleh kosong”
Sesuai ? Field masih
kosong ? ya
Tampilkan “harus sesuai”
tidak
tidak
valid Tampilkan “email
atau password salah””
tidak
ya
Gambar 3.97
Flowchart
Login
3. Flowchart Pembelian Flowchart pembelian oleh konsumen dapat digambarkan pada
gambar 3.121.
Start Pilih Produk
Obat Menampilkan detil
produk obat
Beli ?
Masukkan jumlah obat yang
dipesan ya
Melebihi stok ?
Pengiriman ke Alamat sendiri ?
tidak
Pilih paket pengiriman
ya
Pilih jenis pembayaran
Transfer antar bank ?
Masukan no. rekening,
jumlah_bayar, nama bank, atas nama
Display pembayaran berhasil paypal
Display pembayaran sukses finish
tidak
Display pembayaran berhasil
Tampil “Maaf jumlah yang anda pesan melebihi stok”
ya
Tampil “pilih alamat pengiriman lain”
tidak
Gambar 3.98 Flowchart Pembelian
4. Flowchart Retur Flowchart Retur produk yang dilakukan seperti digambarkan
pada gambar 3.122.
Start
Data produk yang diretur
Pilih alasan ? Segel tutup
botol rusak Produk yang
dipesan salah kirim
Stok ada ?
Uang kembali
Data produk yang diretur
berhasil Finish
Status pengiriman lebih
dari 1 hari ? Tidak
Salah kirim Segel tutup rusak
Tidak Ada
Tampil “Gagal retur”
Ya
Gambar 3.99
Flowchart
Retur
5. Flowchart Tambah Data Flowchart Tambah Data produk dapat digambarkan pada
gambar 3.123.
Start
Data yang akan di
tambah
Data kosong ?
Finish Tampilkan “ tidak
boleh kosong” ya
Data sama ? tidak
tidak Tampilkan “sudah
terdaftar” ya
Menampilkan “data berhasil ditambah”
Valid ?
ya tidak
Gambar 3.100
Flowchart
Tambah Data
6. Flowchart Ubah Data Flowchart Ubah Data dapat digambarkan pada gambar 3.124.
Start
Data yang akan di
diubah
Data kosong ?
Finish Tampilkan “ tidak
boleh kosong” ya
Data sama ? tidak
tidak Tampilkan “sudah
terdaftar” ya
Menampilkan “data berhasil diubah”
Valid ?
ya tidak
Gambar 3.101 Flowchart Ubah Data
7. Flowchart Diskon Flowchart diskon dapat digambarkan pada gambar 3.125.
Start
Pilih Produk Obat
Konfirmasi Pembayaran
Menampilkan konfirmasi
pembayaran
Finish Pembelian diatas
Rp.500.000 Pembelian
dibawah Rp.500.000
Menampilkan diskon 10
Gambar 3.102 Flowchart Diskon
162
BAB 4 IMPLEMENTASI DAN PENGUJIAN SISTEM
Pada bab ini akan dijelaskan mengenai implementasi dan pengujian sistem yang dibangun. Hasil dari perancangan pada tahap sebelumnya diimplementasikan
dalam bahasa pemrograman. Setelah tahap implementasi selesai, dilanjutkan dengan tahap pengujian terhadap sistem yang dibangun.
4.1 Implementasi Sistem
Tahap implementasi
sistem merupakan
tahap menterjemahkan
perancangan, berdasarkan hasil analisis dalam bahasa pemrograman serta penerapan perangkat lunak pada keadaan yang sesungguhnya. Wujud dari hasil
tahap implementasi ini nantinya adalah sebuah sistem yang siap untuk diuji dan digunakan.
Untuk mendukung aplikasi yang akan diterapkan pada lingkungan implementasi, maka dalam hal ini menggunakan perangkat keras dan perangkat
lunak yang menunjang dalam pembangunan aplikasi penjualan online pada CV. Fanan Jaya.
4.1.1 Perangkat Lunak Yang Digunakan
Perangkat lunak yang digunakan dalam membangun aplikasi penjualan online pada CV. Fanan Jaya adalah sebagai berikut:
Tabel 4.1 Perangkat Lunak Yang Digunakan
No Perangkat Lunak
Keterangan 1
Sistem Operasi Windows XP
2 Bahasa Pemrograman
PHP 3
DBMS MySQL 3.3.10.1
4 Web browser
Mozilla firefox 4 5
Code editor Macromedia Dreamweaver 8
6 DFD modeler
Microsoft Visio 2007
4.1.2 Perangkat Keras Yang Digunakan
Perangkat keras yang digunakan dalam membangun aplikasi penjualan online pada CV. Fanan Jaya adalah sebagai berikut:
Tabel 4.2 Perangkat Keras Yang Digunakan
Perangkat Keras Spesifikasi
Processor Prosesor Intel Core 2 Duo E7500
RAM 1Gb
Harddisk 160Gb
Monitor Resolusi 1366x768 pixel
VGA Biostar GeForce 9400GT 1 GB
4.2 Implementasi
Database
Pembuatan database dilakukan dengan menggunakan aplikasi DBMS MySQL. Implementasi database dalam bahasa SQL adalah sebagai berikut:
Tabel 4.3 Implementasi Database
No Nama Tabel Perintah
1. Users
CREATE TABLE IF NOT EXISTS `tbl_users` `id_users` int10 unsigned NOT NULL
auto_increment, `username` varchar50 NOT NULL,
`password` varchar50 NOT NULL, `vpassword` varchar50 NOT NULL,
`nama_users` varchar50 NOT NULL, `status_users` smallint5 unsigned NOT
NULL,
`status_aktif` smallint5 unsigned NOT NULL,
`log_users` varchar50 NOT NULL, PRIMARY KEY `id_users`
ENGINE=InnoDB DEFAULT CHARSET=latin1 AUTO_INCREMENT=4 ;
2. Obat
CREATE TABLE IF NOT EXISTS `tbl_obat` `id_obat` int10 unsigned NOT NULL
auto_increment, `id_kategori` int10 unsigned NOT NULL,
`id_satuan` int10 unsigned NOT NULL, `nilai_satuan` smallint5 unsigned NOT
NULL, `nama_obat` varchar50 NOT NULL,
`keterangan_obat` text NOT NULL, `berat_obat` smallint5 unsigned NOT
NULL, `stok_obat` smallint5 unsigned NOT
NULL, `diskon_obat` smallint5 unsigned NOT
NULL, `harga_obat` int10 unsigned NOT NULL,
`hits_obat` smallint5 unsigned NOT NULL,
`gambar_obat_1` varchar50 NOT NULL, `gambar_obat_2` varchar50 NOT NULL,
PRIMARY KEY `id_obat`, KEY `id_kategori` `id_kategori`,
KEY `id_satuan` `id_satuan`, FOREIGN KEY `id_kategori` REFERENCES
`tbl_kategori` `id_kategori` ON DELETE CASCADE ON UPDATE CASCADE,
FOREIGN KEY `id_satuan` REFERENCES `tbl_satuan` `id_satuan` ON DELETE
CASCADE ON UPDATE CASCADE ENGINE=InnoDB DEFAULT CHARSET=latin1
AUTO_INCREMENT=11 ;
3. Kategori
CREATE TABLE IF NOT EXISTS `tbl_kategori` `id_kategori` int10 unsigned NOT NULL
auto_increment, `nama_kategori` varchar50 NOT NULL,
PRIMARY KEY `id_kategori` ENGINE=InnoDB DEFAULT CHARSET=latin1
AUTO_INCREMENT=4 ;
4. Satuan
CREATE TABLE IF NOT EXISTS `tbl_satuan` `id_satuan` int10 unsigned NOT NULL
auto_increment, `nama_satuan` varchar50 NOT NULL,
`nilai_gram` smallint5 unsigned NOT NULL,
PRIMARY KEY `id_satuan` ENGINE=InnoDB DEFAULT CHARSET=latin1
AUTO_INCREMENT=4 ;
5. Konsumen
CREATE TABLE IF NOT EXISTS `tbl_konsumen` `id_konsumen` int10 unsigned NOT NULL
auto_increment, `nama_konsumen` varchar50 NOT NULL,
`id_kota` int10 unsigned NOT NULL, `alamat_konsumen` text NOT NULL,
`kodepos` smallint5 unsigned NOT NULL, `no_telepon` varchar20 NOT NULL,
`email` varchar50 NOT NULL,
`password` varchar50 NOT NULL, `vpassword` varchar50 NOT NULL,
`tanggal_registrasi` date NOT NULL, `status_konsumen` smallint5 unsigned
NOT NULL, `log_konsumen` varchar50 NOT NULL,
PRIMARY KEY `id_konsumen`, KEY `id_kota` `id_kota`,
FOREIGN KEY `id_kota` REFERENCES `tbl_kota` `id_kota` ON DELETE CASCADE ON
UPDATE CASCADE ENGINE=InnoDB DEFAULT CHARSET=latin1
AUTO_INCREMENT=2 ;
6. Provinsi
CREATE TABLE IF NOT EXISTS `tbl_provinsi` `id_provinsi` int10 unsigned NOT NULL
auto_increment, `nama_provinsi` varchar50 NOT NULL,
PRIMARY KEY `id_provinsi` ENGINE=InnoDB DEFAULT CHARSET=latin1
AUTO_INCREMENT=4 ;
7. Kota
CREATE TABLE IF NOT EXISTS `tbl_kota` `id_kota` int10 unsigned NOT NULL
auto_increment, `id_provinsi` int10 unsigned NOT NULL,
`nama_kota` varchar50 NOT NULL, PRIMARY KEY `id_kota`,
KEY `id_provinsi` `id_provinsi`, FOREIGN KEY `id_provinsi` REFERENCES
`tbl_provinsi` `id_provinsi` ON DELETE CASCADE ON UPDATE CASCADE
ENGINE=InnoDB DEFAULT CHARSET=latin1 AUTO_INCREMENT=17 ;
8. Jasa Pengiriman
CREATE TABLE IF NOT EXISTS `tbl_jasa_pengiriman`
`id_jasa` int10 unsigned NOT NULL auto_increment,
`nama_jasa` varchar50 NOT NULL, `alamat_jasa` text NOT NULL,
`telepon_jasa` varchar20 NOT NULL, `website_jasa` varchar50 NOT NULL,
PRIMARY KEY `id_jasa` ENGINE=InnoDB DEFAULT CHARSET=latin1
AUTO_INCREMENT=2 ;
9. Paket Pengiriman
CREATE TABLE IF NOT EXISTS `tbl_paket_pengiriman`
`id_paket` int10 unsigned NOT NULL auto_increment,
`id_jasa` int10 unsigned NOT NULL, `nama_paket` varchar50 NOT NULL,
`keterangan_paket` text NOT NULL, PRIMARY KEY `id_paket`,
KEY `id_jasa` `id_jasa`, FOREIGN KEY `id_jasa` REFERENCES
`tbl_jasa_pengiriman` `id_jasa` ON DELETE CASCADE ON UPDATE CASCADE
ENGINE=InnoDB DEFAULT CHARSET=latin1 AUTO_INCREMENT=4 ;
10. Ongkos Pengiriman
CREATE TABLE IF NOT EXISTS `tbl_ongkos_pengiriman`
`id_ongkos` int10 unsigned NOT NULL auto_increment,
`id_paket` int10 unsigned NOT NULL,
`id_kota` int10 unsigned NOT NULL, `lama_kirim` smallint5 unsigned NOT
NULL, `harga_kirim` smallint5 unsigned NOT
NULL, PRIMARY KEY `id_ongkos`,
KEY `id_paket` `id_paket`, KEY `id_kota` `id_kota`,
FOREIGN KEY `id_paket` REFERENCES `tbl_paket_pengiriman` `id_paket` ON
DELETE CASCADE ON UPDATE CASCADE, FOREIGN KEY `id_kota` REFERENCES
`tbl_kota` `id_kota` ON DELETE CASCADE ON UPDATE CASCADE
ENGINE=InnoDB DEFAULT CHARSET=latin1 AUTO_INCREMENT=39 ;
11. Pembelian
CREATE TABLE IF NOT EXISTS `tbl_pembelian` `id_pembelian` int10 unsigned NOT NULL
auto_increment, `id_konsumen` int10 unsigned NOT NULL,
`no_invoice` int10 unsigned NOT NULL, `tanggal_pembelian` date NOT NULL,
`tanggal_pembayaran` date NOT NULL, `tanggal_pengiriman` date NOT NULL,
`tanggal_terkirim` date NOT NULL, `tanggal_expired` date NOT NULL,
`tanggal_expired_retur` date NOT NULL, `total_pembelian` int10 unsigned NOT
NULL, `nama_penerima` varchar50 NOT NULL,
`id_ongkos` int10 unsigned NOT NULL, `alamat_pengiriman` text NOT NULL,
`kodepos` smallint5 unsigned NOT NULL, `biaya_kirim` smallint5 unsigned NOT
NULL, `noresi_kirim` varchar50 NOT NULL,
`jenis_pembayaran` smallint5 unsigned NOT NULL,
`text_pembelian` text NOT NULL, `status_promo` smallint5 unsigned NOT
NULL, `status_pembelian` smallint5 unsigned
NOT NULL, PRIMARY KEY `id_pembelian`,
KEY `id_konsumen` `id_konsumen`, KEY `id_ongkos` `id_ongkos`,
FOREIGN KEY `id_konsumen` REFERENCES `tbl_konsumen` `id_konsumen` ON DELETE
CASCADE ON UPDATE CASCADE, FOREIGN KEY `id_ongkos` REFERENCES
`tbl_ongkos_pengiriman` `id_ongkos` ON DELETE CASCADE ON UPDATE CASCADE
ENGINE=InnoDB DEFAULT CHARSET=latin1 AUTO_INCREMENT=2 ;
12. Detil Pembelian
CREATE TABLE IF NOT EXISTS `tbl_detil_pembelian`
`id_detil` int10 unsigned NOT NULL auto_increment,
`id_pembelian` int10 unsigned NOT NULL, `id_obat` int10 unsigned NOT NULL,
`jml_obat` smallint5 unsigned NOT NULL,
PRIMARY KEY `id_detil`, KEY `id_obat` `id_obat`,
KEY `id_pembelian` `id_pembelian`, FOREIGN KEY `id_obat` REFERENCES
`tbl_obat` `id_obat` ON DELETE CASCADE ON UPDATE CASCADE,
FOREIGN KEY `id_pembelian` REFERENCES `tbl_pembelian` `id_pembelian` ON DELETE
CASCADE ON UPDATE CASCADE ENGINE=InnoDB DEFAULT CHARSET=latin1
AUTO_INCREMENT=2 ;
13. Pembayaran
CREATE TABLE IF NOT EXISTS `tbl_pembayaran` `id_pembayaran` int10 unsigned NOT NULL
auto_increment, `id_pembelian` int10 unsigned NOT NULL,
`ke_bank` varchar50 NOT NULL, `dari_bank` varchar10 NOT NULL,
`no_rekening` varchar50 NOT NULL, `atasnama` varchar50 NOT NULL,
`jml_pembayaran` int10 unsigned NOT NULL,
PRIMARY KEY `id_pembayaran`, KEY `id_pembelian` `id_pembelian`,
FOREIGN KEY `id_pembelian` REFERENCES `tbl_pembelian` `id_pembelian` ON DELETE
CASCADE ON UPDATE CASCADE ENGINE=InnoDB DEFAULT CHARSET=latin1
AUTO_INCREMENT=2 ;
14. Retur
CREATE TABLE IF NOT EXISTS `tbl_retur` `id_retur` int10 unsigned NOT NULL
auto_increment, `id_pembelian` int10 unsigned NOT NULL,
`nama_bank` varchar50 NOT NULL, `rekening` int10 unsigned NOT NULL,
`atas_nama` varchar50 NOT NULL, `email_paypal` varchar50 NOT NULL,
`retur_lewat` smallint5 unsigned NOT NULL,
`status_retur` smallint5 unsigned NOT NULL,
`tgl_retur` datetime NOT NULL, PRIMARY KEY `id_retur`
ENGINE=InnoDB DEFAULT CHARSET=latin1 AUTO_INCREMENT=1 ;
15. Detil Retur
CREATE TABLE IF NOT EXISTS `tbl_detil_retur`
`id_detil_retur` int10 unsigned NOT NULL auto_increment,
`id_retur` int10 unsigned NOT NULL, `id_detil` int10 unsigned NOT NULL,
`jml_retur` smallint5 unsigned NOT NULL,
`alasan_retur` smallint5 unsigned NOT NULL,
PRIMARY KEY `id_detil_retur`, KEY `id_retur` `id_retur`,
KEY `id_detil` `id_detil`, FOREIGN KEY `id_retur` REFERENCES
`tbl_retur` `id_retur` ON DELETE CASCADE ON UPDATE CASCADE,
FOREIGN KEY `id_detil` REFERENCES
`tbl_detil_pembelian` `id_detil` ON DELETE CASCADE ON UPDATE CASCADE
ENGINE=InnoDB DEFAULT CHARSET=latin1 AUTO_INCREMENT=1 ;
4.3 Implementasi Antar Muka