Rancang Bangun Sistem Pemesanan Mooiste Café Berbasis Web dengan Integrasi QR Code dan Fitur Rekomendasi Menu Otomatis

Abstract

Mooiste Cafe mencatat pesanan pada nota kertas, sehingga pesanan rentan salah catat dan rekapitulasi penjualan harian harus disalin ulang secara manual. Proyek ini membangun sistem pemesanan berbasis web dengan dua jalur pelayanan: pemesanan mandiri oleh pelanggan lewat pemindaian QR Code di meja, dan antarmuka kasir untuk pelanggan yang bertransaksi langsung. Sistem dikembangkan dengan metode Agile. Arsitekturnya memisahkan antarmuka dari backend, yaitu Next.js pada sisi klien, Laravel sebagai penyedia REST API, Filament sebagai panel administrasi, dan MySQL sebagai basis data. Kedua jalur menulis ke basis data yang sama, sehingga seluruh pesanan masuk ke satu antrean bernomor urut. Pajak dan total dihitung otomatis, status ketersediaan menu dapat diubah dari sisi kasir, dan status pesanan di sisi pelanggan diperbarui tiap lima detik lewat polling. Menu terlaris dihitung dari akumulasi kuantitas penjualan pada pesanan berstatus selesai, lalu ditampilkan sebagai rekomendasi di antarmuka kasir maupun pelanggan. Pembayaran QRIS masih berupa simulasi, tetapi struktur datanya mengikuti skema payment gateway agar siap diintegrasikan pada tahap produksi. Pengujian black box terhadap seluruh kebutuhan fungsional dan User Acceptance Testing bersama pemilik Mooiste Cafe menunjukkan sistem berjalan sesuai rancangan.