Jurnal Infortech Volume 7 No.
2 Desember 2025
E-ISSN: 2715-8160
Aplikasi Pemesanan Menu Menggunakan Quick Response Code dan Payment Gateway di Kafe Kopi Insight Ade Kusna Eka Syahputra1.
Rizal RubaAoi2.
Alpito Gilang Ramadhan3.
Ade Suryadi4
1,2,3,4
Universitas Bina Sarana Informatika e-mail: 1 adekusna@gmail.
com, 2rizal354r@gmail.
alpitogilang07@gmail.
com, 4ade.
axd@bsi.
Diterima 22-09-2025 Direvisi 15-11-2025 Disetujui 22-12-2025 Abstrak - Efisiensi layanan menjadi tolak ukur vital dalam keberlangsungan bisnis food and beverage.
Bekasi.
Kafe Kopi Insight menghadapi tantangan operasional serius terkait manajemen antrean dan akurasi data pesanan yang selama ini dikelola secara manual.
Sebagai langkah solutif, penelitian ini merancang sebuah platform digital berbasis laman web yang mengombinasikan teknologi pindai kode QR (Quick Response Cod.
dengan gerbang pembayaran otomatis .
ayment gatewa.
dari Midtrans.
Mekanisme ini memberikan fleksibilitas bagi pengunjung untuk melakukan pemesanan mandiri .
elf-servic.
langsung dari meja serta menyelesaikan transaksi pembayaran secara nirkontak .
Konstruksi perangkat lunak dibangun menggunakan pendekatan alur Waterfall dan kerangka kerja CodeIgniter, mencakup modul vital seperti otentikasi admin, kontrol inventaris stok, input order, hingga rekapitulasi transaksi.
Validasi performa sistem dilakukan melalui uji fungsionalitas (Black Box Testin.
, yang menghasilkan simpulan bahwa seluruh fitur beroperasi valid sesuai rancangan.
Penerapan sistem ini terbukti mampu memangkas durasi pemesanan, mengurai kepadatan di area kasir, serta menekan risiko kesalahan input manusia, yang berkontribusi signifikan pada peningkatan produktivitas operasional kafe.
Kata Kunci: Kode QR.
Reservasi Digital.
Transaksi Nontunai.
CodeIgniter.
Optimalisasi Layanan.
Abstract - Service efficiency is a vital benchmark for sustainability in the food and beverage business.
In Bekasi.
Kopi Insight Cafy faces serious operational challenges regarding queue management and order data accuracy, which have historically been managed manually.
As a solution, this study designs a web-based digital platform that combines QR code scanning technology with an automated payment gateway from Midtrans.
This mechanism provides flexibility for visitors to perform self-service ordering directly from their tables and complete cashless payment transactions.
The software construction is built using the Waterfall approach and the CodeIgniter framework, encompassing vital modules such as admin authentication, inventory stock control, order input, and transaction recapitulation.
System performance validation was conducted through functionality testing (Black Box Testin.
, concluding that all features operate validly according to the design.
The implementation of this system is proven to reduce ordering duration, alleviate congestion in the cashier area, and suppress the risk of human input error, significantly contributing to the improvement of the cafy's operational productivity.
Keywords: QR Code.
Digital Reservation.
Cashless Transaction.
CodeIgniter.
Service Optimization.
PENDAHULUAN
Dalam lanskap bisnis modern, adaptasi teknologi telah bergeser menjadi kebutuhan fundamental, terutama bagi pelaku usaha di bidang food and beverage (F&B).
Kecepatan dan kemudahan layanan kini bertransformasi menjadi parameter utama dalam memenangkan loyalitas konsumen.
Fenomena ini turut dirasakan oleh Kafe Kopi Insight, sebuah http://ejournal.
id/ejurnal/index.
php/infortech entitas bisnis yang berbasis di Bekasi sejak 2023.
Seiring dengan eskalasi jumlah pengunjung, manajemen kafe dihadapkan pada tantangan operasional yang cukup pelik akibat ketergantungan pada prosedur konvensional.
Mekanisme pencatatan pesanan yang masih dilakukan secara manual terbukti memicu inefisiensi, yang ditandai dengan panjangnya antrean pembayaran serta tingginya Jurnal Infortech.
Volume 7 No.
2 Desember 2025
E-ISSN 2715-8160
potensi distorsi data pesanan .
uman erro.
yang berdampak pada kerugian finansial.
Guna mengurai kompleksitas tersebut, penelitian ini merancang skema digitalisasi layanan menggunakan platform berbasis laman web.
Teknologi kode QR (Quick Respons.
diimplementasikan sebagai gerbang akses, memberikan otonomi penuh kepada pelanggan untuk memesan menu dari meja tanpa perantara .
elf-servic.
Konsep ini berafiliasi dengan temuan Domingo .
, yang menegaskan bahwa integrasi Sistem Informasi Restoran (RIS) dengan teknologi pindai kode mampu mereduksi kontak fisik yang tidak esensial sekaligus mengakselerasi aliran informasi pesanan ke bagian Di sisi lain, adopsi gerbang pembayaran Midtrans memfasilitasi transaksi nirkontak .
secara waktu nyata .
eal-tim.
, sebuah langkah yang terbukti efektif dalam memecah kepadatan antrean di meja kasir (Fitriani & Puspitasari, 2.
Urgensi modernisasi ini selaras dengan tren pemanfaatan Sistem Informasi Manajemen (SIM) di Indonesia, yang kini dipandang sebagai pilar strategi kompetitif bisnis guna bertahan di tengah persaingan pasar (Khaliq & Nasution, 2.
Dari perspektif teknis, rancang bangun sistem mempercayakan kerangka kerja CodeIgniter.
Pemilihan framework ini didasarkan pada arsitekturnya yang ringan namun aman, serta fleksibilitasnya dalam pengembangan aplikasi transaksional berbasis web (Anggraini et al.
Pengembangan perangkat lunak ini berpedoman pada alur metode Waterfall yang sistematis guna memastikan setiap tahapan terukur dengan baik.
Selain itu, penerapan pola desain Model-ViewController (MVC) pada CodeIgniter diaplikasikan untuk menjamin kerapian struktur kode dan kemudahan perawatan sistem di masa mendatang (Wulandari et al.
, 2.
Secara holistik, inisiatif ini diproyeksikan tidak hanya untuk mempercepat siklus transaksi dan validasi data, tetapi juga mendorong transformasi Kafe Kopi Insight menuju ekosistem layanan digital yang adaptif dan efisien (Muttaqin et al.
, 2.
METODE PENELITIAN
Dalam upaya membangun sistem yang terorganisir, penelitian ini mengadopsi model pengembangan perangkat lunak Waterfall.
Metode ini dipilih karena karakteristik alur kerjanya yang sekuensial dan sistematis, sehingga sangat relevan untuk proyek dengan spesifikasi kebutuhan yang telah didefinisikan secara matang sejak awal (Kurniawan et al.
, 2021.
Telaumbanua et al.
, 2.
http://ejournal.
id/ejurnal/index.
php/infortech Metode Pengembangan: Waterfall Sumber: (Hasil Penelitian, 2.
Gambar 1.
Waterfall Tahapan pengembangan meliputi:
Analisis Kebutuhan (Analysi.
: Identifikasi proses bisnis, kebutuhan pemesanan digital, dan integrasi pembayaran online.
Perancangan Sistem (Desig.
: Merancang antarmuka dan alur proses menggunakan diagram UML.
ERD, serta flowchart untuk mempermudah pengembangan (Margaretha & Voutama, 2.
Implementasi (Developmen.
Menggunakan PHP (Sinlae et al.
, 2.
dan framework CodeIgniter untuk membangun sistem yang terintegrasi dengan database MySQL.
Pengujian (Testin.
: Melakukan black box testing untuk memastikan sistem berjalan sesuai spesifikasi.
Pemeliharaan (Maintenanc.
: Memastikan sistem tetap stabil dan melakukan Teknologi Pendukung Untuk mendukung implementasi sistem, penelitian ini memanfaatkan berbagai teknologi Aplikasi Berbasis Web Sistem berbasis web dipilih karena menawarkan aksesibilitas tinggi bagi Aplikasi memungkinkan pengelolaan data dan informasi dilakukan secara terpusat serta dapat diakses kapan saja melalui browser tanpa memerlukan instalasi perangkat lunak yang rumit di sisi klien (Duha & Juliani.
Jurnal Infortech.
Volume 7 No.
2 Desember 2025
E-ISSN 2715-8160
Fleksibilitas ini sangat mendukung kenyamanan pelanggan yang tidak perlu mengunduh aplikasi tambahan untuk melakukan pemesanan (Hendriyati & Yusta, 2.
Payment Gateway & Midtrans Payment gateway adalah sistem perantara transaksi pembayaran online (Fitriani & Puspitasari, 2.
Midtrans dipilih karena mendukung banyak metode pembayaran dan terintegrasi dengan e-commerce, meningkatkan kemudahan dan keamanan transaksi (Fatman et al.
, 2.
QR Code Digunakan agar pelanggan dapat langsung mengakses halaman pemesanan dengan memindai kode di meja, mendukung digitalisasi dan mempercepat proses transaksi (Rosmawarni, 2.
Framework CodeIgniter Memanfaatkan arsitektur MVC sesuai panduan terbaik sehingga mempermudah pemeliharaan (Wulandari et al.
, 2.
PHP (Hypertext Preprocesso.
Bahasa pemrograman server-side populer untuk membangun aplikasi web dinamis, mudah diintegrasikan dengan HTML dan database (Sinlae et al.
, 2.
MySQL Sistem manajemen basis data relasional yang digunakan untuk menyimpan data pesanan, transaksi, dan laporan penjualan secara terstruktur (Sinlae et al.
, 2.
HASIL DAN PEMBAHASAN
Hasil penelitian berupa website pemesanan menu pada Kafe Kopi Insight dibangun dengan metode Waterfall.
Tahapan berikut dijelaskan lebih detail, khususnya pada tahap Analysis yang berisi Analisis Kebutuhan Sistem.
Analisis Pada tahap analisis, dilakukan identifikasi masalah serta perumusan kebutuhan fungsional dan nonfungsional sistem.
Hasil analisis dirumuskan menjadi Analisis Kebutuhan Perangkat Lunak, yaitu:
Analisa Kebutuhan Pengguna Kebutuhan Admin .
Admin dapat mengelola data pengguna.
Admin dapat mengelola data menu.
Admin dapat mengelola stock.
Admin dapat melihat transaksi.
Admin dapat mengelola laporan transaksi bulanan dan tahunan.
Admin dapat mengelola profil.
Kebutuhan Kasir .
Kasir dapat melihat data menu.
Kasir dapat mengelola pesanan.
Kasir dapat melihat transaksi.
Kasir dapat mengelola profil.
Kebutuhan Pelanggan .
Pelanggan dapat melihat menu.
Pelanggan dapat menambahkan pesanan.
Model Perancangan Sistem Untuk memvisualisasikan alur dan arsitektur data, penelitian ini menggunakan standar pemodelan Unified Modeling Language (UML) digunakan untuk memodelkan perilaku objek dalam sistem (Margaretha & Voutama, 2.
, sementara relasi antar data dipetakan menggunakan Entity Relationship Diagram (ERD) (AoAfiifah et al.
, 2.
Selain Flowchart menggambarkan alur logika prosedur dari awal pemesanan hingga pelaporan akhir.
Pelanggan dapat merubah dan menghapus .
Pelanggan dapat melakukan pembayaran online atau tunai.
Analisa Kebutuhan Sistem Kebutuhan Sistem Admin .
Menampilkan halaman dashboard berisi data pengguna, menu, pesanan, dan pendapatan.
Fasilitas CRUD data pengguna.
Fasilitas CRUD data menu.
http://ejournal.
id/ejurnal/index.
php/infortech Jurnal Infortech.
Volume 7 No.
2 Desember 2025
E-ISSN 2715-8160
Melihat history penambahan stock menu.
CRUD kategori menu.
Melihat data pesanan.
Melihat laporan pendapatan bulanan dan .
Melihat dan mengubah profil admin serta Kebutuhan Sistem Kasir .
Menampilkan dashboard dengan data menu dan pesanan.
Menampilkan data menu yang tersedia.
Fasilitas untuk melihat dan menambahkan pesanan baru.
Melihat dan mencetak invoice.
Melihat dan mengubah profil serta password Kebutuhan Sistem Pelanggan Sumber: (Hasil Penelitian, 2.
Menampilkan menu yang tersedia.
Gambar 2.
Use Case Admin .
Fasilitas untuk menambahkan pesanan ke Use Case Kasir .
Melihat detail pesanan di keranjang.
Memilih .
Memilih metode pembayaran online melalui Midtrans.
Menampilkan invoice setelah pembayaran.
Desain Tahap desain bertujuan untuk menggambarkan bagaimana sistem pemesanan menu akan diimplementasikan, baik dari sisi struktur data, proses bisnis, maupun antarmuka pengguna.
Rancangan Diagram Use Case Use Case Admin Sumber: (Hasil Penelitian, 2.
Gambar 3.
Use Case Kasir http://ejournal.
id/ejurnal/index.
php/infortech Jurnal Infortech.
Volume 7 No.
2 Desember 2025
E-ISSN 2715-8160
Use Case Pelanggan Membuat Pesanan Sumber: (Hasil Penelitian, 2.
Gambar 4.
Use Case Pelanggan Rancangan Diagram Activity Tambah Menu Sumber: (Hasil Penelitian, 2.
Gambar 6.
Activity Diagram Membuat Pesanan Rancangan Sequence Diagram Sumber: (Hasil Penelitian, 2.
Gambar 5.
Activity Diagram Tambah Menu Sumber: (Hasil Penelitian, 2.
Gambar 7.
Sequence Diagram Pelanggan Melakukan Pemesanan Via QR Code http://ejournal.
id/ejurnal/index.
php/infortech Jurnal Infortech.
Volume 7 No.
2 Desember 2025
E-ISSN 2715-8160
Rancangan Database Implementasi Dalam pengembangan aplikasi pemesanan menu, penulis menggunakan Entity Relationship Diagram (ERD) dan Logical Relational Structure (LRS) untuk merancang struktur database.
Berikut penulis tampilkan struktur table yang ada dalam Fase implementasi merupakan tahap transformasi desain sistem menjadi perangkat lunak fungsional yang siap dioperasikan oleh pengguna.
Konstruksi aplikasi ini dibangun di atas fondasi bahasa pemrograman PHP yang diperkuat oleh kerangka kerja CodeIgniter.
Penerapan arsitektur Model-ViewController (MVC) dalam kerangka kerja ini menjadi standar penulisan kode guna menjamin keteraturan struktur program serta efisiensi dalam pemeliharaan jangka panjang.
Entity Relationship Diagram (ERD) Untuk kebutuhan manajemen data, sistem memanfaatkan MySQL sebagai basis data relasional yang bertugas menampung dan mengelola seluruh entitas vital, mulai dari profil pengguna, katalog menu, rekam jejak pesanan, hingga riwayat transaksi Pada tahap ini, realisasi fitur difokuskan pada tiga aspek utama: .
Mekanisme pemindaian QR Code yang ada diatas meja pelanggan sebagai pintu masuk ke antarmuka pemesanan web.
Modul back-end bagi admin untuk pengelolaan inventaris menu dan stok.
Dasbor kasir untuk memantau transaksi dan mencetak faktur .
Sumber: (Hasil Penelitian, 2.
Gambar 8.
Entity Relationship Diagram (ERD) Logical Relational Structure (LRS) Selain fungsi inti tersebut, implementasi juga mencakup integrasi sistem dengan API payment gateway Midtrans.
Integrasi ini membuka kanal pembayaran digital yang fleksibel, memungkinkan pelanggan menyelesaikan transaksi secara online menggunakan dompet elektronik .
-walle.
maupun kartu debit/kredit secara real-time dan aman.
Pengujian Setelah dilakukan pengujian terhadap sistem pemesanan menu berbasis web menerapkan metode Black Box Testing, hasilnya menunjukkan bahwa seluruh fungsi utama sistem berjalan dengan baik.
Tabel 1.
Pengujian Halaman Login Sumber: (Hasil Penelitian, 2.
Gambar 9.
Logical Relational Structure (LRS) http://ejournal.
id/ejurnal/index.
php/infortech Skenario Pengujian Hasil yang Hasil Kesimpulan Email dan Mengisi Email dan lalu tekan Email Sistem AoSilahkan isi kolom iniAo Sesuai Valid Harapan Sistem AoSilahkan isi kolom iniAo Sesuai Valid Harapan Sistem Sesuai Valid Jurnal Infortech.
Volume 7 No.
2 Desember 2025
E-ISSN 2715-8160
diisi lalu Email atau Password ada yang salah, lalu Email dan Password benar tapi Mengetik kan Email benar dan captcha di AoSilahkan isi kolom iniAo Harapan Sistem user akses AoEmail atau Password salahAo Sistem AoMohon isi dahuluAo Akses login diterima lalu Sesuai Valid Harapan Sesuai Valid Harapan Sesuai Valid Harapan Sumber: (Hasil Penelitian, 2.
Berdasarkan hasil pengujian Black Box pada Tabel 1, seluruh fungsi utama sistem mulai dari login, pemilihan menu, hingga pembayaran telah berjalan sesuai skenario dan dinyatakan valid.
Keberhasilan fungsi teknis ini memiliki implikasi langsung terhadap operasional Kafe Kopi Insight.
Implementasi fitur pemindaian QR Code yang terintegrasi langsung dengan dapur dan kasir mengubah alur layanan yang sebelumnya linear .
engantre satu per sat.
menjadi paralel .
anyak pelanggan memesan sekaligus dari meja masingmasin.
Hal ini memvalidasi temuan Domingo .
bahwa sistem berbasis QR Code dapat memangkas waktu tunggu pelanggan dan mengurangi beban kerja staf dalam mencatat pesanan manual.
Selain itu, fitur validasi pembayaran otomatis melalui Midtrans .
di meja kasir, sehingga risiko kesalahan kembalian uang atau selisih pencatatan pendapatan dapat diminimalisir.
Dengan demikian, sistem ini tidak hanya berfungsi secara teknis, tetapi juga efektif menyelesaikan permasalahan antrean dan akurasi data yang diuraikan pada tahap analisis kebutuhan.
Pemeliharaan stabilitas sistem pemesanan menu berbasis web untuk Kafe Insight pasca-implementasi.
Hingga saat ini, sistem telah beroperasi dengan stabil dan seluruh fungsi utama berjalan tanpa kendala teknis atau bug yang signifikan.
Sebagai langkah antisipatif, tim pengembang telah menyusun strategi pemeliharaan berkelanjutan untuk jangka panjang.
Strategi ini mencakup pemeliharaan korektif berupa perbaikan segera jika ditemukan bug selama penggunaan operasional, serta pemeliharaan adaptif untuk menyesuaikan fitur sistem berdasarkan masukan .
dari admin, kasir, maupun Selain itu, aspek keamanan dan performa juga diperhatikan melalui rencana pembaruan berkala pada framework CodeIgniter, versi PHP, serta integrasi layanan payment gateway Midtrans.
Pemeliharaan rutin juga dilakukan pada sisi administratif, seperti pembaruan data menu, kategori, dan harga agar informasi yang tampil di sisi pelanggan selalu sinkron dengan kondisi operasional Kafe Insight.
Dengan adanya prosedur pemeliharaan yang terstruktur ini, sistem diharapkan mampu beradaptasi dengan dinamika bisnis dan terus memberikan pelayanan optimal di masa KESIMPULAN Penelitian ini telah berhasil menuntaskan pengembangan aplikasi pemesanan menu melalui pendekatan metode Waterfall.
Hasil implementasi membuktikan bahwa sinergi antara teknologi QR Code dan gerbang pembayaran Midtrans merupakan solusi yang tepat untuk memodernisasi infrastruktur layanan kafe.
Berdasarkan menggunakan pengujian Black Box, seluruh komponen sistemAimulai dari akses menu via pemindaian, manajemen stok, hingga verifikasi pembayaran otomatisAiterkonfirmasi berjalan valid dan bebas dari kendala logika.
Kinerja sistem yang presisi ini menjamin akurasi aliran data antara pelanggan, dapur, dan kasir, yang secara signifikan berhasil menekan potensi kesalahan pencatatan manual .
uman erro.
Dari perspektif operasional, adopsi sistem ini memberikan kontribusi nyata terhadap efisiensi Mekanisme pemesanan mandiri .
elf-servic.
terbukti efektif dalam mengurai kepadatan antrean di meja kasir, sementara fitur pembayaran digital mempercepat durasi penyelesaian transaksi.
Dengan demikian, inisiatif ini tidak hanya mentransformasi proses bisnis menjadi digital, tetapi juga secara substansial meningkatkan standar pelayanan serta kenyamanan pengunjung.
Pada tahap pemeliharaan .
, fokus utama adalah memastikan keberlanjutan dan http://ejournal.
id/ejurnal/index.
php/infortech Jurnal Infortech.
Volume 7 No.
2 Desember 2025
E-ISSN 2715-8160
REFERENSI