III.

METODE PENELITIAN

3.1 Objek Penelitian

Ini adalah tempat penelitian Skripsi sebagai berikut :

Nama Instansi : Toko Gas Elpiji Berlian Jaya

Alamat : Kunding No. 17 RT 003 RW 001 Kec. Banua Lima, Kota

Tamiang Layang Kah. Barito Timur

Telpon / Faks : 0526-2028434

3.2 Alat dan Bahan Penelitian

1. Perangkat Keras Yang Digunakan

Adapun perangkat keras yang digunakan dalam penelitian ini adalah

sebagai berikut :

- Laptop Toshiba

- Processor Intel(R) Core(TM) 2.20GHz

- RAM 2 GB

2. Perangkat Lunak Yang Digunakan

Adapun perangkat lunak yang digunakan dalam penelitian ini adalah

Sebagaiberikut :

32
 33

1. Sistem Operasi Windows 10 Pro 64bit

2. Visual Studio Code

3. Google Chrome

4. XAMPP

3.3 Metode Pengumpulan Data

Adapun proses pengumpulan data harus dengan metode yang tepat dan

terarah sehingga data yang didapatkan lebih akurat.

Adapun teknik pengumpulan data yang digunakan, antara lain:

1. Library Research, dengan melakukan survei ke perpustakaan untuk

mempelajari dan menganalisa setiap buku referensi dan literatur yang

berhubungan dengan penelitian dan pembahasan yang dilakukan.

2. Interview, dengan melakukan percakapan lisan secara langsung dengan pihak-

pihak yang dianggap kompeten untuk dapat memberikan informasi yang

sesuai diperlukan peneliti.

3. Internet Browsing, dengan mencari bahan-bahan, artikel-artikel, atau jurnal-

jurnal melalui internet yang berhubungan dengan penelitian.

4. Experiment, dengan melakukan analisa permasalahan untuk merancang

sistem yang digunakan untuk membangun sistem informasi dan melakukan

uji coba terhadap sistem yang telah di bangun.

3.4 Tahapan Penelitian

Tahapan-tahapan penelitian yang dilakukan dalam penelitian ini adalah

sebagai berikut:

1. Studi Literatur
 34

Pencarian literatur di perpustakaan serta buku pegangan, buku pedoman

penulisan skripsi dan penelitian terdahulu sebagai bahan penyusunan skripsi.

2. Pengumpulan Data

Proses pengumpulan data-data yang didapat berasal dari internet

browsing dan penelitian terdahulu.

3. Analisa Data dan Identifikasi Masalah

Analisa dilakukan berdasarkan pengumpulan data yang sudah didapatkan

serta memulai menentukan topik dan objek penelitian.

4. Perancangan Aplikasi

Setelah menetukan topik dan objek penelitian, maka dapat dibuat

perancangan sistem informasi yang akan digunakan sebagai acuan dalam

pengembangan implementtasi pada program.

5. Pembuatan Program Aplikasi

Pada tahap ini akan dilakukan untuk membuat program aplikasi beserta

dengan user interface aplikasi tersebut.

6. Implementasi

Pada bagian terakhir akan dilakukan pembuatan kesimpulan aplikasi dari

segala proses sistem yang telah ada.

7. Testing

Melakukan uji coba aplikasi yang sudah dibuat.

8. Penyusunan Laporan
 35

Penyusunan laporan diawali dari penentuan topik dan objek penelitian

yang didasarkan pengumpulan data-data, bagaimana aplikasi ini dibuat dan

tujuan dari pembuatan aplikasi.

3.5 Analisa Sistem

3.5.1 Perancangan UML

Untuk memperjelas sistem tentang gambaran sistem aplikasi pada

penelitian yang dilakukan makan dibuatlah UML dengan beberapa jenis, antara

lain:

3.5.1.1 Use Case Diagram

1. Tabel Use Case Diagram

Tabel Use Case Diagrammerupakan tabel deskripsi penjelasan proses

jalannya aplikasi tersebut.

Tabel 3.1 Deskripsi Use Case Diagram

Actor Use Case Description

