APLIKASI KASIR PADA UMKM

KOMUNITAS KRIYA KATUPAT

BERBASIS ANDROID

LAPORAN TUGAS AKHIR

UNTUK MEMENUHI PERSYARATAN

MENYELESAIKAN PROGRAM PENDIDIKAN
DIPLOMA III

OLEH :
Muhammad Rido Afiat C030320044
Yasir Abdan C030320054

KEMENTERIAN PENDIDIKAN, KEBUDAYAAN,

RISET, DAN TEKNOLOGI
POLITEKNIK NEGERI BANJARMASIN
JURUSAN TEKNIK ELEKTRO
PROGRAM STUDI D3 TEKNIK INFORMATIKA
2023
 LEMBAR PERSETUJUAN

APLIKASI KASIR PADA UMKM KOMUNITAS

KRIYA KATUPAT BERBASIS ANDROID

OLEH :
Muhammad Rido Afiat C030320044
Yasir Abdan C030320054

Tugas Akhir ini telah diterima dan disahkan serta telah dinyatakan
memenuhi syarat pada Tanggal 09 Agustus 2023

Mengetahui, Menyetujui,
Ketua Jurusan Teknik Elektro Dosen Pembimbing 1

H. Syamsudin Noor, S.T., M.T. Dr. Reza Fauzan, S.Kom., M.Kom.

NIP. 19600912 198903 1 001 NIP. 19900909 201504 1 001

Dosen Pembimbing 2

Fuad Sholihin, S.T., M.Kom.

NIP. 19760921 200604 1 002
 LEMBAR PENGESAHAN

APLIKASI KASIR PADA UMKM KOMUNITAS

KRIYA KATUPAT BERBASIS ANDROID

OLEH :
Muhammad Rido Afiat C030320044
Yasir Abdan C030320054

Telah dilakukan sidang Tugas Akhir pada

Hari Selasa, Tanggal 01 Agustus 2023, di ruangan
Rekayasa Perangkat Lunak secara luring

Mengetahui/Menyetejui :
Ketua Dosen Penguji Dosen Pembimbing 1

M. Helmy Noor, S.ST., M.T. Dr. Reza Fauzan, S.Kom., M.Kom.

NIP. 19750507 200012 1 001 NIP. 19900909 201504 1 001

Dosen Penguji 1 Dosen Pembimbing 2

Ahmad Yusuf, S.Kom., M.Kom. Fuad Sholihin, S.T., M.Kom.

NIP. NIP. 19760921 200604 1 002

Dosen Penguji 2

Isna Wardiah, S.Pd., M.Pd.

NIP. 19820610 200501 2 001
 ABSTRAK

Usaha Mikro Kecil Menengah (UMKM) merupakan

kegiatan usaha yang mampu memperluas lapangan pekerjaan,
memberikan pelayanan ekonomi secara luas kepada masyarakat,
berperan dalam proses pemerataan dan peningkatan pendapatan
masyarakat, mendorong pertumbuhan ekonomi, dan berperan
dalam mewujudkan stabilitas nasional. Dan Komunitas Kriya
Katupat menyediakan lapangan pekerjaan tersebut yang mana
rata-rata ditenaga kerjai oleh ibu-ibu rumah tangga untuk mengisi
waktu luang di sehari-harinya. Seiring berkembangnya
Komunitas Kriya Katupat ini muncul permasalahan dimana
pengelolaan produk yang masih menggunakan pencatatan secara
manual dan untuk kemudahan transaksi antara penjual dan
pembeli maka memerlukan pengelolaan terhadap aktivitas
pencatatan transaksi, pelayanan transaksi, dan pengecekan produk
yang tepat dan efisien. Tujuan dibuatnya aplikasi ini adalah untuk
mengatasi masalah yang ada pada Komunitas Kriya Katupat yang
belum mempunyai aplikasi pengelola produk. Dengan adanya
penerapan aplikasi ini pada Komunitas Kriya Katupat mampu
membantu perkembangan para pelaku Usaha Mikro Kecil
Menengah (UMKM) dalam mengelola produk yang sebelumnya
dilakukan pencatatan secara manual. Dalam pembuatan aplikasi
ini yang akan dimasukkan dalam aplikasi meliputi informasi
tentang pengelolaan produk, laporan penjualan, dan struk nota
transaksi otomatis menggunakan Printer Thermal. Pentingnya
pengelolaan produk dan sistem kasir yang diperlukan, sehingga
Aplikasi Kasir pada UMKM Komunitas Kriya Katupat berbasis
Android diharapkan dapat memberikan kemudahan bagi para
pelaku usaha di Komunitas Kriya Katupat dalam pengelolaan
produk dan sistem kasir.

Kata Kunci : Usaha Mikro Kecil Menengah (UMKM), Kriya

Katupat, Penjualan, Produk , Printer Thermal.
 KATA PENGANTAR

Dengan menyebut nama Allah SWT. Yang Maha Pengasih

lagi Maha Penyayang, segala puji dan syukur tim penyusun
panjatkan ke hadirat Allah SWT. yang telah melimpahkan rahmat,
hidayah, dan inayah-Nya kepada tim penyusun, sehingga dapat
menyelesaikan Laporan Tugas Akhir ini dan tak lupa sholawat
serta salam kepada junjungan Nabi Muhammad SAW.
Adapun maksud dan tujuan dari pembuatan Laporan Tugas
Akhir ini adalah untuk melengkapi persyaratan kurikulum dan
menyelesaikan pendidikan di Politeknik Negeri Banjarmasin.
Dalam pelaksanaan dan pembuatan Laporan Tugas Akhir ini, tim
penyusun banyak menerima saran, bantuan, dan bimbingan dari
berbagai pihak. Tanpa menghilangkan rasa hormat, tim penyusun
mengucapkan terima kasih kepada pihak-pihak yang telah
membantu, antara lain sebagai berikut:
1. Yth. Bapak Joni Riadi, S.ST., M.T. selaku Direktur Politeknik
Negeri Banjarmasin.
2. Yth. Bapak H. Syamsudin Noor, S.T., M.T. selaku Ketua
Jurusan Teknik Elektro Politeknik Negeri Banjarmasin.
3. Yth. Ibu Rahimi Fitri, S.Kom., M.Kom. selaku Ketua
Program Studi D3 Teknik Informatika Politkenik Negeri
Banjarmsin.
4. Yth. Bapak Wanvy Arifha Saputra, M.Kom. selaku Panitia
dari Tugas Akhir.
5. Yth. Bapak Dr. Reza Fauzan, S.Kom., M.Kom. selaku
Pembimbing 1 tugas akhir di Politeknik Negeri Banjarmasin.
6. Yth. Bapak Fuad Sholihin, S.T., M.Kom. selaku Pembimbing
2 tugas akhir di Politeknik Negeri Banjarmasin
7. Yth. Ibu Elisa R Suryana, SE. selaku Pembimbing Lapangan
Komunitas Kriya Katupat tempat pelaksanaan Tugas Akhir.
8. Kasih sayang dan cinta buat kedua orang tua penyusun yang
telah memberikan dukungan serta do’a agar diberikan
kelancaran dan kemudahan saat penyusunan hingga
menyelesaikan Laporan Tugas Akhir ini.
9. Pihak-pihak yang tidak dapat penyusun sebutkan satu persatu,
yang telah memberikan motivasi dan semangat serta
sumbangan pemikirannya kepada penyusun sehingga
selesainya Laporan Tugas Akhir ini.

Dalam penyusunan Laporan Tugas Akhir ini penyusun

menyadari masih banyak keterbatasan kemampuan, pengalaman,
dan pengetahuan sehingga dalam penyusunan Laporan Tugas
Akhir ini masih terdapat kelemahan dan kekurangan. Oleh karena
itu penyusun mengharapkan kritik dan saran yang membangun
untuk perkembangan sistem yang penyusun buat. Semoga
Laporan Tugas Akhir ini memberikan manfaat bagi penyusun
sendiri maupun ilmu kepada pembaca terutama mahasiswa
Program Studi D3 Teknik Informatika Jurusan Teknik Elektro
Politeknik Negeri Banjarmasin.

Banjarmasin, 29 Juli 2023

Penyusun
 DAFTAR ISI

