BAB III

METODE PENELITIAN

3.1 Metode Waterfall

Metode pengembangan sistem yang digumakan dalam penelitian ini

adalah metode waterfall yang terdiri dari :

Gambar 3.1 Metode Waterfall

1. Analisis

Pada tahap pertama ini akan menganalisis bagaimana sistem

penjualan dan pemesanan barang yang digunakan oleh pihak UMKM

Mebel pada Dusun Montong Dao dengan menggunakan analisis

SWOT, dari tahap ini akan menghasilkan sebuah data yang akan

dibutuhkan oleh UMKM Mebel. Data-data yang dibutuhkan seperti

data barang, data pembelian, data ongkos kirim, data pengguna.

2. Desain

Pada tahap ini akan dilakukan perancangan sistem informasi

marketplace penjualan barang pada UMKM Mebel Dusun Montong

Dao yang akan dibuat terhadap permasalahan yang ada.

Perancangan yang akan digunakan pada tahapan ini menggunakan

ERD dan UML.

3. Kode Program

Pada tahap ini akan menghasilkan sebuah program yang telah

direncanakan. Tahap ini merupakan tahap dari penerapan desain

sistem yang direncanakan oleh peneliti. Pada tahap ini digunakan

pengkodean menggunakan bahasa pemrograman PHP dan database

MySQL.

4. Pengujian

setelah tahap pengkodean dari aplikasi selesai, maka akan dilakukan

pengujian atau testing dari Sistem informasi Penjualan tersebut dan

jika ditemukan kesalahan – kesalahan dari sistem yang nantinya akan

dilakukan sebuah pengkajian ulang dan perbaikan sistem.

 5. Pemeliharaan

Pemeliharaan dilakukan untuk memperbaiki kesalahan pada sistem

jika kesalahan pada saat uji coba tidak terdeteksi. Pada skripsi ini

dilakukanpengembangan sampai tahap uji coba.

3.2 Metode Pengumpulan Data

Metode pengumpulan data yang digunakan dalam penelitian ini adalah :

1. Observasi

Metode penelitian yang dilakukan ini dengan cara peninjauan atau

pengamatan langsung ke objek penelitian yaitu UMKM Mebel pad

Dusun Montong Dao, guna untuk mendapatkan informasi dan data-

data yang diperlukan

2. Wawancara

Dalam metode wawancara ini, pengumpulan data yang dilakukan

dengan cara Tanya jawab langsung kepada pemilik UMKM Mebel

untuk memproleh data yang jelas dan akurat.

3. Studi Pustaka

Metode ini dilakukan untuk melengkapi data-data dengan cara

mencaribahan referensi yang berkaitan dengan masalah yang

diambil sebagai dasar dalam penyusunan dan pengkajian data yang

ada.
3.3 Perancangan Sistem

3.3.1 Flowchart Sistem

1. Flowchart Sistem Lama

Gambar 3.2 Flowchart Sistem Lama

Deskripsi:

1. Pelanggan pergi secara langsung ke UMKM Mebel Pada

Dusun Montong Dao.

2. Pelanggan mengambil keranjang belanja.

3. Pelanggan mencari barang.

4. Pelanggan memilih barang dan varian barang.

5. Pelanggan membawa barang ke kasir.

6. Kasir mencatat transaksi barang.

7. Kasir membuat 2 nota pembayaran, satu untuk pelanggan dan

satu lagi untuk dijadikan arsip.

8. Kasir menginformasikan total bayar kepada pelanggan.

9. Pelanggan menerima informasi total bayar dan

melakukan pembayaran.

10. Kasir menerima uang pembayaran dan menyerahkan barang

dan nota pembayaran

2. Flowchart Sistem Baru

Gambar 3.3 Flowchart Sistem Baru

1. Pelanggan Membuat Akun/ Mendaftar terlebih dahulu

2. Kemudian pelanggan menginputkan data seprti nama lengkap,

username, password, alamat email, nomor telpon dan foto.

Kemudian data tersebur akan disimpan dalam database

3. Pada halaman login, pelanggan menginputkan username dan

password yang telah di buat tadi. Jika login berhasil maka akan

muncultampilan halaman home, jika tidak maka tampilan akan tetap

dihalaman login

4. Pelanggan memilih menu produk yang ada dan di simpan kedalam

keranjang

5. Klik keranjang maka akan tampil daftar produk yang telah dipilih.

Jika ingin membeli barang lainnya bisa memilih tombol belanja

