Locana App

Website bernama Locana yang berfungsi untuk melacak posisi dari sinyal nomor handphone dengan akurat secara realtime. Dibangun dengan Ionic Framework, Angular, Javascript dan HTML/CSS, Websocket, serta Leaflet

📋 Daftar Isi

• Demo
• Teknologi
• Fitur
• Struktur Menu
• Instalasi
• Penggunaan
• Rencana Pengembangan
• Kontak
• Lisensi

🌐 Demo

Website ini dapat diakses melalui Firebase: Locana App

🛠️ Teknologi

• Framework: Ionic
• Programming Language: JavaScript
• Frontend: HTML5, CSS3, Angular, WebSocket, Leaflet
• Deployment: Firebase
• Version Control: Git

✨ Fitur

🏠 Halaman awal dengan navigasi intuitif

📂 Dashboard beranda utama

👤 Riwayat Pelacakan

🖼️ Peta Interaktif

📋 Informasi akun

📌 Struktur Menu

Menu Utama (/tabs/tab1) - Tampilan awal website dengan pengenalan singkat

Project

• Sign Up (/tabs/tab2)

• Sign In (/tabs/tab3)

• Beranda (/beranda)

• Pengaturan Akun (/akun) - Informasi lengkap tentang akun pribadi

• Ubah Password (/ubahpassword) - Mengubah password lama jadi baru

• Dukungan (/support) - Melaporkan kendala ketika memakai aplikasi

• FAQ (/faq) - Seputar pertanyaan umum mengenai aplikasi

💻 Instalasi

Prasyarat

• Node.js (v12 atau lebih baru)
• npm (v6 atau lebih baru)
• Ionic CLI

Langkah Instalasi

1. Clone repositori

• git clone https://github.com/Argyaboy20/locana.git
• cd locana

2. Install dependencies

• npm install

3. Jalankan aplikasi dalam mode development

• ionic serve

4. Aplikasi akan berjalan di http://localhost:8100/

🚀 Penggunaan

DEVELOPMENT MODE

• Menjalankan di browser

-> ionic serve

• Menjalankan di Android

-> ionic capacitor run android

• Menjalankan di iOS

-> ionic capacitor run ios

PRODUCTION BUILD

• Build untuk web

-> ionic build --prod

• Build untuk Android

-> ionic capacitor build android --prod

• Build untuk iOS

-> ionic capacitor build ios --prod

📝 Rencana Pengembangan

• ❌ Menambahkan fitur dark mode
• ✅ Membuat halaman histori pelacakan
• ✅ Menambahkan halaman Profil Akun
• ✅ Membuat halaman khusus FAQ
• ✅ Membuat halaman pelaporan kendala
• ❌ Membuat peta interaktif

📱 Kompatibilitas

Website ini dioptimalkan untuk:

💻 Desktop (Chrome, Firefox, Safari, Edge)

📱 Mobile devices (iOS, Android)

🔄 Responsive design untuk berbagai ukuran layar

📞 Kontak

Untuk pertanyaan atau kolaborasi, silakan hubungi:

📧 Email: maulanafarras030520@gmail.com

💼 GitHub: Argyaboy20

📄 Lisensi

Proyek ini dilisensikan di bawah Lisensi MIT - lihat file LICENSE untuk detail lebih lanjut.

© 2025 All Rights Reserved.

Powered by Firebase and Github