Jurnal Sains Komputer dan Teknologi Informasi Page

e – issn : 2655-7460. Volume 5 No.2, Mei 2023 66 - 72

APLIKASI KASIR BERBASIS WEB DI KEDAI KOPI XYZ

MENGGUNAKAN METODE WATERFALL

Web-Based Cashier Application At Xyz Coffee Shop Using The

Waterfall Method
Muhammad Ircham Maulana1,Danur Wijayanto2
1,2
Program Studi Teknologi Informasi, Universitas ‘Aisyiyah Yogyakarta, Indonesia
1
[email protected], [email protected]

ABSTRAK
Perkembangan teknologi informasi diera modernisasi dan teknologi canggih saat ini, setiap orang dituntut untuk dapat menyajikan
informasi dengan cepat dan akurat tidak terkecuali Kedai Kopi Xyz. Kedai kopi Xyz yang menyediakan aneka macam kopi, cemilan,
dan makanan ringan masih menggunakan kasir secara manual dalam proses transaksinya. Hal ini dapat menyebabkan kesalahan
penghitungan dan pencatatan yang berdampak pada efisiensi waktu dan akurasi data. Berdasarkan permasalahan tersebut penelitian ini
ingin menyelesaikan permasalahan tersebut dengan mengembangkan aplikasi kasir berbasis web. Aplikasi ini bertujuan untuk
mempermudah proses transaksi pembayaran, pemesanan menu makanan, dan minuman. Aplikasi dikembangkan menggunakan metode
waterfall. Metode waterfall dipilih karena pengembangan sistem dilakukan secara terstruktur dan terurut. Pada tahapan desain, penulis
menggunakan beberapa alat bantu seperti Unified Modeling Language (UML) dan menghasilkan diagram Use Case, Activity, dan Entity
Relationship Diagram (ERD). Hasil dari penelitian ini adalah aplikasi kasir berbasis website yang dikembangkan dengan bahasa
pemrograman PHP, database MySQL dengan fitur tagihan otomatis dengan kemampuan untuk mengubah jumlah, menghapus item, dan
sistem pembayaran, Sehingga membantu mengurangi kesalahan perhitungan. Aplikasi dapat dikembangkan lebih lanjut dengan
menambahkan fitur-fitur seperti manajemen stok barang dan laporan keuangan yang dapat membantu pemilik bisnis dalam memantau
perkembangan bisnisnya serta dapat mengembangkan dalam bentuk aplikasi Android atau iOS.

Kata Kunci: Aplikasi Kasir, Website, Waterfall, Blackbox Testing, PHP, MySQL.

ABSTRACT
The development of information technology in the era of modernization and advanced technology today, everyone is required to be able to
present information quickly and accurately, including Coffee Shop Xyz. Xyz coffee shop which provides various kinds of coffee, snacks, and
snacks still uses manual cashiers in the transaction process. This can cause calculation and recording errors that have an impact on time
efficiency and data accuracy. Based on these problems, this research wants to solve these problems by developing a web-based cashier
application. This application aims to simplify the process of payment transactions, ordering food and beverage menus. The application was
developed using the waterfall method. The waterfall method was chosen because system development is carried out in a structured and
sequential manner. In the design stage, the author uses several tools such as the Unified Modeling Language (UML) and produces Use Case,
Activity, and Entity Relationship Diagram (ERD) diagrams. The result of this research is a website-based cashier application developed with the
PHP programming language, MySQL database with automatic billing features with the ability to change the amount or delete items, and a
payment system, thus helping to reduce calculation errors. The application can be further developed by adding features such as stock
management and financial reports that can help business owners monitor the development of their business and can develop in the form of
Android or iOS applications.

Keywords: Cashier Application, Website, Waterfall, Blackbox Testing, PHP, MySQL.

Pendahuluan juga teh bersama dengan makanan ringan, namun ada

