PRESTO adalah aplikasi pemesanan restoran berbasis web yang memudahkan pelanggan memesan makanan cukup dengan scan QR code di meja.
Tanpa perlu memanggil pelayan, tanpa antre lama — semua bisa dilakukan langsung dari HP.
Cocok untuk restoran, kafe, rumah makan, hingga food court yang ingin tampil modern dan lebih efisien.
Bagaimana Cara Kerjanya?
1️⃣ Pelanggan duduk di meja
2️⃣ Scan QR code yang tersedia
3️⃣ Menu langsung muncul di HP
4️⃣ Pilih makanan & minuman
5️⃣ Bayar online atau di kasir
6️⃣ Pesanan otomatis masuk ke dapur
7️⃣ Makanan siap disajikan
PRESTO sangat cocok untuk:
Restoran keluarga
Cafe & coffee shop
Rumah makan
Food court
Kedai modern
Franchise kuliner
Tanpa perlu memanggil pelayan, tanpa antre lama — semua bisa dilakukan langsung dari HP.
Cocok untuk restoran, kafe, rumah makan, hingga food court yang ingin tampil modern dan lebih efisien.
Bagaimana Cara Kerjanya?
1️⃣ Pelanggan duduk di meja
2️⃣ Scan QR code yang tersedia
3️⃣ Menu langsung muncul di HP
4️⃣ Pilih makanan & minuman
5️⃣ Bayar online atau di kasir
6️⃣ Pesanan otomatis masuk ke dapur
7️⃣ Makanan siap disajikan
PRESTO sangat cocok untuk:
Restoran keluarga
Cafe & coffee shop
Rumah makan
Food court
Kedai modern
Franchise kuliner
Scan & Pesan Tanpa Aplikasi
Pembayaran Fleksibel(Tunai di Kasir atau melalui Payment Gateway)
Dashboard Statistik Lengkap
Pembuatan Voucher & Promo
Notifikasi Real-Time
Struk Otomatis ke WhatsApp
PHP 8.2 atau lebih tinggi
MySQL 5.7+ / MariaDB 10.3+
Composer
Node.js 18+
NPM 9+
Web Server Apache/Nginx
SSL Certificate (untuk production)
🍽️ PRESTO - Aplikasi Pemesanan Resto
Deskripsi Singkat
PRESTO adalah aplikasi web untuk pemesanan makanan di restoran secara digital. Pelanggan cukup scan QR code di meja untuk langsung membuka menu, memilih makanan, dan melakukan pemesanan — tanpa perlu memanggil pelayan.
Sistem ini dirancang agar mudah digunakan oleh siapa saja dan mencakup 4 peran pengguna:
| Peran | Siapa? | Fungsi Utama |
|---|---|---|
| 🧑💼 Manager | Pemilik / Admin restoran | Mengelola menu, meja, staf, pengaturan, dan melihat statistik |
| 💰 Kasir | Staff kasir | Menerima / menolak pembayaran dan mencetak struk |
| 👩🍳 Dapur | Staff dapur | Melihat pesanan masuk dan menandai selesai dimasak |
| 👤 Pelanggan | Pengunjung restoran | Scan QR, pesan makanan, bayar, dan lihat invoice |
Daftar Fitur
👤 Sisi Pelanggan (Tanpa Login)
- Scan QR Code — Scan kode QR di meja untuk langsung masuk ke halaman menu
- Lihat Menu — Tampilan menu digital dengan kategori (Makanan, Minuman, Snack), gambar, harga, dan deskripsi
- Filter Kategori — Pilih kategori tertentu untuk mempersempit pencarian
- Keranjang Belanja — Tambah / kurangi jumlah pesanan sebelum dikirim
- Pilih Tipe Pesanan — Dine In (makan di tempat) atau Take Away (bungkus) dengan biaya tambahan
- Voucher / Diskon — Masukkan kode voucher untuk mendapatkan potongan harga
- Input Nomor WhatsApp — Jika WA Gateway aktif, pelanggan memasukkan nomor HP untuk menerima struk otomatis
- Halaman Invoice — Lihat daftar pesanan aktif dan riwayat pembayaran
- Pembayaran Online (Midtrans) — Bayar langsung via QRIS, Transfer Bank, atau E-Wallet dari HP
- Pembayaran Kasir — Pilih bayar di kasir, pesanan diteruskan ke meja kasir
- Batalkan Pesanan — Pelanggan dapat membatalkan pesanan sebelum diproses
- Halaman Tentang — Info restoran: alamat, telepon, jam operasional, dan peta lokasi
💰 Sisi Kasir
- Dashboard Antrian — Melihat pesanan yang menunggu pembayaran secara real-time (auto-refresh)
- Terima Pembayaran — Konfirmasi pembayaran tunai dari pelanggan
- Tolak Pesanan — Tolak pesanan dengan alasan (misal: stok habis)
- Cari Pesanan — Cari berdasarkan nama pelanggan atau nomor invoice
- Riwayat Kasir — Lihat daftar pesanan yang telah diproses hari ini
👩🍳 Sisi Dapur
- Dashboard Pesanan Masuk — Melihat pesanan yang sudah dibayar dan perlu dimasak (auto-refresh)
- Tandai Selesai — Klik tombol untuk menandai pesanan sudah selesai dimasak
- Riwayat Dapur — Lihat daftar pesanan yang sudah selesai hari ini
- Notifikasi Suara — Bunyi notifikasi saat ada pesanan baru masuk
🧑💼 Sisi Manager / Admin
- Dashboard Ringkasan — Total pesanan hari ini, pendapatan, pesanan pending dan selesai
- Kelola Menu — Tambah, edit, hapus menu beserta foto, harga, dan status ketersediaan
- Kelola Kategori — Atur kategori menu (Makanan, Minuman, Snack, dll)
- Kelola Meja & QR Code — Tambah meja, generate QR code, dan cetak QR untuk ditempel di meja
- Kelola Voucher — Buat voucher diskon (persentase atau nominal tetap) dengan batas penggunaan dan masa berlaku
- Kelola Staff — Tambah akun kasir dan dapur, atur peran dan hak akses
- Riwayat Pesanan — Lihat semua pesanan dengan fitur pencarian, filter status, dan filter tanggal
- Statistik Penjualan — Grafik pendapatan harian, jumlah pesanan, dan daftar menu terlaris
- Pengaturan Sistem — Atur info restoran, branding (logo, favicon), biaya take away, Midtrans, dan WA Gateway
- Buka/Tutup Sistem — Satu tombol untuk membuka atau menutup sistem pemesanan
- Audit Log — Catatan aktivitas penting (siapa melakukan apa dan kapan)
🔌 Integrasi
- Midtrans Payment Gateway — Pembayaran online otomatis (QRIS, Transfer Bank, GoPay, OVO, dll)
- WA Gateway — Kirim struk/invoice otomatis ke WhatsApp pelanggan setelah pembayaran
- QR Code Generator — Generate kode QR unik untuk setiap meja
System Requirements (Kebutuhan Sistem)
Untuk Menjalankan Aplikasi (Server)
| Komponen | Versi Minimum | Keterangan |
|---|---|---|
| PHP | 8.2+ | Bahasa pemrograman utama |
| Composer | 2.x | Package manager untuk PHP |
| Node.js | 18+ | Untuk build asset frontend |
| NPM | 9+ | Package manager untuk JavaScript |
| MySQL / MariaDB | 8.0+ / 10.4+ | Database penyimpanan data |
| Web Server | Apache / Nginx | Atau gunakan Laragon (Windows) |
Software Pendukung (Opsional)
| Software | Fungsi |
|---|---|
| Laragon | Paket all-in-one untuk Windows (PHP + MySQL + Apache) |
| Midtrans Account | Untuk mengaktifkan pembayaran online |
| WA Gateway Server | Untuk mengirim struk otomatis via WhatsApp |
Untuk Mengakses (Pelanggan)
| Komponen | Keterangan |
|---|---|
| Smartphone / Tablet | Dengan kamera untuk scan QR Code |
| Browser Modern | Chrome, Safari, Firefox, Edge (versi terbaru) |
| Koneksi Internet | WiFi restoran atau data seluler |
Alur Sistem (Cara Kerja)
1️⃣ Persiapan oleh Manager
Manager Login
↓
Atur Info Restoran (nama, alamat, jam buka)
↓
Upload Logo & Favicon
↓
Tambah Kategori Menu (Makanan, Minuman, Snack)
↓
Tambah Item Menu (nama, harga, foto, deskripsi)
↓
Tambah Meja → Generate QR Code → Cetak & Tempel di Meja
↓
(Opsional) Atur Midtrans untuk pembayaran online
↓
(Opsional) Atur WA Gateway untuk kirim struk otomatis
↓
Buka Sistem → Restoran siap menerima pesanan!
2️⃣ Alur Pemesanan Pelanggan
Pelanggan duduk di meja
↓
Scan QR Code di meja menggunakan kamera HP
↓
Browser terbuka → Halaman menu restoran
↓
Pilih menu & tambah ke keranjang
↓
Buka keranjang → Pilih Dine In / Take Away
↓
(Opsional) Masukkan kode voucher
↓
(Opsional) Masukkan nomor WhatsApp
↓
Klik "Pesan Sekarang"
↓
Pesanan masuk ke sistem!
3️⃣ Alur Pembayaran
┌──────────────────────────────┐
│ Pelanggan melihat Invoice │
└──────────────┬───────────────┘
│
┌──────────────┴───────────────┐
│ │
Bayar Online Bayar di Kasir
(Midtrans/QRIS) (Uang Tunai / EDC)
│ │
Otomatis Kasir menerima
terverifikasi & konfirmasi
│ │
└──────────────┬───────────────┘
│
Status → "Sudah Bayar"
│
(Jika WA Gateway aktif)
Struk dikirim ke WhatsApp
│
Pesanan masuk ke Dapur
4️⃣ Alur Dapur → Selesai
Layar Dapur menampilkan pesanan baru (+ bunyi notifikasi)
↓
Dapur memasak pesanan
↓
Klik "Selesai" pada pesanan
↓
Status pesanan → "Selesai"
↓
Pelanggan bisa melihat status di halaman Invoice
5️⃣ Ringkasan Alur Lengkap
┌──────────┐ ┌───────────┐ ┌──────────┐ ┌────────────┐ ┌──────────┐
│ Pelanggan │───→│ Pesanan │───→│ Kasir │───→│ Dapur │───→│ Selesai │
│ Scan & QR │ │ Masuk ke │ │ Terima / │ │ Masak & │ │ Pesanan │
│ Pilih Menu│ │ Sistem │ │ Tolak │ │ Tandai │ │ Siap! │
│ Checkout │ │ │ │ Bayar │ │ Selesai │ │ │
└──────────┘ └───────────┘ └──────────┘ └────────────┘ └──────────┘
Teknologi yang Digunakan
| Teknologi | Peran |
|---|---|
| Laravel 12 | Framework backend (PHP) |
| Bootstrap 5 | Tampilan & layout responsif |
| Vite | Build tool untuk asset CSS/JS |
| Chart.js | Grafik statistik penjualan |
| Midtrans Snap | Payment gateway (pembayaran online) |
| WA Gateway API | Kirim pesan WhatsApp otomatis |
| Simple QR Code | Generate QR Code untuk meja |
| MySQL / MariaDB | Database relasional |
Dibuat untuk PRESTO — Aplikasi Pemesanan Resto Modern