Pengaturan
Konfigurasi toko, suara, dan sistem
๐Ÿช Identitas Toko
Tampil di bagian bawah struk cetak dan struk WhatsApp.
๐Ÿ’ณ Program Loyalty Stamp (E-Menu)
Pelanggan mendapat stamp setiap order dikonfirmasi
๐Ÿ”Š Pengaturan Suara
๐Ÿ—ฃ๏ธ
TTS (Text to Speech)
Suara otomatis browser. Tidak perlu file audio.
๐ŸŽต
MP3 Custom
Upload file MP3 Anda sendiri untuk suara notifikasi.
100%
0.9x
1.0
Suara yang berbunyi di Kasir saat ada order baru dari E-Menu. Gunakan path ./audio/notif.mp3 atau URL lengkap. Kosong = beep bawaan.
Salin file ke folder audio/ lalu ketik nama file
โฑ๏ธ Pengaturan Waktu Display
Berapa lama overlay "Pesanan Siap" dan "Terima Kasih" tampil di TV Display sebelum menghilang.
5 detik
Tampil di TV Display di kolom "Diracik" sebagai panduan pelanggan. Set 0 untuk tidak menampilkan.
Nonaktif
Ukuran angka countdown MM:SS yang tampil di setiap tile "Sedang Diracik" di TV Display.
12px
Warna angka waktu mundur saat normal. Merah otomatis saat < 2 menit, hijau saat habis.
Default: oranye #f97316
๐Ÿ“ฑ E-Menu & QR Code
Bagikan link ini ke pelanggan atau tampilkan QR Code di meja
Scan untuk buka E-Menu
QR Code
MRCreative
Nomor WhatsApp untuk menerima konfirmasi pembayaran dari pelanggan E-Menu (Gunakan format 62...)
โ„น๏ธ Cara Kerja 1 HP = 1 Order
Setiap HP pelanggan mendapat ID unik via Firebase Anonymous Auth. Pelanggan tidak bisa melakukan order baru selama order sebelumnya belum selesai (status: selesai).
๐Ÿ“– Panduan Setup Firebase
1
Aktifkan Firestore
Buka console.firebase.google.com โ†’ Project new-mrcreative โ†’ Firestore Database โ†’ Create database โ†’ Start in test mode
2
Aktifkan Anonymous Auth
Authentication โ†’ Sign-in method โ†’ Anonymous โ†’ Enable โ†’ Save
3
Deploy ke Firebase Hosting
Install Firebase CLI: npm install -g firebase-tools
Login: firebase login
Init: firebase init hosting
Deploy: firebase deploy
4
Firestore Rules (Produksi)
Update rules di Firestore โ†’ Rules untuk membatasi akses.
rules_version = '2';
service cloud.firestore {
  match /databases/{db}/documents {
    match /bahan/{id}        { allow read,write: if true; }
    match /produk/{id}       { allow read,write: if true; }
    match /paket/{id}        { allow read,write: if true; }
    match /orders/{id}       { allow read,write: if true; }
    match /pengaturan/{id}   { allow read,write: if true; }
    match /counters/{id}     { allow read,write: if true; }
    match /kas_akun/{id}     { allow read,write: if true; }
    match /kas_transaksi/{id}{ allow read,write: if true; }
    match /modal_harian/{id} { allow read,write: if true; }
  }
}
5
๐Ÿ“‚ Menyimpan File Audio MP3
File audio disimpan langsung di folder project (bukan Firebase Storage):
E:\Aplikasi Web MRCreative\audio\

Contoh struktur file:
audio/
  โ”œโ”€โ”€ siap.mp3       โ†’ ./audio/siap.mp3
  โ”œโ”€โ”€ thankyou.mp3   โ†’ ./audio/thankyou.mp3
  โ””โ”€โ”€ notif.mp3      โ†’ ./audio/notif.mp3
