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
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