RuteGo

1. Layar Peserta (HP)

• Speedometer & pace realtime
• Peta rute resmi & posisi GPS live
• Tombol scan barcode Start & Finish
• Alarm getar & sirine jika tersesat
• Layar anti-mati otomatis (Keep Awake)
• Tetap aktif di latar belakang (Background)

2. Dashboard Panitia

• Live tracking seluruh peserta di peta
• Gambar rute klik-klik (dengan Undo)
• Upload file GPX & koleksi rute tersimpan
• Papan skor 10 besar & paginasi halaman
• Manajemen admin (Tambah, Edit, Hapus)
• Ekspor data Excel CSV & file GPX jejak

3. Layar Penonton / TV

• Tampilan layar bersih full-screen untuk TV
• Leaderboard auto-update setiap detik
• Podium juara (🥇 Juara 1, 🥈 2, 🥉 3)
• Paginasi 10 peserta per halaman
• Klik baris peserta untuk sorot kamera peta

Aktifkan Mode

Buka Tab "Rute & GPX", klik "✏️ Mulai Gambar Rute di Peta". Kursor berubah jadi bidik.

Titik Start

Klik titik pertama di jalan raya. Otomatis diberi pin bulat hijau sebagai Garis Start.

Klik Jalur

Klik titik-titik sepanjang jalan yang akan dilewati. Garis rute merah muda otomatis menghubungkan.

Fitur Undo

Salah klik jalan? Tekan tombol kuning "↩️ Undo" atau Backspace di keyboard untuk hapus titik terakhir.

Simpan Rute

Beri nama rute (misal: "Fun Run 5K"), klik "Simpan & Pasang Rute". Rute langsung aktif seketika!

📁 Form Upload File GPX Resmi

Mendukung file GPX resmi dari Strava, Garmin Connect, Komoot, dan Google My Maps.

• Buka Tab "Rute & GPX" ➔ Bagian Cara 2
• Klik tombol Choose File & pilih file .gpx
• Ketik Nama Rute (opsional)
• Klik tombol Upload & Pasang Rute GPX
• Sistem otomatis mendeteksi panjang rute, titik start awal, dan titik finish akhir!

📚 Koleksi Rute Tersimpan (Library)

Semua rute yang pernah Anda gambar atau upload otomatis tersimpan permanen di database file saved_routes.json.

• Ganti Rute Seketika: Klik tombol biru "Gunakan Rute Ini" pada koleksi rute lama.
• Indikator Aktif: Rute yang sedang berjalan ditandai badge hijau aktif.
• Hapus Rute: Tombol merah "🗑️ Hapus" untuk membuang rute yang sudah kadaluarsa.
• Sinkron Otomatis: Begitu rute aktif diubah, layar HP peserta dan layar TV penonton langsung diperbarui seketika!

🟢 GERBANG START

Pemasangan: Cetak banner QR Hijau dari menu "🖨️ Cetak QR", tempelkan di tiang Garis Start.

• Peserta membuka aplikasi di HP masing-masing
• Klik tombol "📷 Scan Barcode Start / Finish"
• Arahkan kamera ke banner QR Start
• Hasil: Status berubah jadi BALAPAN BERLANGSUNG, stopwatch berjalan menghitung waktu, dan posisi GPS peserta mulai dilacak live oleh panitia!

🏁 GERBANG FINISH

Pemasangan: Cetak banner QR Merah dari menu "🖨️ Cetak QR", tempelkan di tiang Garis Finish.

• Saat melewati garis akhir, peserta memindai QR Finish
• Hasil: Waktu balap langsung BERHENTI & TERKUNCI
• Kecepatan rata-rata (Avg Speed) dihitung otomatis
• Peserta langsung masuk tabel Papan Skor Finish permanen
• Jejak GPS peserta otomatis diarsipkan ke history

🔒 Layar Tetap Menyala (WakeLock)

Layar HP peserta tidak akan otomatis redup atau terkunci saat berolahraga, memudahkan memantau rute dan kecepatan tanpa harus menyentuh layar.

🎧 Berjalan di Latar Belakang (Keep-Alive)