Admin melakukan login sebelum masuk ke
Admin Halaman Login
aplikasi
Setelah login admin dapat mencek stok
Admin Cek stok barang
barang pada aplikasi
Admin dapat menambahkan stok barang
Admin Restok barang yang sudah habis, dan membeli stok
barang yang baru.
Laporan stok barang dapat admin
laporan stok
Admin download di aplikasi agar mengetahui apa
barang
saja barang yang tersedia
Admin Laporan Laporan keungan dapat admin download di
keuangan aplikasi, laporan keuangan ini di dapat dari
 36

pembelian LPG dan penjualan LPG

2. Gambar Use Case Diagram

Gambar Use Case Diagrammerupakan gambaran proses jalannya

aplikasi tersebut.

Gambar 3.1 Use Case Diagram

3.5.1.2 Activity Diagram

1. Tabel Activity Diagram

Tabel Activity Diagram merupakan tabel deskripsi tentang pengertian

ikon-ikon pada pada tabel Activity Diagram tersebut.

Tabel 3.2 Deskripsi Activity Diagram

 37

Activity Diagram Description

Titik awal mulai sistem berjalan

Action berjalan pada system

Titik final sistem berhenti

Arah jalur sistem berjalan

Pembatas Sistem untuk memilih aksi

Pengguna atau Admin sebagai aktor

Pengguna / Admin
dalam sistem

Sistem menampilkan action yang

Sistem
dilakukan oleh pengguna ataupun admin.

Database adalah kumpulan data yang

Database akan mencek apakah data yang di cari
ada di databse
 38

2. Gambar Activity Diagram Login

Gambar Activity Diagram login merupakan gambaran proses jalannya

halaman Login tersebut, dari Halaman Data login sampai menuju halaman awal

apliaksi tersebut.

Gambar 3.2 Activity Diagram login

 39

Gambar 3.2 Menunjukan Activity Diagram login, dimana admin harus

melakukan login terlebih dahulu untuk membuka halaman awal aplikasi,

tujuannya agar proses aplikasi aman tanpa sembarangan di akses orang lain.

3. Gambar Activity Diargam Input Data

Gambar Activity Diagram Input Data merupakan gambaran proses

jalannya halaman Input Data tersebut.

Gambar 3.3 Activity Diagram Input Data

 40

Gambar 3.2 Menunjukan Activity Diagram Input Data, dimana saat admin

masuk dalam aplikasi dan mengklik data seperti contohnya data produk dengan

mengklik tambah maka akan muncul halaman baru untuk menambahkan produk

baru, disitu lah sistem input bekerja.

4. Gambar Activity Diargam Edit

Gambar Activity Diagram Edit Merupakan gambaran proses jalannya

halaman Data Edit tersebut.

Gambar 3.4 Activity Diagram Edit

 41

Gambar 3.4 menunjukan Activity Diagram Edit , admin dapat merubah

data – data yang sudah di inputkan.

5. Gambar Activity Diargam Pengguna Delete

Gambar Activity Diargam Pengguna Delete merupakan gambaran proses

jalannya menghapus data.

Gambar 3.5 Activity Diagram Delete

 42

Gambar 3.5 menunjukan Activity Diagram Delete, dimana admin dapat

mendelete data yang sudah di inputkan.

3.5.1.3 Sequence Diagram

1. Sequence Diagram Tambah

Sequence Diagram Tambah menjelaskan secara detail urutan proses yang

dilakukan dalam sistem untuk mencapai tujuan dari sistem Sequence Diagram

Tambah.

Gambar 3.6 Sequence Diagram Tambah

Gambar 3.6 merupakan Sequence diagram tambah, saat admin ingin

menambahkan data, admin menambah atau input data, kemudian data akan di

tambahkan ke database, setelah proses aman tidak terjadi kesalahan database akan
 43

mengirimkan data ke tampilan web, lalu web akan menampilkan pesan ke admin

bahwa data berhasil di tambahkan, begitu juga dengan squence edit dan hapus

prosesnya sama.

2. Sequence Diagram Laporan

Sequence Diagram Laporan menjelaskan secara detail urutan proses

yang dilakukan dalam sistem untuk mencapai tujuan dari sistem Sequence

Diagram Laporan.

Gambar 3.7 Sequence Diagram Laporan

Gambar 3.7 merupakan sequence diagram menampilkan laporan

keuangan dalam toko gas LPG.

3.6 Perancangan Database

