Buku Tamu Online

Case Study: Digital Guestbook Management System 1. Project Overview Nama Proyek: Digital Guestbook Management System (Buku Tamu Digital) Kategori: Web Application, Event Management Tool Deskripsi Singkat: Sebuah platform berbasis web yang dirancang untuk memodernisasi proses manajemen tamu undangan pada acara pernikahan atau event formal. Sistem ini mengintegrasikan pendataan tamu, penyebaran undangan digital via WhatsApp, proses check-in berbasis QR Code, hingga pelaporan kehadiran secara real-time. 2. Latar Belakang Masalah (Background) Metode buku tamu konvensional (kertas) memiliki beberapa kelemahan: Antrean panjang saat tamu mengisi buku tamu manual. Kesulitan melacak siapa yang sudah hadir dan belum. Data tidak terpusat dan sulit direkapitulasi setelah acara. Proses penyebaran undangan fisik yang memakan waktu dan biaya. 3. Solusi & Tujuan Membangun aplikasi web yang memungkinkan: Efisiensi: Check-in tamu dalam hitungan detik menggunakan scan QR Code. Otomasi: Broadcast undangan WhatsApp secara massal dengan nama personal. Monitoring: Memantau statistik kehadiran tamu secara langsung (real-time) melalui dashboard. Personalisasi: Tampilan layar sapa (Display) yang dapat disesuaikan dengan tema acara. 4. Fitur Utama (Key Features) A. Manajemen Tamu (Guest Management) CRUD Data Tamu: Tambah, edit, dan hapus data tamu (Nama, No HP, Kategori, Alamat). Import Data Massal: Fitur import data tamu dari file Excel/CSV untuk mempercepat input data ratusan undangan sekaligus. Kategorisasi: Pengelompokan tamu (misal: VIP, Keluarga, Reguler). B. Undangan & Broadcast (Invitation System) WhatsApp Broadcast: Mengirim pesan undangan personal otomatis ke nomor WhatsApp tamu. Template Pesan Dinamis: Pesan WA bisa diatur menggunakan shortcode seperti [nama-tamu] dan [link-undangan]. QR Code Generator: Setiap tamu mendapatkan QR Code unik untuk akses masuk. Antrian Pesan: Sistem antrian (queue) untuk pengiriman broadcast agar aman dari pemblokiran WA (dengan jeda waktu yang bisa diatur). C. Sistem Check-in (Arrival System) QR Code Scanner: Fitur scan menggunakan kamera perangkat (HP/Webcam) untuk memverifikasi kedatangan tamu. Auto Check-in: Status kehadiran tamu otomatis berubah menjadi "Hadir" lengkap dengan jam kedatangan setelah di-scan. Manual Check-in: Opsi check-in manual jika tamu lupa membawa QR Code. D. Tampilan Layar Sapa (Display Screen) Welcome Screen: Tampilan visual di layar besar venue untuk menyambut tamu yang baru check-in (misal: "Selamat Datang, Bapak Budi"). Customizable Theme: Admin dapat mengatur background (Video YouTube/Gambar), font, warna teks, dan animasi transisi agar sesuai tema dekorasi. E. Laporan & Analitik (Reporting) Dashboard Statistik: Grafik visual (Donut & Bar Chart) untuk melihat persentase kehadiran dan sebaran kategori tamu. Export Data: Laporan kehadiran dapat diexport ke format Excel atau PDF siap cetak. F. Manajemen Sistem (Admin Panel) Multi-Role: Akses login berbeda untuk Admin (Pengelola Penuh) dan Mempelai (Dashboard Khusus). Pengaturan Identitas: Ubah nama aplikasi, logo, teks login, dan sosial media dinamis. 5. Teknologi yang Digunakan (Tech Stack) Backend Bahasa Pemrograman: PHP (Native/Procedural) - Dipilih untuk performa yang ringan dan kemudahan deployment di hosting manapun. Database: MySQL - Untuk penyimpanan data relasional yang stabil. Frontend Framework CSS: Tailwind CSS (via CDN) - Untuk desain antarmuka yang modern, responsif, dan cepat. JavaScript Library: jQuery - Untuk interaktivitas DOM dan AJAX. Library & Tools Pendukung SweetAlert2: Untuk notifikasi popup yang estetik dan interaktif. DataTables: Untuk penyajian tabel data yang interaktif (search, sort, pagination). Select2: Untuk dropdown menu yang lebih user-friendly (dengan fitur pencarian). Chart.js: Untuk visualisasi data grafik statistik kehadiran. html5-qrcode: Library untuk fitur scan QR Code langsung dari browser. FontAwesome: Ikon vektor untuk UI. Google Fonts: Tipografi (Poppins, Playfair Display). 6. Alur Penggunaan (User Flow) Persiapan: Admin menginput data tamu (manual/import Excel). Sebar Undangan: Admin mengatur template pesan WA dan mengirim broadcast undangan berisi Link & QR Code ke seluruh tamu. Hari H (Check-in): Petugas penerima tamu membuka fitur Scan QR. Tamu menunjukkan QR Code di HP mereka. Sambut: Setelah scan berhasil, nama tamu muncul di layar besar (Display Screen) dengan ucapan selamat datang. Pelaporan: Admin/Mempelai memantau jumlah tamu yang hadir via Dashboard dan mengunduh laporan akhir acara.