Membangun Website QR Order System Modern Menggunakan CodeIgniter 4: Solusi Pemesanan Digital untuk Restoran dan UMKM

QR Order System adalah aplikasi pemesanan makanan berbasis web yang memungkinkan pelanggan memesan menu melalui QR Code yang tersedia di setiap meja.

Pelanggan tidak perlu menginstal aplikasi dan tidak perlu login. Cukup scan QR Code menggunakan kamera smartphone, pilih menu, isi nama, lalu kirim pesanan.

Setelah checkout, pesanan akan langsung masuk ke dashboard kasir untuk diproses.

Project ini dibuat menggunakan CodeIgniter 4 dan dapat digunakan sebagai bahan belajar, referensi tugas kuliah, portofolio, maupun dasar pengembangan sistem pemesanan restoran dan UMKM.

Alur Pemesanan

Proses pemesanan pada sistem ini:

1. Pelanggan scan QR Code meja.
2. Sistem menampilkan daftar menu.
3. Pelanggan memilih makanan atau minuman.
4. Pelanggan menentukan jumlah pesanan.
5. Pelanggan mengisi nama.
6. Pelanggan melakukan checkout.
7. Pesanan masuk ke dashboard kasir.
8. Kasir memproses dan menyelesaikan pesanan.

Setiap QR Code memiliki identitas meja yang berbeda sehingga kasir dapat mengetahui dari meja mana pesanan dibuat.

Teknologi yang Digunakan

Project ini dikembangkan menggunakan:

• PHP 8+
• CodeIgniter 4
• MySQL
• HTML
• CSS
• Bootstrap
• JavaScript
• AJAX
• QR Code Generator
• Text to Speech

Sistem dapat dijalankan secara lokal menggunakan Laragon atau XAMPP dan dapat dipasang pada hosting yang mendukung PHP dan MySQL.

Role Pengguna

Pelanggan

Pelanggan tidak perlu login.

Fitur pelanggan:

• Scan QR Code meja
• Melihat menu
• Memilih makanan dan minuman
• Mengatur jumlah pesanan
• Mengisi nama pelanggan
• Melakukan checkout
• Melihat informasi nomor antrean

Admin

Admin memiliki akses untuk mengelola data utama aplikasi.

Fitur admin:

• Dashboard
• Kelola kategori
• Kelola menu
• Kelola meja
• Generate QR Code meja
• Kelola akun kasir
• Melihat riwayat transaksi
• Filter transaksi berdasarkan tanggal

Kasir

Kasir berfokus pada pengelolaan pesanan yang masuk.

Fitur kasir:

• Melihat antrean pesanan
• Melihat detail pesanan
• Mengetahui nama pelanggan dan nomor meja
• Memproses pesanan
• Menyelesaikan pesanan
• Melihat riwayat transaksi
• Filter riwayat berdasarkan tanggal

Fitur Utama Versi Gratis

Manajemen Kategori

Admin dapat membuat kategori untuk mengelompokkan menu, seperti:

• Makanan
• Minuman
• Paket
• Snack
• Dessert

Manajemen Menu

Admin dapat menambahkan menu beserta:

• Nama menu
• Harga
• Kategori
• Gambar
• Status ketersediaan

Menu yang aktif akan langsung tampil pada halaman pemesanan pelanggan.

Manajemen Meja dan QR Code

Admin dapat menambahkan data meja dan membuat QR Code unik untuk setiap meja.

QR Code dapat dicetak dan ditempel pada meja restoran. Ketika dipindai, pelanggan akan diarahkan ke halaman menu sesuai identitas meja tersebut.

Keranjang Pesanan

Pelanggan dapat:

• Menambahkan menu
• Mengurangi jumlah
• Menghapus menu
• Melihat total harga
• Mengirim pesanan melalui checkout

Antrean Pesanan Kasir

Pesanan baru akan tampil pada dashboard kasir dengan informasi:

• Nama pelanggan
• Nomor meja
• Daftar menu
• Jumlah pesanan
• Total harga
• Waktu pemesanan
• Status pesanan

Notifikasi Pesanan

Saat terdapat pesanan baru, kasir akan menerima notifikasi pada dashboard.

Sistem juga menggunakan Text to Speech untuk membacakan informasi pesanan agar kasir lebih mudah mengetahui adanya antrean baru.

Riwayat Transaksi

Pesanan yang telah selesai akan masuk ke riwayat transaksi.

Kasir dan admin dapat melihat:

• Nomor transaksi
• Nama pelanggan
• Nomor meja
• Total transaksi
• Tanggal dan waktu
• Detail menu yang dipesan

Riwayat juga dapat difilter menggunakan tanggal awal dan tanggal akhir.

Keamanan Dasar

Beberapa perlindungan yang digunakan dalam project ini:

• Login authentication
• Session management
• Pembatasan akses berdasarkan role
• Validasi input
• CSRF protection
• Pemisahan halaman admin dan kasir

Cocok Digunakan Untuk

Source code gratis ini cocok digunakan sebagai:

• Bahan belajar CodeIgniter 4
• Referensi project kuliah
• Portofolio web developer
• Dasar pengembangan sistem restoran
• Sistem pemesanan sederhana untuk UMKM
• Bahan belajar sistem multi-role
• Referensi implementasi QR Code

Catatan

Source code ini merupakan versi gratis yang dapat dipelajari dan dikembangkan kembali.

Beberapa konfigurasi seperti database, URL aplikasi, akun pengguna, serta pengaturan server perlu disesuaikan dengan lingkungan masing-masing.

Silakan gunakan source code ini secara bertanggung jawab dan lakukan pengujian terlebih dahulu sebelum digunakan pada lingkungan produksi.

Demo dan Akun Login

Demo: Klik di sini

Admin

Username: admin
Password: admin123

Kasir

Username: kasir
Password: kasir123

Pelanggan

Pelanggan tidak perlu login. Pemesanan dilakukan melalui URL atau QR Code meja.

Download Source Code

Source code QR Order System ini dapat diunduh secara gratis melalui tombol download yang tersedia.

Iklan yang ditampilkan pada halaman download membantu Kita Ngoding untuk terus menyediakan source code gratis bagi komunitas developer Indonesia.

Jangan lupa mengikuti media sosial Kita Ngoding untuk mendapatkan informasi source code dan project terbaru. 🚀

Dapatkan Source Code V-Pro

Source Code Versi Pro