BAB III PERANCANGAN SISTEM

Transkripsi

1 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 ) DFD Level 0 Admin Informasi Obat Ubah,tambah,hapus Data produk Sistem Informasi Web Penjualan Lihat informasi obat Melihat daftar obat Pelanggan Gambar DFD (Data Flow Diagram) Level 0 26

2 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 DFD Level 1 Admin Proses input Input data Validasi data Input data Input data data Hapus data DB herbal Hapus data Hapus data Ubah data Lihat data Validasi data Ubah data Proses Ubah data Ubah data Info data Melihat data Lihat data Informasi data Gambar DFD level 1 admin Admin melakukan validasi data, kemudian diinput data kedatabase. Admin melakukan hapus data, ubah data, 27

3 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 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

4 3.2 Flowchart Flowchart penjualan Gambar 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

5 3.2.2 Flowchart edit data produk Gambar 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

6 3.2.3 Flowchart tambah data produk Gambar 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

7 3.2.4 Flowchart hapus data produk Gambar 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

8 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

9 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

10 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

11 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

12 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

13 4 Jaringan Sematik Tampilan ( JST ) Gambar 4 Jaringan Sematik Tampilan 38