Update README.md
This commit is contained in:
committed by
GitHub
parent
bfd5e4d671
commit
7835664f05
@@ -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*).
|
Repositori ini menyatukan beberapa tugas yang dieksekusi secara terpisah dalam satu lingkungan web terpadu (*Landing Page*).
|
||||||
|
|
||||||
```text
|
```text
|
||||||
📁 webgis/
|
📁 tugas-sig/
|
||||||
│
|
│
|
||||||
├── 📁 tugas_01/ # Tugas 1: Pemetaan Data Titik
|
├── 📁 assets/ # Aset Statis & Data Spasial
|
||||||
├── 📁 tugas_02/ # Tugas 2: Pemetaan Data Garis & Poligon
|
│ ├── 📁 css/
|
||||||
├── 📁 tugas_03/ # Tugas 3: Manajemen Lapisan Peta (Layers)
|
│ │ └── style.css # Style global komponen web
|
||||||
|
│ └── 📁 data/ # Layer GeoJSON Batas Administratif (Kecamatan)
|
||||||
|
│ └── Admin_Kecamatan.json
|
||||||
│
|
│
|
||||||
├── index.php # Halaman Utama (Landing Page)
|
├── 📁 config/ # Konfigurasi Sistem
|
||||||
└── README.md # Dokumentasi
|
│ └── 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
|
## 🚀 Daftar Tugas & Deskripsi Proyek
|
||||||
Berikut adalah penjelasan singkat untuk masing-masing modul tugas yang terdapat di dalam repositori ini:
|
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.
|
Studi Kasus: Penggabungan seluruh data SPBU, Jalan, dan Parsil dalam satu layar interaktif.
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
## 🛠️ Teknologi Utama
|
## 🛠️ Teknologi Utama
|
||||||
Frontend: HTML5, CSS3 (Modern Flexbox/Grid CSS), Vanilla JavaScript.
|
Frontend: HTML5, CSS3 (Modern Flexbox/Grid CSS), Vanilla JavaScript.
|
||||||
|
|
||||||
@@ -57,6 +97,8 @@ Database: MySQL / MariaDB.
|
|||||||
|
|
||||||
Basemap Provider: OpenStreetMap (OSM).
|
Basemap Provider: OpenStreetMap (OSM).
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
## 💻 Panduan Menjalankan Proyek Secara Lokal
|
## 💻 Panduan Menjalankan Proyek Secara Lokal
|
||||||
Agar seluruh modul tugas (terutama Tugas Akhir yang memerlukan database) dapat berjalan dengan sempurna, ikuti langkah berikut:
|
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.
|
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).
|
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:
|
3. Konfigurasi Database:
|
||||||
- Buka phpMyAdmin.
|
- Buka phpMyAdmin.
|
||||||
- Buat basis data baru dan import file SQL yang disediakan
|
- 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:
|
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.
|
5. Anda dapat mengklik tombol "Buka Proyek" pada masing-masing kartu penugasan untuk melihat hasilnya secara interaktif.
|
||||||
|
|||||||
Reference in New Issue
Block a user