📚 BUKU PANDUAN LENGKAP

Waroeng ASRIE - Website & Admin Dashboard
Panduan Komprehensif untuk Mitra & Partner
Versi: 2.0 | Tanggal: November 2025 | Platform: User Website + Admin Dashboard

📑 Daftar Isi - Website User

🏠 Pengenalan 🗂️ Struktur Website 🧭 Panduan Navigasi ⚡ Fitur Utama 🍽️ Katalog Menu 📍 Info Cabang 📞 Reservasi 💡 Tips ❓ FAQ

🏠 1. Pengenalan Website Waroeng ASRIE

Memahami platform digital Waroeng ASRIE untuk pelanggan

🎯 Tentang Website Ini

Waroeng ASRIE adalah platform digital yang dirancang untuk memberikan pengalaman terbaik bagi pelanggan dalam mengakses informasi menu, lokasi cabang, dan melakukan reservasi dengan mudah.

🍽️

Katalog Menu Lengkap

Jelajahi ratusan menu hidangan laut autentik dengan foto, deskripsi, dan harga yang jelas.

📍

Informasi Cabang

Temukan lokasi cabang terdekat dengan alamat lengkap, kontak, dan jam operasional.

💬

Reservasi Mudah

Lakukan booking langsung via WhatsApp dengan respon cepat dari tim kami.

Screenshot: Homepage
🖥️ Tampilan Homepage Website
Halaman utama menampilkan hero banner, tentang kami, preview menu populer, dan informasi cabang.

📝 Catatan: Tempat untuk screenshot homepage lengkap

🗂️ 2. Struktur Website

Memahami tata letak dan komponen setiap halaman

📄 Halaman-Halaman Utama

🏠 HOMEPAGE (index.html)

Bagian-bagian:

  • ✅ Navbar: Menu navigasi tetap di atas
  • ✅ Hero Section: Banner utama dengan background image
  • ✅ Tentang Kami: Sejarah singkat Waroeng ASRIE
  • ✅ Visi & Misi: Tujuan perusahaan
  • ✅ Preview Menu: 3 menu unggulan
  • ✅ Preview Cabang: 2 cabang terdekat
  • ✅ CTA Section: Tombol reservasi WhatsApp
  • ✅ Footer: Link navigasi dan copyright

🍽️ HALAMAN MENU (menu.html)

Screenshot: Menu Page
📸 Tampilan Katalog Menu
Filter tabs + search box + grid menu cards

Komponen:

  • ✅ Filter tabs (6 kategori)
  • ✅ Search bar pencarian
  • ✅ Menu grid 3 kolom
  • ✅ Menu card (foto + info + harga)

📍 HALAMAN DETAIL CABANG (cabang.html)

Komponen:

  • ✅ Hero dengan foto cabang
  • ✅ Info lengkap (alamat, kontak, jam)
  • ✅ Menu populer (3 item)
  • ✅ Galeri (8 foto)

🧭 3. Panduan Navigasi

Cara menggunakan menu dan berpindah halaman

🖥️ Navigasi Desktop

Struktur:

[LOGO] | Beranda | Tentang | Cabang ▼ | Kontak

Cara Pakai:

  • Klik menu untuk navigasi
  • Hover "Cabang" untuk dropdown
  • Scroll otomatis ke section

📱 Navigasi Mobile

Struktur:

[LOGO] ☰ (Hamburger)

Cara Pakai:

  • Tap icon ☰ kanan atas
  • Menu slide down
  • Tap item untuk navigasi

⚡ 4. Fitur-Fitur Utama

Kenali fungsi dan cara menggunakan fitur website

🔍 Filter & Search Menu

💡 Cara Menggunakan Filter

  1. Buka halaman Katalog Menu
  2. Klik salah satu tab kategori
  3. Menu akan otomatis terfilter
  4. Gunakan search box untuk pencarian spesifik

💬 Tombol Reservasi WhatsApp

Platform Kontak
📱 WhatsApp +62 858 8844 4975
☎️ Telepon (0266) 751 0018

🍽️ 5. Katalog Menu

Panduan lengkap menjelajahi menu

📂 Kategori Menu

Kategori Deskripsi Rentang Harga
🍗 Sajian Utama Ikan, Ayam, Gurame, Nila Rp 120.000 - 250.000
🦞 Sajian Laut Kepiting, Udang, Cumi, Kerang Rp 150.000 - 350.000
🍚 Sajian Pendamping Nasi, Sambal, Lalapan Rp 10.000 - 50.000
🎁 Menu Paket Paket hemat untuk grup Rp 500.000 - 3.000.000
🥤 Minuman & Camilan Es Kelapa, Jus, Keripik Rp 15.000 - 45.000

📍 6. Informasi Cabang

Detail lengkap lokasi dan fasilitas

📍 WAROENG ASRIE SUKABUMI

