Dashboard

Selamat datang kembali

🕐 ·
🌙
🔔
👤
Selamat datang di Masjid Al-Istiqomah Rawabuntu Serpong  ·  Semoga Allah SWT menerima amal ibadah kita  ·  Aamiin Ya Rabbal Alamin 🤲

Assalamu'alaikum! 👋

Kamis, 5 Maret 2026

🌙 Ramadhan 1447 H
📍 Rawabuntu, Serpong · Kota Tangerang Selatan
Sholat Berikutnya
Subuh
04:42
Dzuhur
11:55
Ashar
15:16
Maghrib
17:58
Isya
19:12
🕌
47
Total Kehadiran Bulan Ini
↑ 12% dari bulan lalu
📅
3
Kehadiran Hari Ini
Subuh · Dzuhur · Ashar ✓
🌙
18
Hari Puasa Ramadhan
Alhamdulillah!
📖
12
Juz Sudah Dibaca
Target: 30 Juz
📊 Kehadiran Per Waktu Sholat
Bulan Ini
Sbh
Dhh
Ash
Mgh
Isy
Konsistensi Bulan Ini 78%
⚡ Aksi Cepat
📋 Riwayat Absensi Terbaru
Ashar
Kamis, 5 Maret 2026
15:18 WIB · QR Scan
Dzuhur
Kamis, 5 Maret 2026
12:02 WIB · QR Scan
Subuh
Kamis, 5 Maret 2026
04:55 WIB · QR Scan
Isya
Rabu, 4 Maret 2026
19:20 WIB · QR Scan
📢 Pengumuman Masjid
2 Baru
🌙 Jadwal Imsakiyah Ramadhan 1447 H
Tersedia di papan pengumuman masjid dan menu Jadwal Sholat
5 Maret 2026
🤲 Kultum Tarawih Malam Ke-18
Ust. Mukhlis Hakim – Tema: Keutamaan 10 Malam Terakhir Ramadhan
Malam ini, 19:30 WIB
📷 Absensi QR Jamaah
Scan QR atau masukkan UID untuk mencatat kehadiran
📸 QR Scanner
🟢 Aktif
📷
Kamera belum aktif
Ketuk tombol di bawah untuk memulai
Kamera nonaktif
⌨️ Input Manual
📋 Kehadiran Hari Ini
3 Jamaah
12
Subuh
38
Dzuhur
27
Ashar
Maghrib
📝 Scan Terbaru
👤
Ahmad Fauzi
15:18 · UID-0001
👤
Siti Aminah
15:20 · UID-0002
Jadwal Sholat
Memuat...
00:00:00
Kota Tangerang Selatan · WIB (UTC+7)
SHOLAT BERIKUTNYA
--
--:--:--
Pukul --:--
Waktu Sholat Hari Ini
Sumber: Kemenag RI · Tangerang Selatan
Subuh
--:--
Iqomah: --:--
Syuruq
--:--
-
Dzuhur
--:--
Iqomah: --:--
Ashar
--:--
Iqomah: --:--
Maghrib
--:--
Iqomah: --:--
Isya
--:--
Iqomah: --:--
Jadwal Puasa Ramadhan 1447 H
Tangerang Selatan · Maret 2025
Tgl Hari Imsak Subuh Maghrib Isya
Sumber: Kemenag RI · Bidang Urusan Agama Islam
🌙 Tracker Ramadhan 1447 H
Pantau puasamu sepanjang Ramadhan
Menuju Idul Fitri 1447 H
25
Hari
08
Jam
42
Menit
00
Detik
Perkiraan: 30 Maret 2026 (1 Syawal 1447 H)
🌙 Checklist Puasa Harian
Progress Puasa 18/30 (60%)
Sudah Puasa
Tidak/Belum
Belum Tiba
📊 Ringkasan Ramadhan
📅 Hari berjalan18 dari 30
✅ Total puasa18 hari
🌙 Malam tarawih15 malam
📖 Juz dibaca12 Juz
🏆 Streak puasa18 hari berturut
🌟 Keutamaan Ramadhan
مَن صَامَ رَمَضَانَ إِيمَاناً وَاحْتِسَاباً غُفِرَ لَهُ مَا تَقَدَّمَ مِن ذَنبِهِ
"Man shāma Ramadhāna īmānan wa iḥtisāban ghufira lahu mā taqaddama min dhanbih"
Barangsiapa berpuasa Ramadhan karena iman dan mengharapkan pahala, maka dosa-dosanya yang telah lalu diampuni.
📚 HR. Bukhari no. 38 & Muslim no. 760
🤲 Tracker Tarawih
30 malam penuh keberkahan Ramadhan 1447 H
🌙 Kehadiran Tarawih
15/30 Malam
Progress Tarawih50%
📊 Statistik Tarawih
✅ Sudah Tarawih15 Malam
⏳ Sisa Malam12 Malam
💯 Konsistensi83%
🏆 Malam TerbaikMalam ke-17
✨ Keutamaan Tarawih
مَن قَامَ رَمَضَانَ إِيمَاناً وَاحْتِسَاباً غُفِرَ لَهُ مَا تَقَدَّمَ مِن ذَنبِهِ
"Man qāma Ramadhāna īmānan wa iḥtisāban ghufira lahu mā taqaddama min dhanbih"
Barangsiapa mendirikan sholat malam pada bulan Ramadhan karena iman dan mengharapkan pahala, maka dosa-dosanya yang telah lalu diampuni.
📚 HR. Bukhari no. 2009 & Muslim no. 759
📖 Target Khatam Al-Qur'an
Khatam 30 Juz sebelum Idul Fitri 1447 H
📖 Progress Khatam Al-Qur'an
12
dari 30 Juz 40%
Sisa: 18 Juz Target/hari: 1.5 Juz
📊 Grid 30 Juz
🙏 Panduan Sholat Lengkap
Tata cara sholat sesuai sunnah Rasulullah ﷺ
📚
Sumber: Fikih Sholat menurut Imam Syafi'i · Kementerian Agama RI · Himpunan Putusan Tarjih Muhammadiyah
🌙
Sholat Tahajjud
Waktu: 1/3 malam terakhir
Minimal 2 rakaat. Sangat dianjurkan di 10 malam terakhir Ramadhan.
📚 HR. Bukhari & Muslim
🌄
Sholat Dhuha
Waktu: Setelah matahari setinggi 1 tombak
Minimal 2 rakaat, paling utama 8 rakaat. Setara sedekah 360 sendi.
📚 HR. Muslim no. 720
🌟
Sholat Tarawih
Waktu: Setelah Isya (khusus Ramadhan)
8 atau 20 rakaat + 3 witir. Sangat dianjurkan berjamaah di masjid.
📚 HR. Bukhari no. 2009
🤍
Sholat Witir
Waktu: Setelah Isya – sebelum Subuh
Minimal 1 rakaat. Nabi tidak pernah meninggalkan witir.
📚 HR. Bukhari & Muslim
🌟
Mode Anak Aktif! Tampilan lebih besar dan mudah dipahami.
🧍
1. Berdiri Tegak
Berdiri menghadap Ka'bah (kiblat) 🕋
🙌
2. Takbiratul Ihram
Angkat tangan sambil ucapkan "Allahu Akbar" 🌟
اَللهُ أَكْبَرُ
📖
3. Baca Al-Fatihah
Baca surat pembuka Al-Qur'an (wajib!) 📚
🏋️
4. Rukuk
Membungkuk, ucapkan "Subhana rabbiyal 'Azhim" 🤲
🛐
5. Sujud
Sujud sampai kening menyentuh sajadah, ucapkan "Subhana rabbiyal A'la" 🤲
🤲 Doa-Doa Harian
Doa sehari-hari · Arab · Latin · Terjemahan
☪️ Rukun Islam & Iman
Dasar-dasar keimanan seorang muslim
📜 Surat Yasin & Ayat Kursi
QS. Yāsīn (36) · QS. Al-Baqarah: 255
📿 Hadits Shahih
Dari Shahih Bukhari & Shahih Muslim
⭐ Kisah Para Nabi
Sejarah & hikmah para utusan Allah
📊 Admin Dashboard
Monitoring real-time jamaah
👥
247
Total Jamaah Terdaftar
↑ 8 bulan ini
📅
77
Kehadiran Hari Ini
↑ 12% dari kemarin
🌙
84%
Konsistensi Bulan Ini
↑ 5% dari bulan lalu
📋
1,248
Total Absensi Bulan Ini
↑ Meningkat
📊 Kehadiran Per Waktu Sholat (Hari Ini)
Subuh (12)
Dzuhur (38)
Ashar (27)
Mghrib (–)
Isya (–)
⚙️ Kontrol Sistem
🔧
Sistem Absensi
Aktifkan/nonaktifkan scanner
📢
Notifikasi Push
Kirim notif ke jamaah
👥 Kelola Jamaah
Data dan administrasi jamaah
📋 Daftar Jamaah
Nama / UIDKategoriTotal HadirTerakhir HadirStatusAksi
📋 Laporan & Export
Export data absensi ke berbagai format
📊
Export CSV
Data absensi lengkap dalam format spreadsheet
📄
Laporan Bulanan
Ringkasan kehadiran per bulan per jamaah
📈
Statistik Komprehensif
Analitik kehadiran dan trend sholat berjamaah
📢 Informasi Masjid
Berita & pengumuman terkini
📋
Belum ada informasi. Admin dapat menambahkan informasi baru.
📢 Pengumuman Masjid
Informasi dan jadwal kegiatan
🌙 Jadwal Imsakiyah Ramadhan 1447 H
Tersedia di papan pengumuman masjid dan menu Jadwal Sholat
📅 5 Maret 2026 · Admin Masjid
Aktif
🤲 Kultum Tarawih Malam Ke-18
Ust. Mukhlis Hakim – Tema: Keutamaan 10 Malam Terakhir Ramadhan
📅 5 Maret 2026 · Admin Masjid
Aktif
💰 Infak Jumat – Target Renovasi Atap Masjid
Mohon dukungan jamaah untuk renovasi atap masjid. Target Rp 150.000.000. Saat ini terkumpul Rp 87.000.000.
📅 1 Maret 2026 · Bendahara
Aktif
🕌 Jadwal Sholat Jum'at
Imam, Khatib & Bilal/Muadzin
📢 INFO:
Selamat datang di Masjid Al-Istiqomah Rawabuntu Serpong  ·  Semoga Allah SWT menerima amal ibadah kita  ·  Aamiin Ya Rabbal Alamin 🤲
📅 Minggu Ini
6 Maret 2026
🕌 Sholat Jum'at · 12:00 WIB
👨‍💼 Imam & Khatib
Ust. Topik
📣 Bilal / Muadzin
Vio
📅 Minggu Depan
13 Maret 2026
🕌 Sholat Jum'at · 12:00 WIB
👨‍💼 Imam & Khatib
Ust. Topik
📣 Bilal / Muadzin
Vio
📖 Keutamaan Sholat Jum'at
يَا أَيُّهَا الَّذِينَ آمَنُوا إِذَا نُودِيَ لِلصَّلَاةِ مِن يَوْمِ الْجُمُعَةِ فَاسْعَوْا إِلَىٰ ذِكْرِ اللَّهِ
"Wahai orang beriman, apabila diseru untuk sholat pada hari Jum'at, segeralah mengingat Allah" – QS. Al-Jumu'ah: 9
🌅 Mandi Jum'at sebelum berangkat ke masjid (sunnah)
👕 Kenakan pakaian terbaik, diutamakan warna putih
🕐 Datang awal & laksanakan sholat tahiyatul masjid
🤫 Diam saat khutbah – bicara saat khutbah menggugurkan pahala
👤 Profil Saya
👤
📷
Jamaah · Dewasa
✓ Terverifikasi 🌙 Ramadhan Aktif
✏️ Edit Profil
📊 Statistik Ibadah
🕌 Absensi Bulan Ini
🌙 Puasa Ramadhan
🤲 Tarawih
📖 Progress Quran
📋 Riwayat Absensi
⏳ Memuat riwayat...
📱 QR Code Saya
Kartu digital absensi pribadi jamaah
Kartu Digital Jamaah
Ahmad Fauzi
UID: UID-0001
🕌 Masjid Al-Istiqomah · Rawabuntu · Serpong
📌 Cara Menggunakan QR Code Pribadi
1
Simpan QR Code ke HP
Tap "Download PNG" lalu simpan ke galeri foto Anda
2
Tunjukkan ke Petugas Absensi
Saat tiba di masjid, buka galeri dan tunjukkan QR ini
3
Absensi Tercatat Otomatis
Kehadiran langsung masuk ke database & dashboard admin
💡
Alternatif: Scan QR Masjid
Admin juga menempel QR di pintu masjid. Jamaah cukup scan QR tersebut — tanpa perlu tunjukkan QR pribadi.
🖨️ QR Code Masjid
Generate & cetak QR untuk ditempel di pintu masjid
💡 Cara Kerja QR Masjid
🏷️
QR Ditempel di Masjid
Admin cetak, tempel di pintu masuk per waktu sholat
📱
Jamaah Scan Pakai HP
Scan pakai kamera HP biasa → langsung absen otomatis
🔗 Format QR yang digunakan:
https://istiqomah-digital-afaf9.web.app/absen?sholat=SUBUH&masjid=ISTIQOMAH
Ketika jamaah scan → browser terbuka → otomatis catat absensi (jika sudah login) atau tampil form daftar cepat
⚙️ Pengaturan QR
🖨️ Preview & Cetak Poster QR