LEMBAR PERSETUJUAN..................................................... i
LEMBAR PENGESAHAN...................................................... ii
ABSTRAK............................................................................... iii
KATA PENGANTAR............................................................... iv
DAFTAR ISI............................................................................. vi
DAFTAR GAMBAR................................................................ i
DAFTAR TABEL..................................................................... iii
BAB I PENDAHULUAN....................................................... 1
1.1 Latar Belakang........................................................ 1
1.2 Rumusan Masalah................................................... 2
1.3 Batasan Masalah..................................................... 2
1.4 Tujuan..................................................................... 2
1.5 Manfaat................................................................... 2
BAB II LANDASAN TEORI................................................. 3
2.1 Kasir........................................................................ 3
2.2 Java......................................................................... 3
2.3 Android Studio........................................................ 3
2.4 XAMPP.................................................................. 4
2.5 MySQL................................................................... 4
2.6 PHP......................................................................... 5
2.7 Postman.................................................................. 5
2.8 StarUML................................................................. 5
2.9 Visual Studio........................................................... 6
2.10 Restful API........................................................... 6
2.11 Printer Thermal..................................................... 7
BAB III PERANCANGAN SISTEM..................................... 8
3.1 Gambaran Umum................................................... 8
3.2 Metode Pengembangan........................................... 8
3.2.1 Analisis........................................................ 9
3.2.2 Desain.......................................................... 14
3.2.3 Implementasi............................................... 43
3.2.4 Pengujian..................................................... 43
BAB IV HASIL DAN PEMBAHASAN................................ 44
 4.2 Hasil Implementasi................................................ 44
4.2 Pengujian (Testing)................................................ 65
BAB V PENUTUP................................................................. 68
5.1 Kesimpulan............................................................ 68
5.2 Saran...................................................................... 68
DAFTAR PUSTAKA............................................................... 69
LAMPIRAN............................................................................. 71
 DAFTAR GAMBAR

Gambar 2.1 Printer Thermal................................................... 7

Gambar 3.1 Metode Waterfall................................................. 8
Gambar 3.2 Use Case Diagram............................................... 10
Gambar 3.3 Activity Diagram Login User.............................. 15
Gambar 3.4 Activity Diagram Kasir....................................... 16
Gambar 3.5 Activity Diagram UMKM................................... 17
Gambar 3.6 Conceptual Data Model...................................... 18
Gambar 3.7 Logical Data Model............................................ 19
Gambar 3.8 Physical Data Model........................................... 20
Gambar 3.9 Halaman Splash Screen....................................... 27
Gambar 3.10 Halaman Login.................................................. 28
Gambar 3.11 Halaman Tentang Aplikasi................................ 29
Gambar 3.12 Halaman Lupa Password................................... 30
Gambar 3.13 Halaman Daftar (UMKM)................................ 31
Gambar 3.14 Halaman Beranda (UMKM)............................. 32
Gambar 3.15 Halaman Edit Profil (UMKM).......................... 33
Gambar 3.16 Halaman Edit Produk (UMKM)....................... 34
Gambar 3.17 Halaman Tambah Produk (UMKM)................. 35
Gambar 3.18 Halaman Beranda (Admin)............................... 36
Gambar 3.19 Halaman Edit User (Admin)............................. 37
Gambar 3.20 Halaman Tambah User (Admin)....................... 38
Gambar 3.21 Halaman Beranda (Kasir).................................. 39
Gambar 3.22 Halaman Keranjang (Kasir).............................. 40
Gambar 3.23 Halaman Beranda (Owner)............................... 41
Gambar 3.24 Halaman Laporan Penjualan (Owner)............... 42
Gambar 4.1 Halaman Splash Screen....................................... 45
Gambar 4.2 Halaman Login.................................................... 46
Gambar 4.3 Halaman Daftar................................................... 47
Gambar 4.4 Halaman Lupa Password..................................... 48
Gambar 4.5 Halaman Tentang Aplikasi.................................. 49
Gambar 4.6 Halaman Beranda (Admin)................................. 50
Gambar 4.7 Halaman Tambah User (Admin)......................... 51
Gambar 4.8 Halaman Edit User (Admin).............................. 52
Gambar 4.9 Halaman Hapus User (Admin)........................... 53
Gambar 4.10 Halaman Beranda (UMKM)............................ 54
Gambar 4.11 Halaman Tambah Produk (UMKM)................ 55
Gambar 4.12 Halaman Edit Produk (UMKM)...................... 56
Gambar 4.13 Halaman Hapus Produk (UMKM)................... 57
Gambar 4.14 Halaman Laporan Penjualan (UMKM)............ 58
Gambar 4.15 Halaman Beranda (Kasir)................................. 59
Gambar 4.16 Halaman Keranjang (Kasir)............................. 60
Gambar 4.17 Tombol Selesaikan Transaksi........................... 61
Gambar 4.18 Struk Transaksi................................................. 62
Gambar 4.19 Halaman Beranda (Owner).............................. 63
Gambar 4.20 Halaman Laporan Penjualan (Owner).............. 64
 DAFTAR TABEL

Tabel 3.1 Kebutuhan Fungsional............................................ 9

Tabel 3.2 Tabel Use Case Daftar............................................. 10
Tabel 3.3 Deskripsi Use Case Kelola Produk......................... 11
Tabel 3.4 Deskripsi Use Case Ubah Data Profil..................... 11
Tabel 3.5 Deskripsi Use Case Laporan Penjualan UMKM.... 12
Tabel 3.6 Deskripsi Use Case Laporan Penjualan Owner...... 12
Tabel 3.7 Deskripsi Use Case Kelola User............................. 13
Tabel 3.8 Deskripsi Use Case Melakukan Transaksi.............. 13
Tabel 3.9 Kebutuhan non-fungsional...................................... 14
Tabel 3.10 Jenis_User............................................................. 21
Tabel 3.11 User....................................................................... 21
Tabel 3.12 UMKM.................................................................. 22
Tabel 3.13 Kategori_UMKM.................................................. 23
Tabel 3.14 Produk................................................................... 23
Tabel 3.15 Kategori_Produk................................................... 24
Tabel 3.16 Keranjang.............................................................. 24
Tabel 3.17 Satuan.................................................................... 25
Tabel 3.18 Penjualan............................................................... 25
Tabel 3.19 Detail_Penjualan................................................... 26
Tabel 4.1 Black Box Testing halaman Login semua user....... 65
Tabel 4.2 Black Box Testing halaman Beranda (Admin)....... 65
Tabel 4.3 Black Box Testing halaman Beranda (Owner)........ 66
Tabel 4.4 Black Box Testing halaman Beranda (Kasir).......... 66
Tabel 4.5 Black Box Testing halaman Beranda (UMKM)...... 66
 BAB I
PENDAHULUAN

1.1 Latar Belakang

Perkembangan teknologi dan ilmu pengetahuan pada masa
globalisasi semakin pesat dan canggih. Selain itu perkembangan
teknologi semakin mendukung dalam melakukan pekerjaan
seperti pengelolaan data pada suatu perusahaan dan membantu
penyebaran informasi melalui media cetak yang menyebar
diseluruh lapisan masyarakat.
Penyebaran informasi tidak hanya bisa diperoleh melalui
media cetak saja tetapi bisa juga didapatkan melalui media
elektronik seperti televisi, radio, dan internet.
Komunitas Kriya Katupat merupakan suatu wadah bagi
pelaku Usaha Mikro Kecil Menengah (UMKM) untuk
menawarkan produk atau jasa. Alasan penyusun memilih
penelitian ini karena salah satu anggota dari penyusun Laporan
Tugas Akhir ini pernah magang/Praktik Kerja Lapangan (PKL) di
Komunitas Kriya Katupat dan membimbing beberapa pelaku
Usaha Mikro Kecil Menengah (UMKM) di sana.
Dan semua pengelolaan produk, transaksi, dan keperluan
lainnya masih secara manual atau menggunakan kertas sebagai
medianya. Sering kali data yang dicatat tidak sesuai dengan
produk yang ada di lapangan.
Agar dapat menunjang berkembangnya Komunitas Kriya
Katupat maka perlu dibuat aplikasi yang memudahkan
pengelolaan produk maupun transaksi yang dilakukan, dari
permasalahan tersebut judul Tugas Akhir yang diangkat penyusun
adalah “Aplikasi Kasir pada UMKM Komunitas Kriya Katupat
berbasis Android”.