Dilengkapi sinyal heartbeat audio hening. Jika layar HP mati atau peserta membuka aplikasi lain, browser tetap aktif mengirim koordinat GPS ke panitia.

⛔ Proteksi Anti-Fake GPS & Anti-Mock Location

Sistem memblokir penggunaan Fake GPS/Mock Location dan lonjakan koordinat fisik mustahil (> 90 km/h atau lompat > 250m dalam 2 detik). HP bergetar + sirine kencang, layar terkunci peringatan kecurangan, dan admin otomatis menerima alert deviasi rute.

⚠️ Alarm Getar & Sirine Nyasar

Jika peserta melenceng dari jalur resmi melebihi batas toleransi (misal > 35m), HP akan bergetar berkala dan sirine berbunyi kencang agar peserta segera kembali ke rute resmi.

🚨 Tombol SOS Darurat

Jika peserta mengalami cedera, ban pecah, atau darurat medis, tekan tombol merah SOS. Layar admin seketika membunyikan sirine darurat dan menampilkan titik GPS peserta.

Urutan Tercepat (Juara 1, 2, 3)

Peserta yang mencapai garis Finish otomatis menempati posisi teratas berdasarkan catatan durasi waktu paling singkat (tercepat).

Status Finish Tetap Tampil

Peserta yang sudah Finish dijamin tetap bertengger di papan skor secara permanen (tidak akan hilang) lengkap dengan waktu tempuh, avg speed, dan jam finish.

Peringkat Live Racing

Peserta yang masih di jalan diurutkan secara dinamis di bawah kelompok finish berdasarkan checkpoint yang dilewati dan persentase rute jalan (progress %).

Paginasi 10 per Halaman

Daftar disusun rapi 10 peserta per halaman dengan tombol [◀ Prev] dan [Next ▶], memudahkan navigasi saat event diikuti oleh ratusan peserta.

🔒 Aturan: 1 User = 1 Device

Setiap akun admin hanya diizinkan aktif di satu perangkat pada satu waktu untuk mencegah manipulasi data balap:

• Jika akun asep sedang dibuka di Laptop panitia
• Lalu ada yang login menggunakan akun asep di HP
• Sesi di Laptop seketika KELUAR OTOMATIS (Kicked)
• Muncul peringatan: "Akun Anda baru saja login di perangkat lain!"

👥 Tab Manajemen Admin (👥 Admin)

• Tambah Admin Baru: Buat akun terpisah untuk petugas start, juri finish, atau panitia lain.
• Fitur "✏️ Edit": Ganti password kapan saja untuk semua admin, termasuk akun master asep.
• Fitur "🗑️ Hapus": Hapus akses admin yang sudah tidak bertugas (akun master asep dilindungi dari hapus).
• Status 1 Device Aktif: Menampilkan indikator online (🟢) jika akun sedang aktif di perangkat.

📜 Replay GPS & Ekspor Data

• 📊 Analisis Splits Per KM: Rekapitulasi waktu per km (KM 1, KM 2, dst.), pace lari (menit/km), kecepatan rata-rata (km/h), dan KM tercepat (Best Split) lengkap dengan grafik kecepatan.
• Putar Replay di Peta: Putar ulang perjalanan peserta dengan kecepatan 1x, 2x, 4x, atau 8x kilat untuk memeriksa apakah peserta memotong rute resmi.
• Unduh GPX Peserta: Unduh rekaman titik koordinat GPS riil peserta dalam format standar .gpx.
• Ekspor Excel / CSV: Rekapitulasi waktu juara, durasi detik, dan catatan deviasi siap diunduh ke Excel.

🚀 Deploy ke Hostinger (Online)

• Tanpa Database SQL: Menggunakan JSON file engine, tidak perlu setup MySQL / phpMyAdmin!
• Upload ZIP: Kompres proyek (kecuali node_modules), ekstrak di Hostinger hPanel / VPS.
• Node.js: Pilih Node.js v18/v20, startup: server.js, klik NPM Install.
• Barcode & Link Otomatis: Barcode Start/Finish dan link peserta langsung bekerja 100% otomatis mendeteksi domain Anda!