Pilih waktu sholat yang ingin dicetak, lalu klik Cetak. Setiap QR akan tampil dalam format poster A5 siap tempel.

📿 Bacaan Sholat
Niat & bacaan lengkap sholat 5 waktu
🕌 Niat Sholat 5 Waktu
📖 Urutan Bacaan Lengkap
🌠 Sholat Sunnah
Panduan sholat-sholat sunnah beserta niat & dalil
👑 Panel SuperAdmin
Root access · Manajemen sistem penuh
🔐 Kredensial SuperAdmin
Root Access
EMAIL
PASSWORD DEFAULT
Istiqomah@2025!
⚠️ Simpan kredensial ini di tempat yang aman. Jangan bagikan ke siapapun.
🔑 Ganti Password SuperAdmin
👥 Manajemen Akun Admin
⏳ Memuat data admin...
📢 Running Text / Pengumuman
⚠️ Reset & Kelola Data
📊 Data Absensi
Hapus seluruh riwayat kehadiran jamaah dari Firebase
👥 Data Jamaah
Reset data lokal daftar jamaah (tidak hapus akun Firebase Auth)
💰 Data Zakat
Hapus semua muzakki, mustahik, dan distribusi zakat
📅 Jadwal Jumat
Reset jadwal sholat Jumat ke kondisi awal
🚨 ZONA BERBAHAYA
Reset SEMUA data sistem sekaligus — absensi, jamaah, zakat. Tidak dapat dibatalkan.
🔑 Reset Password User
SuperAdmin Only

