DESKRIPSI PERANCANGAN PERANGKAT LUNAK

MOBILE KASIR DI TOKO KURNIA BERBASIS ANDROID

Dipersiapkan Oleh :
Acep Maulana M. 141351004
Dandi 161351053
Doddy Hermawan 161351069
Tatay 161351201

TEKNIK INFORMATIKA
SEKOLAH TINGGI TEKNOLOGI WASTUKANCANA
PURWAKARTA
2019
 DAFTAR ISI
DAFTAR ISI ....................................................................................................... i
DAFTAR TABEL ............................................................................................... ii
DAFTAR GAMBAR .........................................................................................iii

BAB I PENDAHULUAN
1.1. Latar Belakang ....................................................................................... 1
1.2. Rumusan Masalah .................................................................................. 1
1.3. Tujuan .................................................................................................... 1
1.4. Manfaat .................................................................................................. 2
1.5. Definisi, Akronim, dan Singkatan ......................................................... 2
1.6. Deskripsi Umum Dokument .................................................................. 2
1.7. Deskripsi Global .................................................................................... 3
1.7.1. Perspektif Produk ........................................................................ 3
1.7.2. Fungsi Produk ............................................................................. 3
1.7.3. Karakteristik Pengguna ............................................................... 3

BAB II DESKRIPSI PERANCANGAN

2.1. Rancangan Lingkungan Implementasi ................................................... 4
2.2. Flowchart ............................................................................................... 4
2.3. Stuktur Modul ........................................................................................ 9
2.4. Dekomposisi Fisik Modul ...................................................................... 9
2.5. Use Case Diagram................................................................................ 11
2.6. Class Diagram ...................................................................................... 11
2.7. Deskripsi Antarmuka ........................................................................... 12

i
 DAFTAR TABEL
Tabel 1. Tabel Fungsi Mobile Kasir .................................................................. 3
Tabel 2. Tabel Dekomposisi Fisik Modul ......................................................9-10
Tabel 3. Stuktur Tabel Product ......................................................................... 11

Tabel 4. Stuktur Tabel Cart ............................................................................... 12

ii
 DAFTAR GAMBAR
Gambar 1. Flowchart Tambah Produk ............................................................... 4
Gambar 2. Flowchart Update Produk.................................................................. 5
Gambar 3. Flowchat Hapus Produk ................................................................... 5

Gambar 4. Flowchart Scan Barcode.................................................................... 6

Gambar 5. Flowchart Input Belanja .................................................................... 6
Gambar 6. Flowchart Update Qty Belanja .......................................................... 7

Gambar 7. Flowchart Hapus Produk Dari Daftar Belanja .................................. 7

Gambar 8. Flowchart Hapus Semua Daftar Belanja ........................................... 8
Gambar 9. Flowchart Input Pembayaran ............................................................ 8

Gambar 10. Flowchart About Us ........................................................................ 8

Gambar 11. Stuktur Modul ................................................................................. 9
Gambar 12. Use Case Diagram ......................................................................... 11

Gambar 13. Class Diagram ............................................................................... 11

Gambar 14. Tampilan Menu Utama.................................................................. 12

Gambar 15. Tampilan Halaman Data Produk ................................................... 13

Gambar 16. Tampilan Halaman Tambah dan Edit Produk ............................... 13
Gambar 17. Tampilan Halaman Scan Barcode ................................................ 14

Gambar 18. Tampilan Input Belanja ................................................................. 14

Gambar 19. Tampilan Halaman Daftar Belanja ................................................ 15
Gambar 20. Tampilan Input Pembayaran ......................................................... 16

Gambar 21. Tampilan Halaman About Us ........................................................ 16

iii
 BAB I