1
1.2 Rumusan Masalah
Berdasarkan latar belakang, maka rumusan masalah yang
dapat diidentifikasi adalah Bagaimana cara merancang dan
membangun aplikasi Kasir pada UMKM Komunitas Kriya
Katupat berbasis Android?

1.3 Batasan Masalah

Untuk menghindari pembahasan yang menyimpang dari
rumusan masalah yang ada maka Batasan masalah yang dapat
disimpulkan, yaitu :
1. Merancang Aplikasi Kasir pada UMKM Komunitas Kriya
Katupat berbasis Android.
2. Membangun Aplikasi Kasir pada UMKM Komunitas Kriya
Katupat berbasis Android.

1.4 Tujuan
Tujuan yang ingin dicapai dari penyusunan Tugas Akhir ini
adalah merancang dan membangun Aplikasi Kasir pada UMKM
Komunitas Kriya Katupat berbasis Android.

1.5 Manfaat
Manfaat dari Aplikasi Kasir pada UMKM Komunitas Kriya
Katupat berbasis Android adalah :
1. Membantu para pelaku usaha di Komunitas Kriya Katupat
dalam mengelola produk.
2. Mempersingkat waktu dalam proses transaksi antara Penjual
dan Pembeli.
3. Membantu mengetahui data produk dengan cara yang lebih
efisien daripada jika ditulis di kertas.
4. Mempercepat proses pengetahuan Laporan penjualan.

2
 BAB II
LANDASAN TEORI

2.1 Kasir
Kasir adalah seorang yang memegang kas (uang) atau
orang yang memiliki tanggung jawab untuk menerima dan
pembayaran sejumlah barang. Selain istilah kata kasir ada juga
istilah Kassa. Keduanya, mempunyai perbedaan yang tidak sama.
Kasir adalah orangnya, sedangkan Kassa adalah tempat uangnya
(Aisyah, Maulida, Siregar, Fadhilah, & Razah, 2023).

2.2 Java
Java adalah bahasa pemograman yang popular yang banyak
dipakai untuk membuat sebuah sistem yang diresmikan pada
tahun 1995 oleh Sun Microsystems yang diciptakan oleh James
Gosling. Java merupakan sebuah bahasa pemograman yang
berorientasi pada objek Object Oriented Programming (OOP)
merupakan sebuah pendekatan yang memungkinkan sebuah
program dipakai untuk membuat dan menyusun suatu program
yang lebih mudah dan dapat digunakan kembali (Reusability) dan
juga mudah dimengerti. Bahasa Java digunakan untuk pembuatan
Aplikasi Kasir pada UMKM Komunitas Kriya Katupat ini
(Gurning, Malabay, Simorangkir, & Yulhendri, 2022).

2.3 Android Studio

Android studio adalah Integrated Development
Environment (IDE) resmi untuk pengembangan aplikasi Android
dan bersifat open source atau gratis. Peluncuran Android Studio
ini diumumkan oleh Google pada 16 mei 2013 pada event Google
I/O Conference untuk tahun 2013. Sejak saat itu, Android Studio
mengantikan Eclipse sebagai Integrated Development
Environment (IDE) resmi untuk mengembangkan aplikasi
Android. Android studio sendiri dikembangkan berdasarkan

3
IntelliJ IDEA yang mirip dengan Eclipse disertai dengan plugin
Android Development Tools (ADT).
Android Studio dipilih karena memiliki banyak fitur yang
memudahkan para pembuat program terutama programmer level
dasar yang ingin belajar lebih tentang Android. Peran Android
Studio disini sebagai text editor untuk pengembangan aplikasi ini
(Gurning, Malabay, Simorangkir, & Yulhendri, 2022).

2.4 XAMPP
Xampp adalah suatu bundel web server yang populer
digunakan untuk coba-coba di windows karena kemudahan
instalisasinya. Xampp merupakan perangkat lunak bebas yang
mendukung banyak sistem operasi, merupakan kompilasi dari
beberapa program. Fungsinya adalah sebagai server yang berdiri
sendiri (localhost) yang terdiri atas Apache HTTP Server. MySQL
database dan penerjemahan bahasa yang ditulis dengan bahasa
pemrograman PHP. Nama Xampp merupakan singkatan dari
empat sistem operasi yaitu Apache, Mysql, PHP, dan Perl.
Program ini tersedia dalam GNU dan bebas, merupakan web
server yang mudah digunakan yang dapat melayani tampilan
halaman web yang dinamis. Xampp digunakan untuk sebagai
pembuat server lokal di perangkat komputer (Sarwindah, 2018).

2.5 MySQL
MySQL adahlah salah satu jenis database server yang
sangat populer, hal ini disebabkan karena MySQL menggunakan
SQL sebagai bahasa dasar untuk mengakses databasenya.
MySQL bersifat Open Source, Software ini dilengkapi dengan
Source code (kode yang dipakai untuk membuat MySQL).
MySQL digunakan untuk mengelola informasi di database pada
sisi server dengan bahasa pemrograman SQL pada aplikasi yang
dibangun (Susanti & Winanjar, 2021).

4
2.6 PHP
PHP merupakan singkatan dari PHP Hypertext
Preprocessor. PHP merupakan bahasa pemrograman script yang
diletakkan dalam server yang biasa digunakan untuk membuat
aplikasi web yang bersifat dinamis. PHP digunakan untuk
pembuatan Restful API (Susanti & Winanjar, 2021).

2.7 Postman
Postman adalah sebuah aplikasi (berupa plugin) untuk
browser chrome, fungsinya adalah sebagai REST Client atau
istilahnya adalah aplikasi yang digunakan untuk melakukan uji
coba REST API yang telah kita buat. Menurut Rohman (2017),
Postman ini merupakan tool wajib bagi para developer yang
berkutat pada pembuatan API, fungsi utama Postman ini adalah
sebagai GUI API Caller namun sekarang Postman juga
menyediakan fitur lain yaitu Sharing Collection API for
Documentation (free), Testing API (free), Realtime Collaboration
Team (paid), Monitoring API (paid), Integration (paid). Postman
digunakan sebagai alat untuk menguji API atau sebagai penerima
tanggapan atas permintaan pada aplikasi yang sedang dibangun
(Gunawan, 2019).

2.8 StarUML
StarUML adalah software permodelan yang mendukung
Unified Modeling Language (UML). Berdasarkan pada UML
version 1.4 dan dilengkapi 11 macam diagram yang berbeda,
mendukung notasi UML 2.0 dan juga mendukung pendekatan
Model Driven Architecture (MDA) dengan dukungan konsep
UML. StarUML dapat memaksimalkan pruduktivitas dan kualitas
dari suatu software project. StarUML digunakan untuk pembuatan
activity diagram dan lain-lain (Rosyadi & Kholiani, 2016).

5
2.9 Visual Studio
Jubilee (2019) menyatakan bahwa Visual Studio bukanlah
Bahasa pemrograman. Visual Studio adalah software untuk
mengembangkan aplikasi, itu artinya, kalau ingin membuat
program, software, aplikasi dan bahkan mobile app, maka itu bisa
menggunakan visual studio. Visual Studio adalah software yang
menyediakan lingkungan bagi pengembangan aplikasi yang
terintergrasi dari hulu ke hilir. Visual Studio sendiri dibuat oleh
Microsoft sehingga berorientasi pada Microsoft Windows. Visual
Studio Code digunakan untuk pembuatan API pada aplikasi yang
dibangun (Bokings & Vathaprasit, 2023).

2.10 Restful API

Restful API merupakan implementasi dari Application
Programming Interface (API). Representional State Transfer
(REST) adalah suatu arsitektur metode komunikasi yang
menggunakan protokol HTTP untuk pertukaran data dan metode
ini sering diterapkan dalam pengembangan aplikasi.
Dari pengertian diatas dapat ditarik kesimpulan yaitu,
Restful API merupakan suatu arsitektur komunikasi yang
berfungsi sebagai jembatan penghubung untuk pertukaran data
atau informasi. Restful API digunakan sebagai sarana komunikasi
antara aplikasi dengan MySQL itu untuk keperluan webservice
atas data-data yang ada (Karuana, 2018).

