BAB IV

HASIL DAN PEMBAHASAN

1.
4.1. Hasil Pembahasan
Pada bab ini akan menjelaskan hasil dari pembahasan pada bab sebelumnya,
dimana dalam penelitian ini akan mulai mengimplementasikan rancangan sistem
yang dibuat ke dalam bentuk aplikasi mobile, pada penelitian ini metode yang
digunakan adalah SDLC (Software Development Life Cycle) dengan model
prototype sebagai acuan dalam proses pembuatan perangkat lunak.

4.2. Analisis Kebutuhan

Proses pembuatan suatu aplikasi dimulai dengan melakukan tahap analisis
system berjalan dan kebutuhan informasi. Tahap analisis system berjalan
dilakukan untuk menjawab kekurangan-kekurangan dari system yang sebelumnya
dan analisis kebutuhan informasi dilakukan guna mengetahui aplikasi yang
diinginkan oleh user. Dengan dilakukannya observasi dan wawancara kepada
pemilikToko Iqbal, maka didapat hasil analisis sebagai berikut :
1. Toko Iqbal merupakan sebuah toko yang menjualkebutuhan pokok
seperti mie instan, roti, air mineral dan makanan ringan.
2. Data harga barang masih manual dan hanya dicatat menggunakan buku.
3. Perhitungantotal tagihan dari barang yang dibeli pelangganmasih
menggunakan kalkulator
4. Data pemasukan dan pengeluaran barang masih manual dan hanya dicatat
meggunakan buku.

4.2.1. Analisis Pendefinisian Masalah

Pencatatan data pemasukan dan pengeluaran barang pada Toko Iqbal
memang sangat diperlukan karena akan mempengaruhi proses jual beli.
Pencatatan stock barang secara manual dapat menyebabkan munculnya beberapa
permasalahan sebagai berikut :

33
 34

1. Pengolahan data yang masih manual belum adanya komputerisasi dalam

penginputan pemasukan dan pengeluaran barang, menyimpan
datapenjualan, menghitung dengan mengggunakan kalkulator
sehinggamenyebabkan pemilik Toko Iqbal tidak dapat mengetahui stock
barang dengan cepat dan mudah.
2. Pemesanan barang yang hanya dicatat menggunakan kertas sehingga dapat
menimbulkan hilangnya kertas tersebut.Terkadang pegawai Toko Iqbal
juga tidak mengetahui persediaan barang yang ada, sehingga info yang
didapat pembeli kurang.

Dalam penelitian ini akan mencoba untuk membuat perancangan dan

membuat aplikasi cash registeryang hasilnya dapat mengatasi masalah tersebut
dengan kelebihan aplikasi sebagai berikut :
a. Aplikasi yang akan dibuat secara mobileyang berbasis android. Data stock
barang yang disimpan menggunakan Mysql. Sehingga dapat mengetahui
persediaan barang yang ada melalui aplikasi yang telah dibuat. Persediaan
yang dibuat berdasarkan data yang terdapat pada gudang Toko Iqbal.
Maka pegawai Toko Iqbal tidak lagi kerepotan untuk mencari informasi
persediaan barang yang diminta oleh konsumen.
b. Data transaksi juga bisa tersimpan dalam aplikasi yang telah dibuat. Tidak
menggunakan kalkulator untuk perhitungan tagihan pembeli sehingga
mengurangi terjadinya kesalahan dalam perhitungan dan mempercepat
dalam proses tansaksi.

4.2.2. Analisis Kebutuhan Software (Berdasarkan User)

Pendefinisian kebutuhan softwareyang dibutuhkan disesuaikan dengan
kebutuhan pengguna berdasarkan masalah yang ada. Analisis kebutuhan software
ini dilakukan untuk mengetahui apa saja yang dibutuhkan pada aplikasi yang akan
dibuat. Berdasarkan observasi dan wawancara maka aplikasi yang dibutuhkan
sebagai berikut :
1. PemilikToko Iqbal ingin aplikasiditerapkan pada media yang bersifat tidak
merepotkan dan mudah untuk dipakai.
 35

