Rancang Bangun Sistem Pemesanan Web Kafe Porta Kopi Menggunakan Laravel dengan Notifikasi dan Real-Time Order

Aldi Brahma Herogantara, Bernadus Very Christioko

Abstract


Sistem pemesanan konvensional pada Kafe Porta Kopi menghadapi permasalahan operasional berupa antrean panjang, pencatatan pesanan yang masih manual, serta keterlambatan kasir dalam menerima informasi pesanan baru. Penelitian ini bertujuan mengembangkan sistem pemesanan menu berbasis web menggunakan framework Laravel 12 yang dilengkapi fitur real-time order dan notifikasi otomatis guna meningkatkan efisiensi pelayanan. Pengembangan menggunakan metode Waterfall yang mencakup analisis kebutuhan, perancangan, pembangunan, serta pengujian sistem. Sistem dibangun menggunakan PHP, HTML, JavaScript, MySQL, dan Bootstrap 5. Akses pelanggan difasilitasi melalui pemindaian QR Code berbasis UUID yang terhubung langsung dengan nomor meja tanpa perlu mengunduh aplikasi tambahan. Fitur real-time order diimplementasikan menggunakan mekanisme polling berbasis setInterval dengan interval 10 detik, di mana sistem mendeteksi pesanan baru secara otomatis melalui perbandingan nilai latest_id pada localStorage, kemudian memicu notifikasi audio dan toast notification tanpa refresh halaman. Pengujian dilakukan menggunakan metode Black Box Testing yang melibatkan tiga responden, yaitu kepala kasir, kasir, dan pelanggan. Hasil pengujian menunjukkan seluruh 13 fitur fungsional berjalan sesuai kebutuhan dengan tingkat keberhasilan 100%. Sistem yang dikembangkan terbukti meningkatkan efektivitas operasional kasir serta mendukung digitalisasi pelayanan pada Kafe Porta Kopi secara lebih optimal.


Keywords


Sistem Pemesanan; QR Code; Real-Time Order; Black Box Testing

Full Text:

References


Rachmat Adiaz Arrofi, Rahman Ajie, and Tata Sutabri, “Penggunaan Transformasi Digital

Bisnis Untuk Para Pelaku UMKM Kuliner,” Jurnal Riset Manajemen Dan Ekonomi (Jrime), vol.

, no. 1, pp. 180–189, 2023, doi: 10.54066/jrime-itb.v2i1.1130.

Jaclyn Tjuarsa, J. Jusin, Ade Maulana, and Jefri Junifer Pangaribuan, “Pengembangan Sistem

Informasi Pemesanan Makanan Berbasis Web pada Rumah Makan Mie Hokkien Akheng,”

PaKMas: Jurnal Pengabdian Kepada Masyarakat, vol. 3, no. 1, pp. 104–110, 2023, doi:

54259/pakmas.v3i1.1758.

S. Sibagariang and J. Susanti, "Sistem Informasi Pemesanan Menu di Early Coffee menggunakan

QR Code Berbasis Website," Jurnal Mahajana Informasi, vol. 7, no. 2, pp. 166–177, 2023, doi:

51544/jurnalmi.v7i2.3649.

R. Apriliani, E. Yandani, and Asril, “Sistem Informasi Pemesanan Makanan Dan Minuman

Berbasis Web Menggunakan Framework Codeigniter Pada Restoran Dapoer Bu Tutik,” Jurnal

Media Informatika, vol. 6(1), no. 2, pp. 321–329, 2024. [Online]. Available:

https://ejournal.sisfokomtek.org/index.php/jumin/article/view/4226

A. Rasyid, N. Suharto, and A. Adzikirani, “Sistem pemesanan pintar di Pujasera menggunakan

QR code dan smartphone,” Jurnal Eltek, vol. 20, no. 2, pp. 87–94, 2022, doi:

33795/eltek.v20i2.360.

R. Rusito and Diyah Intan Mawarni Putri, “Implementasi QR Code Untuk Sistem Informasi

Pemesanan Menu Pada Restoran Omah Gedhe Pandean Kaliwungu Berbasis Web,” LogicLink,

vol. 1, no. 2, pp. 91–105, 2024, doi: 10.28918/logiclink.v1i2.9164.

