Presensi Izin

1 Cara Menghubungkan HTML dengan Firebase Realtime Database

1. Buka konsol Firebase di https://console.firebase.google.com/.
2. Buat project baru (atau pilih project yang sudah ada).
3. Masuk ke menu Build > Realtime Database, lalu klik Create Database. Pilih lokasi server default.
4. Pada tab Rules di Realtime Database, ubah aturan akses menjadi public untuk pengujian:

   {
     "rules": {
       ".read": true,
       ".write": true
     }
   }

5. Masuk ke Project Settings (ikon roda gigi) > Tab General > Tambahkan Aplikasi Web.
6. Salin objek `firebaseConfig` (apiKey, authDomain, databaseURL, projectId, appId).
7. Masuk ke menu Setup Firebase & Lokasi pada aplikasi ini, lalu tempelkan data konfigurasi tersebut dan klik **Simpan & Hubungkan**.

2 Panduan Alur Operasional Izin Keluar & Presensi Kembali

• Mengajukan Izin Keluar: Buka menu "Form Izin Keluar", isi Nama, Posisi, dan Keperluan. Sistem akan mengambil GPS otomatis dan mengukur jarak dari kantor. Klik "Kirim Izin Keluar".
• Melakukan Presensi Masuk (Kembali): Pegawai yang sedang di luar dapat dikonfirmasi kembali melalui Dashboard ("Daftar Sedang Di Luar") atau melalui daftar di tab "Daftar Presensi". Klik tombol "Presensi Masuk".
• Modal Konfirmasi Kembali: Sistem akan mencatat waktu masuk secara otomatis, mengukur koordinat lokasi kembali, dan menghitung durasi total dalam Jam, Menit, Detik.
• Aksi CRUD: Data dapat diedit atau dihapus menggunakan tombol aksi di tabel utama.

3 Cara Deploy ke GitHub Pages / Cloudflare Pages

• GitHub Pages: Simpan file ini sebagai index.html dalam repositori GitHub Anda. Buka Repository Settings > Pages > pilih Branch Main > Save. Website akan langsung aktif!
• Cloudflare Pages: Buat projek baru di Cloudflare Pages > Hubungkan ke repo GitHub atau upload folder berisi file index.html secara langsung. Cloudflare akan menerbitkan situs secara global secara gratis.