
Satu Kata, Dua Makna Berbeda
Saat klien atau atasanmu meminta: "Tolong buatkan sistem Notifikasi ya!". Sebagai *developer*, kamu wajib menghentikan *meeting* sejenak dan bertanya balik: "Maksud Bapak In-App Notification (Lonceng dalam Web) atau Push Notification (Pop-up di luar aplikasi)?"
Keduanya menggunakan arsitektur *Backend* dan teknik *Frontend* yang sangat berbeda.
1. In-App Notifications (Lonceng Notifikasi)
Ini adalah notifikasi yang baru bisa kamu lihat SETELAH kamu masuk/membuka website atau aplikasi tersebut. (Contoh: Ikon Lonceng merah di pojok kanan atas Facebook atau Tokopedia).
- Tujuan Bisnis: Memandu (Nudging) *user* untuk melakukan tindakan tertentu selagi mereka sedang aktif di dalam aplikasi. Misalnya, lonceng berwarna merah bertuliskan: "Pesananmu sudah dikirim, klik di sini untuk melacak".
- Teknologi yang Dipakai: WebSockets, Server-Sent Events (SSE), Pusher, atau sekadar Polling API biasa ke database MySQL (Tabel
notifications). - Kelebihan: Sangat mudah dibuat. Tidak perlu meminta Izin (Permission) dari *browser* pengunjung.
2. Push Notifications (Notifikasi Layar Terkunci)
Ini adalah notifikasi agresif yang memunculkan kotak (Pop-up) di layar HP atau di pojok kanan bawah laptop Windows-mu, Meskipun kamu sedang tidak membuka aplikasi tersebut!
- Tujuan Bisnis: Mengingatkan dan Membawa kembali (Re-engagement) *user* yang sudah lupa atau menutup aplikasimu. Misalnya: "Flash Sale dimulai 5 menit lagi! Buka aplikasi sekarang!".
- Teknologi yang Dipakai: Firebase Cloud Messaging (FCM), APNs (Apple), dan Service Workers (untuk Web Push Browser).
- Kelemahan: Sangat mengganggu privasi. Browser dan HP masa kini mewajibkan *user* untuk mengklik tombol "Allow / Izinkan" sebelum kamu bisa mengiriminya Push Notif. Hampir 70% *user* biasanya mengeklik tombol "Block" karena malas diganggu iklan.
Kapan Harus Memakai Keduanya?
Aplikasi level *Enterprise* pasti memakai keduanya secara sinkron (Trinitas Notifikasi: In-App, Push Notif, dan Email). Saat ada transaksi gagal, sistem memunculkan Push Notif ke layar HP. Saat *user* mengeklik *Push Notif* itu, aplikasi terbuka, dan ikon Lonceng (In-App) otomatis berubah menjadi merah untuk menyimpan jejak sejarah pesan tersebut agar bisa dibaca ulang. Membangun sistem sinkronisasi ini adalah tantangan *Backend* yang sangat seru!
Mau langsung pakai template?
Jelajahi template gratis dan premium di TampilKit untuk mempercepat proses development project kamu.
Browse Templates