E-Izin Dahsyat Cell

Ringkasan Aktivitas Izin

Dashboard status aktivitas Izin secara real-time.

2026 00:00:00 WIB

Total Izin Hari Ini

0

Sedang Izin

0

Sudah Kembali/Selesai

0

Terlambat Kembali

0 Tren Izin Keluar (7 Hari Terakhir)

Line Chart

Perbandingan Status

Pie Chart

Daftar Sedang di Luar Dahsyat Cell

0 Orang

Izin Terbaru Hari Ini

Filter & Pencarian Data

Cari Nama / Posisi

Status Izin

Dari Tanggal

Sampai Tanggal

Quick Preset:

Daftar Izin Keluar & Presensi

0 records Tampilkan:

Nama & Posisi	Keperluan	Waktu Izin	Waktu Masuk	Status	Aksi

Menampilkan 0-0 dari 0 data

Laporan & Rekapitulasi Data

Pilih rentang tanggal rekapitulasi

Pilih Mode Rekap

Tanggal Mulai

Tanggal Akhir

Preview Data Hasil Rekapitulasi 0 Record Terpilih

No	Nama	Posisi	Waktu Izin	Waktu Masuk	Status

Konfigurasi Geofence & Koordinat Kantor

Tentukan lokasi acuan kantor dan radius batas toleransi presensi dalam meter (Default: 500 meter)

Latitude Kantor

Longitude Kantor

Radius Geofence (Meter)

Pratinjau Map Geofence Kantor

Petunjuk Penggunaan & Cara Setup Firebase

Panduan lengkap pengoperasian sistem, penyetelan Firebase Realtime Database, Deployment Cloud, dan Install di Smartphone.

1. Alur Penggunaan Aplikasi (Izin Keluar & Presensi)

A. Membuat Izin Keluar: Klik tombol + Buat Izin. Isi nama, posisi/jabatan, dan durasi batas waktu (default 1 jam). Sistem akan mengambil lokasi GPS secara otomatis dan memverifikasi jarak dengan geofence kantor.

B. Timer Auto Live Live: Selama status izin "Di Luar", sistem akan menampilkan timer berjalan real-time (Jam : Menit : Detik) beserta indikator jika durasi melebihi batas waktu (Overdue).

C. Presensi Masuk Kembali: Ketika pegawai kembali, klik tombol Kembali. Modal presensi akan menangkap koordinat GPS terkini dan membandingkan jarak dengan titik kantor dalam 1 frame visual Leaflet Map.

2. Cara Mengatur Firebase Realtime Database

Aplikasi ini dapat menyimpan data secara lokal maupun realtime terhubung ke Firebase Realtime Database.

Buka Console Firebase di console.firebase.google.com dan buat Project baru.
Pilih menu Build > Realtime Database dan klik Create Database.
Pada tab Rules (Aturan Database), atur sementara agar dapat dibaca/ditulis:
```
{ ".read": true, ".write": true }
```
Masuk ke Project Settings (ikon roda gigi) > Tambahkan App Web (</>) > Salin objek firebaseConfig dan databaseURL.
Di aplikasi ini, klik badge tombol Firebase Status di pojok kanan atas, lalu paste Config JSON atau URL database Anda, atau langsung edit variabel FIREBASE_CONFIG di dalam berkas index.html.

3. Panduan Deploy ke GitHub Pages & Cloudflare Pages

A. GitHub Pages: Upload berkas index.html ini ke repository GitHub Anda. Masuk ke Settings > Pages > Pilih Branch main / master dan Folder root > Klik Save.

B. Cloudflare Pages: Buka Dashboard Cloudflare > Workers & Pages > Create Application > Pages > Connect to Git atau Langsung Drag & Drop file index.html ke Cloudflare Direct Upload.

4. Instalasi di Android & iPhone (PWA Standalone)

Android (Google Chrome / Edge): Buka link web yang telah di-deploy > Klik titik Tiga di kanan atas > Pilih "Tambahkan ke Layar Utama" / "Add to Home Screen" / "Install App".

iPhone / iPad (Safari): Buka link web di Safari > Klik tombol Share (Bagikan) di bagian bawah > Scroll dan pilih "Add to Home Screen" (Tambahkan ke Layar Utama).

Ringkasan Aktivitas Izin

0

0

0

0

Tren Izin Keluar (7 Hari Terakhir)

Perbandingan Status

Daftar Sedang di Luar Dahsyat Cell

Izin Terbaru Hari Ini

Filter & Pencarian Data

Daftar Izin Keluar & Presensi

Laporan & Rekapitulasi Data

Preview Data Hasil Rekapitulasi 0 Record Terpilih

Konfigurasi Geofence & Koordinat Kantor

Petunjuk Penggunaan & Cara Setup Firebase

Form Izin Keluar

Konfirmasi Presensi Masuk Kembali

-

Detail Lengkap & Visual Map Geofence

Visual Frame Geofence (Kantor - Izin Keluar - Presensi Masuk) Garis Jarak Koordinat

Pengaturan Realtime Database Firebase