📖 Dokumentasi Lengkap

Tutorial WarungHub

Panduan lengkap dari daftar kedai hingga mula terima pesanan pelanggan. Ikuti langkah demi langkah untuk set up kedai anda.

📋 Gambaran Keseluruhan

WarungHub adalah sistem pesanan QR code untuk restoran dan warung. Pelanggan scan QR di meja, pilih makanan, dan hantar pesanan terus ke dapur — tanpa perlu tunggu pelayan.

🎯 Apa yang anda dapat?

✓ Menu digital dengan QR code
✓ Paparan dapur automatik (Kitchen Display)
✓ Sistem POS & pembayaran
✓ Dashboard admin lengkap
✓ Tracking pesanan masa nyata
✓ URL kedai sendiri (branded)

🔧 Sistem terdiri dari 4 bahagian:

1

Admin Panel

Urus menu, pesanan, meja, staff, dan tetapan kedai.

2

Menu Pelanggan

Pelanggan scan QR, pilih makanan, dan hantar pesanan.

3

Kitchen Display

Paparan dapur untuk tukang masak lihat pesanan dan kemas kini status.

4

POS / Kasir

Kasir sahkan pesanan, terima bayaran, dan cetak resit.

1

Daftar Kedai Anda

Langkah pertama ialah mendaftar kedai anda di WarungHub. Proses ini mengambil masa kurang dari 1 minit.

📝 Maklumat yang diperlukan:

Ruangan Contoh Catatan
Nama Kedai Warung Pak Ali Nama perniagaan anda
Nama Anda Ahmad Ali Nama pemilik
No. Telefon 012-3456789 Nombor aktif
Username (URL) warung-pak-ali Akan jadi URL: warunghub.com/warung-pak-ali
Email ali@email.com Untuk login & reset password
Password •••••••• Min 8 aksara, huruf besar, kecil, nombor

💡 Tip: Pilih username yang pendek dan mudah diingat. Ini akan jadi alamat URL kedai anda yang boleh dikongsi kepada pelanggan.

2

Login ke Admin Panel

Selepas daftar, anda boleh login ke Admin Panel untuk mula set up kedai.

Cara Login:

  1. 1 Pergi ke halaman utama WarungHub dan klik "Login".
  2. 2 Masukkan email dan password yang anda daftarkan semasa pendaftaran.
  3. 3 Anda akan dibawa ke Admin Dashboard kedai anda.

⚠️ Lupa password? Klik "Forgot Password" di halaman login. Link reset akan dihantar ke email anda.

3

Tetapan Kedai

Sebelum mula terima pesanan, set up maklumat asas kedai anda di bahagian Settings.

🏪 Tab "Store" — Maklumat Kedai

  • • Store Name — Nama kedai yang terpapar di menu pelanggan dan resit.
  • • Description — Penerangan ringkas (cth: "Nasi Campur & Masakan Kampung").
  • • Currency Symbol — Pilih RM untuk Malaysia.
  • • Phone Number — Nombor telefon kedai.
  • • Address — Alamat kedai (pilihan).

💳 Tab "Payment" — Tetapan Pembayaran

  • • Pay at Counter — Hidupkan jika pelanggan bayar di kaunter (cash/card).

⏰ Tab "Operations" — Waktu Operasi

  • • Store is Open — Hidupkan untuk terima pesanan. Matikan bila kedai tutup.
  • • Opening / Closing Time — Tetapkan waktu buka dan tutup (cth: 09:00 — 22:00).
  • • Off Days — Pilih hari cuti mingguan (cth: Ahad).
  • • Announcement Banner — Mesej khas di menu pelanggan (cth: "Sila tunggu 15-20 minit").
4

Buat Kategori Menu

Sebelum tambah item menu, buat kategori dahulu. Kategori mengumpulkan item mengikut jenis. Pergi ke Categories → Create New.

📝 Ruangan Kategori:

📌

Nama Kategori

Contoh: "Nasi", "Lauk", "Minuman Panas", "Minuman Sejuk", "Dessert"

😊

Ikon Emoji

Pilih emoji yang sesuai. 46 emoji tersedia, atau masukkan emoji sendiri. Contoh: 🍚, 🍗, ☕, 🧊, 🍰

⚡

Jenis: Makanan 🍽️ atau Minuman 🥤

Penting! Pilihan ini menentukan sama ada item dipaparkan di stesen dapur "Food" atau "Drink" di Kitchen Display. Pastikan pilih dengan betul.

🔢

Sort Order

Nombor untuk susunan paparan. 0 = paling atas. Kategori dengan nombor lebih kecil dipapar dahulu.

💡 Contoh susunan kategori: Nasi (0) → Lauk (1) → Goreng-goreng (2) → Sup (3) → Minuman Panas (4) → Minuman Sejuk (5) → Dessert (6)

5

Tambah Item Menu

Kini tambah item makanan dan minuman ke dalam kategori. Pergi ke Menu Items → Add Menu Item.

📝 Ruangan Item Menu:

🏷️

Nama Item