6
2.11 Printer Thermal

Gambar 2.1 Printer Thermal

Printer Thermal adalah printer yang memanfaatkan panas

untuk menghasilkan tulisan atau gambar di atas kertas. Proses
pencetakan dari printer thermal ini menggunakan gulungan
kertas. Dimana proses kerjanya mengambil gulungan kertas
tersebut kemudian berubah menjadi gelap saat dipanaskan. Jadi
tidak memerlukan tinta atau toner seperti jenis Printer lainnya
sehingga dapat menghemat biaya maintenance. Selain itu printer
ini juga tidak menimbulkan suara yang berisik dibandingkan
dengan Printer Dotmatrix ataupun Inkjet. Karena memiliki
ukuran yang compact dan terbilang kecil dibanding Printer jenis
lainnya, Printer Thermal tidak memakan banyak ruang dan tidak
memerlukan perawatan khusus. Printer Thermal digunakan
sebagai media cetak untuk struk transaksi pada aplikasi yang akan
dibangun (Basyir, Kamal, & Riska, 2021).

7
 BAB III
PERANCANGAN SISTEM

3.1 Gambaran Umum

Para pelaku usaha di Komunitas Kriya Katupat yang masih
menggunakan metode pencatatan secara manual terhadap
pengelolaan produk sering mengakibatkan terjadinya kesalahan
data dari catatan dengan data yang ada di lapangan. Dan juga
pelayanan transaksi yang belum menggunakan struk atau nota
yang mengakibatkan pembeli tidak tahu harga produk yang dibeli
dan tidak adanya bukti transaksi tersebut. Dari permasalahan
tersebut maka dirancanglah sebuah aplikasi yang bisa mengelola
produk serta pelayanan sistem kasir untuk membantu para pelaku
usaha di Komunitas Kriya Katupat.

3.2 Metode Pengembangan

Gambar 3.1 Metode Waterfall

8
 Pengembangan aplikasi ini menggunakan metode
pengembangan Waterfall. Metode ini dilakukan dengan
pendekatan yang sistematis, mulai dari tahap kebutuhan sistem
lalu menuju ke tahap analisis, desain, coding, testing/verification,
dan maintenance. Langkah demi langkah yang dilalui harus
diselesaikan satu per satu (tidak dapat meloncat ke tahap
berikutnya) dan berjalan secara berurutan, oleh karena itu di sebut
waterfall (Air Terjun).
Ian Sommerville (2011) menjelaskan bahwa ada lima
tahapan pada Metode Waterfall, yakni Requirements Analysis and
Definition, Sytem and Software Design, Implementation and Unit
Testing, Integration and System Testing, dan Operational and
Maintenance (Ramadhan & Ulfah, 2021).

3.2.1 Analisis
Pada tahap ini menjelaskan spesifikasi kebutuhan (System
Requirement) dari aplikasi yang dibuat.
a. Kebutuhan Fungsional

Tabel 3.1 Kebutuhan Fungsional

No. Kebutuhan Fungsi
UMKM dapat mendaftarkan diri
untuk menggunakan aplikasi
UMKM dapat mengelola produk
1. UMKM UMKM dapat mengubah data
profil UMKM
UMKM dapat melihat laporan
penjualan
2. Admin Admin dapat mengelola data
semua user
3. Owner Owner dapat melihat semua
laporan penjualan UMKM
4. Kasir Kasir dapat melakukan transaksi

9
b. Use Case Diagram

Gambar 3.2 Use Case Diagram

Di bawah ini merupakan deskripsi Use Case Diagram

Kriya Katupat yang telah dibuat.

Tabel 3.2 Tabel Use Case Daftar

Use Case Daftar
Aktor UMKM
Deskripsi Menggambarkan UMKM mendaftar agar
dapat menggunakan aplikasi
Pra Kondisi UMKM masuk ke halaman Daftar
Pasca UMKM berhasil mendaftar
Kondisi
Alur UMKM masuk ke aplikasi
UMKM menekan tombol “Daftar disini”
UMKM diarahkan untuk mengisi data yang
diperlukan
UMKM menekan tombol simpan untuk
mendaftar
UMKM sudah bisa login ke dalam aplikasi
dan sudah terdaftar

10
 Tabel 3.3 Deskripsi Use Case Kelola Produk
Use Case Kelola Produk
Aktor UMKM
Deskripsi Menggambarkan UMKM mengelola produk
Pra Kondisi UMKM masuk ke halaman Beranda
Pasca UMKM berhasil mengelola produk
Kondisi
Alur UMKM masuk ke aplikasi
UMKM login menggunakan akun yang
sudah didaftarkan
UMKM masuk ke halaman Beranda
UMKM melakukan pengelolaan produk
Produk yang sudah dikelola akan
ditampilkan di halaman Beranda UMKM

Tabel 3.4 Deskripsi Use Case Ubah Data Profil

Use Case Ubah Data Profil
Aktor UMKM
Deskripsi Menggambarkan UMKM mengubah data
profil UMKM
Pra Kondisi UMKM masuk ke halaman Beranda
Pasca UMKM berhasil mengubah data profil
Kondisi UMKM
Alur UMKM masuk ke aplikasi
UMKM login menggunakan akun yang
sudah didaftarkan
UMKM masuk ke halaman Beranda
UMKM menekan nama UMKM
UMKM melakukan pengubahan data profil
UMKM
Data profil yang sudah diubah akan
ditampilkan di halaman Beranda UMKM

11
Tabel 3.5 Deskripsi Use Case Laporan Penjualan UMKM
Use Case Melihat Laporan Penjualan
Aktor UMKM
Deskripsi Menggambarkan UMKM melihat laporan
penjualan
Pra Kondisi UMKM masuk ke halaman Beranda
Pasca Aplikasi menampilkan laporan penjualan
Kondisi UMKM pada waktu tertentu
Alur UMKM masuk ke aplikasi
UMKM login menggunakan akun yang
sudah didaftarkan
UMKM masuk ke halaman Beranda
UMKM menekan tombol Laporan Penjualan
UMKM menentukan kapan waktu yang
ingin ditampilkan laporan penjualannya
Aplikasi menampilkan laporan penjualan
UMKM

Tabel 3.6 Deskripsi Use Case Laporan Penjualan Owner

Use Case Melihat Laporan Penjualan
Aktor Owner
Deskripsi Menggambarkan Owner melihat laporan
penjualan
Pra Kondisi Owner masuk ke halaman Beranda
Pasca Aplikasi menampilkan laporan penjualan
Kondisi UMKM yang ditentukan
Alur Owner masuk ke aplikasi
Owner login menggunakan akun yang sudah
didaftarkan
Owner masuk ke halaman Beranda
Owner menentukan UMKM mana yang
ingin ditampilkan laporan penjualannya
Owner menentukan kapan waktu yang ingin
ditampilkan laporan penjualannya
Aplikasi menampilkan laporan penjualan

12
 UMKM yang ditentukan

Tabel 3.7 Deskripsi Use Case Kelola User

Use Case Kelola User
Aktor Admin
Deskripsi Menggambarkan Admin mengelola user
Pra Kondisi Admin masuk ke halaman Beranda
Pasca Aplikasi berhasil mengelola user
Kondisi
Alur Admin masuk ke aplikasi
Admin login menggunakan akun yang sudah
didaftarkan
Admin masuk ke halaman Beranda
Admin melakukan pengelolaan user
User yang sudah diolah akan ditampilkan di
halaman Beranda Admin

Tabel 3.8 Deskripsi Use Case Melakukan Transaksi

Use Case Melakukan Transaksi
Aktor Kasir
Deskripsi Menggambarkan Kasir melakukan transaksi
Pra Kondisi Kasir masuk ke halaman Beranda
Pasca Kasir melakukan transaksi
Kondisi
Alur Kasir masuk ke aplikasi
Kasir login menggunakan akun yang sudah
didaftarkan
Kasir masuk ke halaman Beranda
Kasir menentukan produk yang ingin
ditransaksikan dan akan ditambahkan ke
keranjang
Kasir menekan tombol keranjang
Kasir melakukan proses transaksi dan akan
mencetak struk transaksi
c. Kebutuhan non-Fungsional

