Kompas Digital PROMAX

Navigasi â€ĸ Waktu Shalat â€ĸ Lokasi

v1.0.0 â€ĸ Š 2026

N NE E SE S SW W NW
🕋
Heading

0.0° â€ĸ N

Akurasi

–

Kiblat

–

Ketinggian

–

📍 Koordinat: –

Lokasi: Belum tersedia

🕌 Waktu Shalat

–

📍 –

Shalat Berikutnya

–

–

–

🌅
Subuh Fajr
–
☀ī¸
Terbit Syuruq
–
🌞
Dzuhur Dhuhr
–
🌤ī¸
Ashar Asr
–
🌇
Maghrib Maghrib
–
🌙
Isya Isha
–

📍 Cari Lokasi

Cari lokasi apapun di seluruh dunia

📖 Panduan Penggunaan

Pelajari cara menggunakan Kompas Digital dengan optimal

🧭 1. Menggunakan Kompas

  • Pastikan sensor perangkat aktif dan izinkan akses orientasi.
  • Pegang perangkat secara datar (paralel dengan tanah) untuk hasil terbaik.
  • Jarum emas menunjuk ke arah utara magnetik.
  • Angka derajat menunjukkan heading (0° = Utara, 90° = Timur, 180° = Selatan, 270° = Barat).

đŸŽ¯ 2. Kalibrasi Kompas

  • Tekan tombol Kalibrasi jika arah terasa tidak akurat.
  • Gerakkan perangkat membentuk angka 8 di udara selama beberapa detik.
  • Jauhkan perangkat dari benda logam dan medan magnet (speaker, magnet, elektronik besar).
  • Indikator akurasi berubah dari merah ke hijau saat kompas terkalibrasi baik.

📍 3. Mengaktifkan Lokasi

  • Klik tombol Aktifkan Lokasi untuk memberi izin GPS.
  • Lokasi digunakan untuk menghitung waktu shalat dan arah kiblat.
  • Pastikan GPS perangkat menyala untuk akurasi tertinggi.
  • Anda juga bisa memilih lokasi manual dari halaman Lokasi.

🕋 4. Menemukan Arah Kiblat

  • Aktifkan lokasi terlebih dahulu untuk perhitungan yang akurat.
  • Tekan tombol Arah Kiblat — indikator 🕋 akan muncul di dial.
  • Putar tubuh Anda hingga jarum utara sejajar dengan ikon Ka'bah.
  • Anda kini menghadap kiblat (Makkah, Arab Saudi).

🕌 5. Waktu Shalat

  • Waktu shalat dihitung berdasarkan lokasi Anda secara real-time.
  • Pilih metode perhitungan sesuai wilayah (Kemenag untuk Indonesia).
  • Countdown menunjukkan waktu tersisa menuju shalat berikutnya.
  • Notifikasi otomatis akan berbunyi saat waktu shalat tiba (jika diizinkan).

🔍 6. Pencarian Lokasi

  • Buka halaman Lokasi dan ketik nama kota/tempat.
  • Sistem mendukung pencarian global (seluruh dunia) via OpenStreetMap.
  • Klik hasil untuk melihat detail dan gunakan sebagai lokasi aktif.
  • Gunakan tombol cepat untuk kota-kota populer.

⚠ī¸ 7. Tips & Troubleshooting

  • Kompas tidak bergerak? Pastikan browser mendukung DeviceOrientationEvent (Chrome/Safari mobile).
  • iOS? Anda harus mengetuk halaman terlebih dahulu untuk mengaktifkan sensor.
  • Akurasi rendah? Lakukan kalibrasi ulang di area terbuka.
  • Lokasi tidak akurat? Aktifkan GPS presisi tinggi di pengaturan perangkat.

ℹī¸ Tentang Aplikasi

Kompas Digital Pro v1.0.0

Kompas Digital Pro

Aplikasi kompas modern berbasis web yang menggabungkan sensor perangkat, GPS, dan perhitungan astronomis untuk memberikan pengalaman navigasi yang akurat dan lengkap.

✨ Fitur Utama

  • 🧭 Kompas Real-time — Membaca sensor magnetometer dengan filter smoothing.
  • 🕋 Arah Kiblat — Perhitungan Great Circle akurat ke Ka'bah.
  • 🕌 Waktu Shalat — 6 metode perhitungan (Kemenag, ISNA, MWL, dll).
  • 📍 Pencarian Lokasi Global — Cari lokasi manapun di dunia.
  • 🎨 Tema Gelap/Terang — Antarmuka yang nyaman di segala kondisi.
  • 📱 Responsif — Berjalan mulus di mobile & desktop.
  • 🔔 Notifikasi — Pengingat waktu shalat otomatis.
  • ⚡ Offline-friendly — Data lokasi terakhir tersimpan.

🛠ī¸ Teknologi

  • HTML5 DeviceOrientation API
  • Geolocation API
  • OpenStreetMap Nominatim (pencarian lokasi)
  • Aladhan API (waktu shalat)
  • Vanilla JavaScript ES6+
  • CSS3 Custom Properties & Animations

👨‍đŸ’ģ Pengembang

Awaluddin Saputra

Mahasiswa Semester 4 — Proyek Pengembangan Web

© 2026 — Semua hak dilindungi

📜 Lisensi & Kredit

Aplikasi ini dibuat untuk tujuan edukasi.

  • Data lokasi: Š OpenStreetMap contributors
  • Waktu shalat: Aladhan.com API
  • Font: Google Fonts (Poppins, Amiri)

"Dan Kami jadikan bintang-bintang itu sebagai petunjuk arah bagi kalian dalam kegelapan darat dan laut."

— QS. Al-An'am: 97