Perkembangan teknologi informasi diera modernisasi juga kafe dan resto yang merupakan kafe yang dilengkapi
dan teknologi canggih saat ini, setiap orang dituntut dengan makanan utama (bukan manakanan ringan)
untuk dapat menyajikan informasi dengan cepat dan (Saputri et al., 2019). Sistem Kasir berbasis website
akurat (Widianto et al., 2014). Banyaknya usaha yang adalah sistem yang dikembangkan untuk menunjang
dilakukan setiap manusia dalam berbagai penjualan baik kelancaran proses transaksi di sebuah Kedai kopi,
secara tradisional maupun secara modern, membuat Sistem ini menggunakan website sebagai media untuk
orang melakukan berbagai cara dengan memanfaatkan melakukan transaksi dan dapat digunakan oleh Kasir di
teknologi yang ada (Hidayat et al., 2017). Kedai Kopi Kedai kopi (Handoko Agustin et al., 2021). Metode yang
yang sering juga disebut coffee house, coffee shop, atau digunakan dalam pengembangan sistem ini adalah
cafe, merupakan istilah yang digunakan untuk tempat metode Waterfall, Disebut dengan waterfall karena
yang melayani pesanan kopi atau minuman hangat menyediakan pendekatan alur hidup perangkat lunak
lainnya. Kedai kopi memiliki karakteristik seperti bar secara sekuensial atau terurut dimulai dari analisis,
atau restoran, tapi berbeda dengan kafetaria, Banyak desain, pengodean, pengujian, dan tahap pendukung
Kedai kopi yang tidak hanya menyediakan kopi, tetapi (Hidayati, 2019).
66
 Muhammad Ircham Maulana1,Danur Wijayanto. Aplikasi Kasir Berbasis Web Di Kedai 2023
Kopi XYZ Menggunakan Metode Waterfall

Metode Rancangan Sistem

Metode yang digunakan pada penelitian ini adalah Berdasarkan dari analisa yang dilakukan dibutuhkan
Metode Waterfall. Metode Waterfall merupakan model sistem dengan Pemodelan sistem menggunakan UML
klasik yang memiliki sifat berurut dalam merancang (Unifed Modeling Language) sebagai bahasa pemodelan
sistem (Susilo and Kurniati, 2018). Ilustrasi Metode terpadu. UML (Unifed Modelling Language) membantu
Waterffal dapat dilihat pada gambar 1. dalam memodelkan perangkat lunak dengan
memvisualisasikan Use case, statis, dan perilaku
perangkat lunak didalam sistem (Wibisono and
Baskoro, 2002).
a. Use Case Diagram
Use Case Diagram merupakan pemodelan untuk
kelakuan (behavior) sistem informasi yang akan dibuat
(Hendini, 2016).

Gambar 1. Ilustrasi Model Waterfall

Metode waterfall yang digunakan pada pembangunan

perangkat lunak ini menggunakan model waterfall yang
terbagi menjadi lima tahapan (Hasanah et al., 2020). :
1. Analisis: Pada tahap ini penulis menguraikan Gambar 2 Use Case Diagram
persyaratan pengembangan program aplikasi
penjualan, mulai dari pengolahan data barang, data
transaksi penjualan, Selain itu, penulis
menganalisis dan mengumpulkan informasi
tentang perangkat lunak yang diperlukan untuk
mengembangkan aplikasi.
2. Desain: Pada tahapan desain, dilakukan
perancangan desain dilakukan dengan merancang
Use Case Diagram, Entity Relationship Diagram,
Activity Diagram, dan UI.
3. Implementasi: Mengimplementasi dari hjasil desain
dalam bahasa pemrograman dan database.
4. Pengujian: Setelah tahapan impelementasi
dilakukan, pada tahap ini dilakukan pengujian dari
aplikasi yang telah selesai diimplementasi.
Pengujian dilakukan dengan menggunakan Black
Box Testing. Pengujian bertujuan untuk
Pada Gambar 2. Menjelaskan tentang admin memiliki
mengurangi kesalahan yang terjadi pada sistem.
akses untuk mengelola transaksi penjualan, mengelola
5. Pemeliharaan/Maintenance: Melakukan
daftar menu, menambah daftar menu, mengedit daftar
pemeliharaan aplikasi web dengan cara
memperbaiki masalah yang ada dan juga Gambar 3. Activity Diagram Tambah Data
melakukan backup dan update data.
pesanan dan menghapus data menu.
Hasil Dan Pembahasan
Analisa Kebutuhan b. ERD (Entity Relationship Diagram)
Dari analisa kebutuhan yang didapat, maka dibutuhkan Entity Relationship Diagram atau ERD adalah sebuah
kebutuhan sistem sebagai berikut : diagram struktural yang digunakan untuk merancang
• Admin dapat melakukan Log-in. sebuah database. Sebuah ERD mendeskripsikan data
• Admin dapat mengelola data menu. yang akan disimpan dalam sebuah sistem maupun
• Admin dapat mengelola transaksi penjualan. batasannya. Komponen utama yang terdapat di dalam