13
 Tabel 3.9 Kebutuhan non-fungsional
No. Parameter Keterangan
1. Availability Ketersediaan Aplikasi Kasir pada
UMKM Komunitas Kriya Katupat
untuk dapat digunakan oleh
pengguna
2. Ergonomy Aplikasi Kasir pada UMKM
Komunitas Kriya Katupat memiliki
tampilan antarmuka yang mudah
digunakan (user friendly).
3. Portability Aplikasi Kasir pada UMKM
Komunitas Kriya Katupat hanya
bisa dijalankan pada platform
Android.
4. Memory Aplikasi Kasir pada UMKM
Komunitas Kriya Katupat
membutuhkan media penyimpanan
sebanyak data yang disimpan oleh
user.
5. Safety Aplikasi Kasir pada UMKM
Komunitas Kriya Katupat terbebas
dari virus serta tidak mengambil
data pengguna baik untuk keperluan
pengembangan dan yang lainnya.

3.2.2 Desain
Pada tahap ini penyusun mulai merancang sistem sesuai
dengan kebutuhan user yang telah dirangkum sebelumnya.
Desain aplikasi menggunakan metode-metode yang telah
disesuaikan dengan analisis kebutuhan yang meliputi :

a. Activity Diagram

14
Di bawah ini merupakan Activity Diagram Login User

Gambar 3.3 Activity Diagram Login User

Dari gambar di atas dapat dilihat bahwa saat user

ingin melakukan Login harus menggunakan username dan
password yang benar, apabila user salah memasukkan
username maka aplikasi akan memunculkan pop up
“username not found” begitu jua dengan password apabila
salah memasukkannya maka aplikasi akan memunculkan
pop up ”invalid password” tetapi apabila lupa password
bisa di ubah atau reset password.

15
Di bawah ini merupakan Activity Diagram Kasir

Gambar 3.4 Activity Diagram Kasir

Dari gambar di atas dapat dilihat bahwa saat Kasir

ingin melakukan transaksi maka harus Login terlebih
dahulu.. Setelah Login aplikasi akan menampilkan halaman
Beranda yang berisi tombol Exit yang berfungsi untuk
keluar dari aplikasi. Yang kedua ada List Produk yang ingin
ditransaksikan. Yang ketiga ada tombol Keranjang yang
berfungsi untuk menyelesaikan transaksi dan di saat
menyelesaikan Transaksi akan muncul pop up “Print
Transaksi” untuk mencetak struk transaksi

16
Di bawah ini merupakan Activity Diagram UMKM

Gambar 3.5 Activity Diagram UMKM

Dari gambar di atas dapat dilihat bahwa saat UMKM

ingin mengelola produk harus melakukan Login terlebih
dahulu. Setelah Login aplikasi akan menampilkan halaman
beranda yang berisi Tombol Data diri UMKM untuk
melengkapi data profil UMKM, Tombol Produk apabila
ada data yang ingin diolah, Tombol Laporan Penjualan
untuk menampilkan laporan penjualan UMKM pada saat
waktu yang ditentukan, dan yang terakhir ada Tombol Exit
untuk keluar dari aplikasi.

17
b. Rancangan Database
a) Conceptual Data Model (CDM)

Gambar 3.6 Conceptual Data Model

Dapat dilihat bahwa Conteptual Data Model

telah dibuat dari nama tablenya, dan juga sudah
direlasikan setiap tabel.

18
b) Logical Data Model (LDM)

Gambar 3.7 Logical Data Model

Dapat dilihat bahwa Logical Data Model telah

dibuat dan sudah ditambahkan nama di setiap atribut
dalam tabel.

c) Physical Data Model (PDM)

19
 Gambar 3. 8 Physical Data Model

Dapat dilihat bahwa Physical Data Model telah

dibuat dan telah ditambahkan tipe data di setiap atribut
dalam tabel dan juga telah diberi keterangan primary
key dan foreign key.

Adapun rincian table dari gambar di atas adalah sebagai berikut :

a) Tabel Jenis User

20
 Tabel Jenis User Berfungsi untuk menyimpan data
Jenis User. Kolom id_jenis_user merupakan Primary Key
pada tabel id_jenis_user. Kolom nama_jenis_user menyimpan
data nama_jenis_user. Tabel ini Memiliki relasi 1:M (One to
Many) terhadap tabel Jenis_User.

Tabel 3.10 Jenis_User

N Nama Field Tipe Panjang Keterangan
o
1 id_jenis_user int 11 primary
key
2 nama_jenis_user varchar 50 -

b) Tabel User
Tabel User Berfungsi untuk menyimpan data Tabel
User. Tabel User disini merupakan Developer. Kolom id_user
merupakan Primary Key pada tabel User. Kolom Nama_User
penyimpanan data nama User. Kolom Username menyimpan
data nama User. Kolom Password menyimpan data Password
User. Kolom id_jenis_User merupakan Foreign key yang
mengarah pada tabel id_jenis_User. Tabel ini Memiliki relasi
M:1 ( Many to One ) Terhadap tabel Jenis_User.

Tabel 3.11 User

No Nama Field Tipe Panjang Keterangan
1 id_user int 11 primary key
2 nama_user varchar 50 -
3 username varchar 50 -
4 password varchar 10 -
5 id_jenis_user int 11 foreign key

21
c) Tabel UMKM
Tabel UMKM Berfungsi untuk menyimpan data
UMKM. Tabel UMKM disini merupakan Developer. Kolom
id_umkm merupakan Primary Key pada tabel id_umkm.
Kolom_id_user merupakan Foreign Key 1 pada tabel
id_kategori_umkm. Kolom id_kategori_umkm merupakan
Foreign Key 2 pada tabel id_kategori_umkm. Kolom
email_umkm menyimpan data email. Kolom alamat_umkm
menyimpan data alamat umkm. Kolom no_tlp_umkm.
Meyimpan data no telephone umkm. Foto_profil_umkm
menyimpan data foto profil umkm. Tabel ini Memiliki relasi
M:1 (Many to One) Terhadap tabel Kategori_umkm.

Tabel 3.12 UMKM

N Nama Field Tipe Panjang Keterangan
o
1 id_umkm varchar 5 primary key
2 id_user int 11 foreign key
1
3 id_kategori_umkm int 11 foreign key
2
4 nama_umkm varchar 128 -
5 email_umkm varchar 128 -
6 alamat_umkm text - -
7 no_tlp_umkm varchar 15 -
8 foto_profile_umkm varchar 128 -

d) Tabel Kategori UMKM

Tabel Kategori UMKM Berfungsi untuk menyimpan
data Kategori UMKM. Kolom id_kategori_umkm merupakan
Primary Key pada tabel kategori_umkm. Kolom
nama_kategori_umkm menyimpan data
nama_kategori_umkm. Tabel ini Memiliki relasi 1:M ( One to
Many ) Terhadap tabel UMKM.

22
 Tabel 3.13 Kategori_UMKM
No Nama Field Tipe Panjang Keterangan
1 id_kategori_um int 11 primary
km key
2 nama_kategori_ varchar 50 -
umkm

e) Tabel Produk
Tabel Produk Berfungsi untuk menyimpan data Produk.
Tabel Produk disini merupakan Developer. Kolom id_produk
merupakan Primary Key pada tabel id_produk.
Kolom_id_umkm merupakan Foreign Key 1 pada tabel
id_umkm. Kolom id_kategori_produk merupakan Foreign
Key 2 pada tabel id_kategori_produk. Kolom nama_produk
menyimpan data nama produk. Kolom harga_produk
menyimpan data harga produk. Kolom id_satuan merupakan
Foreign Key pada tabel id_satuan. Kolom stok Meyimpan data
stok produk. Kolom Foto_produk menyimpan data foto
produk. Tabel ini Memiliki relasi M:1 ( Many to One )
Terhadap tabel Kategori_produk.

Tabel 3.14 Produk

N Nama Field Tipe Panjang Keterangan
o
1 id_produk varchar 13 primary
key
2 id_umkm varchar 5 foreign key
1
3 id_kategori_produk varchar 2 foreign key
2
4 nama_produk varchar 128 -
5 harga_produk int 11 -
6 id_satuan int 11 foreign key
3
7 stok int 11 -

23
 8 foto_produk varchar 255 -