2. PemilikToko Iqbal menginginkan aplikasi yang dapat mengelola langsung

transaksi penjualan barang.
3. PemilikToko Iqbal menginginkan pengguna dapat melihat persediaan
barang dengan mudah.
4. Pemilik Toko Iqbal ingin data tersimpan secara komputerisasi.

4.2.3. Analisis Pendefinisian Penggunaan Software

Pendefinisian penggunaan software adalah pendefinisian siapa yang akan
menggunakan aplikasi ini disesuaikan dengan kebutuhan. Pembuatan aplikasi ini
dirancang semudah mungkin digunakan untuk para pengguna yang melakukan
transaksi kepada pembeli. Membuat aplikasi navigasi semudah mungkin. Karena
aplikasi ini bersifat mempermudah dan mengurangi kesulitan yang ada.

4.2.4. Analisis Sistem Berjalan

Sistem yang sedang berjalan pada Toko Iqbal masih terlihat manual dan
untuk merancang aplikasi yang akan dibuat diperlukan prosedur yang saat ini
berjalan yaitu :
1. Konsumen memesan barang ke pegawai Toko Iqbaldengan memberikan
daftara pesanan yang sudah dicatat mengguanakan kertas,
2. Pegawai Toko Iqbal mengecek stock dan harga barang
3. Konsumen menerima barang dari pegawaiToko Iqbal dan mengecek
barang.
4. Jika barang yang diterima konsumen tidak lengkap maka pegawaiToko
Iqbal akan mengecek ulang stock dan harga barang tersebut.
5. Jika pesanan barang lengkap maka pegawaiToko Iqbal akan menghitung
tagihan tersebut.
6. Konsumen membayar tagihan tersebut secara cash.
7. Selesai.
 36

Pegawai Toko Iqbal Konsumen

Memesan Barang yang

Barang Yang
Sudah dicatat
Dijual
Menggunakan Kertas

Mengecek Stock dan

Harga Barang

Menerima dan
Mengecek Barang

Ya
Koreksi Ulang Stock
dan Harga Barang Selesai
Tidak

Menghitung
Total Tagihan

Pembayaran

Gambar 4.1 FlowmapAnalisis Sistem Berjalan

4.2.5. Usulan Aplikasi Pemesanan Produk Toko Iqbal

Setelah melihat sistem yang berjalan pada Toko Iqbal Karawang, maka
diajukan usulan aplikasi pemesanan produk Toko Iqbal sebagai berikut :
1. Konsumen memesan barang ke pegawai Toko Iqbal dengan melihat
persediaan stockbarang pada aplikasi pemesanan produk Toko Iqbal.
2. PegawaiToko Iqbal melihat data pemesanan barang pada aplikasi
pemesanan.
3. Pegawai Toko Iqbal mengirim tagihan pesanan ke konsumen.
4. Konsumen mentransfer tagihan ke rekening sales counter Toko Iqbal.
5. Pegawai Toko Iqbal mengirim pesanan kepada konsumen.
6. Konsumen menerima pesanan barang dari Toko Iqbal Karawang.
 37

Gambar 4.2Flowmap Usulan Sistem Pemesanan Barang

4.3. Membangun Prototype

Pada tahap pembangunan prototype dalam penelitian ini menggunakan UML
Untuk mendesain aplikasi yang akan dibuat dengan beberapa diagram yaitu Use
Case Diagram, Class Diagram, Activity Diagram, Sequence Diagram. Untuk
membuat desain menggunakan tools StarUML.

4.3.1. Desain Prototype Sistem Perangkat Lunak (software)

Pada desain perangkat lunak ini akan menggambarkan aplikasi yang diusulkan
dengan UML yang memakai diagram yaitu Use Case Diagram, Class Diagram,
Activity Diagram, Sequence Diagram. Dan pembuatan UML menggunakan tools
StarUML.
 38

1. Use case Diagram