67
 Jurnal Sains Komputer dan Teknologi Informasi Page
e – issn : 2655-7460. Volume 5 No.2, Mei 2023 66 - 72

sebuah ERD adalah entity set, relationship set, dan juga

constraints (Mohammed et al., 2015).

Gambar 4. Activity Diagram Tambah

Gambar 4. Entity Relationship Diagram

Gambar 3. Entity Relationship Diagram (ERD) penjelasan

tentang erd tersebut terdiri dari tiga entitas yaitu
entitas admin, Menu, dan Keranjang.

c. Activity Diagram
Berdasarkan desain Use Case Diagram dan Entity
Relationship Diagram, maka activity diagram dibangun
menjadi 3, yaitu, acitivity diagram tambah menu, acitivity Gambar 5. Activity Diagram Edit
diagram edit menu, dan acitivity diagram transaksi.

Pada Gambar 4. Activity diagram tambah Menjelaskan

tentang admin memiliki akses untuk menambah daftar
menu. Proses ini admin dapat mengelola menu dengan
menambahkan daftar menu setelah daftar menu ke
input disistem menu akan terlihat daftar menu.

Pada gambar 5. Activity diagram Edit Menjelaskan proses

bagaimana admin dapat mengubah daftar menu. Proses
ini dimulai dengan klik opsi “edit” maka akan
memunculkan form menu edit yang nantinya admin
tinggal ubah saja apa yang akan diubah.

Pada gambar 6. Activity diagram transaksi menjelaskan

proses bagaimana admin mengelola transaksi dari input
pesanan sampai bayar. Dengan demikian proses Gambar 6. Activity Diagram Transaksi
transaksi menjadi lebih mudah. Di Actifiy diagram diatas
ada beberapa pilihan ketika kita ingin melanjutkna
transaksi atau tidak dan juga jika kita ingin tambah menu
pada waktu pemesanan.

Implementasi
Bab ini menunjukkan hasil antarmuka yang telah
diimplementasi yaitu Antarmuka halaman log in,
antarmuka daftar menu, Antarmuka tambah menu,
Antarmuka edit menu, Antarmuka halaman
Keranjang, dan Antarmuka halaman invoice.
Implementasi antarmuka ditunjukkan pada Gambar 7
sampai Gambar 12.

Gambar 7. Antarmuka Login

68
Muhammad Ircham Maulana1,Danur Wijayanto. Aplikasi Kasir Berbasis Web Di Kedai 2023
Kopi XYZ Menggunakan Metode Waterfall

Gambar 7. Antarmuka Login admin kasir harus Pada gambar 10. Halaman tersebut merupakan
melakukan Login agar dapat masuk ke dalam sistem halaman edit menu di halaman tersebut admin dapat
mengubah menu untuk diubah menjadi menu dengan
nama yang terbaru

Gambar 11 Antarmuka Keranjang

Gambar 8. Antarmuka Daftar menu
Pada gambar 11. Antarmuka Halaman Keranjang
menunjukkan daftar menu yang sudah kita pilih dan
Gambar 8. Antarmuka Menunjukan halaman masuk ke keranjang
dashboard admin Pada antarmuka ini menampilkan
halaman awal setelah admin berhasil melakukan Login

Gambar 9. Antarmuka Tambah Menu Gambar 12 Antarmuka Invoice

Pada gambar 9. Halaman tersebut merupakan halaman