f) Kategori Produk
Tabel Kategori Produk Berfungsi untuk menyimpan
data Kategori Produk. Kolom id_kategori_Produk merupakan
Primary Key pada tabel kategori_Produk. Kolom
nama_kategori_produk menyimpan data nama_kategori
produk. Tabel ini Memiliki relasi 1:M ( One to Many )
Terhadap tabel Produk.

Tabel 3.15 Kategori_Produk

Nama
No Tipe Panjang Keterangan
Field
id_kategori_ primary
1 varchar 2
produk key
nama_kategori_
2 varchar 50 -
produk

g) Keranjang
Tabel Keranjang Berfungsi untuk menyimpan data
Keranjang. Tabel Keranjang merupakan Developer. Kolom
id_keranjang merupakan Primary Key pada tabel
id_keranjang. Kolom id_produk merupakan Foreign Key 1
pada tabel id_produk. Kolom jumlah merupakan data jumlah
keranjang. Kolom id_user merupakan Foreign Key 2 pada
tabel id_user. Tabel ini Memiliki relasi M:1 ( Many to One )
Terhadap tabel User. Tabel ini Memiliki relasi M:1 ( Many to
One ) Terhadap tabel Produk.

Tabel 3.16 Keranjang

No Nama Field Tipe Panjang Keterangan
1 id_keranjang int 11 primary key
2 id_produk varchar 13 foreign key 1
3 jumlah int 11 -
4 id_user int 11 foreign key 2

24
h) Tabel Satuan
Tabel Satuan Berfungsi untuk menyimpan data Satuan.
Tabel Satuan merupakan Developer. Kolom id_satuan
merupakan Primary Key pada tabel id_satuan. Kolom
nama_satuan merupakan data penyimpanan nama satuan.
Tabel ini Memiliki relasi 1:M ( One to Many ) Terhadap tabel
Produk.

Tabel 3.17 Satuan

No Nama Field Tipe Panjang Keterangan
1 id_satuan int 11 primary key
2 nama_satuan varchar 30 -

i) Tabel Penjualan
Tabel Penjualan Berfungsi untuk menyimpan data
Penjualan. Tabel Penjualan merupakan Developer. Kolom
id_penjualan merupakan Primary Key pada tabel id_penjualan.
Kolom tanggal merupakan data tanggal dari penjualan. Kolom
status_penjualan merupakan data status penjualan. Kolom total
merupakan data total dari penjualan. Tabel ini Memiliki relasi
1:M ( One to Many ) Terhadap tabel detail_penjualan.

Tabel 3.18 Penjualan

No Nama Field Tipe Panjang Keterangan
1 id_penjualan int 11 primary key
2 tanggal date - -
3 status_penjualan int 11 -
4 total int 11 -

j) Tabel Detail Penjualan

Tabel Detail Penjualan Berfungsi untuk menyimpan
data Detail Penjualan. Kolom id_detail_penjualan merupakan
Primary Key pada tabel id_detail_penjualan. Kolom
id_penjualan merupakan Foreign Key 2 pada tabel

25
id_penjualan. id_produk merupakan Foreign Key 1 pada tabel
id_produk. Kolom jumlah merupakan data dari jumlah detail
penjualan. Kolom total merupakan data dari total detail
penjualan. . Tabel ini Memiliki relasi M:1 ( Many to One )
Terhadap tabel penjualan.

Tabel 3.19 Detail_Penjualan

N Nama
Tipe Panjang Keterangan
o Field
id_detail_ primary
1 Int 11
penjualan key
foreign key
2 id_penjualan Int 11
2
foreign key
3 id_produk Varchar 13
1
4 jumlah Int 11 -
5 total Int 11 -

26
c. Wireframe
Berikut adalah rancangan antarmuka yang menjadi
dasar pembuatan aplikasi. Adapun rancangan antarmuka yang
dibuat adalah sebagai berikut :
a. Rancangan Halaman Splash Screen
Pada gambar 3.9 ini merupakan gambar dari
rancangan Splash Screen.

Gambar 3.9 Halaman Splash Screen

Halaman Splash Screen yang berfungsi untuk

mengambil data-data dari Webservice yang tersedia.

27
b. Rancangan Halaman Login
Pada gambar 3.10 ini merupakan gambar dari
rancangan halaman Login.

Gambar 3.10 Halaman Login

Halaman Login yang berfungsi sebagai proses

untuk mengakses aplikasi Komunitas Kriya Katupat
dengan memasukkan Username dan Password yang
sudah didaftarkan ke dalam Webservice agar
mendapatkan hak akses.

28
c. Rancangan Halaman Tentang Aplikasi
Pada gambar 3.11 ini merupakan gambar dari
rancangan halaman Tentang Aplikasi.

Gambar 3.11 Halaman Tentang Aplikasi

Halaman Tentang Aplikasi yang berfungsi

sebagai isi data diri yang berkaitan dengan perancangan
dan pembuatan aplikasi.

29
d. Rancangan Halaman Lupa Password
Pada gambar 3.12 ini merupakan gambar dari
halaman Lupa Password.

Gambar 3.12 Halaman Lupa Password

Halaman Lupa Password yang berfungsi sebagai

mengubah Password user yang lupa.

30
e. Rancangan Halaman Daftar
Pada gambar 3.13 ini merupakan gambar dari
rancangan halaman Daftar.

Gambar 3.13 Halaman Daftar (UMKM)

Halaman Daftar yang berfungsi untuk mendaftar

bagi calon UMKM untuk mendapatkan hak akses
menggunakan aplikasi.

31
f. Rancangan Halaman Beranda UMKM
Pada gambar 3.14 ini merupakan gambar dari
rancangan halaman beranda UMKM.

Gambar 3.14 Halaman Beranda (UMKM)

Halaman Beranda UMKM yang berfungsi untuk

pengelolaan produk dan laporan penjualan.

32
g. Rancangan Halaman Edit Profil UMKM
Pada gambar 3.15 ini merupakan gambar dari
rancangan halaman Edit Profil UMKM.

Gambar 3.15 Halaman Edit Profil (UMKM)

Halaman Edit Profil UMKM yang berfungsi

untuk data diri yang dapat di isi dengan mengisi data-data
diri UMKM.

33
h. Rancangan Halaman Edit Produk UMKM
Pada gambar 3.16 ini merupakan gambar dari
rancangan halaman Edit Produk UMKM.

Gambar 3.16 Halaman Edit Produk (UMKM)

Halaman Edit Produk UMKM yang berfungsi

sebagai mengedit data produk apabila ada perubahan
pada produk.

34
i. Halaman Tambah Produk UMKM
Pada gambar 3.17 ini merupakan gambar dari
rancangan halaman Tambah Produk UMKM.

Gambar 3.17 Halaman Tambah Produk (UMKM)

Halaman Tambah Produk UMKM yang berfungsi

seagai menambah produk UMKM agar bisa
ditransaksikan di Kasir.

35
j. Halaman Beranda Admin
Pada gambar 3.18 ini merupakan gambar dari
rancangan halaman Beranda Admin.

Gambar 3.18 Halaman Beranda (Admin)

Halaman Beranda Admin yang berfungsi untuk

melihat semua user yang sudah terdaftar di Webservice.

36
k. Halaman Edit User Admin
Pada gambar 3.19 ini merupakan gambar dari
rancangan halaman Edit User Admin.

Gambar 3.19 Halaman Edit User (Admin)

Halaman Edit User Admin yang berfungsi untuk

merubah data user yang sudah terdaftar di Webservice.

37
l. Rancangan Halaman Tambah User Admin
Pada gambar 3.20 ini merupakan gambar dari
rancangan halaman Tambah User Admin.

Gambar 3.20 Halaman Tambah User (Admin)

Halaman Tambah User Admin yang berfungsi

untuk menambah user agar mendapat hak akses.

38
m. Rancangan Halaman Beranda Kasir
Pada gambar 3.21 ini merupakan gambar dari
rancangan halaman Beranda Kasir.

Gambar 3.21 Halaman Beranda (Kasir)

Halaman Beranda Kasir yang berfungsi sebagai

user kasir mentransaksikan produk dengan konsumen.

39
n. Rancangan Halaman Keranjang Kasir
Pada gambar 3.22 ini merupakan gambar dari
rancangan halaman Keranjang Kasir.