Pada use case diagrammenggambarkan interaksi antara aktor yaitu
pemilik toko dengan perangkat lunak. Didalam perangkat lunak yang sedang
dibangun terdapat beberapa fungsi yang mengelola data barang, mengelola
pemesanan/tagihan barang, mengelola data konsumen, melihatstockbarang, dan
mengelola login.

Gambar 4.3 Use Case Aplikasi Pemesanan Produk Toko Iqbal

a. Definisi Aktor
Berikut ini adalah deskripsi pendefinisian aktor pada aplikasi pemesanan
barang di Toko Iqbal.
Tabel 4.1 Definisi Aktor
No Aktor Deskripsi
Orang yang bertugas mengelola aplikasi pemesanan toko
ikbal, meliputi data pemesanan barang dan informasi
persediaan barang di toko ikbal, serta melakukan
1 Pemilik Toko
pengolahan data seperti menambah, merubah serta
menghapus data yang ada pada aplikasi pemesanan barang
took ikbal
 39

b. Definisi Use Case

Berikut ini adalah deskripsi pendefinisian Use Case pada aplikasi
pemesanan barang di Toko Iqbal :
Tabel 4.2 Definisi Use Case
No Use Case Deskripsi
Merupakan proses untuk mengecek hak akses siapa
1 Login yang berhak mengakses halaman Pemilik Toko dan
user.
2 Barang Menampilkan submenu stock dan harga barang
Mengelola informasi berupa Stock barang yang ada di
3 Stock
toko
4 Harga Barang Menampilkan Harga barang di Toko Iqbal
Menampilkan data transaksi antara pembeli dan
5 Transaksi
penjual di toko ikbal.
6 Daftar Harga Menampilkan Price Listdan tombol download.
7 Laporan Untuk melihat data penjualan pada Toko Iqbal
8 Logout Untuk keluar dari halaman Pemilik Toko.

c. Skenario Use Case

Skenario Use Case di atas didefinisikan sebagai berikut :
Tabel 4.3 Use Case Login
Nama Use Case Use Case Login
Aktor Pemilik Toko
Kondisi Awal Tampilan antar muka awal
Kondisi Akhir Menampilkan halaman login
Pemilik Toko
Deskripsi Aktor mengklik menu login
Aliran Aksi Aktor Reaksi Sistem
Aktifitas
Memilih menu Login Menampilkan menu login
dan masuk halaman utama

Tabel 4.4 Use Case Barang

Nama Use Case Use Case Barang
Aktor Pemilik Toko
 40

Kondisi Awal Tampilan antar muka awal

Kondisi Akhir Menampilkan submenu stock
dan harga barang
Deskripsi Aktor mengklik menu barang
Aliran Aksi Aktor Reaksi Sistem
Aktifitas
Memilih menu barang Menampilkan menu barang

Tabel 4.5 Use Case Stock

Nama Use Case Use Case Stock
Aktor Pemilik Toko
Kondisi Awal Tampilan antar muka awal
Kondisi Akhir Menampilkan halaman daftar
stockyang ada
Deskripsi Aktor mengklik menu stock
Aliran Aksi Aktor Reaksi Sistem
Aktifitas
Memilih menu stock Menampilkan menu stock

Tabel 4.6 Use CaseHarga Barang

Nama Use Case Use Case Harga Barang
Aktor Pemilik Toko
Kondisi Awal Tampilan antar muka awal
Kondisi Akhir Menampilkan halaman daftar
nama dari harga barang
Deskripsi Aktor mengklik menu harga
barang
Aliran Aksi Aktor Reaksi Sistem
Aktifitas
Memilih menu hargabarang Menampilkan
menuhargabarang

Tabel 4.7 Use Case Transaksi

Nama Use Case Use Case Transaksi
Aktor Pemilik Toko
Kondisi Awal Tampilan antar muka awal
Kondisi Akhir Menampilkan halaman daftar
transaksi
Deskripsi Aktor mengklik menu transaksi
Aliran Aksi Aktor Reaksi Sistem
 41

