1
Petunjuk Penggunaan Aplikasi
- Pengajuan Izin Keluar: Klik tombol "+ Izin Keluar Baru", isi nama,
posisi, dan alasan. Batas waktu standar izin keluar adalah 1 Jam (60 menit). Batas
waktu dan lokasi geofence akan terekam otomatis.
- Live Durasi Realtime: Saat pegawai sedang di luar, jam/menit/detik
durasi keluar akan dihitung otomatis secara otomatis secara live di dashboard dan
tab "Sedang Di Luar".
- Presensi Masuk Kembali: Pegawai mengeklik tombol "Presensi Masuk
Kembali". Sistem akan mengukur lokasi GPS secara live dan memverifikasi batas area
Geofence (500 meter radius).
- CRUD Lengkap: Pengguna dapat melihat detail peta geofence keluar &
masuk, mengedit data izin, dan menghapus data melalui modal konfirmasi.
2
Cara Mengatur Firebase Realtime Database di Source Code (`index.html`)
Untuk mengaktifkan Firebase Realtime Database langsung di file HTML:
// Cari variabel firebaseConfig di dalam file index.html bagian <script>:
const firebaseConfig = {
apiKey: "AIzaSy...",
authDomain: "project-id.firebaseapp.com",
databaseURL: "https://project-id-default-rtdb.firebaseio.com",
projectId: "project-id",
storageBucket: "project-id.appspot.com",
messagingSenderId: "123456789",
appId: "1:123456789:web:abcdef..."
};
Atau atur langsung melalui menu Pengaturan Geofence &
Firebase di bilah navigasi tanpa perlu mengubah kode.
3
Panduan Deploy di GitHub Pages atau Cloudflare Pages
GitHub Pages:
- Buat Repository baru di GitHub.
- Upload file
index.html ke repository.
- Buka menu Settings > Pages.
- Pilih Branch
main / root dan klik
Save.
Cloudflare Pages:
- Login ke Dashboard Cloudflare.
- Pilih Workers & Pages > Create Application
> Pages.
- Hubungkan GitHub repo atau upload file
index.html langsung via
Direct Upload.
- Aplikasi langsung live secara otomatis!