Update README.md

This commit is contained in:
Alvin Andrianto Ciputra
2026-06-10 19:17:11 +07:00
committed by GitHub
parent bfd5e4d671
commit 7835664f05
+51 -9
View File
@@ -12,16 +12,54 @@ Repositori ini berisi kumpulan tugas praktikum mata kuliah **Sistem Informasi Ge
Repositori ini menyatukan beberapa tugas yang dieksekusi secara terpisah dalam satu lingkungan web terpadu (*Landing Page*).
```text
📁 webgis/
📁 tugas-sig/
├── 📁 tugas_01/ # Tugas 1: Pemetaan Data Titik
├── 📁 tugas_02/ # Tugas 2: Pemetaan Data Garis & Poligon
├── 📁 tugas_03/ # Tugas 3: Manajemen Lapisan Peta (Layers)
├── 📁 assets/ # Aset Statis & Data Spasial
├── 📁 css/
│ │ └── style.css # Style global komponen web
│ └── 📁 data/ # Layer GeoJSON Batas Administratif (Kecamatan)
│ └── Admin_Kecamatan.json
├── index.php # Halaman Utama (Landing Page)
└── README.md # Dokumentasi
├── 📁 config/ # Konfigurasi Sistem
│ └── koneksi.php # Pusat koneksi database (Environment Variables)
├── 📁 jalan/ # API Modul Jalan (Polyline)
│ ├── get_jalan.php
│ ├── hapus_jalan.php
│ ├── tambah_jalan.php
│ └── update_jalan.php
├── 📁 parsil/ # API Modul Parsil Lahan (Polygon)
│ ├── get_parsil.php
│ ├── hapus_parsil.php
│ ├── tambah_parsil.php
│ └── update_parsil.php
├── 📁 shared/ # API Bersama (Shared API)
│ └── update_geometri.php
├── 📁 spbu/ # API Modul SPBU (Point)
│ ├── hapus_spbu.php
│ ├── tambah_spbu.php
│ ├── update_koordinat.php
│ └── update_spbu.php
├── 📁 tugas-01/ # Tampilan Tugas 1: Pemetaan Data Titik
│ └── index.php
├── 📁 tugas-02/ # Tampilan Tugas 2: Pemetaan Data Garis & Poligon
│ └── index.php
├── 📁 tugas-03/ # Tampilan Tugas 3: Manajemen Lapisan Peta (Layers)
│ └── index.php
├── Dockerfile # Konfigurasi sistem Deployment Cloud (Coolify)
├── index.php # Halaman Utama (Landing Page Portofolio)
└── README.md # Dokumentasi ini
```
---
## 🚀 Daftar Tugas & Deskripsi Proyek
Berikut adalah penjelasan singkat untuk masing-masing modul tugas yang terdapat di dalam repositori ini:
@@ -46,6 +84,8 @@ Fokus Pembelajaran: Mengelompokkan marker, polyline, dan polygon menggunakan L.l
Studi Kasus: Penggabungan seluruh data SPBU, Jalan, dan Parsil dalam satu layar interaktif.
---
## 🛠️ Teknologi Utama
Frontend: HTML5, CSS3 (Modern Flexbox/Grid CSS), Vanilla JavaScript.
@@ -57,6 +97,8 @@ Database: MySQL / MariaDB.
Basemap Provider: OpenStreetMap (OSM).
---
## 💻 Panduan Menjalankan Proyek Secara Lokal
Agar seluruh modul tugas (terutama Tugas Akhir yang memerlukan database) dapat berjalan dengan sempurna, ikuti langkah berikut:
1. Pastikan Anda telah memasang Web Server lokal (seperti XAMPP, Laragon, atau MAMP) dan mengaktifkan servis Apache & MySQL.
@@ -64,18 +106,18 @@ Agar seluruh modul tugas (terutama Tugas Akhir yang memerlukan database) dapat b
2. Salin atau Clone repositori ini ke dalam direktori publik web server Anda (contoh: di dalam folder htdocs untuk XAMPP).
```
git clone https://github.com/alvinciputra028/webgis.git
git clone https://github.com/alvinciputra028-art/tugas-sig.git
```
3. Konfigurasi Database:
- Buka phpMyAdmin.
- Buat basis data baru dan import file SQL yang disediakan
- Sesuaikan kredensial akses di dalam file webgis-bansos/config/koneksi.php.
- Sesuaikan kredensial akses di dalam file /config/koneksi.php.
4. Buka peramban (web browser) dan akses URL Landing Page:
```
http://localhost/webgis/index.php
http://localhost/tugas-sig/index.php
```
5. Anda dapat mengklik tombol "Buka Proyek" pada masing-masing kartu penugasan untuk melihat hasilnya secara interaktif.