Reset password user/jamaah yang lupa password. Password baru akan dikirim ke email mereka.

🗑️ Hapus Data User / Admin
Tidak Bisa Dibatalkan

Hapus data user atau admin dari sistem. Tindakan ini permanen dan tidak bisa dibatalkan.

⏳ Memuat daftar user...
♻️ Reset Data Per Halaman
Full Control

Reset data di setiap halaman kembali ke nilai default/awal.

🔥 Panduan Firebase & Sinkronisasi Realtime
⚡ Status Firebase
Memeriksa koneksi...
📋 Cara Kerja Sinkronisasi Realtime
1
Data Tersimpan di Firebase Cloud
Semua data (absensi, user, jadwal) tersimpan di server Firebase milik Masjid Al-Istiqomah — bukan di HP atau browser pengguna.
2
Update Otomatis di Semua Perangkat
Saat admin menambah data di satu HP, semua perangkat lain yang sedang buka web ini langsung mendapat update tanpa perlu refresh halaman.
3
Bisa Diakses dari HP, Tablet, Laptop
Buka browser (Chrome/Safari) di perangkat apapun → ketik alamat web → langsung terhubung ke data yang sama secara realtime.
!
Butuh Internet
Sinkronisasi hanya berjalan saat ada koneksi internet. Dalam mode offline, data yang sudah dimuat tetap bisa dilihat, tapi perubahan baru tidak tersinkron.
🛠️ Langkah Setup Firebase (Untuk Developer)
1. Buat Project Firebase
→ Buka console.firebase.google.com
→ Klik "Add Project" → Nama: istiqomah-digital