tambah menu di halaman tersebut admin dapat Pada Antarmuka Invoice menunjukkan halaman
menambah daftar menu terbaru. invoice setelah kita bayar.

Gambar 10. Antarmuka Edit Menu

69
 Jurnal Sains Komputer dan Teknologi Informasi Page
e – issn : 2655-7460. Volume 5 No.2, Mei 2023 66 - 72

Pengujian
Pada tahap pengujian ini penulis menggunakan metode Black Box Testing. Pengujian Black Box Testing adalah
pengujian terhadap suatu program untuk mengetahui program tersebut apakah berjalan dengan baik, baik dalam
proses input maupun proses output dari program tersebut (Snadhika Jaya et al., 2018). Langkah-langkah pengujian
terdapat di dalam Tabel 1. Black Box Pengujian Form login, Tabel 2. Black Box Hasil pengujian Tambah barang/menu
dan Tabel 3. Black Box Hasil pengujian menunjukkan hasil yang baik dan dapat diterima untuk setiap jenis uji.

Tabel 1. Black box Pengujian Form login

No. Skenario Test Case Hasil Yang Diharapkan Hasil Pengujian Kesimpulan
Pengujian
1. username dan Username Sistem akan menolak untuk Sesuai harapan Valid
password tidak menyimpan data dan
(kosong)
diisi kemudian klik menampilkan pesan “Please
tombol login Password fill out this filed”
(kosong)

2. Username tidak Username Sistem akan menolak untuk Sesuai harapan Valid
diisi dan password menyimpan data dan
(kosong)
diisi kemudian klik menampilkan pesan
tombol login Password “Please fill out this filed”
dikolom username.
(admin)

3. Username diisi Username Sistem akan menerima Sesuai harapan Valid

dan password diisi akses login dan melanjutkan
(admin)
kemudian klik ke halaman dahsboard
tombol login Password daftar menu
(admin)

Tabel 2. Black Box Pengujian Tambah Barang/Menu

No Skenario Test Case Hasil Yang Diharapkan Hasil Kesimpulan

. Pengujian pengujian
1. Mengosongkan Jumlah Sistem akan Sesuai Valid
menu dan jumlah menjalankan transaksi harapan
(kosong)
pembelian data meskipun pesanan
lalu klik “Bayar” kosong

2. Memilih menu dan Jumlah Sistem akan secara Sesuai Valid

jumlah pembelian otomatis menjumlahkan harapan
(5)
lalu klik “Bayar” sesuai pesanan

Tabel 3. Black box Pengujian Transaksi

70
 Muhammad Ircham Maulana1,Danur Wijayanto. Aplikasi Kasir Berbasis Web Di Kedai 2023
Kopi XYZ Menggunakan Metode Waterfall

No Skenario Test Case Hasil Yang Diharapkan Hasil Kesimpulan

