T0 562011025 BAB III

26

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.1DFD ( Data Flow Diagram )

27

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 Validasi data Proses input data

Input data Input data Input data

Hapus data

Gambar 3.1.2 DFD level 1 admin

Admin melakukan validasi data, kemudian diinput data

28

melihat data, data kemudian masuk kedatabase. Database

kemudian memproses data berupa informasi data yang

kemudian dilihat pelanggan.

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

29

3.2 Flowchart

3.2.1 Flowchart penjualan

Gambar 3.2.1 Flowchart penjualan

Dalam melakukan proses penjualan, pelanggan melakukan

pen-carian produk, jika pelanggan ingin membeli produk yang dijual

diwebsite ini, pelanggan melakukan transaksi dengan cara

mem-bayar / mentransfer biaya produk dan biaya ongkos kirim barang.

Setelah pelanggam membayar, kemudian barang akan dikirim ke

30

3.2.2 Flowchart edit data produk

Gambar 3.2.2 Flowchart edit data produk

Edit data dilakukan ketika terjadi kesalahan informasi data,

bi-asanya terjadi kesalahan penulisan informasi atau gambar.

Edit-ing data dilakukan oleh pengguna website / admin, setelah edit

data dilakukan kemudian data/ informasi terbaru ditampilkan

di-website. Edit data bertujuan agar informasi yang disampaikan

31

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

penamba-han data, admin menambah data produk terbaru, kemudian data

tentang produk terbaru disimpan, setelah disimpan maka produk

terbaru akan muncul pada website dan pelanggan dapat

menge-tahui informasi / produk terbaru yang dijual dalam website HWI.

Penambahan produk ini bertujuan agar pelanggan mengetahui

32

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

33

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

34

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

35

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

36

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

37

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

38

4 Jaringan Sematik Tampilan ( JST )