Gambar 3.22 Halaman Keranjang (Kasir)

Halaman Keranjang Kasir yang berfungsi sebagai

tempat untuk transaksi pada saat mau checkout produk
transaksi.

40
o. Rancangan Halaman Beranda Owner
Pada gambar 3.23 ini merupakan gambar dari
rancangan halaman Beranda Owner.

Gambar 3.23 Halaman Beranda (Owner)

Halaman Beranda Owner yang berfungsi untuk

melihat semua data laporan penjualan semua UMKM.

41
p. Rancangan Halaman Laporan Penjualan
Pada gambar 3.24 ini merupakan gambar dari
rancangan halaman Laporan Penjualan.

Gambar 3.24 Halaman Laporan Penjualan (Owner)

Halaman Laporan Penjualan Owner yang berisi

data grafik dari jumlah barang dan nama barang.

42
3.2.3 Implementasi
Pada pembuatan aplikasi ini dibutuhkan alat pendukung
berupa perangkat keras (Hardware) dan perangkat lunak
(Software), di antaranya adalah :
a. Perangkat Keras (Hardware)
 Laptop
 Ponsel
 Kabel data
 Printer Thermal

b. Perangkat Lunak (Software)

 Sistem Operasi Windows
 Android Studio
 Microsoft Visual Studio Code
 StarUML
 SAP Power Designer
 Java
 Postman
 Notepad

3.2.4 Pengujian
Tahap ini akan dilaksanakan pada saat aplikasi sudah
dibangun yang mana pada tahap ini akan dilakukan pengujian
untuk mengetahui kesalahan maupun kelemahan yang mungkin
terjadi. Jenis pengujian yang dilakukan adalah pengujian Black
Box untuk memastikan sistem berjalan sesuai dengan yang
diinginkan.

43
 BAB IV
HASIL DAN PEMBAHASAN

4.2 Hasil Implementasi

Pada bab ini akan membahas tahapan untuk
mengimplementasikan desain yang telah dibuat menjadi bentuk
antarmuka pengguna berbasis Android. Dalam pembuatan
aplikasi ada beberapa tahapan yang dilakukan untuk
menghasilkan aplikasi yang berjalan dengan baik. Berikut adalah
langkah yang dilakukan dalam pembuatan aplikasi ini :
a. Coding
Pada langkah ini dari rancangan yan telah dibuat menjadi
source code yang dapat dijalan di Handphone dan dibuat
menggunakan aplikasi Android Studio.
b. Debugging
Setelah tahap coding tentunya akan terjadi banyak kendala
seperti error pada saat data diedit, diolah maupun dihapus.
Pada tahap ini dilakukan pemecahan masalah pada error
tersebut agar aplikasi berjalan sesuai dengan apa yang
diinginkan.
c. Hasil
Berikut merupakan hasil dari aplikasi yang sudah dirancang
dan dibangun.

44
1) Halaman Splash Screen
Fungsi dari Splash Screen sendiri adalah proses aplikasi
dalam mengambil data variable dari Webservice.

Gambar 4.1 Halaman Splash Screen

45
2) Halaman Login
Saat aplikasi diakses, tampilan yang muncul pertama
kali adalah halaman “Menu Login”. Pada halaman ini
terdapat kolom untuk memasukkan username dan password
serta akses yang mau dituju. Terdapat juga tombol Daftar
untuk pelaku usaha yang mau bergabung dengan Komunitas
Kriya Katupat dan tombol untuk recovery password.

Gambar 4.2 Halaman Login

46
3) Halaman Daftar
Halaman ini diperuntukkan buat pelaku usaha yang
ingin bergabung dengan Komunitas Kriya Katupat. Berisi
data diri pelaku usaha yaitu, Nama Usaha Mikro Kecil
Menengah (UMKM), Nama User/pemilik, username,
password, dan kategori Usaha.

Gambar 4.3 Halaman Daftar

47
4) Halaman Lupa Password
Halaman ini befungsi untuk mengatur ulang password
user apabila diperlukan.

Gambar 4.4 Halaman Lupa Password

48
5) Halaman Tentang Aplikasi
Halaman ini menampilkan penjelasan singkat tentang
tujuan aplikasi dibuat dan siapa saja yang terlibat dalam
pengerjaan aplikasi.

Gambar 4.5 Halaman Tentang Aplikasi

49
6) Halaman Beranda (Admin)
Halaman ini menampilkan semua user yang sudah
terdaftar di Database yang mana setiap user bisa dibuat, edit,
dan hapus.

Gambar 4.6 Halaman Beranda (Admin)

50
7) Halaman Tambah User (Admin)
Halaman ini menampilkan form list user yang ingin
dibuat meliputi username, password, nama pemilik usaha,
dan Kategori user seperti Admin, UMKM, Kasir, dan Owner.

Gambar 4.7 Halaman Tambah User (Admin)

51
8) Halaman Edit User (Admin)
Halaman ini persis sama dengan Halaman Tambah
User, apabila memerlukan suatu perubahan maka bisa diolah
oleh Admin.

Gambar 4.8 Halaman Edit User (Admin)

52
9) Halaman Hapus User (Admin)
Halaman ini menampilkan semua user, apabila ingin
menghapus salah satu user maka akan muncul notifikasi
konfirmasi untuk dilakukan penghapusan user.

Gambar 4.9 Halaman Hapus User (Admin)

53
10) Halaman Beranda (UMKM)
Halaman ini menampilkan semua produk yang sudah
diupload oleh para pelaku Usaha Mikro Kecil Menengah
(UMKM) yang mana bisa diolah lagi datanya seperti, Edit,
Delete, dan tambah. Dan ada satu tombol lagi yaitu laporan
penjualan yang mana kita bisa melihat bagaimana transaksi
produk.

Gambar 4.10 Halaman Beranda (UMKM)

54
11) Halaman Tambah Produk (UMKM)
Halaman ini menampilkan list form untuk
menambahkan produk meliputi foto, nama, harga, kategori,
dan satuan produk.

Gambar 4.11 Halaman Tambah Produk (UMKM)

55
12) Halaman Edit Produk (UMKM)
Halaman ini persis sama dengan Halaman Tambah
Produk, apabila memerlukan suatu perubahan maka bisa
diolah kembali oleh pelaku usaha.

Gambar 4.12 Halaman Edit Produk (UMKM)

56
13) Halaman Hapus Produk (UMKM)
Halaman ini menampilkan semua produk, apabila
ingin menghapus salah satu produk maka akan muncul
notifikasi konfirmasi untuk dilakukan penghapusan produk.

Gambar 4.13 Halaman Hapus Produk (UMKM)

57
14) Halaman Laporan Penjualan (UMKM)
Halaman ini menampilkan laporan penjualan pelaku
usaha, bisa ditentukan kapan waktu yang ingin dilihat
laporan penjualannya.

Gambar 4.14 Halaman Laporan Penjualan (UMKM)

58
15) Halaman Beranda (Kasir)
Halaman ini menampilkan semua produk yang
dimasukkan oleh para pelaku usaha untuk diperjualbelikan
dan bisa dibukukan atau setiap transaksi akan tercatat di
masing-masing laporan penjualan para pelaku usaha apabila
produk yang ditawarkannya terjual.

Gambar 4.15 Halaman Beranda (Kasir)

59
16) Halaman Keranjang (Kasir)
Halaman ini menampilkan produk yang sudah
ditambahkan di keranjang untuk ditransaksikan antara
penjual dan pembeli.

Gambar 4.16 Halaman Keranjang (Kasir)

60
17) Tombol Selesaikan Transaksi
Tombol ini berfungsi untuk mencetak struk transaksi
penjualan produk, yang mana nanti produk yang terjual
akan dibukukan untuk laporan penjualan.

Gambar 4.17 Tombol Selesaikan Transaksi

61
18) Struk Transaksi
Foto di bawah merupakan struk transaksi yang
menggunakan Printer Thermal untuk membuat struk
tersebut.

Gambar 4.18 Struk Transaksi

62
19) Halaman Beranda (Owner)
Halaman ini menampilkan laporan penjualan semua
pelaku Usaha Mikro Kecil Menengah (UMKM). Tinggal
pilih pelaku usaha yang mana yang mau dilihat laporan
penjualannya.

