Mengirim pengingat atau notifikasi jadwal secara manual ke WhatsApp seringkali memakan waktu. Untuk mempermudah proses ini, saya merancang sebuah WhatsApp Reminder App berbasis web yang dioptimalkan menjadi Progressive Web App (PWA) agar dapat diinstal langsung di perangkat mobile layaknya aplikasi native.
Aplikasi ini dikembangkan menggunakan framework Laravel di sisi backend untuk mengelola penjadwalan query, database kontak, serta integrasi gateway WhatsApp.
Dengan dukungan PWA, pengguna dapat menginstal aplikasi langsung ke layar utama HP melalui tombol Install App tanpa perlu melalui Play Store/App Store.
Fitur Utama Aplikasi
- PWA Support (Install App): Tersedia opsi instalasi langsung dari browser ke perangkat HP/Desktop untuk akses cepat.
- WhatsApp Gateway Integration: Fitur tautan akun WA menggunakan pemindaian QR Code (Scan WA) dengan indikator status koneksi real-time.
- Pengelolaan Kontak (Contact Management): Menyimpan daftar kontak/nomor target pengiriman reminder secara terstruktur.
- Penjadwalan Otomatis (Scheduled Reminders): Mengatur judul pengingat, pesan khusus, nomor tujuan, serta waktu pengiriman spesifik (tanggal dan jam).
- Kategori Dashboard: Monitoring reminder berdasarkan status pengiriman dengan tab Recent, Today, dan Upcoming.
Alur Kerja & Penggunaan Aplikasi
1. Autentikasi & Instalasi PWA
Pengguna dapat login menggunakan akun terdaftar. Pada halaman utama login, terdapat tombol khusus Install App yang memungkinkan aplikasi terpasang di *home screen* pengguna.
2. Menghubungkan WhatsApp (Scan QR)
Sebelum mengirimkan pesan, pengguna mengubungkan akun WhatsApp melalui tab Config. Sistem akan menampilkan QR code untuk dipindai hingga status berubah menjadi WhatsApp Gateway is Connected!.
3. Mengelola Kontak
Pengguna dapat menambahkan daftar nomor WhatsApp target pada menu Contacts, lengkap dengan fitur edit dan hapus kontak.
4. Membuat Penjadwalan Pesan Baru
- Klik tombol tambah (+) pada menu navigasi bawah.
- Isi Reminder Title (contoh: Meeting dengan CEO).
- Pilih kontak target dari daftar WhatsApp Target.
- Tulis isi pengingat pada kolom Message.
- Atur tanggal dan jam pengiriman pada kolom Schedule At.
- Klik Save Reminder untuk menyimpan antrean jadwal.
Implementasi Teknis & Arsitektur Singkat
Aplikasi ini mengombinasikan keunggulan Laravel Cron Jobs/Scheduler dengan Service Worker PWA:
# Contoh perintah Laravel Task Scheduler untuk mengeksekusi antrean pesan WA
php artisan schedule:runSistem backend akan secara berkala mengecek database untuk menemukan jadwal pengingat yang telah jatuh tempo, kemudian mengeksekusi pengiriman pesan otomatis melalui WhatsApp Gateway API yang terhubung.
Mini project ini sangat berguna untuk kebutuhan personal maupun tim dalam mengelola pengingat rapat, penagihan, hingga follow-up klien secara otomatis via WhatsApp.