PENDAHULUAN
1.1. Latar Belakang
Perkembangan teknologi informasi yang sangat pesat di era
globalisasi ini terlah memberikan banyak manfaat dalam kemajuan di
berbagai aspek ekonomi. Kebutuhan manusia dalam mendapatkan hasil
kerja yang efektif dan efisien, membuat manusia dan teknologi tidak dapat
dipisahkan dalam kegiatan sehari-hari. Teknologi pun saat ini menjadi
suatu hal yang penting bagi manusia, salah satunya adalah teknologi
komputerisasi.
Salah satu contoh perkembangan teknologi yang sangat pesat adalah
perkembangan teknologi pada perangkat mobile phone. Sebelumnya
mobile phone hanya difungsikan sebagai alat komunikasi suara dan alat
pengirim pesan saja. Dengan semakin bertambahnya kebutuhan akan fitur-
fitur baru pada mobile phone, membuat para vendor mengembangkan
teknologi-teknologi baru pada produk mereka. Terobosan baru pada
mobile phone ditandai dengan munculnya sistem operasi Android.
Android adalah sistem operasi yang dikembangkan oleh perusahaan
bernama Android Inc yang didirikan di Palo Alto California pada tahun
2003 oleh Andy Rubin, Rich Miner, Nick Sears, dan Chris White. Namun
pada tahun 2005 Android dibeli Oleh Google.
Toko Kurnia adalah sebuah usaha mini market di daerah Warung
Jeruk. Namun pada proses transaksi perhitungan jumlah barang dan harga
barang masih menggunakan kalkulator biasa yang dirasa sangat
menghambat dalam proses transaksi ataupun penggunaan aplikasi kasir
bebasis desktop belum bisa menjangkau semua kalangan dikarenakan
instalasinya memerlukan sebuah komputer.
Dari permasalahan diatas maka perlu bibuat aplikasi kasir berbasis
android guna menghitung jumlah barang dan harga barang dalam proses
transaksi di toko Kurnia, dengan memanfaatkan fitur kamera pada
smartphone android untuk memidai barcode pada sebuah produk.
1.2. Rumusan Masalah
Dari latar belakang diatas, maka dibuatlah rumusan masalah yaitu :
1. Bagaimana merancang dan membangun aplikasi kasir berbasi android
yang dapat menhitung jumlah barang dan harga barang.
2. Bagaimana menerapkan pemindai barcode pada kamera smartphone
android guna untuk memindai kode produk.
1.3. Tujuan
Tujuan penulisan dokumen Dekripsi Perancangan Perangkat Lunak untuk
aplikasi kasir berbasis android ini adalah :
1. Untuk memberikan penjelasan dan gambaran mengenai perancangan
perangkat lunak yang akan dibangun baik berupa gambaran umum
maupun penjelasan detil dan menyeluruh.

1
 2. Dokumen ini akan digunakan untuk membantu atau sebagai bahan
acuan dalam tahap perancangan perangkat lunak serta sebagai bahan
evaluasi pada saat proses pengembangan perangkat lunak maupun
diakhir pengembangannya.
3. Dengan adanya dokumen DPPL ini diharapkan pengembangan
perangkat lunak Aplikasi Kasir berbasis Android akan lebih terarah,
lebih efektif dan efisien.
1.4. Manfaat
Berikut ini merupakan beberapa manfaat aplikasi mobil kasir yang
dapat digunakan oleh user, antara lain:
1. Dapat digunakan untuk pencatatan data barang/produk secara digital.
2. Dapat mempermudah perhitungan harga barang dan jumlah barang
dibandingkan menggunakan kalkulator.
3. Menggunakan fitur kamera smartphone android untuk memindai
barcode produk.
1.5. Definisi, Akronim dan Singkatan
1. DPPL (Deskripsi Perancangan Perangkat Lunak) merupakan dokumen
sebagai penjelasan dan gambaran tentang rancangan yang dibuat.
2. Mobile kasir merupakan nama aplikasi atau sistem yang dibuat.
3. Flowchart adalah suatu bagan dengan simbol-simbol tertentu yang
digunakan untuk menggambarkan rangkaian proses pada
program/aplikasi.
4. SQLite adalah salah satu software basis data sql yang tertanam pada
platform android.
5. Class diagram merupan permodelan yang menjelaskan hubungan antara
objek-objek pada basis data yang mempunyai relasi antara class.
6. DBMS adalah singkatan dari “Database Management System” yaitu
sistem penorganisasian dan sistem pengolahan Database pada
komputer.
1.6. Deskripsi Umum Dokument
Pada intinya, dokumen DPPL ini menjelaskan mengenai
perancangan perangkat lunak, dimana merupakan perubahan dari Use Case
pada dokumen SKPL ke dalam bentuk perancangan. Dengan mengacu pada
hasil pengumpulan kebutuhan dan analisis yang tertuang pada dokumen
SKPL, dokumen ini menjelaskan perancangan modul-modul perangkat
lunak yang akan digunakan sesuai dengan SKPL beserta dekomposisi
modulnya, tabel-tabel yang akan diiplementasikan, algoritma &
pernyataan-pernyataan SQL yang akan digunakan, serta perancangan hasil
tampilan (output) sistem pada layar smartphone.
Dokumen ini terdiri dari 2 (dua) bab dengan rincian sebagai berikut :
1. Bab 1 Pendahuluan, merupakan pengantar dokumen DPPL yang berisi
latar belakang pembuatan aplikasi mobile kasir, rumusan masalah,
tujuan penulisan dokumen, manfaat mobile kasir, definisi, akronim dan
istilah yang digunakan, deskripsi umum dokumen yang merupakan

