Masalah yang Diselesaikan
Banyak UMKM masih menggunakan absensi manual (tanda tangan atau finger print berbayar) yang rawan manipulasi dan mahal. GeoPresensi hadir sebagai solusi absensi digital yang gratis, praktis, dan bisa diakses dari HP tanpa install aplikasi apapun.
Tentang Project
GeoPresensi adalah aplikasi web sistem absensi digital yang dirancang khusus untuk UMKM seperti minimarket, toko, dan usaha jasa. Karyawan cukup membuka link di browser HP masing-masing, login, lalu melakukan absen dengan foto selfie dan validasi lokasi GPS otomatis. Fitur utama: - Absen masuk dan pulang dengan foto selfie - Validasi lokasi GPS menggunakan rumus Haversine - Deteksi keterlambatan otomatis - Pengajuan izin dan sakit dengan bukti opsional - Notifikasi email otomatis ke HRD jika karyawan terlambat atau di luar lokasi - Rekap kehadiran bulanan dengan export Excel dan CSV - Kirim slip kehadiran PDF ke email karyawan - Kelola akun login karyawan dari dashboard admin - Tombol hubungi admin via WhatsApp
Cara Berpikir di Balik Project Ini
Bukti proses berpikir kontributor mengerjakan project ini — bukan cuma hasil akhirnya.
Kenapa pendekatan ini
Saya memilih Google Apps Script karena target pengguna adalah UMKM yang butuh solusi gratis tanpa server berbayar. Dengan GAS, semua berjalan di ekosistem Google yang sudah familiar Sheets sebagai database, Drive untuk penyimpanan foto, dan Gmail untuk notifikasi. Tidak perlu menggunakan hosting, tidak perlu domain, dan bisa diakses siapa saja hanya dengan membuka link di browser.
Bagian tersulit
Bagian tersulit adalah navigasi antar halaman di Apps Script karena halaman dirender dalam iframe sandbox yang memblokir window.location dan localStorage. Saya mengatasinya dengan mengubah dari multi-page menjadi single-page application menggunakan show/hide JavaScript, sehingga tidak ada navigasi antar halaman sama sekali.
Yang dipelajari
Sebelum project ini saya sudah pernah membuat 2 project web, namun keduanya belum menggunakan fitur seperti validasi lokasi GPS, akses kamera browser, upload file ke cloud, maupun notifikasi email otomatis. Dari GeoPresensi ini saya belajar mengimplementasikan semua fitur tersebut sekaligus menggunakan Google Apps Script sebagai backend serverless yang sepenuhnya gratis.
Galeri
Video Demo
Teknologi
Mungkin Juga Menarik untuk Anda
Karya lain dari bidang yang sama.
Mobile Phone Store Management & Point of Sale (POS) System
ShowcasePlatform POS dan manajemen toko HP yang memudahkan penjualan gadget, pengelolaan servis, trade-in, serta layanan pelanggan dalam satu sistem.
Website Klub Bulutangkis dengan Sistem Manajemen Turnamen
Bisa dikustomisasiWebsite & sistem manajemen turnamen untuk klub bulutangkis lokal, dengan admin dashboard untuk kelola jadwal, turnamen, dan galeri secara mandiri
POS System — Modern Point of Sale PWA
ShowcaseSistem kasir (POS) multi-toko berbasis Next.js dan PostgreSQL, dibangun dengan standar integritas transaksi dan keamanan setingkat aplikasi finansial produksi — bukan sekadar CRUD. Mencegah overselling lewat row-level locking, transaksi ganda lewat idempotency key, dan menjaga laporan keuangan historis tetap akurat lewat snapshot harga. Installable sebagai PWA untuk dipakai langsung di tablet kasir.