Contoh: "Nasi Lemak", "Teh Tarik", "Roti Canai"

📝

Penerangan (Pilihan)

Penerangan ringkas item. Contoh: "Nasi lemak dengan sambal, ikan bilis, kacang, telur"

📂

Kategori

Pilih kategori yang telah dibuat tadi (cth: "Nasi", "Minuman Panas")

💰

Harga (RM)

Contoh: 8.00, 2.50, 15.00

📸

Gambar (Pilihan)

Muat naik gambar makanan/minuman. Format: JPG, PNG, WEBP. Saiz max: 2MB. Menu dengan gambar lebih menarik!

👁️

Available & Featured

Available — Item yang boleh dipesan. Matikan jika habis stok.
Featured — Tandakan item popular sebagai "Must Try" 🔥

💡 Tip: Muat naik gambar untuk setiap item. Menu dengan gambar meningkatkan jualan sehingga 30%! Gunakan fungsi Bulk Delete untuk padam banyak item serentak.

6

Add-ons (Tambahan)

Add-ons membenarkan pelanggan menambah pilihan khas pada pesanan mereka. Pergi ke Add-ons → Create New.

Contoh Add-ons:

Tambah Telur 🥚

+ RM 1.50

Extra Nasi 🍚

+ RM 2.00

Upsize Minuman 🥤

+ RM 1.00

Kuah Lebih

Percuma (RM 0.00)

2 Cara Assign Add-on:

1

Per Item Menu

Pilih item menu tertentu. Contoh: "Tambah Telur" hanya untuk item Nasi Lemak dan Nasi Goreng.

2

Per Kategori (Bulk)

Pilih kategori. Semua item dalam kategori tersebut akan dapat add-on ini. Contoh: "Upsize" untuk semua item dalam kategori "Minuman".

7

Meja & QR Code

Buat meja dan dapatkan QR code untuk setiap meja. Pelanggan scan QR ini untuk mula memesan. Pergi ke Tables → Create New.

📋 Cara buat meja:

  1. 1 Klik "Create New" dan masukkan nombor meja (cth: "1", "2", "A3", "VIP-1").
  2. 2 Simpan. QR code akan dijana automatik.
  3. 3 Klik ikon QR pada meja untuk lihat, muat turun, atau cetak QR code.
  4. 4 Cetak QR code dan letak di atas meja pelanggan.

💡 Tips cetak QR:

  • • Cetak pada kertas sticker untuk tampalan mudah
  • • Laminasi QR untuk ketahanan
  • • Letak di tengah meja atau di tempat yang mudah dilihat
  • • Pastikan QR tidak terlalu kecil — sekurang-kurangnya 5cm x 5cm

⚠️ Nota: Setiap meja ada URL unik. Apabila pelanggan scan QR, mereka akan terus dibawa ke menu kedai anda dengan nombor meja yang betul.

8

Menu Preset (Pilihan)

Tidak mahu tambah item satu per satu? Gunakan Menu Preset untuk muatkan template menu siap sedia!

Template yang tersedia:

🇲🇾 Warung Malaysia

Nasi, lauk, kuih, minuman panas & sejuk

50+ item siap sedia

🍔 Western Cafe

Burger, pasta, coffee, smoothies

30+ item siap sedia

⚠️ Perhatian: Menu preset akan menggantikan semua kategori dan item menu sedia ada. Gunakan ini pada permulaan sebelum tambah item sendiri. Selepas muatkan preset, anda boleh ubah harga, nama, dan gambar mengikut kedai anda.

9

Tambah Staff (Pekerja)

Buat akaun untuk pekerja anda supaya mereka boleh akses Kitchen Display dan POS. Pergi ke Users → Create New.

3 Peranan (Role):

🛡️

Admin

Akses penuh: menu, pesanan, tetapan, staff. Login guna email + password.

💳

Cashier (Kasir)

Akses POS Terminal sahaja: sahkan pesanan, terima bayaran, cetak resit. Login guna Staff ID + Access PIN.

🍳

Kitchen (Dapur)

Akses Kitchen Display sahaja: lihat pesanan masuk, kemas kini status masakan. Login guna Staff ID + Access PIN.

💡 Tip: Untuk kedai kecil, anda boleh guna satu akaun Kitchen dan satu akaun Cashier sahaja. Staff ID boleh dibuat ringkas seperti "dapur1" atau "kasir1" dengan PIN mudah seperti "123456".

🎉

Mula Operasi!

Kedai anda kini sedia! Berikut adalah senarai semak sebelum mula operasi:

✅ Senarai Semak Pembukaan:

📖 Aliran Kerja Harian

🛍️

Aliran Pelanggan

Begini cara pelanggan membuat pesanan di kedai anda:

1

📱 Scan QR Code

Pelanggan scan QR di meja guna kamera telefon. Browser akan terbuka automatik ke menu kedai.

2

✍️ Masukkan Nama

Pelanggan masukkan nama mereka untuk pengenalan pesanan.

3

🍽️ Pilih Makanan & Minuman

Browse menu, pilih item, tetapkan kuantiti, pilih add-ons jika ada.

