T0 562011025 BAB III
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
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