3.6.1 Kamus Data

 44

Berikut adalah kamus data dari berbagai bagian data yang telah di

kumpulkan dalam pembuatan rancang bangun aplikasi:

Tabel 3.3 Kamus Data

No Field Type Null Attributes Function

1 alamat Text Yes - -
2 harga_produk Int (11) Yes - -
3 id_pelanggan Int (11) Yes Primary Key Auto_increment
4 id_pengeluaran Int (11) Yes Primary Key Auto_increment
5 id_penjualan Int(11) Yes Foreign Key -
6 id_ penjualan Int(11) Yes Primary Key Auto_increment
7 id_pemasukan Int(11) Yes Primary Key Auto_increment
8 id_produk Int (11) Yes Primary Key Auto_increment
9 id_produk Int(11) Yes Foreign Key -
10 id_produk Int(11) Yes Foreign Key -
11 id_produkr Int(11) Yes Primary Key -
12 id_supplier Int (11) Yes Foreign Key Auto_increment
13 id_supplier Int (11) Yes Primary Key -
14 id_trx Int(11) Yes Primary Key -
15 jumlah Int(11) Yes - -
16 jumlah Int(11) Yes - -
17 jumlah_rusak Int(11) Yes - -
18 nama_konsumen Varchar (120) Yes - -
19 nama_pelanggan Varchar (225) Yes - -
20 nama_produk Varchar (120) Yes - -
21 nama_supplier Varchar (120) Yes - -
22 nama_user Varchar (120) Yes - -
23 no_telp Varchar (20) Yes - -
24 password Varchar (120) Yes - -
25 stok_produk Int (11) Yes - -
26 tgl_pemasukan date yes - -
27 tgl_pengeluaran dtae yes - -
28 tgl_penjualan Date Yes - -
 45

29 tgl_produk Date Yes - -

30 tgl_rusak Date Yes - -
31 tgl_supplier Date Yes - -
32 total Int (11) Yes - -
33 total_trx Int(11) Yes - -
34 username Varchar (120) Yes - -

3.6.2 Struktur Tabel

3.6.2.1 Tabel User

Tabel user merupakan tabel yang dimana akun di input pada database

tersebut, sehingga ketika admin akan login maka admin akan memasukkan data

yang sesuai dengan data yang sudah di input pada database.

Tabel 3.4 Tabel User

No Field Type Null Attributes Extra

1 id_user Int (11) Yes Primary Key -
2 Nama_user Varchar (120) Yes - -
3 username Varchar (120) Yes - -
4 password Varchar (120) Yes - -

3.6.2.2 Tabel Penjualan

Tabel penjualan merupakan tabel dimana menampilakn data penjualan di

aplikasi tersebut.

Tabel 3.5 Tabel Penjualan

No Field Type Null Attributes Extra

1 id_penjualan Int (11) Yes Primary Key -
2 id_pelanggan Int (11) Yes Foreign Key -
3 Total Int (11) Yes - -
 46

4 Tgl_penjualan Date Yes - -

3.6.2.3 Tabel Produk

Tabel Produk merupakan tabel data - data produk, dimana admin dapat

melihat data produk tersebut.

Tabel 3.6 Tabel Produk

No Field Type Null Attributes Extra

1 id_produk Int (11) Yes Primary Key -
2 nama_produk Varchar (120) Yes - -
3 Harga_produk Int (11) Yes - -
4 Tgl_produk Date Yes - -
5 Stok_produk Int (11) Yes - -
6 Id_supplier Int (11) Yes Foreign Key -
3.6.2.4 Tabel Supplier

Tabel Supplier merupakan data supplier dimana data tersebut berisi data

– data suppleir.

Tabel 3.7 Tabel Supplier

No Field Type Null Attributes Extra

1 id_supplier Int (11) Yes Primary Key Auto_increment
2 nama_supplier Varchar (120) Yes - -
3 tgl_supplier Date Yes - -
3.6.2.5 Tabel Trx

Tabel Trx merupakan tabel transaksi untuk penjualan.

Tabel 3.8 Tabel Trx

No Field Type Null Attributes Extra

 47

1 id_trx Int(11) Yes Primary Key -