Suharianto, L. B. A. Pambudi, A. Rahagiyanto, and G. E. J. Suyoso, “Implementasi QR Code

untuk Efisiensi Waktu Pemesanan Menu Makanan dan Minuman di Restoran maupun Kafe,”

BIOS : Jurnal Teknologi Informasi dan Rekayasa Komputer, vol. 1, no. 1, pp. 35–39, 2020, doi:

37148/bios.v1i1.7.

M. Tabrani and K. Lapelia, “Implementasi Metode Waterfall Pada Sistem Informasi Sentra

Pelayanan Kepolisian Terpadu(SPKT) Polsek Karawang Kota,” Smart Comp :Jurnalnya Orang

Pintar Komputer, vol. 10, no. 1, pp. 15–19, 2021, doi: 10.30591/smartcomp.v10i1.2198.

A. A. Wahid, “Analisis Metode Waterfall Untuk Pengembangan Sistem Informasi,” Jurnal Ilmu-

ilmu Informatika dan Manajemen STMIK, vol. 1, no. 1, pp. 1–5, 2020. [Online]. Available:

https://www.researchgate.net/publication/346397070

L. Rahmawati and S. Sumarsono, “Desain Pengembangan Website dengan Arsitektur Model

View Controller pada Framework Laravel,” Jurnal Teknologi Dan Sistem Informasi Bisnis, vol.

, no. 4, pp. 785–790, 2024, doi: 10.47233/jteksis.v6i4.1497.

D. Ardani and A. S. Aji, “Development of a Web-Based Food and Beverage Ordering System

for University Canteens Using the Laravel Framework at University of Technology Yogyakarta,” Journal of Scientific Research, Education, and Technology (JSRET), vol. 3, no. 4, pp.

–1474, 2024, doi: 10.58526/jsret.v3i4.521.

C. Perdana, Maharani, and M. Angga Wijaya, “Implementasi Framework Bootstrap 5 Pada

Perancangan Front-End Website MC BRO di PT X,” Jurnal Sistem Informasi Galuh, vol. 2, no.

, pp. 30–43, 2024, doi: 10.25157/jsig.v2i1.3634.

S. D. Pratama, L. Lasimin, and M. N. Dadaprawira, “Pengujian Black Box Testing Pada Aplikasi

Edu Digital Berbasis Website Menggunakan Metode Equivalence Dan Boundary Value,” J-

SISKO TECH (Jurnal Teknologi Sistem Informasi dan Sistem Komputer TGD), vol. 6, no. 2, p. 560,

, doi: 10.53513/jsk.v6i2.8166.

T. Desyani, S. Mulyati, E. Kurnianto, K. Kamaludin, N. Afifah, and S. N. I. Fauziah, “Pengujian

Black Box menggunakan teknik Equivalence Partitions pada Aplikasi Sistem Pemilihan

Karyawan Terbaik,” Jurnal Teknologi Sistem Informasi dan Aplikasi, vol. 5, no. 2, p. 110, 2022, doi:

32493/jtsi.v5i2.17578.

M. Zen, Irwan, Hafni, and M. D. P. Ananda, “Implementasi dan Pengujian Menggunakan

Metode BlackBox Testing Pada Sistem Informasi Tracer Study,” Bulletin of Computer Science

Research, vol. 4, no. 4, pp. 327–340, 2024, doi: 10.47065/bulletincsr.v4i4.359.

S. Riyanto and Y. Suhari, “Implementasi System Usability Scale pada Sistem Informasi Rencana

Umum Pengadaan (SIRUP) Lokal Pemerintah Provinsi Jawa Tengah,” Jurnal Ilmiah Elektronika

Dan Komputer, vol. 17, no. 1, pp. 138–149, 2024, doi: 10.51903/elkom.v17i1.1727




DOI: https://doi.org/10.30591/smartcomp.v15i3.10307

Refbacks

  • There are currently no refbacks.


Creative Commons License
This work is licensed under a Creative Commons Attribution 4.0 International License.

========================================================================

Smart Comp Indexed By:

Flag Counter

 

View My Stats

 

 

 

Creative Commons License

 

 

 

This work is licensed under a Creative Commons Attribution 4.0 International License.