Pengujian pengujian
1. Seluruh field yang Nama : Sistem akan menolak Sesuai Valid
ada di (kosong) untuk menyimpan data harapan
dan menampilkan pesan
kolom tambah Harga :
“Please fill out this filed”
barang
(kosong
tidak diisi,
kemudian klik
simpan
2. Mengisi field nama Nama : (Sate) Sistem akan menolak Sesuai Valid
barang dan field untuk menyimpan data harapan
Harga :
lainnya tidak diisi, dan menampilkan pesan
kemudian klik (kosong dikolom Harga “Please fill
simpan out this filed”

3. Mengisi field nama Nama : Sistem akan menolak Sesuai Valid

barang dan field untuk menyimpan data harapan
(kosong)
lainnya tidak diisi, dan menampilkan pesan
kemudian klik Harga : dikolom Nama “Please fill
simpan out this filed”
(19999)

4. Mengisi semua Sistem akan menyimpan Sesuai Valid

field, kemudian data harapan
klik “Submit”
Pustaka Acuan
Handoko Agustin, Yoga Latifah, Ayu Fikri Nugraha,
Simpulan Dan Saran Andi, 2021. Perancangan Sistem Informasi
Simpulan Aplikasi Kasir pada Kafe Restorasi Kopi
Berdasarkan penelitian yang dilakukan, Berbasis Web. Jurnal Algoritma Vol. 18; No.
pengembangan aplikasi kasir berbasis website 1, 302–312.
berhasil dikembangkan dengan menggunakan
metode waterfall dan didukung dengan hasil Hasanah, Fitri, N., Untari, R.S., 2020. Buku Ajar
pengujian menggunakan Black Box Testing yang Rekayasa Perangkat Lunak . Diterbitkan Oleh
menunjukkan hasil test yang sesuai dengan apa yang Umsida Press Universitas Muhammadiyah
diharapkan oleh penulis. Fitur – fitur yang terdapat Sidoarjo 2020.
dalam aplikasi adalah fitur tagihan otomatis dengan
kemampuan untuk mengubah jumlah, menghapus Hendini, A., 2016. Pemodelan Uml Sistem
item, dan sistem pembayaran sehingga membantu Informasi Monitoring Penjualan Dan Stok
mengurangi kesalahan perhitungan dan Barang (Studi Kasus: Distro Zhezha
menyelesaikan permasalahan di Kedai Kopi Xyz. Pontianak). Jurnal Khatulistiwa Informatika
Vol. IV NO.2, 107–115.
Saran
Hidayat, Rahmat Marlina, Siti Dini Utami, Lila, 2017.
Aplikasi dapat dikembangkan lebih lanjut dengan
Perancangan Sistem Informasi Penjualan
menambahkan fitur-fitur seperti manajemen stok
Barang Handmade Berbasis Website Dengan
barang dan laporan keuangan yang dapat membantu
Metode Waterfall. Simposium Nasional Ilmu
pemilik bisnis dalam memantau perkembangan
Pengetahuan dan Teknologi (SIMNASIPTEK)
bisnisnya serta dapat mengembangkan dalam
bentuk aplikasi Android atau iOS. 172–182.

Hidayati, N., 2019. Penggunaan Metode Waterfall

Dalam Rancang Bangun Sistem Informasi

71
 Jurnal Sains Komputer dan Teknologi Informasi Page
e – issn : 2655-7460. Volume 5 No.2, Mei 2023 66 - 72

Penjualan. Generation Journal Vol.3 No.1,

2850–4952.

Mohammed, M.A., Abdul Kareem Muhammed, D.,

Abdullah, J.M., 2015. International Journal of
Multidisciplinary and Scientific Emerging
Research Practical Approaches of
Transforming ER Diagram into Tables.
International Journal of Multidisciplinary and
Scientific Emerging Research 4, 2349–6037.

Saputri, Zia Rizki Nur Oktavia, Anzani Ramdhani,

Lis Saumi Suherman, 2019. Rancang Bangun
Sistem Informasi Pemesanan Makanan
Berbasis Web Pada Cafe Surabiku. Jurnal
Teknologi dan Informasi Vol 9.

Snadhika Jaya, T. Pengujian Aplikasi dengan Metode

Blackbox Testing Boundary Value Analysis
(Studi Kasus: Kantor Digital Politeknik
Negeri Lampung). Jurnal Informatika: Jurnal
Pengembangan IT (JPIT) 03.

Susilo, M., Kurniati, R., 2018. Rancang Bangun

Website Toko Online Menggunakan Metode
Waterfall. InfoTekJar (Jurnal Nasional
Informatika dan Teknologi Jaringan). Vol.2
No.2, 2540–7597.

Wibisono, W., Baskoro, F., 2002. Pengujian

Perangkat Lunak Dengan Menggunakan
Model Behaviour Uml. JUTI: Jurnal Ilmiah
Teknologi informasi Vol.1 No.1, 43–50.

Widianto, K., Rahmatullah, S., Rifai, A., 2014.

Simposium Nasional Ilmu Pengetahuan dan
Teknologi (SIMNASIPTEK).

Buku

Hasanah, Fitri, N., Untari, R.S., 2020. Buku Ajar

Rekayasa Perangkat Lunak . Diterbitkan Oleh
Umsida Press Universitas Muhammadiyah
Sidoarjo 2020

72