PUSAT APLIKASI & INTERAKTIF REALTIME

PILIH FITUR APLIKASI YANG DIINGINKAN

Pilih dan gunakan platform web interaktif untuk kebutuhan presentasi kuliah, seminar, polling audiens realtime, game icebreaking 3D, hingga sistem absensi presensi berkeamanan tinggi dengan teknologi Anti-Fake GPS.

SUPABASE REALTIME & PRESENCE

SISTEM LIVE POLLING INTERAKTIF

Platform angket & voting langsung untuk kuliah atau presentasi dengan animasi bar chart dinamis, sinkronisasi kehadiran audiens online (Supabase Presence), dan QR Code voting instan.

3 Mode Layar Terintegrasi
Host & Administrator Ready

Dashboard Pengelola

Pusat kendali host/dosen: buat pertanyaan polling baru, atur opsi 2–6 pilihan, dan pantau status koneksi database.

Buka Dashboard Pengelola
Layar Depan / Proyektor
Big Screen View Auto Realtime

Layar Host (Proyektor)

Tampilan fullscreen untuk diproyeksikan: animasi grafik bar yang naik seketika saat ada vote baru, avatar mahasiswa online, dan QR Code.

Buka Layar Proyektor
Tampilan Peserta / Mahasiswa Mobile Ready

Layar Vote Mahasiswa

Halaman ringkas bagi mahasiswa: cukup masukkan nama sekali, pilih jawaban dengan 1 tap di HP, dan terima feedback perayaan confetti.

Buka Layar Vote Peserta
ID Sesi Uji Coba: Gunakan ID parameter ?id=demo-poll-01 untuk sinkronisasi instan antara layar Host dan Mahasiswa.
🦆 THREE.JS 3D RACE ARENA

DUCK RUSH PANIC RACE 3D

Game icebreaking realtime menegangkan untuk kuliah & presentasi. Aturan seru: Bebek pertama yang sampai ke finish (Juara 1) HARUS PRESENTASI! Jawab kuis benar agar bebek melambat aman; salah jawab bikin bebek meluncur cepat ke oven panggangan!

🔥 10 Karakter Bebek 3D Unik
Layar Proyektor Pro
🏁
Layar Proyektor Host Three.js 60 FPS

Layar Balapan Host (Proyektor)

Tampilan 3D Three.js sungai berarus dengan kobaran api oven finish di ujung lintasan, partikel lava dinamis, sound effect desis panggang (Web Audio API), QR Code pendaftaran, dan pengumuman bebek yang harus presentasi.

✓ 3 Kamera (Panorama, Follow, Oven)
✓ Visual Bebek Terbakar Gosong
✓ Live Nametag & Jarak Meter
✓ Bank Soal & Fisher-Yates Shuffle
Buka Layar Host Proyektor 🏁
Akses HP Pemain
📱
Layar HP Mahasiswa Preview 3D Interaktif

Layar Vote Pemain (HP)

Layar interaktif bagi peserta: pilih 1 dari 10 karakter bebek unik dengan panggung 3D Three.js yang bisa diputar 360°, jawab kuis cepat, pantau posisi kepanikan realtime menuju oven panggangan.

✓ Putar 360° Karakter Bebek 3D
✓ 10 Slot Karakter Berbeda
✓ Kartu Kepanikan Realtime
✓ Tanpa Registrasi / Login
Buka Layar Pemain HP 🚀

🦆 Koleksi 10 Karakter Bebek 3D Unik

Setiap karakter dibuat menggunakan Three.js prosedural lengkap dengan aksesoris dan tampilan khas yang sinkron antara layar proyektor dan HP mahasiswa.

Sinkronisasi Realtime
🎩 #1 Bebek Klasik
Gentleman Duck

Topi bowler fedora & dasi kupu-kupu merah.

👑 #2 Bebek Sultan
Royal Crown King

Emas 24K, mahkota 5 puncak bertahta batu rubi.

🧟 #3 Bebek Zombie
Toxic Biohazard

Jahitan tengkorak, mata buta & lendir hijau.

🥷 #4 Bebek Ninja
Shadow Shinobi

Topeng hitam, ikat kepala merah & shuriken.

🤖 #5 Bebek Cyborg
Mecha Cyberpunk

Pelat titanium, visor neon cyan & antena LED.

🏴‍☠️ #6 Bebek Bajak Laut
Pirate Captain

Topi tricorn tengkorak, eyepatch & anting emas.

🧙‍♂️ #7 Bebek Penyihir
Astral Archmage

Topi runcing berbintang & bola kristal gaib.

🚀 #8 Bebek Astronaut
Cosmic Astro-Duck

Helm kubah kaca astronot & jetpack oksigen.

🎧 #9 Bebek Gamer
Pro Streamer RGB

Headset over-ear RGB, boom mic & pixel shades.

🔥 #10 Bebek Naga Api
Inferno Dragon

Tanduk obsidian naga & duri punggung magma.

ANTI-SPOOF & VERIFIKASI MULTI-FAKTOR

SISTEM ABSENSI ONLINE ANTI-FAKE GPS

Aplikasi presensi online cerdas yang dirancang untuk mencegah kecurangan Fake GPS dan manipulasi gambar melalui 3 lapis pengamanan: Live Camera Feed hardware, High Accuracy GPS, dan Cross-Check jarak IP Geolocation menggunakan Rumus Haversine.

3 Lapis Proteksi Aktif
Aplikasi Siap Digunakan
Aplikasi Presensi Karyawan & Mahasiswa

Presensi Live Kamera & GPS Real

Platform presensi digital mandiri yang mewajibkan pengguna berada dalam radius maksimal 100 meter dari titik lokasi resmi (Gudang Mas Wakit). Menggunakan GPS real smartphone, hardware kamera langsung, dan verifikasi geofence instan.

Tangkapan Kamera Langsung
GPS Real Handphone (Tanpa Cache)
Radius Maksimal 100m (Gudang Mas Wakit)
Watermark Koordinat & Waktu
Alur Presensi 3 Detik Instan & Mudah

Bagaimana Cara Kerjanya?

1
Buka Halaman & Izinkan Akses

Pengguna membuka tautan presensi di browser smartphone atau laptop, lalu mengizinkan akses kamera live dan GPS.

2
Validasi Sensor Otomatis

Sistem mengunci titik koordinat GPS berakurasi tinggi dan mencocokkan korelasi jarak jaringan internet di latar belakang.

3
Ambil Foto & Presensi Berhasil

Posisikan wajah di bingkai panduan, tekan tombol ambil foto, dan kehadiran langsung tercatat lengkap dengan stempel bukti resmi.

Tidak memerlukan unduhan aplikasi terpisah. Dapat diakses langsung melalui peramban web modern di Android, iOS, maupun Desktop.

Ringkasan 3 Mekanisme Anti-Manipulasi:

1. Live Capture (Webcam)

Mengakses hardware video stream secara eksklusif menggunakan getUserMedia. Mengeliminasi celah upload foto pre-recorded atau foto galeri yang metadata EXIF lokasinya dimanipulasi.

2. High Accuracy GPS

Memaksa penggunaan chip GPS fisik perangkat melalui enableHighAccuracy: true dan maximumAge: 0 guna menolak cache koordinat lama dan mendeteksi anomali akurasi 0m.

3. Cross-Check Jarak IP vs GPS

Mencocokkan koordinat satelit GPS dengan lokasi ISP jaringan via IP Geolocation. Selisih jarak dihitung dengan Rumus Haversine; jika selisih > 50 km, sistem otomatis menandai is_suspicious: true.

Tautan berhasil disalin ke clipboard!