Aktifitas
Memilih menu transaksi Menampilkan menu
transaksi

Tabel 4.8 Use Case Daftar Harga

Nama Use Case Use Case Daftar Harga
Aktor Pemilik Toko
Kondisi Awal Tampilan antar muka awal
Kondisi Akhir Menampilkan halaman Daftar
Harga dan tombol download
Deskripsi Aktor mengklik menu Daftar
Harga
Aliran Aksi Aktor Reaksi Sistem
Aktifitas
Memilih menu Daftar Harga Menampilkan menuDaftar
Harga

Tabel 4.9 Use Case Laporan

Nama Use Case Use Case Laporan
Aktor Pemilik Toko
Kondisi Awal Tampilan antar muka awal
Kondisi Akhir Menampilkan halaman laporan
Deskripsi Aktor mengklik menu laporan
Aliran Aksi Aktor Reaksi Sistem
Aktifitas
Memilih menu laporan Menampilkan menu
laporan antara penjual dan
pembeli

Tabel 4.10 Use Case Logout

Nama Use Case Use Case Logout
Aktor Pemilik Toko
Kondisi Awal Tampilan antar muka awal
Kondisi Akhir Menampilkan halaman logout
Deskripsi Aktor mengklik menu logout
Aliran Aksi Aktor Reaksi Sistem
Aktifitas
Memilih menu logout Keluar dari halaman utama
 42

2. Activity Diagram
Berikut ini merupakan activity diagram atau diagram alir aktivitas dalam
aplikasi yang sedang dirancang untuk aplikasi pemesanan produk Toko Iqbal :
a. Activity DiagramLogin

Gambar 4.4 Activity Login

Pada menu activity Login Masukkan Username dan Password Jika ya
Lanjut ke menu utama Jika tidak atau salah maka ulangi Masukkan Username dan
Password.
 43

b. Activity Diagram barang

Pada menu barang terdapat 2 pilihan yaitu menu stock dan harga barang, saat
Pemilik Toko klik stock maka akan menampilkan stock barang yang ada, dan bila
Pemilik Toko klik harga barang maka akan menampilkan harga semua barang
yang ada di toko tersebut.
 44

c. Activity Diagram Stock

Pada menu stock sistem akan menampikan menu stock barang yang ada di
toko. Untuk menambahkan data stock Pemilik Toko memilih tambah stock, maka
sistem akan menampilkan halaman tambah stock kemudian Pemilik Toko mengisi
data tambah stock dan sistem akan menyimpan data stock.
 45

d. Activity Diagram harga barang

Gambar 4.7 Activity Diagram harga barang

Pada menu harga barang sistem akan menampikan menu harga barang
yang ada di toko. Untuk menambahkan data harga barang Pemilik Toko memilih
tambah harga barang atau edit data harga barang bila suatu hari terdapat kenaikan
atau penurunan harga dalam pasar,kemudian sistem akan menampilkan halaman
harga barangselanjutnyaPemilik Toko mengisi data tambah harga barang / edit
barang dan sistem akan melakukan perubahan data harga barang selanjutnya
sistem menyimpan data harga barang.
46
 47

e. Activity Diagram Transaksi

Gambar 4.8 Activity Diagram Transaksi

Untuk melihat informasi data transaksi antara penjual dan pembeli,

Pemilik Toko memilih menutransaksipada sistem dan akan menampilkan list data
transaksi penjualan oleh di toko oleh Pemilik Toko, selanjutnya Pemilik Toko
juga bisa menambahkan data transaksi yang belum sempat tersimpan dalam
database oleh Pemilik Toko saat transaski penjualan berlangsung.
 48

f. Activity Diagram Daftar Harga

Gambar 4.9 Activity Diagram Daftar Harga

Pada saat admi memilih menu Daftar Harga, sistem akan menampilkan
halamanDaftar Harga. selanjutnya bila Pemilik Toko ingin mengakses data berupa
list harga Pemilik Toko akan memilih icon download berbentuk file pdf
selanjutnya otomatis file tersebut akan terprint dan berbentuk hardcopy.
 49