โœ… Path ./audio/namafile.mp3 bekerja di local (file://) dan Firebase Hosting.
๐Ÿ”” Sistem Notifikasi Cerdas
Aktifkan notifikasi untuk setiap order E-Menu baru yang masuk. Pilih satu atau lebih channel di bawah.
๐Ÿ””
Browser / Push Notification
Notifikasi popup di PC atau HP saat ada order baru, meski tab tidak aktif
โ„น๏ธ Cara Kerja:
Browser akan meminta izin notifikasi saat pertama kali diaktifkan. Setelah diizinkan, setiap order E-Menu baru akan memunculkan notifikasi popup โ€” bahkan jika tab kasir sedang di-minimize.

๐Ÿ“Œ Catatan: Notifikasi aktif selama browser terbuka di perangkat yang sama dengan kasir.
โœˆ๏ธ
Telegram Bot
Kirim detail order ke grup atau chat Telegram secara otomatis & gratis
๐Ÿ“‹ Langkah Setup Telegram Bot:
1. Buka Telegram → cari @BotFather
2. Ketik /newbot → ikuti instruksi → copy Bot Token
3. Tambahkan bot ke grup restoran Anda
4. Buka browser: https://api.telegram.org/bot<TOKEN>/getUpdates
5. Temukan "chat":{"id":-XXXXXXX} → itu Chat ID grup Anda
โšก Fitur Otomatis Telegram
โš ๏ธ Notifikasi Stok Rendah
Peringatan ke Telegram saat stok bahan ≤ minimum
๐Ÿ“Š Laporan Harian Otomatis
Ringkasan laba rugi harian dikirim otomatis setiap hari
๐Ÿ“… Laporan Bulanan Otomatis
Ringkasan laba rugi bulan lalu, dikirim setiap tanggal 1
๐Ÿ’ก Laporan otomatis aktif selama halaman kasir/pengaturan terbuka di browser
WhatsApp ke Owner
Otomatis buka chat WA ke nomor owner dengan detail order baru
โ„น๏ธ Cara Kerja:
Saat ada order E-Menu baru, browser membuka tab baru berisi chat WhatsApp ke nomor owner dengan ringkasan pesanan โ€” tinggal tap Kirim.

๐Ÿ“Œ Format nomor: Gunakan format internasional tanpa + atau 0 di depan.
Contoh: 628123456789 (untuk 08123456789)
๐Ÿ“ง
Email Laporan Harian
Kirim ringkasan penjualan otomatis setiap hari via EmailJS (gratis 200 email/bulan)
๐Ÿ“‹ Langkah Setup EmailJS:
1. Daftar gratis di emailjs.com
2. Tambahkan Email Service (Gmail / Outlook / dll)
3. Buat Email Template โ€” gunakan variabel: {{nama_toko}}, {{ringkasan}}, {{waktu_kirim}}
4. Copy Service ID, Template ID, dan Public Key dari dashboard EmailJS
๐Ÿข Manajemen Cabang (Franchise)

Buat dan kelola cabang-cabang bisnis Anda. Data setiap cabang akan diisolasi agar tidak bercampur dengan cabang lainnya.

ID Nama Cabang
Memuat...
๐Ÿ’ณ Pengaturan Pembayaran
Sediakan salah satu: Gambar QRIS statis ATAU Teks QRIS dinamis.
Pilihan Utama: Teks QRIS (Dinamis)
Jika diisi, QRIS akan dibuat dinamis (menyertakan harga otomatis). Cukup copy paste dari aplikasi merchant Anda. (Berawal dengan 000201...)
Alternatif: Upload Gambar QRIS (Statis)
Alternatif: URL Gambar QRIS
Preview QRIS:
Belum ada QRIS
Waktu auto-dismiss layar panduan pembayaran di E-Menu sebelum lanjut ke tracking pesanan.
10 detik
โš ๏ธ Reset & Hapus Data
โš ๏ธ Peringatan!
Tindakan ini tidak dapat dibatalkan. Semua data di Firestore akan dihapus permanen.
Hapus Data Order (Transaksi)
Kosongkan tanggal untuk menghapus SEMUA order, atau pilih tanggal untuk menghapus order pada dan sebelum tanggal tersebut.
Hapus Data Buku Kas
Kosongkan tanggal untuk menghapus SEMUA riwayat kas, atau pilih tanggal untuk menghapus data kas pada dan sebelum tanggal tersebut.
Hapus Data Kasir & Shift
Kosongkan tanggal untuk menghapus SEMUA, atau pilih tanggal untuk menghapus data pada dan sebelum tanggal tersebut.
๐Ÿ–ฅ๏ธ Layout TV Display
Pilih susunan kolom pada layar TV Display pelanggan.
๐ŸŽ Paket Cetak di Display
Paket aktif akan tampil sebagai slide di kolom promosi
Promo aktif akan tampil sebagai slide di kolom promosi
6 dtk
Pilih animasi saat nomor pesanan dipanggil di TV Display.

Daftar Promo Aktif

Nama Promo Tipe Detail Aturan Status Aksi
Memuat...
โœจ Konfirmasi
...