Informasi Detail
📍 Alamat Jl. Bhayangkara No.17, Karang Tengah, Cibadak, Sukabumi
📞 Telepon (0266) 751 0018
💬 WhatsApp +62 858 8844 4975
🕐 Jam Buka 09:00 - 21:00 WIB (Setiap Hari)
✨ Fasilitas Parkir Luas | Mushola | Toilet | WiFi

📍 WAROENG ASRIE CITEPUS

Informasi Detail
📍 Alamat Jl. Raya Citepus No. 45, Citepus, Sukabumi
📞 Telepon (0266) 751 0019
💬 WhatsApp +62 858 8844 4976
🕐 Jam Buka 09:00 - 21:00 WIB (Setiap Hari)

📞 7. Reservasi & Kontak

Panduan melakukan booking

💬 Cara Reservasi via WhatsApp

Buka website → Scroll ke CTA Section
Klik tombol hijau "Reservasi WhatsApp"
WhatsApp terbuka ke +62 858 8844 4975
Isi data reservasi:
Nama: [nama lengkap]
Jumlah orang: [angka]
Tanggal: [DD/MM/YYYY]
Waktu: [HH:MM WIB]
Cabang: [Sukabumi/Citepus]
Kirim dan tunggu konfirmasi (< 5 menit)

💡 8. Tips Penggunaan

Maksimalkan pengalaman Anda

✅ DO (Lakukan)

  • Gunakan browser modern
  • Pastikan koneksi stabil
  • Gunakan search untuk menu
  • Screenshot menu favorit
  • Simpan nomor WhatsApp admin
  • Reservasi H-1 untuk weekend

❌ DON'T (Hindari)

  • Browser lama (IE, Opera Mini)
  • Screenshot komersial tanpa izin
  • Reservasi tanpa konfirmasi
  • Datang di luar jam buka
  • Spam chat admin

❓ 9. FAQ - Website User

Pertanyaan yang sering ditanyakan

Q: Apakah website bisa diakses di HP?

A: Ya, website fully responsive dan optimal untuk mobile.

Q: Apakah harus reservasi dulu?

A: Tidak wajib untuk < 5 orang, tapi dianjurkan untuk weekend.

Q: Apakah harga di website sudah final?

A: Harga dapat berubah. Konfirmasi via WhatsApp sebelum datang.

Q: Website tidak loading?

A: Cek koneksi → Refresh (Ctrl+R) → Clear cache → Coba browser lain

📑 Daftar Isi - Admin Dashboard

🏠 Pendahuluan 🔐 Login & Akses 📊 Dashboard Overview 🍽️ Kelola Menu 🏪 Kelola Cabang 🌐 Menu Per Cabang 🔧 Troubleshooting ⭐ Tips & Best Practice

🏠 1. Pendahuluan Admin Dashboard

Selamat datang di portal admin Waroeng ASRIE

🎯 Apa itu Admin Dashboard?

Admin Dashboard adalah portal khusus untuk mitra dan staff Waroeng ASRIE mengelola data restoran secara online.

🍽️

Kelola Menu

Tambah, edit, hapus menu dengan foto dan harga

🏪

Kelola Cabang

Manage data cabang, alamat, kontak

🌐

Menu Per Cabang

Atur ketersediaan menu di setiap cabang

🔐 2. Login & Akses Dashboard

Cara mengakses admin dashboard

Buka URL Admin: https://waroengasrie.com/admin/
Masukkan kredensial:
Username: [diberikan oleh IT]
Password: [diberikan oleh IT]
Klik "Login" untuk masuk dashboard
Dashboard utama akan terbuka dengan menu sidebar
Screenshot: Login Admin
🔐 Halaman Login
Form login dengan username, password, dan tombol masuk

⚠️ Keamanan Login

JANGAN SHARE username dan password Anda. Ganti password secara berkala setiap 3 bulan.

📊 3. Dashboard Overview

Pengenalan antarmuka dashboard

📱 Layout Dashboard

Struktur:

  • ✅ Top Bar: Logo, nama user, tombol logout
  • ✅ Sidebar: Menu navigasi (Dashboard, Menu, Cabang, Menu Per Cabang)
  • ✅ Main Area: Konten utama (tabel data, form, statistik)
  • ✅ Statistics Cards: Total menu, total cabang, menu aktif

📊 Statistik Dashboard

Informasi yang ditampilkan:

  • Total Menu
  • Total Cabang
  • Menu Rekomendasi
  • Menu Per Cabang

🎯 Quick Actions

Aksi cepat:

  • Tambah Menu Baru
  • Tambah Cabang Baru
  • Lihat Laporan

🍽️ 4. Kelola Menu

Panduan mengelola data menu restoran

➕ Menambah Menu Baru