Gambar 4.19 Halaman Beranda (Owner)

63
20) Halaman Laporan Penjualan (Owner)
Tampilannya sama persis dengan laporan penjualan
pada user (UMKM), dengan fitur yang sama yaitu bisa
dipilih kapan waktu yang diinginkan untuk laporan
penjualannya.

Gambar 4.20 Halaman Laporan Penjualan (Owner)

64
4.2 Pengujian (Testing)
Setelah semua tahapan dilakukan, selanjutnya akan masuk
ke dalam tahapan pengujian aplikasi, pengujian dilakukan untuk
mengetahui tingkat keberhasilan atau kesalahan apa saja yang
ditimbulkan dari aplikasi ketika sedang berjalan (running) agar
sesuai dengan kebutuhan pengguna. Berikut adalah pengujian
yang dilakukan pada aplikasi :

Tabel 4.1 Black Box Testing halaman Login semua user

Fitur Aksi Hasil
Semua pengguna dapat
mengakses halaman login dan
Login Berhasil
login ke dalam aplikasi
Komunitas Krita Katupat
Calon pelaku usaha dapat
Daftar mengakses halaman daftar dan Berhasil
membuat akun
Pengguna dapat melakukan lupa
Lupa Password password dan password akan Berhasil
dikirimkan lewat E-mail
Pengguna dapat mengakses
tombol Tentang aplikasi dan
Tentang Aplikasi Berhasil
mengetahui secara singkat
penjelasan mengenai aplikasi

Tabel 4.2 Black Box Testing halaman Beranda (Admin)

Fitur Aksi Hasil
Halaman Admin dapat mengakses halaman
Berhasil
Beranda beranda
Admin dapat mengakses penuh
Data Master Berhasil
semua data user
Tombol Edit Admin dapat mengedit data user Berhasil
Tombol Hapus Admin dapat menghapus user Berhasil
Tombol Tambah Admin dapat menambah user baru Berhasil
Tombol Exit Admin dapat keluar dari aplikasi Berhasil

65
 Tabel 4.3 Black Box Testing halaman Beranda (Owner)
Fitur Aksi Hasil
Halaman Owner dapat mengakses halaman
Berhasil
Beranda beranda
Owner dapat mengakses penuh
Data Master Berhasil
laporan penjualan semua UMKM
Tombol Exit Owner dapat keluar dari aplikasi Berhasil

Tabel 4.4 Black Box Testing halaman Beranda (Kasir)

Fitur Aksi Hasil
Halaman Kasir dapat mengakses halaman
Berhasil
Beranda beranda
Kasir dapat mengakses penuh data
Data Master Berhasil
produk yang ingin ditransaksikan
Kasir dapat menambahkan jumlah
Tombol Tambah Berhasil
produk yang ingin ditransaksikan
Kasir dapat mengurangi jumlah
Tombol Kurang Berhasil
produk yang ingin ditransaksikan
Tombol Kasir dapat melihat semua produk
Berhasil
Keranjang yang ingin ditransaksikan
Kasir dapat mencetak struk
Cetak Berhasil
transaksi melalui Printer Thermal
Tombol Exit Kasir dapat keluar dari aplikasi Berhasil

Tabel 4.5 Black Box Testing halaman Beranda (UMKM)

Fitur Aksi Hasil
Halaman UMKM dapat mengakses halaman
Berhasil
Beranda beranda
UMKM dapat mengakses penuh
Data Master Berhasil
data produk yang ingin diolah
UMKM dapat mengolah data
Profil UMKM Berhasil
profil pribadi UMKM
UMKM dapat mengubah semua
Tombol Edit Berhasil
data produk
Tombol Hapus UMKM dapat menghapus produk Berhasil
UMKM dapat menambahkan
Tombol Tambah Berhasil
produk

66
 Fitur Aksi Hasil
UMKM dapat melihat laporan
Tombol Laporan
penjualannya dalam kurun waktu Berhasil
Penjualan
yang ditentukan
Tombol Exit UMKM dapat keluar dari aplikasi Berhasil

67
 BAB V
PENUTUP

5.1 Kesimpulan
Setelah melakukan analisis, perancangan, implementasi,
dan pengujian maka diperolah kesimpulan yaitu, aplikasi
pengelolaan produk dan sistem kasir dengan judul “Aplikasi
Kasir pada UMKM Komunitas Kriya Katupat berbasis Android”
telah berhasil dirancang dan dibangun.

5.2 Saran
Berdasarkan kesimpulan yang telah diajukan, maka saran
untuk penelitian selanjutnya adalah perbaikan tampilan pada
sistem agar lebih menarik serta nyaman ketika digunakan dan
penambahan Kategori UMKM, Kategori Produk seiring
berkembangnya Komunitas Kriya Katupat semakin banyak juga
produk-produk yang ditawarkan oleh para pelaku usaha dan yang
terakhir adalah penambahan penjelasan yang lebih detail pada
struk atau nota transaksi.

68
 DAFTAR PUSTAKA

Aisyah, S., Maulida, S., Siregar, N. H., Fadhilah, I., & Razah, A.
B. (2023). Sosialisasi Aplikasi Kasir Pintar Sebagai
Sarana Pendukung. Amaliah: Jurnal Pengabdian Kepada
Masyarakat Volume 7, No 1, Mei 2023, 7, 226-229.

Basyir, M., Kamal, M., & Riska. (2021). Rancang Bangun Alat
Pembukaan Pintu Berdasarkan Suhu Tubuh Berbasis
Mikrokontroller. Jurnal Tektro, Vol.5, No.2, September
2021, 5, 126-130.

Bokings, T. O., & Vathaprasit, S. (2023). Perancangan Sistem

Informasi Arus Kas Pada PT. Sukses Abadi Engineering
Menggunakan Aplikasi Visual Studio. Perancangan
Sistem Informasi Arus K Pada PT. Sukses Abadi
Engineering Menggunakan Aplikasi Visual Studio, 11-17.

Gunawan, V. (2019). Aplikasi Inventory Berbasis Web

Menggunakan Framework Codeigniter Dengan Web
Service REST API. Tangerang: Skripsi.

Gurning, L., Malabay, Simorangkir, H., & Yulhendri. (2022).

Aplikasi Kasir Katering Mama Suci Berbasis. Jurnal
IKRAITH-INFORMATIKA Vol 6 No 3 November 2022, 6,
1-10.

Karuana, S. (2018). Aplikasi Pemeriksaan Sasaran Operasi P2TL

Dengan Metode Rapid Applicant Development Berbasis
Android Web Service Dengan Arsitektur Komunikasi
RESTFUL API. P2TL, PLN, pemeriksaan, sasaran
operasi, android, web service, 5, 1-7.

69
Ramadhan, M. R., & Ulfah, R. (2021). Sistem Informasi
Manajemen Data Dan Pemesanan Bus Cv.Doa Ibu
Travel Berbasis Web. Banjarmasin: Politeknik Negeri
Banjarmasin.

Rosyadi, I., & Kholiani, W. (2016). Media Pembelajaran Tenses

Bahasa Inggris. Surya Informatika VOL. 2 NO. 1 - Mei
2016, 2, 34-39.

Sarwindah. (2018). Sistem Pendaftaran Siswa Baru Pada SMP N

1 Kelapa Berbasis Web. Jurnal SISFOKOM, Volume 07,
Nomor 02, September 2018, 07, 110-115.

Susanti, D., & Winanjar, J. (2021). Rancang Bangun Sistem

Informasi Administrasi Desa. Prosiding Seminar
Nasional Aplikasi Sains & Teknologi (SNAST) 2021, 3,
97-105.

70
 LAMPIRAN

Lampiran 1 Lembar Konsultasi Pembimbing 1

71
72
Lampiran 2 Lembar Konsultasi Pembimbing 2

73
74
Lampiran 3 Foto Rido dengan Ibu Elisa sebagai Pengurus Kriya
Katupat

Lampiran 4 Foto Yasir dengan Ibu Elisa dan salah satu pembeli di
Kriya Katupat

75
Lampiran 5 Thumbnail YouTube Transaksi di Kriya Katupat

https://www.youtube.com/watch?v=HuVFG2wikp8

76