BAB III PERANCANGAN SISTEM Dalam
penyelesaian
Tugas
Akhir
pemanfaatan
dan
pengembangan web sebagai sarana jual beli obat herbal dan promosi MLM, berikut dibentuk perancangan yang nantinya akan bermanfaat sebagai dasar perancangan web yang ingin dibuat. 3.1 DFD ( Data Flow Diagram ) 3.1.1 DFD Level 0
Admin
Ubah,tambah,hapus Data produk
Informasi Obat
Sistem Informasi Web Penjualan
Melihat daftar obat
Lihat informasi obat
Pelanggan
Gambar 3.1.1 DFD (Data Flow Diagram) Level 0
26
Pada
rancangan
sistem
informasi
web
penjualan
memungkinkan admin menambah, mengubah maupu menghapus data. Selain itu admin juga dapat melihat informasi data obat. Selain admin, sistem juga berhubungan dengan pelanggan. Pada perancangan sistem ini pelanggan dapat meminta dan melihat informasi obat yang telah tersedia di sistem. 3.1.2 DFD Level 1
Admin
Input data
Validasi data
Input data
Proses input data
Hapus data Hapus data
Input data
DB herbal
Hapus data
Ubah data
Lihat data
Validasi data
Ubah data
Proses Ubah data
Ubah data
Info data
Melihat data
Lihat data Informasi data
Gambar 3.1.2 DFD level 1 admin
Admin melakukan validasi data, kemudian diinput data kedatabase. Admin melakukan hapus data, ubah data,
27
melihat data, data kemudian masuk kedatabase. Database kemudian memproses data berupa informasi data yang kemudian dilihat pelanggan. Melihat daftar obat
Melihat data obat
DB Herbal
Melihat daftar obat
pelanggan
Informasi daftar obat Informasi Daftar obat
Informasi obat
Gambar 3.1.3 DFD level 1 pelanggan Sistem memungkinkan para pelanggan untuk meminta informasi
obat
kepada
sistem,
maka
sistem
akan
mengambilkan data obat yang terdapat pada database yang nantinya akan dikembalikan pada sistem untuk dapat dilihat oleh pelanggan.
28
3.2 Flowchart 3.2.1
Flowchart penjualan
Gambar 3.2.1 Flowchart penjualan
Dalam melakukan proses penjualan, pelanggan melakukan pencarian produk, jika pelanggan ingin membeli produk yang dijual diwebsite ini, pelanggan melakukan transaksi dengan cara membayar / mentransfer biaya produk dan biaya ongkos kirim barang. Setelah pelanggam membayar, kemudian barang akan dikirim ke pelanggan.
29
3.2.2
Flowchart edit data produk
Gambar 3.2.2 Flowchart edit data produk
Edit data dilakukan ketika terjadi kesalahan informasi data, biasanya terjadi kesalahan penulisan informasi atau gambar. Editing data dilakukan oleh pengguna website / admin, setelah edit data dilakukan kemudian data/ informasi terbaru ditampilkan diwebsite. Edit data bertujuan agar informasi yang disampaikan pada pelanggan lebih jelas.
30
3.2.3
Flowchart tambah data produk
Gambar 3.2.3 Flowchart Tambah Data Produk
Dalam proses penambahan data produk dilakukan ketika terjadi penambahan produk terbaru. Dalam melakukan proses penambahan data, admin menambah data produk terbaru, kemudian data tentang produk terbaru disimpan, setelah disimpan maka produk terbaru akan muncul pada website dan pelanggan dapat mengetahui informasi / produk terbaru yang dijual dalam website HWI. Penambahan produk ini bertujuan agar pelanggan mengetahui tentang produk terbaru yang dijual diwebsite HWI.
31
3.2.4
Flowchart hapus data produk
Gambar 3.2.4 Flowchart hapus data produk
Dalam proses hapus data produk ini dilakukan ketika produk mengalami kesalahan data. Data yang sudah dihapus akan hilang dari tampilan website. Hapus data ini bertujuan agar informasi yang sudah tidak digunakan hilang/terhapus dan informasi yang disampaikan pada pelanggan lebih jelas dan benar.
32
3
Lembar Kerja Tampilan (LKT) 3.1
LKT Home
Gambar 3.1
LKT Home
Dalam tampilan home terdapat berbagai informasi tentang visi misi HWI,dan disebelah kiri gambar terdapat informasi tentang Pimpinan HWI,produk HWI,cara joint di Hwi dan contact.
33
3.2
LKT Product
Gambar 3.2 LKT Product
Dalam tampilan Product terdapat informasi tentang semua produk yang dijual dalam web penulis. Dalam tampilan Product ini juga terdapat informasi tentang manfaat produk dan juga harga produk. Informasi tentang product terbaru juga terdapat dalam tampilan ini.
34
3.3
LKT Testimonial
Gambar 3.3 LKT Testimonial
Dalam tampilan Tesimonial ini terdapat informasi tentang kesaksian para customer product HWI yang sudah pernah menggunakan product HWI. Testimonial ini bertujuan untuk meyakinkan customer lain yang belum pernah mencoba produk HWI bahwa product HWI ini terbukti khasiatnya dan aman dikonsumsi.
35
3.4
LKT Contact
Gambar 3.4 LKT Contact
Dalam tampilan contact ini terdapat informasi tentang bagaimana cara memesan product dan dalam tampilan contact ini juga terdapat informasi ongkos kirim dari berbagai jasa pengiriman barang, bertujuan agar tidak ada salah paham tentang ongkos pengiriman barang yang sering terjadi dibeberapa online shop.
36
3.5
LKT Login
Gambar 3.5 LKT Login
Dalam tampilan Login ini bertujuan untuk mempermudah pemilik web online shop ini menambah, mengedit informasi tentang product terbaru dan menghapus tampilan produk
yang
sudah
tidak
digunakan
dengan
cara
memasukan user id dan pasword yang sudah ditentukan.
37
4
Jaringan Sematik Tampilan ( JST )
Gambar 4 Jaringan Sematik Tampilan
38