Sistem Informasi Geografis (GIS) Desa Tengguli 🗺️

📋 Deskripsi Proyek

Sistem Informasi Geografis berbasis web ini dikembangkan untuk memetakan dan memantau infrastruktur serta fasilitas publik di Desa Tengguli 🏘️. Aplikasi ini berfungsi sebagai platform digital untuk pemetaan wilayah, monitoring kondisi aset desa, perencanaan pembangunan, dan meningkatkan akses informasi bagi masyarakat. Fitur pelaporan partisipatif memungkinkan warga berperan aktif dalam pembaruan data lokasi.

📍 A. Cakupan Pemetaan Wilayah

Lokasi yang akan dipetakan mencakup:

• 🏛️ Kantor desa
• 🏫 Sekolah (SD, TK, PAUD)
• 🕌 Tempat ibadah (Masjid, Mushola)
• 🏥 Posyandu dan fasilitas kesehatan
• ⚽ Lapangan olahraga dan ruang publik
• 🏗️ Infrastruktur umum lainnya

🚀 B. Kapabilitas Aplikasi

• 🗺️ Peta Digital Interaktif: Visualisasi spasial dengan penanda informatif setiap fasilitas
• 📊 Pengelolaan Layer: Tampilan terpisah berdasarkan klasifikasi objek
• 🔍 Fitur Pencarian: Temukan lokasi berdasarkan nama atau jenis fasilitas
• 📋 Detail Lokasi: Informasi lengkap termasuk foto, kondisi terkini, dan atribut lainnya
• ⚙️ Panel Administrasi: Antarmuka pengelolaan data lokasi (memerlukan login)
• 📈 Dasbor Statistik: Ringkasan data kuantitatif fasilitas desa
• 📢 Mekanisme Pelaporan: Formulir bagi warga untuk melaporkan perubahan kondisi fasilitas

🔄 C. Proses Operasional Sistem

1. 📸 Pengumpulan Data Primer: Survei lapangan untuk akurasi koordinat dan atribut
2. 💻 Input Data oleh Admin: Entry data melalui antarmuka administratif
3. 🌐 Akses oleh Pengguna: Masyarakat mengakses peta via browser web
4. 🔎 Eksplorasi Data: Filter berdasarkan kategori dan interaksi dengan penanda
5. 📝 Pelaporan Partisipatif: Warga mengirimkan update kondisi melalui form laporan
6. ✅ Validasi dan Pembaruan: Admin memverifikasi laporan dan memperbarui basis data

✨ D. Nilai Manfaat

• 📊 Pemantauan real-time kondisi aset desa
• 🏗️ Dukungan data spasial untuk perencanaan pembangunan
• 🔓 Peningkatan transparansi informasi publik
• 🤝 Kolaborasi warga dalam pemeliharaan data geografis

---

🌐 Demo Online

Akses aplikasi live melalui tautan berikut: https://map-desa-tengguli.vercel.app 🔗

Coba berbagai fungsi yang tersedia:

• 🗺️ Jelajahi peta dan data fasilitas
• 📝 Gunakan fitur pelaporan sebagai warga
• ⚙️ Masuk sebagai administrator untuk pengelolaan data

🔑 Akses Administrator (Demo):

• 👤 Nama Pengguna: admin
• 🔒 Kata Sandi: admin123

---

🛠️ Stack Teknologi

• 🎨 Frontend: Next.js dengan TypeScript, Tailwind CSS
• 🗺️ Pemetaan: React Leaflet, MapTiler
• 💾 Backend & Database: Supabase (PostgreSQL dengan PostGIS)
• 🎯 Ikon: Lucide React
• 📊 Visualisasi Data: Recharts

⚙️ Persyaratan Sistem

Sebelum memulai, pastikan terinstal:

• Node.js 🟢 (Versi 18 atau lebih baru)
• Akun Supabase untuk basis data

🚀 Panduan Instalasi

Ikuti petunjuk ini untuk menjalankan proyek di lingkungan lokal:

1. 📥 Duplikasi Repositori

git clone https://github.com/asmarahancur/MapGISNextJS
cd MapGISNextJS

2. 📦 Instalasi Dependensi

Instal paket-paket yang diperlukan:

npm install

3. ⚙️ Konfigurasi Environment

File environment sudah tersedia di repositori. Anda hanya perlu menyesuaikan nilai-nilai berikut di Vercel atau environment deployment Anda:

🛠️ Variabel yang Diperlukan:

• NEXT_PUBLIC_SUPABASE_URL: URL proyek Supabase Anda
• NEXT_PUBLIC_SUPABASE_ANON_KEY: Kunci anonim Supabase
• SUPABASE_SERVICE_ROLE_KEY: Kunci peran layanan Supabase
• NEXT_PUBLIC_MAPTILER_API_KEY: Kunci API MapTiler
• ADMIN_USER: Nama pengguna admin
• ADMIN_PASSWORD: Kata sandi admin

4. 🗄️ Persiapan Basis Data

Jalankan skrip SQL di supabase_setup.sql melalui SQL Editor di dashboard Supabase. Skrip ini akan:

• 🔧 Mengaktifkan ekstensi PostGIS
• 📋 Membuat tabel-tabel yang diperlukan
• 🔐 Mengatur kebijakan keamanan Row Level Security (RLS)

5. ▶️ Menjalankan Aplikasi

Mulai server pengembangan:

npm run dev

Akses aplikasi di http://localhost:3000 🌐 melalui browser.

📁 Arsitektur Direktori

src/
├── app/              # 🏠 Halaman aplikasi (App Router Next.js)
├── components/       # 🔧 Komponen UI reusable
├── lib/             # ⚙️ Konfigurasi dan utilitas (Supabase client)
└── types/           # 📝 Definisi tipe TypeScript

🤝 Kontribusi

Proyek ini merupakan bagian dari tugas pengembangan sistem informasi geografis. Untuk saran atau kontribusi, silakan buat issue atau pull request di repositori GitHub.

---

🗺️ Sistem Informasi Geografis Desa Tengguli - Platform Digital untuk Pemetaan dan Monitoring Fasilitas Publik