2
 ikhtisar dokumen DPPL serta deskripsi global dari rancangan yang
dibuat pada mobile kasir.
2. Bab 2 Deskripsi Perancangan yang berisi rancangan lingkungan
implementasi, flowchart, stuktur modul, dekomposisi fisik modul, use
case diagram class diagram dan deskripsi antarmuka.
1.7. Deskripsi Global
1.7.1. Perspektif Produk
Mobile Kasir ini merupakan perangkat lunak yang dapat
membantu/mempermudah proses transaksi perhitungan jumlah
barang dan harga barang di toko Kurnia. User dapat mengelola data
produk di dalam aplikasi kasir ini seperti menambah data produk
baru, mengubah data produk dan menghapus data produk.
1.7.2. Fungsi Produk
Mobile kasir ini mempunyai beberapa fungsi utama yaitu :
No SKPL Keterangan
1 F1 Masuk kedalam aplikasi kasir
2 F2 Murubah database produk (tambah, edit, dan hapus)
3 F3 Memindai kode produk
4 F4 Merubah rincian daftar belanja (edit jumlah,
menghaspus produk dari daftar belanja, dan
menghapus semua daftar belanjaan)
Tabel 1. Tabel Fungsi Mobile Kasir
1.7.3. Karakteristik Pengguna
Berikut ini karekteristik pengguna mobile kasir berbasis android :
User/Pegawai Toko Kurnia
Memiliki hak akses untuk mengelola data produk seperti
menambah, merubah, dan menghapus data produk.
Memasukan produk ke daftar belanja, mengubah jumlah produk
pada daftar belanja, dan menghapus semua daftar belanjaan.

3
 BAB II
DESKRIPSI PERANCANGAN
2.1. Rancangan Lingkungan Implementasi
1. Windows 10 sebagai sistem operasi yang digunakan untuk membuat
aplikasi kasir berbasis android.
2. Android Studio 3.4 sebagai software untuk membuat apkasi.
3. Jdk 10 software yang digunakan untuk pemerograman java.
4. Android SDK sebagai tool untuk mengembangkan aplikasi android.
5. Android 5.0 atau yang lebih tinggi sebagai sistem operasi untuk
menjalankan aplikasi kasir.
2.2. Flowchart
1. Flowchart Tambah Produk

Gambar 1. Flowchart tambah produk

4
2. Flowchart Update Produk

Gambar 2. Flowchart update produk

3. Flowchart Hapus Produk

Gambar 3. Flowchart hapus produk

5
4. Flowchart Scan Barcode

Gambar 4. Flowchart scan barcode

5. Flowchart Input Belanja

Gambar 5. Flowchart input belanja

6
6. Flowchart Update Qty

Gambar 6. Flowchart upadate qty belanja

7. Flowchart Hapus Belanja

Gambar 7. Hapus produk dari daftar belanja

7
8. Flowchart Hapus Semua Daftar Belanja

Gambar 8. Flowchart hapus semua daftar belanja

9. Flowchart Input Pembayaran

Gambar 9. Flowchart input pembayaran

10. Flowchart about Us

Gambar 10. Flowchart about us

8
2.3. Stuktur Modul

Gambar 11. Gambar stuktur modul Mobile Kasir

2.4. Dekomposisi Fisik Modul
Modul Nama File Fungsi
Layout activity_add_update.xml Tampilan layout form add
& update
activity_belanja.xml Tampilan layout halaman
belanja barang
activity_main.xml Tampilan halaman menu
utama
bottom_sheet.xml Tampilan layout bottom
sheet
custom_add_to_cart.xml Tampilan layout form
tambah belanja
custom_row_cart.xml Tampilan layout kostum
list belanja
custom_row_product.xml Tampilan layout kostum
list produk
activity_scanner.xml Tampilan layout halaman
scan barcode
custom_scanner.xml Tampilan layout kostum
halama scan barcode
fragment_about.xml Tampilan layout about
fragment_product.xml Tampilan layout kelola
produk
Kode ScannerActivity.kt Kode program activity
Program scan barcode
MainActivity.kt Kode proram activity
utama
BelanjaActivity.java Kode program activity
belanja