g. Activity Diagram Laporan

Pemilik Toko memilih menu laporan, maka sistem akan menampilkan

halaman laporan. Untuk melihat data laporan penjualan per periode, Pemilik Toko
memilih menu laporan per periode, jika pada hari ini ada data laporan penjualan
maka sistem akan menampilkan data laporan hari ini, tetapi jika tidak ada laporan
penjualan pada hari ini maka sistem akan kembali pada halaman laporan. Pemilik
Toko ingin melihat data laporan per periode, maka sistem akan menampilkan
detail laporan transaksi per periode.
50
 51

h. Activity Diagram Logout

Gambar 4.11 Activity Diagram Logout

Pemilik Toko memilih menulogout dan sistem akan memproses keluar

dari aplikasi.

3. Sequence Diagram
Berikut ini merupakan diagram urutan (sequence diagram) untuk aplikasi
pemesanan produk Toko Iqbal :
 52

a. Sequence Diagram Login

Untuk melakukan proses login Pemilik Toko akan memasukkan username

dan password lalu ke menu utama sistem melakukan validasi login kemudian jika
username dan password sesuai dengan database maka akan masuk ke menu
Pemilik Toko tetapi jika username dan password tidak sesuai maka akan kembali
ke proses awal.

Gambar 4.12Sequence Diagram Login

 53

b. Sequence Diagram Barang

 54

Gambar 4.13 Sequence Diagram Barang

Pemilik Toko ingin memilih menu transaksi, selanjutnya sistem akan
menampilkan halaman transaksi barang berupa sub menu dari menu barang yaitu
harga barang dan stock, yang masing-masing mempunyai kegunanaan masing-
masing, Pemilik Toko memilih menuharga barang maka akan muncul harga
barang, bila Pemilik Toko ingin memilih menu stock maka akan muncul stock
dari barang di toko tersebut. Tetapi jika pilih batal, sistem akan kembali ke menu
sebelumnya.

c. Sequence Diagram Transaksi

Gambar 4.14 Sequence Diagram Transaksi

 55

Pemilik Toko memilih menu transaksi, maka akan tampil halaman

transaksi antar penjual dan pembeli dalam toko tersebut, selanjutnya bila Pemilik
Toko ingin menambah data transaksi Pemilik Toko melakukan inputan dan sistem
akan menyimpan data tersebut dalam database.
d. Sequence Diagram Daftar Harga

Gambar 4.15 Sequence Diagram Daftar Harga

Pemilik Toko memilih menu Daftar Harga, maka akan tampil halaman
Daftar Harga, selanjutnya bila Pemilik Toko ingin menDaftar Harga sistem akan
 56

melakukan permintaan ke database dan hasil dari data price list tersebut berbentuk
file pdf.
e. Sequence Diagram Laporan
57
 58

Gambar 4.16 Sequence Diagram Laporan

Pemilik Toko memilih menu laporan, maka sistem akan

menampilkanhalaman laporan yang selanjutnya akan di proses di database,
selanjutnya bila Pemilik Toko ingin memilih laporan perperiode maka sistem akan
melakukan permintaan lagi ke database dan sistem akan menampilkan list laporan
berdasarkan periode yang di pilih.

f. Sequence Diagram Logout

Gambar 4.17 Sequence Diagram Logout

Pemilik Toko melakukan logout yang direspon oleh sistem kemudian keluar dari
aplikasi dan masuk ke menu login Pemilik Toko.
 59

4. Deployment Diagram
Deployment diagram menunjukkan konfigurasi komponen dalam proses
eksekusi aplikasi pemesanan produk di toko Toko Iqbal Ramayana Karawang.

Gambar 4.18 Deployment DiagramAplikasi

4.3.2. Desain Mock-up Database

Desain database dilakukan dengan menentukan nama entitas yang
diuraikan dalam desain use case dan class diagram, serta disesuaikan dengan
kebutuhan aplikasi pemesanan produk Toko Iqbal. Berikut ini adalah class
diagram untuk menggambarkan database pada aplikasi yang telah dibuat.
 60