untuk kembali ke halaman produk, jika semua barang sudah

dimasukan ke keranjang masukan jumlah barang yang ingin di beli

kemudian klik checkout,

6. Jika sudah selesai memilih barang dan jumlahnya kemudian klik

checkout, kemudian pilih alamat tujuan dan secara otomatis ongkos

kirim akan ditampilkan selanjutnya masukan alamat detail

pengirimannya kemudian klik checkout dan pembelian selesai.

untuk nota pembayarannya bisa dilihat di menu pembelian.

7. Setelah pembeli selesai melakukan pembelian barang kemudian

lalukan pembayaran dan input bukti pembayaran pada menu

pembelian dan klik tombol input pembayaran kemudian masukan

 metode pembayaran, jumlah bayar dan foto bukti pembayaran

kemudia klik kirim dan status pembelian yang tadinya pending akan

berubah menjadi sudah kirim pembayaran.

8. Admin mengecek bukti pembayaran pelanggan jika pembeli benar

sudah melakukan pembayaran maka admin akan mengubah status

pembelian menjadi lunas dan kirim barang.

3.3.2 Analisis Kebutuhan

1. Kebutuhan Fungsional

NO Kebutuhan Fungsional

1 Login

2 Home

3 Mengelola Data Produk

4 Mengelola Data Varian Produk

5 Mengelola Data Pengguna

6 Mengelola Data Pembelian

7 Mengelola Data Laporan

Tabel 1 kebutuhan Fungsional

2. Kebutuhan Non Fungsional

NO Kebutuhan Non Fungsional

1 - Hardware Laptop

Processor HDD

1000gb

Printer

2 - Software

Xampp

MySQL

Visual Studio Code

Google Chrome

Tabel 2 Kebutuhan Non Fungsional

3.3.3 Unified modelling language (UML)

1. Use Case Diagram Admin

Gambar 3.4 Use Case Diagram Admin

Gambar 3.4 diatas menjelaskan fasilitas yang dapat digunakan oleh

admin, mulai dari login terlebih dahulu dan masuk kedalam tampilan

home, didalam halaman home terdapat menu-menu yang bisa diakses

oleh admin, mulai dari menu produk, meu varian produk, menu

pelanggan, menu pembeli, menu laporan dan profil.

2. Use Case Diagram Pelanggan

Gambar 3.5 Use Case Diagram Pelanggan

Gambar 3.5 diatas menjelaskan tentang fasilitas yang dapat digunakan

oleh pelanggan yaitu pelanggan dapat mendaftar terlebih dahulu

kemudian login dan masuk ketampilan home, pelanggan dapat memilih

daftar menu produk, melakukan pembelian dan transaksi.

3.3.4 Diagram Activitiy

1. Activity Diagram Login

Gambar 3.6 Activity diagram Login

2. Activity Diagram Tabel Data Produk

Gambar 3.8 Activity diagram Tabel Data Produk

3. Activity Diagram Tabel Data Varian Produk

Gambar 3.9 Activity diagram Tabel Data Varian Produk

4. Activity Diagram Tabel Data Pembelian

Gambar 3.10 Activity diagram Tabel Data Pembelian

5. Activity Diagram Ubah Password

Gambar 3.11 Activity diagram Ubah Password

6. Activity Diagram Laporan Pembelian

Gambar 3.12 Activity diagram Laporan Pembelian

7. Activity Diagram Pemesanan Produk

Gambar 3.13 Activity diagra Pemesanan Produk

8. Activity Diagram Checkout Produk

Gambar 3.14 Activity diagram Checkout Produk

9. Activity Diagram Input Pembayaran

Gambar 3.15 Activity diagram Input Pembayaran

3.3.3 ERD (Entity Relationship Diagram)

Gambar 3.15 Entity Relationship Diagram

 3.3.4 Struktur Database

1. Tabel Login

Field_Name Type Size Key

Id Int 11 *

nama_user Varchar 50

Username Varchar 50

Password Varchar 90

Level Varchar 10

Email Varchar 40

Telpon Varchar 12

Foto_user Varchar 225

Tabel 1. Struktur Database Tabel Login

2. Tabel Produk

Field_Name Type Size Key

Id Int 11 *
 Id_kategori Varchar 30 **

nama_produk Varchar 500

harga Varchar 100

varian Varchar 300

gambar Varchar 225

deskripsi Text

stok produk varchar 40

Tabel 2. Struktur Database Tabel Produk