9
 AddUpdateActivity.java Kode program activity
tambah & update barang
Product.kt Kode program untuk
model
ProductFragment.kt Kode proram activity
kelola produk
AboutFragment.kt Kode program activity
about us
DatabaseHandler.kt Kode program untuk
membuat database & query
memanggi database
Gaya calibri.ttf Untuk font family pada
Huruf teks
Gambar bg_button.xml Untuk background pada
button
gray_rounded_shape.xml Untuk background pada
input teks
ic_add_bag.xml Untuk icon tombol input
belanja
ic_add_black_24dp Untuk icon tombol menu
tambah barang
ic_arrow_back.xml Untuk icon tombol kembali
ic_backspace.xml Untuk icon tombol hapus
ic_barcode.xml Untuk icon tombol menu
scan barcode
ic_barcode3.xml Untuk icon barcode
ic_bmin.xml Untuk icon tombol kurangi
jumlah
ic_bplus.xml Untuk icon tombol tambah
jumlah
ic_cancel.xml Untuk icon tombol tutup
dialog input belanja
ic_expand_less_black_24dp.x Untuk icon menutup
ml bottom sheet
ic_expand_more_black_24dp. Untuk icon membuka
xml bottom sheet
ic_menu_black_24dp.xml Untuk icon menu
ic_remove_bag.xml Untuk icon menu hapus
semua daftar belanja
Lainya string.xml Untuk menyimpan nilai
teks
style.xml Untuk mendekosari tema
colors.xml Untuk menyimpan nilai
warna
AndroidManifest.xml Untuk manifest aplikasi
Tabel 2. Tabel dekomposisi fisik modul

10
2.5. Use Case Diagram

Gambar 12. Use case diagram

2.6. Class Diagram

Gambar 13. Class diagram

1. Stuktur tabel product
# Name Type
1 product_kode text
(PK)
2 product_name text
3 price int
4 discount int
Tebel 3. Stuktur tabel product

11
 2. Stuktur tabel cart
# Name Type
1 Id (PK) int
2 Product_kode text
3 qty int
Tabel 4. Stuktur tabel cart
2.7. Deskripsi Antarmuka
1. Tampilan Menu Utama Pada aplikasi Mobil Kasir

Gambar 14. Tampilan menu utama

Ini merukan tampilan menu utama pada aplikasi mobil kasir, dimana
user bisa mengakses menu “Data Produk” untuk menuju halaman data
produk, menu “Daftar Belanja” untuk menuju halaman daftar belanja
dan menu “About Us” untuk melihah informasi kelompok pembuat
aplikasi mobile kasir.

12
2. Tmapilan halaman Data Produk

Gambar 15. Tampilan halaman data produk

Halaman ini berisikan data produk yang dapat dikelola oleh user,
terdapat menu tambah data untuk menuju halaman tambah data produk,
scan barcode untuk menuju halaman memindai barcode, dan menu add
to bag untuk memasukan produk ke daftar belanja
3. Tampilan Halaman Tambah dan Edit Produk

Gambar 16. Tampilan halaman tambah dan edit produk

13
 Halaman ini merupakan form untuk menambahkan dan mengedit data
produk.
4. Tampilan Halaman Scan Barcode

Gambar 17. Tampilan halaman scan barcode

Halaman ini merupakan halaman untuk memindai barcode produk
5. Tampilan Input Belanja

Gambar 18. Tampilan input belanja

14
 Halaman ini merupakan halaman untuk menambahkan produk ke daftar
belanja
6. Tampilan Halaman Daftar Belanja

Gambar 19. Tampilan halaman daftar belanja

Halaman menampikan daftar belanja dimana user dapat melihat total
pembayaran dan mengurangi atau menambah jumlah produk dengan
mengklik tombol “-“ untuk mengurangi dan tombol “+” untuk
menambah jumlah produk, mengklik tombol more untuk memasukan
nominal pembayaran.

15
7. Tampilan Input Pembayaran

Gambar 20. Tampilan inpu pembayaran

Halaman ini berisikan informasi mengenai total pembayaran, total uang
yang di bayarkan, dan sisa kembalian pembayaran.
8. Tampilan About Us

Gambar 21. Tampilan about us

Halaman ini berisikan nama-nama anggota kelompok pembuat aplikasi
mobile kasir

16