2. Aktifkan Authentication
→ Build → Authentication → Sign-in method → Email/Password → Enable
→ Buat akun SuperAdmin: [email protected]

3. Aktifkan Firestore Database
→ Build → Firestore Database → Create database → Start in test mode
→ Region: asia-southeast1 (Singapore)

4. Security Rules Firestore
rules_version = '2';
service cloud.firestore {
  match /databases/{db}/documents {
    match /users/{uid} {
      allow read, write: if request.auth.uid == uid
        || get(/databases/$(db)/documents/users/$(request.auth.uid)).data.role
           in ['admin','superadmin'];
    }
    match /attendance/{doc} {
      allow read: if request.auth != null;
      allow write: if request.auth != null;
    }
    match /config/{doc} {
      allow read: if true;
      allow write: if get(/databases/$(db)/documents/users/$(request.auth.uid)).data.role
           in ['admin','superadmin'];
    }
    match /zakat/{doc} {
      allow read: if request.auth != null;
      allow write: if get(/databases/$(db)/documents/users/$(request.auth.uid)).data.role
           in ['admin','superadmin','amil'];
    }
  }
}
5. Set Role SuperAdmin di Firestore
→ Firestore → Collection "users" → Tambah dokumen dengan ID = UID SuperAdmin
→ Field: role: "superadmin", nama: "SuperAdmin", aktif: true
ℹ️ Informasi Aplikasi
Aplikasi
Istiqomah Digital v3.0
Masjid
Al-Istiqomah Rawabuntu
Firebase Project
istiqomah-digital-afaf9
Versi Firebase SDK
10.11.0
🌙 Zakat Fitrah
Masjid Al-Istiqomah · Rawabuntu · Serpong · Tangerang Selatan
📋 Ketentuan Zakat Fitrah 1447 H / 2026 M
Berdasarkan ketetapan BAZNAS Kota Tangerang Selatan:
🌾
2,7 kg
Beras per jiwa
🫙
3,5 liter
Beras per jiwa
💵
Rp50.000
Uang per jiwa
* Nilai uang disesuaikan harga beras premium wilayah Tangerang Selatan
⏰ Waktu Pembayaran Zakat Fitrah
Zakat fitrah dapat dibayarkan mulai awal Ramadan hingga sebelum pelaksanaan Sholat Idul Fitri. Dianjurkan dibayarkan pada malam atau pagi hari raya sebelum sholat Id.
0
Muzakki
0
Total Jiwa
0 kg
Zakat Beras
Rp0
Zakat Uang
🧮 Kalkulator Zakat Fitrah
Total Zakat Fitrah Rp 50.000
setara 2,7 kg beras
*Pembayaran bisa berupa beras (2,7 kg/jiwa) atau uang (Rp 50.000/jiwa)
👥 Daftar Muzakki Zakat Fitrah
Total: 0 orang
Belum ada data muzakki.
Admin dapat menambah data melalui tombol + di atas.
💎 Zakat Mal
Zakat harta · Nisab & Haul
📏 Ketentuan Nisab Zakat Mal
Nisab Emas
85 gram
Setara nilai emas 24 karat
Nisab Perak
595 gram
Setara nilai perak
Kadar Zakat
2,5%
Dari total harta bersih
Haul (1 Tahun)
354 hari
Kepemilikan minimal
📋 Jenis Zakat Mal
💰 Zakat Uang & Tabungan
Uang simpanan yang telah mencapai nisab & haul — kadar 2,5%
🥇 Zakat Emas & Perak
Perhiasan atau simpanan emas/perak yang disimpan — kadar 2,5%
💼 Zakat Perdagangan
Harta perniagaan yang telah mencapai nisab — kadar 2,5%
🌾 Zakat Pertanian
Hasil panen yang mencapai 653 kg — kadar 5% (irigasi) / 10% (hujan)
💵 Zakat Profesi
Penghasilan dari gaji/profesi yang mencapai nisab — kadar 2,5%
🏭 Zakat Usaha
Hasil usaha dan investasi yang mencapai nisab — kadar 2,5%
🧮 Kalkulator Zakat Mal
0
Muzakki Mal
Rp0
Terkumpul
Rp0
Disalurkan
Rp0
Sisa Dana
💼 Daftar Muzakki Zakat Mal
Belum ada data muzakki zakat mal.
👤 Data Muzakki
Daftar pembayar zakat masjid
0
Total Muzakki
0
Total Jiwa
Rp0
Total Uang
0 kg
Total Beras
📋 Semua Muzakki
Belum ada data muzakki.
🤝 Data Mustahik
8 Golongan Penerima Zakat (Asnaf)
📖 8 Golongan Asnaf
1
Fakir
Orang yang tidak memiliki harta dan pekerjaan
2
Miskin
Memiliki penghasilan tapi tidak cukup kebutuhan
3
Amil
Panitia pengelola dan pendistribusi zakat
4
Muallaf
Orang yang baru masuk Islam
5
Riqab
Memerdekakan hamba sahaya / budak
6
Gharimin
Orang yang terlilit hutang bukan untuk maksiat
7
Fi Sabilillah
Pejuang di jalan Allah — termasuk pendidikan Islam
8
Ibnu Sabil
Musafir yang kehabisan bekal di perjalanan
📋 Daftar Mustahik
Belum ada data mustahik.
📦 Distribusi Zakat
Pencatatan penyaluran zakat
Rp0
Total Disalurkan
0
Mustahik Terima
Rp0
Sisa Dana
0 kg
Beras Tersalur
📋 Riwayat Distribusi
Belum ada data distribusi.
📊 Laporan Zakat
Transparansi & akuntabilitas zakat masjid
0
Total Muzakki
Rp0
Total Terkumpul
Rp0
Total Disalurkan
Rp0
Sisa Dana
🌐 Laporan Publik Masjid Al-Istiqomah
Total Zakat Terkumpul
Rp 0
Disalurkan
Rp 0
Penerima
0 orang
* Data pribadi muzakki dan mustahik tidak ditampilkan demi menjaga privasi.
📈 Progress Distribusi
Zakat Tersalur 0%
Persentase zakat yang telah disalurkan dari total terkumpul
📖 Landasan & Regulasi Zakat
Dalil Al-Quran, Hadis & ketentuan BAZNAS
📖 Dalil Al-Quran
QS. Al-Baqarah: 43
وَأَقِيمُوا الصَّلَاةَ وَآتُوا الزَّكَاةَ وَارْكَعُوا مَعَ الرَّاكِعِينَ
"Dan dirikanlah shalat, tunaikanlah zakat dan rukuklah beserta orang-orang yang rukuk."
QS. At-Taubah: 103
خُذْ مِنْ أَمْوَالِهِمْ صَدَقَةً تُطَهِّرُهُمْ وَتُزَكِّيهِمْ بِهَا
"Ambillah zakat dari harta mereka, guna membersihkan dan menyucikan mereka..."
📜 Hadis Tentang Zakat Fitrah
HR. Bukhari & Muslim — dari Ibnu Umar RA
فَرَضَ رَسُولُ اللَّهِ ﷺ زَكَاةَ الْفِطْرِ صَاعًا مِنْ تَمْرٍ أَوْ صَاعًا مِنْ شَعِيرٍ
"Rasulullah SAW mewajibkan zakat fitrah satu sha' kurma atau satu sha' gandum atas setiap muslim, baik hamba sahaya maupun orang merdeka, laki-laki maupun perempuan, kecil maupun besar."
🎯 Fungsi & Hikmah Zakat Fitrah
🌿
Menyucikan Jiwa
Membersihkan diri dari perbuatan sia-sia selama Ramadan
🤝
Membantu Fakir Miskin
Agar mereka turut bergembira di hari Idul Fitri
Menyempurnakan Ibadah
Menyempurnakan ibadah puasa Ramadan
🏛️ Regulasi & Ketetapan
BAZNAS Kota Tangerang Selatan
Besaran zakat fitrah ditetapkan Rp 50.000 per jiwa untuk Ramadan 1447 H / 2026 M, setara dengan 2,7 kg atau 3,5 liter beras premium wilayah Tangerang Selatan.
UU Pengelolaan Zakat No. 23 Tahun 2011
Pengelolaan zakat dilakukan oleh BAZNAS dan LAZ yang telah mendapat izin dari Kemenag. Masjid sebagai Unit Pengumpul Zakat (UPZ) berperan penting dalam pengumpulan dan distribusi zakat di lingkungan setempat.
🔥 Panduan Setup Firebase
Langkah demi langkah · Mudah dipahami
⚡ Status Koneksi Firebase Saat Ini
Memeriksa...
Setelah mengisi Firebase config yang benar, refresh halaman ini agar tersinkronisasi.
📌 Apa itu Firebase?
Firebase adalah layanan cloud gratis dari Google yang digunakan aplikasi ini untuk:
🔐
Login & Akun
Simpan akun jamaah & admin dengan aman
Realtime Sync
Data update otomatis di semua HP/laptop
☁️
Cloud Storage
Data tersimpan di server Google, bukan HP
🆓
Gratis
Spark Plan gratis untuk masjid kecil-menengah
📋 Langkah Setup Firebase (Buat Project Baru)
1
Buka Firebase Console
• Buka browser → ketik: console.firebase.google.com
• Login menggunakan akun Google Anda
• Klik tombol "Add project" / "Tambahkan project"
2
Buat Project Baru
• Isi nama project, contoh: masjid-istiqomah
• Google Analytics → pilih Disable (tidak perlu)
• Klik Create project → tunggu selesai
• Klik Continue
3
Daftarkan Web App & Ambil Config
• Di dashboard project → klik ikon </> (Web)
• App nickname: Istiqomah Digital
• Centang "Also set up Firebase Hosting" → Next
• Akan muncul kode seperti ini — COPY seluruh nilai apiKey, authDomain, dst:
const firebaseConfig = {
  apiKey: "AIzaSy...",
  authDomain: "nama-project.firebaseapp.com",
  projectId: "nama-project",
  storageBucket: "nama-project.appspot.com",
  messagingSenderId: "123456789",
  appId: "1:123456789:web:abc123"
};
4
Aktifkan Authentication
• Di sidebar kiri → BuildAuthentication
• Klik Get started
• Tab Sign-in method → klik Email/PasswordEnable → Save
• Tab Users → klik Add user
  Email: [email protected]
  Password: Istiqomah@2025!