Gambar 4.19Class DiagramAplikasi Cash register berbasis multi-platform

Tabel 4.11 Deskripsi Pendefinisian Class Diagram

Nama Kelas Keterangan
Merupakan kelas proses yang diambil
Login
dari pendefinisian usecase login.
Merupakan kelas untuk koneksi ke
Database
database.
Merupakan kelas yang mengelola data
Barang
barang.
Merupakan kelas yang berfungsi untuk
Stock menampilkan stock barang yang
tersedia
Merupakan kelas yang berfungsi untuk
Harga Barang menampilkan harga barang yang
tersedia
Merupakan kelas yang mengelola
Transaksi
proses transaksi.
Merupakan kelas yang mengelola data
Daftar Harga list harga barang yang di jual dalam
bentuk file pdf.
Merupakan kelas yang mengelola
Laporan proses laporan per periodeoleh Pemilik
Toko.
Merupakan kelas untuk keluar dari
Logout
aplikasi dan kembali ke menu login.

Tabel 4.12TabelLogin
Nama Field Tipe Data Lenght Keterangan
Username Varchar 100
Password Varchar 100
 61

nama_lengkap Varchar 100

Tabel 4.13Tabel Transaksi

Nama Field Tipe Data Lenght Keterangan
tgl_trans Date -
Kd_trans Int 30 Primary Key
Total Int 30
Kd_barang Int 30 Primary Key

Qty Int 30

Tabel 4.14Tabel Stock

Nama Field Tipe Data Lenght Keterangan
Kd_barang Int 30 Primary key
Qty Int 30
Tanggal Date -

Tabel 4.15Tabel harga barang

Nama Field Tipe Data Lenght Keterangan
Kd_barang Int 30 Primary key
nama_barang Int 30
harga_barang Int 30

4.3.3. Desain Mockup Interface

Desain Interface merupakan rancangan antarmuka (interface) program
yang akan diimplementasikan dan dibawah ini adalah gambaran dari tampilan
pada halaman (Pemilik Toko) dan halaman Pembeliaplikasi pemesanan produk di
Toko Iqbal.
1. Halaman Pemilik Toko
 62

Gambar 4.20 Interface Pemilik Toko Pemesanan Produk Toko Iqbal

a. Halaman Login
Pada halaman login Pemilik Toko menampilkan kolom username dan
password, username dan password diisi sesuai dengan data pada database.
Berikut tampilannya :
 63

Gambar 4.21Interface Login

 64

b. Halaman Menu Barang

Pada halaman menu barang menampilkan sub menu yaitu, stock dan harga
barang. Yang berfungsi sebagai aksi untuk melihat dan menambahkan
stock dan harga barang yang ada di toko iqbal. Tampilannya sebagai
berikut :

Gambar 4.22 Interface Menu Barang

c. Interface Transaksi
 65

Pada halaman transaksi, Pemilik Tokodapat melihat informasi transaksi

yang ada diToko Iqbal, lebih jelastampilannya sebagai berikut

\Gambar 4.23 Interface Menu Transaksi

d. Interface Daftar Harga

 66

Pada halamanDaftar HargaPemilik Toko dapat mendownload list daftar

barang yang ada di toko iqbal, Tampilannya sebagai berikut :

Gambar 4.24 Interface Daftar Harga

e. Interface Laporan Bulanan

 67

Pada halamanLaporan Bulanan Pemilik Toko dapat Melihat Laporan

Bulanan pada tahun sekarang saja, Tampilannya sebagai berikut :

Gambar 4.25 Interface menu Laporan Bulanan

 68

f. Interface Laporan Periodik

Pada halamanLaporan Periodik Pemilik Toko dapat Melihat Laporan
Berdasarkan pilihan Tanggal, Bulan dan tahun yang diinginkan,
Tampilannya sebagai berikut :

Gambar 4.25 Interface menu Laporan Periodik