Web Order, Kiosk & Online
Kiosk: Pengaturan
Mengkustomisasi tema warna, alur pemesanan, fitur pembayaran, timeout, tampilan menu, dan halaman Dine In/Take Away pada kiosk mandiri.
Halaman Kiosk → Pengaturan adalah pusat konfigurasi tampilan dan perilaku perangkat kiosk mandiri di cabang Anda. Semua pengaturan bersifat per cabang. Halaman menampilkan pratinjau langsung tampilan kiosk di sisi kanan layar saat Anda mengedit.
Perhatian: Konfigurasi yang disimpan di sini otomatis tersinkron ke perangkat kiosk saat perangkat terhubung ke internet. Perubahan tidak memerlukan restart aplikasi kiosk.
Langkah-langkah
1. Buka Halaman Pengaturan Kiosk
Buka Kiosk → Pengaturan dan pilih cabang di pemilih cabang.
2. Pengaturan Umum
| Field | Keterangan |
|---|---|
| Mata Uang | Kode mata uang yang tampil di harga (default: IDR) |
| PIN Admin | PIN numerik (4–12 digit) untuk membuka mode admin di kiosk; kosongkan untuk mempertahankan PIN yang ada |
Perhatian: PIN admin digunakan staf untuk mengakses mode konfigurasi di layar kiosk langsung. Jangan gunakan PIN mudah tertebak seperti
1234atau tanggal lahir.
3. Tema Warna
Pilih Preset Tema untuk menerapkan palet warna sekaligus:
| Preset | Karakter |
|---|---|
| Classic | Hitam navy + kuning amber, latar terang |
| Midnight | Gelap pekat + biru langit, untuk pencahayaan rendah |
| Warm | Coklat merah + oranye, kesan hangat F&B |
| Fresh | Hijau toska, kesan segar/sehat |
| Berry | Merah muda + pink, cocok untuk kafe/dessert |
| Ocean | Biru tua + biru langit, kesan modern bersih |
Atau atur warna secara manual melalui lima field warna:
- Warna Utama (Primary) — warna tombol aksi dan elemen penting
- Warna Sekunder — aksen pendukung
- Warna Aksen — highlight latar card
- Warna Latar — background halaman kiosk
- Warna Teks Utama — warna teks heading
Unggah Gambar Latar (opsional) untuk mengganti latar polos dengan foto/ilustrasi bertekstur.
4. Alur (Flow)
| Opsi | Keterangan |
|---|---|
| Tampilkan Halaman Selamat Datang | Layar animasi "Sentuh untuk mulai" sebelum masuk menu |
| Prompt Mode Makan | Kapan kiosk menanyakan Dine In / Take Away: saat Mulai, saat Checkout, atau Nonaktif |
5. Aksesibilitas
| Opsi | Keterangan |
|---|---|
| Teks Besar | Memperbesar ukuran font untuk pengguna dengan gangguan penglihatan |
| Kontras Tinggi | Meningkatkan keterbacaan di lingkungan terang atau bagi pengguna low-vision |
| Mode Jangkauan | Memindahkan tombol penting ke zona bawah layar yang mudah dijangkau |
6. Halaman Dine In / Take Away
Kustomisasi tampilan halaman pilih mode makan:
- Judul Halaman — teks heading (misalnya "Di Sini atau Bawa Pulang?")
- Template Tata Letak —
Cards(kartu besar),Split(dua panel penuh), atauMinimal(teks saja) - Untuk tiap opsi (Dine In dan Take Away): isi Label, Subjudul, dan unggah Gambar ilustrasi
7. Tampilan Menu
| Opsi | Keterangan |
|---|---|
| Tampilkan Gambar Menu | Foto produk di kartu menu |
| Tampilkan Deskripsi | Teks deskripsi produk di bawah nama |
| Tampilkan Harga | Harga tampil di kartu; matikan untuk menu tanpa harga |
| Tata Letak Kategori | Chips (tab horizontal atas) atau Sidebar (panel kiri) |
| Template Kartu Menu | Standard, Compact (lebih kecil, lebih banyak item), atau Overlay (harga overlay di atas foto) |
| Jumlah Kolom | Auto (sistem tentukan) atau paksa 2/3/4/5 kolom |
| Banner Promo di Menu | Gambar banner yang tampil di atas daftar menu |
| Teks Promo | Teks promosi singkat di bawah banner |
| Tampilkan Info Alergen | Label alergen pada item menu |
| Tampilkan Nilai Nutrisi | Informasi kalori/nutrisi (jika diisi di data menu) |
8. Fitur Pembayaran & Lainnya
| Fitur | Keterangan |
|---|---|
| QRIS | Aktifkan pembayaran QRIS di kiosk |
| Tunai | Aktifkan pembayaran tunai |
| Kartu | Aktifkan pembayaran kartu debit/kredit |
| Upsell | Tampilkan rekomendasi tambahan saat checkout |
| Promo | Terapkan promo otomatis dari sistem |
| Scan QR Meja | Izinkan kiosk membaca QR meja untuk dine-in |
9. Timeout (Waktu Habis)
| Field | Keterangan |
|---|---|
| Idle (detik) | Berapa detik kiosk kembali ke layar awal jika tidak ada interaksi |
| Peringatan Idle (detik) | Berapa detik sebelum idle, kiosk menampilkan hitungan mundur |
| Auto Reset Konfirmasi (detik) | Waktu otomatis membatalkan pesanan di layar konfirmasi tanpa tindakan |
| Timeout QRIS (menit) | Batas waktu pembayaran QRIS sebelum expired |
| Polling Pembayaran (detik) | Frekuensi pengecekan status pembayaran |
10. Simpan Konfigurasi
Klik Simpan Konfigurasi di bagian bawah form. Perangkat kiosk yang terhubung akan mengambil konfigurasi baru pada sinkronisasi berikutnya.
Tips: Gunakan pratinjau di sisi kanan layar untuk memverifikasi tampilan sebelum menyimpan — pratinjau berubah secara langsung saat Anda mengedit warna dan template.