Salin UID yang muncul — akan dipakai di langkah 6
5
Aktifkan Firestore Database
• Di sidebar → BuildFirestore Database
• Klik Create database
• Pilih "Start in test mode" → Next
• Region: pilih asia-southeast1 (Singapore) → Enable
• Tunggu beberapa detik hingga selesai
6
Set Role SuperAdmin di Firestore
• Di Firestore → klik + Start collection
• Collection ID: users
• Document ID: paste UID SuperAdmin dari langkah 4
• Tambahkan field-field berikut:
nama      → string  → "SuperAdmin"
email     → string  → "[email protected]"
role      → string  → "superadmin"
kategori  → string  → "SuperAdmin"
aktif     → boolean → true
7
Pasang Config ke Aplikasi
• Buka file index.html dengan text editor (Notepad++, VS Code, dll)
• Tekan Ctrl+F → cari: GANTI_API_KEY_ANDA
• Ganti seluruh blok firebaseConfig = { ... } dengan config dari Firebase
• Simpan file → upload ke hosting
• Refresh browser → login dengan akun SuperAdmin
8
Pasang Security Rules (Wajib!)
• Firestore → tab Rules → hapus semua teks → paste kode berikut → Publish:
rules_version = '2';
service cloud.firestore {
  match /databases/{database}/documents {

    // Users: bisa baca/edit profil sendiri, admin bisa semua
    match /users/{userId} {
      allow read, write: if request.auth != null
        && (request.auth.uid == userId
          || get(/databases/$(database)/documents/users/$(request.auth.uid)).data.role
             in ['admin','superadmin']);
    }

    // Attendance: semua user login bisa catat & lihat
    match /attendance/{docId} {
      allow read, write: if request.auth != null;
    }

    // Config (running text, jadwal): semua bisa baca, admin saja yang edit
    match /config/{docId} {
      allow read: if true;
      allow write: if request.auth != null
        && get(/databases/$(database)/documents/users/$(request.auth.uid)).data.role
           in ['admin','superadmin'];
    }

    // Zakat: user login bisa baca, amil/admin bisa edit
    match /zakat/{docId} {
      allow read: if request.auth != null;
      allow write: if request.auth != null
        && get(/databases/$(database)/documents/users/$(request.auth.uid)).data.role
           in ['admin','superadmin','amil'];
    }
  }
}
💡 Tips & FAQ
Q: Apakah Firebase gratis?
A: Ya, Spark Plan (gratis) cukup untuk kebutuhan masjid: 50.000 pembacaan/hari, 20.000 penulisan/hari, 1 GB storage.
Q: Apakah data di project lama bisa dipindah?
A: Data absensi dan jamaah tidak bisa otomatis, tapi bisa export manual dari Firebase Console (Firestore → titik tiga → Export data). Untuk mulai fresh lebih mudah buat project baru.
Q: Aplikasi masih bisa dipakai tanpa Firebase?
A: Ya, mode offline/demo tetap berjalan. Data tidak tersimpan ke cloud, tapi semua fitur tampilan bisa diakses.
Q: Error "Permission denied"?
A: Pastikan Security Rules sudah dipasang (langkah 8). Di test mode, rules akan expired setelah 30 hari — pasang rules permanen di atas.
Q: Butuh bantuan lebih lanjut?
A: Dokumentasi resmi Firebase: firebase.google.com/docs