Klik menu "Menu" di sidebar
Klik tombol "+ Tambah Menu"
Isi form:
  • Nama Menu: Contoh "Ikan Goreng Khas Sukabumi"
  • Deskripsi: Penjelasan singkat menu
  • Harga: Angka tanpa titik/koma (120000)
  • Kategori: Pilih dari dropdown
  • Foto: Upload gambar (JPG/PNG, max 2MB)
  • Rekomendasi: Centang jika menu unggulan
Klik "Simpan"
Menu akan muncul di tabel dan website
Screenshot: Form Menu
📝 Form Tambah Menu
Modal form dengan semua field input menu

✏️ Edit & Hapus Menu

✏️ Edit Menu

  1. Klik tombol "Edit" pada row menu
  2. Form akan terbuka dengan data existing
  3. Ubah data yang perlu diupdate
  4. Klik "Simpan"

🗑️ Hapus Menu

  1. Klik tombol "Hapus" pada row menu
  2. Konfirmasi popup akan muncul
  3. Klik "Ya, Hapus"
  4. Menu akan terhapus permanen

⚠️ Peringatan Hapus Menu

Penghapusan menu bersifat permanen dan tidak dapat dibatalkan. Pastikan menu benar-benar tidak diperlukan sebelum menghapus.

🏪 5. Kelola Cabang

Panduan mengelola data cabang

➕ Menambah Cabang Baru

Klik menu "Cabang" di sidebar
Klik tombol "+ Tambah Cabang"
Isi form:
  • Nama Cabang: Contoh "Waroeng ASRIE Bogor"
  • Alamat: Alamat lengkap dengan kelurahan dan kecamatan
  • Telepon: Format (0266) 751 0018
  • WhatsApp: Format +62 858 8844 4975
  • Jam Operasional: Contoh "09:00 - 21:00 WIB"
Klik "Simpan"
Screenshot: Tabel Cabang
🏪 Tabel Manajemen Cabang
Tabel dengan kolom nama, alamat, telepon, aksi

🌐 6. Menu Per Cabang

Mengatur menu yang tersedia di setiap cabang

🎯 Konsep Menu Per Cabang

Tidak semua menu tersedia di semua cabang. Fitur ini memungkinkan Anda mengatur menu spesifik untuk setiap cabang dengan harga yang berbeda.

Klik menu "Menu Per Cabang"
Klik "+ Tambah Menu ke Cabang"
Isi form:
  • Pilih Cabang: Dropdown list cabang
  • Pilih Menu: Dropdown list menu
  • Harga: Harga khusus untuk cabang ini
  • Rekomendasi: Centang jika menu unggulan di cabang ini
Klik "Simpan"
Menu akan tersedia di cabang tersebut

🔧 7. Troubleshooting

Solusi masalah umum

❌ Masalah Login

Masalah Solusi
Username/password salah Cek CAPS LOCK, reset password via IT
Halaman tidak loading Clear cache browser, coba browser lain
Session timeout Login ulang (session 30 menit)

📤 Masalah Upload Gambar

❌ Ukuran Terlalu Besar

Solusi: Compress gambar dengan TinyPNG atau Squoosh. Max size: 2MB.

⚠️ Format Tidak Didukung

Solusi: Gunakan format JPG atau PNG. Konversi dengan tool online.

📞 Kontak Support

IT Helpdesk: ext. 123 atau it.support@waroengasrie.com
Admin System: admin@waroengasrie.com
WhatsApp Support: +62812-3456-7890

⭐ 8. Tips & Best Practice

Panduan untuk admin yang efektif

📸 Tips Upload Foto Menu

✅ DO

  • Foto terang & fokus
  • Background bersih
  • Resolusi min 800x600px
  • Format JPG/PNG
  • Ukuran max 2MB

❌ DON'T

  • Foto blur/gelap
  • Watermark pihak lain
  • Resolusi terlalu kecil
  • Format GIF/BMP
  • Ukuran > 5MB

📝 Tips Input Data

Konsisten dalam penamaan: Gunakan format yang sama untuk semua menu/cabang
Deskripsi jelas: Tulis deskripsi menu yang menarik dan informatif
Harga akurat: Double-check harga sebelum save, pastikan tanpa titik/koma
Backup data: Export data menu/cabang secara berkala

🔒 Keamanan & Maintenance

🔐 Keamanan

  • Ganti password setiap 3 bulan
  • Logout setelah selesai
  • Jangan share akses

🧹 Maintenance

  • Update data rutin
  • Hapus menu yang tidak aktif
  • Cek broken image

📊 Monitoring

  • Review statistik mingguan
  • Cek data duplikat
  • Validasi harga

🙏 Terima Kasih!

Panduan ini dibuat untuk memudahkan mitra dan staff memahami sistem Waroeng ASRIE.
Untuk pertanyaan lebih lanjut, jangan ragu menghubungi tim support kami.

🌐 Website 📧 Email 💬 WhatsApp ☎️ Telepon

© PT ASRINDO 2025 | Versi 2.0 - November 2025
Buku Panduan Lengkap Waroeng ASRIE