2 id_penjualan Int(11) Yes Foreign Key -
3 id_produk Int(11) Yes Foreign Key -
4 jumlah Int(11) Yes - -
5 Total_trx Int(11) Yes - -
3.6.2.6 Tabel Pelanggan

Tabel Pelanggan merupakan tabel nama – nama pelanggan yang akan

membeli produk ke toko.

Tabel 3.9 Tabel Pelanggan

No Field Type Null Attributes Extra

1 id_pelanggan Int(11) Yes Primary Key -
2 nama_pelanggan Varchar(225) Yes - -
3 alamat Text Yes - -
4 no_telp Varchar(20) Yes - -
3.6.2.7 Tabel Produk Rusak

Tabel Produk Rusak merupakan tabel produk yang rusak.

Tabel 3.10 Tabel Produk Rusak

No Field Type Null Attributes Extra

1 id_produkR Int(11) Yes Primary Key -
2 id_produk Int(11) Yes Foreign Key -
3 tgl_rusak Date Yes - -
4 jumlah Int(11) Yes - -
5 jumlah_rusak Int(11) Yes - -
3.6.2.8 Tabel Keunganan Keluar

Tabel Keungan Keluar merupakan tabel keuangan untuk pengeluaran.

Tabel 3.11 Tabel Pengeluaran

 48

No Field Type Null Attributes Extra

1 id_pengeluaran Int(11) Yes Primary Key -
2 tgl_pengeluaran Date Yes - -
3 total Int(11) Yes - -
4 Id_produk Int(11) Yes Foreign Key -
3.6.2.9 Tabel Keuangan Masukan

Tabel Keuangan Masuk merupakan tabel keuangan untuk pemasukan.

Tabel 3.11 Tabel Pengeluaran

No Field Type Null Attributes Extra

1 id_pemasukan Int(11) Yes Primary Key -
2 tgl_pemasukan Date Yes - -
3 total Int(11) Yes - -
4 Id_penjualan Int(11) Yes Foreign Key -

3.6.3 Relasi Antar Tabel

Gambar 3.16 Relasi Antar Tabel

 49

3.7 Perancangan Desain

3.7.1 Perancangan Desain Form Login

Perancangan Desain Form Login merupakan desain login untuk admin,

kita di haruskan memasukan username dan password untuk masuk kehalaman

menu utama dengan mengklik tombol login yang terletak di kolom paling bawah.

Gambar 3.17 Perancangan Desain Form Login

3.7.2 Perancangan Desain Halaman Admin

Didesain halaman ini terdapat kolom nama aplikasi, nama user, menu-

menu aplikasi, profil toko, dan Dashboard. Kolom nama apliaksi untuk memasang

nama aplikasi, kolom nama user untuk menampilkan nama user, kolom profil

menampilkan foto profile Toko beserta alamat, kolom menu – menu aplikasi

untuk menampilkan beberapa menu aplikasi, dan terakhir dahboard untuk

menampilkan jumlah pemasukan dan pengeluaran bulanan toko.

 50

Gambar 3.18 Perancangan Desain Menu Utama

3.7.3 Perancangan Desain Output Data

Desain output data merupakan tampilan data yang sudah di buat oleh

admin. Di sini admin bisa menambahkan, edit, dan delete.

Gambar 3.19 Perancangan Desain Output Data

 51

3.7.4 Perancangan Desain Edit Data

Desain edit data merupakan form edit data layanan yang kita klik ketika

di halama data output, dan akan otomatis di arahkan ke formedit sesuai data yang

ingin kita edit.

Gambar 3.20 Perancangan Desain Edit Data

3.7.5 Perancangan Desain Tambah Data

Desain tambah merupakan form input untuk menyimpan data, dengan

mengisi kolom-kolom yang tersedia lalu kita klik simpan, maka data yang kita

ketik akan otomatis masuk ke data output.

 52

Gambar 3.21 Perancangan Desain Tambah Data

3.7.6 Perancangan Desain Halaman Laporan Keuangan

Desain halaman Laporan Keuangan merupakan data laporan keuangan.

Gambar 3.20 Perancangan Desain Laporan Keuangan

3.7.7 Perancangan Desain Halaman Laporan Stok Barang

 53

Desain halaman Laporan Stok Barang merupakan data laporan Stok

barang.

Gambar 3.20 Perancangan Desain Laporan Stok Barang