3. Tabel Pembelian

Field_Name Typ Size Key

Id_pembelian int 11 *

tanggal_pembelian date

total pembelian int 11

Id_user int 11 **

Id_ongkir int 11 **

alamat_pengiriman text
 status_pembelian varc 50

har

resi_pengiriman varc 60

har

komplain text

Tabel 3. Struktur Database Tabel Pembelian

4. Tabel Varian

Field_Name Type Size Key

Id_varian int 11 *

Id_produk int 1 **

varian_v varchar 100

Harga_v varchar 40

Deskripsi_v text

stok varchar 20

Tabel 4. Struktur Database Tabel Varian

5. Tabel Pembelian Produk

Field_Name Type Size Key

Id_pembelian_produk int 11
*

Id_pembelian_p int 11 **

Id_produk int 11 **

jumlah int 11

Tabel 5. Struktur Database Tabel Pembelian Produk

6. Tabel Pembayaran

Field_Name Type Size Key

Id_pembayaran int 11 *

Id_pembelian_produk int 11 **

nama_pembeli varchar 50

alamat_bank varchar 50

jumlah_pembayaran varchar 50

tanggal date

bukti varchar 225

 Tabel 6. Struktur Database Tabel Pembayaran

7. Tabel Kategori

Field_Name Type Size Key

Id_k int 11 *

Id_kategori 11
int **

nama_kategori varchar 50

Tabel 7. Struktur Database Tabel Kategori

8. Tabel Ongkir

Field_Name Type Size Key

Id_ongkir int 11 *

nama_daerah varchar 40

tarif varchar 10

Tabel 8. Struktur Database Tabel Ongkir

9. Tabel Produk Foto

Field_Name Type Size Key

Id_produk_foto int 11 *

Id_f int 11 **

nama_foto varchar 225

Tabel 9. Struktur Database Tabel Produk Foto

3.3.1 Arsitektur Program

Gambar 3.16 Arsitektur Program

 3.3.2 Desain Interface

1. Desain Interface Login

Gambar 3.17 Desain Interface Login

2. Desain Interface Buat Akun

Gambar 3.18 Desain Interface Buat Akun

3. Desain Interface Halaman Home Admin

Gambar 3.19 Desain Interface Halaman Beranda Admin

4. Desain Interface Data produk

Gambar 3.20 Desain Interface Data Produk

5. Desain Interface Tambah Data Produk

Gambar 3.21 Desain Interface Tambah Data Produk

6. Desain Interface Ubah Data Produk

Gambar 3.22 Desain Interface Ubah Data Produk

7. Desain Interface Tabel Varian Produk

Gambar 3.23 Desain Interface Tabel Varian Produk

8. Desain Interface Form Tambah Data Varian Produk

Gambar 3.24 Desain Interface Form Tambah Data Varian Produk

9. Desain Interface Form Ubah Data Varian Produk

Gambar 3.25 Desain Interface Form Ubah Data Varian Produk

10. Desain Interface Tabel Data Pengguna

Gambar 3.26 Desain Interface Tabel Data Pengguna

11. Desain Interface Form Tambah Data Pengguna

Gambar 3.27 Desain Interface Form Tambah Data Pengguna

12. Desain Interface Form Ubah Password Pengguna

Gambar 2.8 Desain Interface Form Ubah Password Pengguna

13. Desain Interface Tabel Pembelian

Gambar 3.29 Desain Interface Tabel Pembelian

14. Desain Interface Status Pembayaran

Gambar 3.30 Desain Interface Status Pembayaran

15. Desain Interface Laporan Pembelian

Gambar 3.31 Desain Interface Laporan Pembelian

16. Desain Interface Home Pembeli

Gambar 3.32 Desain Interface Home Pembeli

17. Desain Interface Keranjang Belanja

Gambar 3.33 Desain Interface Keranjang Belanja

18. Desain Interface Detail Produk

Gambar 3.34 Desain Interface Detail Produk

19. Desain Interface Checkout Produk

Gambar 3.35 Desain Interface Checkout Produk

20. Desain Interface Konfirmasi Pembayaran

Gambar 3.36 Desain Interface Konfirmasi Pembayaran

21. Desain Interface Nota Pembayaran

Gambar 3.37 Desain Interface Nota Pembayaran

22. Desain Interface Riwayat Pembelian

Gambar 3.38 Desain Interface Riwayat Pembelian

23. Desain Interface Profil

Gambar 3.39 Desain Interface Profil