4

🛒 Checkout & Hantar Pesanan

Semak pesanan, tambah permintaan khas, pilih kaedah pembayaran, dan hantar.

5

📍 Jejak Pesanan

Pelanggan boleh lihat status pesanan secara masa nyata: Pending → Confirmed → Preparing → Completed.

🔥

Aliran Dapur (Kitchen Display)

Kitchen Display dipapar di tablet atau laptop di dapur. Ini adalah paparan untuk tukang masak.

Cara guna Kitchen Display:

  1. 1 Login menggunakan Staff ID dan Access PIN kitchen staff.
  2. 2 Pilih stesen: Food 🍽️ (untuk makanan) atau Drink 🥤 (untuk minuman).
  3. 3 Paparan 3-Column Kanban Board: Start Prep → In Progress → Completed.
  4. 4 Pesanan baru masuk automatik dengan bunyi notifikasi 🔔.
  5. 5 Kemas kini status: Start Prep → Done. Pelanggan akan nampak status berubah.
  6. 6 Boleh cetak tiket pesanan untuk rujukan dapur.

💡 Tip: Gunakan 2 tablet berasingan — satu untuk stesen Food dan satu untuk stesen Drink. Atau guna satu tablet jika kedai kecil. Stesen yang dipilih disimpan dalam browser (localStorage).

💳

Aliran POS / Kasir

POS Terminal dipapar di tablet atau laptop di kaunter kasir.

Fungsi POS:

📋 Lihat Pesanan Meja

Lihat semua pesanan setiap meja dengan status dan jumlah.

✅ Sahkan Pesanan

Sahkan pesanan baru atau sahkan semua sekaligus.

❌ Batal Pesanan

Batalkan pesanan jika perlu (soft delete).

💰 Terima Bayaran

Tandakan pesanan sebagai "Paid" selepas pelanggan bayar.

🧾 Cetak Resit

Cetak resit pembayaran untuk pelanggan.

🧹 Bersihkan Meja

Tutup sesi meja selepas pelanggan pergi. Meja sedia untuk pelanggan baru.

📊 Status Meja di POS:

Available — Meja kosong Occupied — Ada pelanggan Unpaid — Belum bayar
❓

Soalan Lazim (FAQ)

Adakah WarungHub percuma?
Ya, anda boleh mula secara percuma. Kami menawarkan pelan percuma untuk memulakan. Pelan berbayar tersedia untuk ciri tambahan dan kapasiti lebih besar.
Berapa lama masa untuk set up kedai?
Dengan Menu Preset, anda boleh set up dalam 5 minit. Jika masukkan item secara manual, ia mengambil masa 15-30 minit bergantung jumlah item.
Perlukah pelanggan muat turun app?
Tidak! Pelanggan hanya perlu scan QR code guna kamera telefon. Menu terbuka di browser — tiada app perlu dimuat turun.
Peranti apa yang diperlukan?
  • • Admin Panel: Laptop atau komputer (untuk urus menu & tetapan)
  • • Kitchen Display: Tablet atau laptop di dapur (untuk lihat pesanan masuk)
  • • POS: Tablet atau laptop di kaunter (untuk kasir)
  • • Pelanggan: Telefon pintar sahaja (scan QR)

Semua guna browser — tiada perisian khas diperlukan. Pastikan ada WiFi/internet.

Bagaimana pesanan sampai ke dapur?
Apabila pelanggan hantar pesanan, ia terus muncul di Kitchen Display secara automatik dengan bunyi notifikasi. Kasir juga boleh sahkan pesanan terlebih dahulu sebelum ia dipaparkan di dapur. Kitchen Display menggunakan AJAX polling setiap 15 saat untuk memeriksa pesanan baru.
Bolehkah saya ubah menu pada bila-bila masa?
Ya! Anda boleh tambah, ubah, atau padam item menu pada bila-bila masa melalui Admin Panel. Perubahan akan dipaparkan kepada pelanggan serta-merta. Anda juga boleh toggle "Available" untuk sembunyikan item yang stok habis tanpa memadamnya.
Apa itu stesen Food dan Drink di Kitchen Display?
Kitchen Display ada 2 stesen: Food dan Drink. Item makanan dihantar ke stesen Food, manakala item minuman dihantar ke stesen Drink. Ini membolehkan tukang masak dan pembuat minuman fokus pada pesanan masing-masing. Jenis stesen ditentukan oleh Kategori → Type (Food atau Drink) yang anda tetapkan.
Apa yang berlaku bila pelanggan selesai makan?
  1. 1. Pelanggan bayar di kaunter
  2. 2. Kasir klik "Mark Paid" di POS
  3. 3. Kasir boleh cetak resit jika perlu
  4. 4. Kasir klik "Clean Table" untuk bersihkan sesi meja
  5. 5. Meja kembali ke status "Available" untuk pelanggan seterusnya

Sedia untuk bermula?

Daftar sekarang dan set up kedai digital anda dalam masa 5 minit. Percuma untuk memulakan!

Daftar Kedai Percuma