aslam5/UAS-SIG-d1041231006
0
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Initial commit

Browse Source
This commit is contained in:
Monarch055
2026-06-10 19:36:52 +07:00
commit 7ad037bf0a
69 changed files with 16579 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
parsil-tanah/db.php
+13
View File
@@ -0,0 +1,13 @@
<?php
$host = 'localhost';
$dbname = 'spbu_db'; // Change if your database name is different
$username = 'root'; // Default XAMPP username
$password = ''; // Default XAMPP password is empty
try {
$pdo = new PDO("mysql:host=$host;dbname=$dbname;charset=utf8mb4", $username, $password);
$pdo->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION);
} catch (PDOException $e) {
die("Database connection failed: " . $e->getMessage());
}
?>
parsil-tanah/delete_jalan.php
+27
View File
@@ -0,0 +1,27 @@
<?php
require 'db.php';
header('Content-Type: application/json; charset=utf-8');
if ($_SERVER['REQUEST_METHOD'] !== 'POST') {
http_response_code(405);
echo json_encode(['status' => 'error', 'message' => 'Method not allowed.']);
exit;
}
$id = $_POST['id'] ?? null;
if ($id === null) {
http_response_code(400);
echo json_encode(['status' => 'error', 'message' => 'Missing id.']);
exit;
}
$sql = "DELETE FROM tb_jalan WHERE id = ?";
$stmt = $pdo->prepare($sql);
if ($stmt->execute([(int)$id])) {
echo json_encode(['status' => 'success', 'message' => 'Jalan deleted.']);
} else {
http_response_code(500);
echo json_encode(['status' => 'error', 'message' => 'Failed to delete jalan.']);
}
parsil-tanah/delete_parsil.php
+27
View File
@@ -0,0 +1,27 @@
<?php
require 'db.php';
header('Content-Type: application/json; charset=utf-8');
if ($_SERVER['REQUEST_METHOD'] !== 'POST') {
http_response_code(405);
echo json_encode(['status' => 'error', 'message' => 'Method not allowed.']);
exit;
}
$id = $_POST['id'] ?? null;
if ($id === null) {
http_response_code(400);
echo json_encode(['status' => 'error', 'message' => 'Missing id.']);
exit;
}
$sql = "DELETE FROM tb_parsil WHERE id = ?";
$stmt = $pdo->prepare($sql);
if ($stmt->execute([(int)$id])) {
echo json_encode(['status' => 'success', 'message' => 'Parsil deleted.']);
} else {
http_response_code(500);
echo json_encode(['status' => 'error', 'message' => 'Failed to delete parsil.']);
}
parsil-tanah/delete_spbu.php
+28
View File
@@ -0,0 +1,28 @@
<?php
require 'db.php';
header('Content-Type: application/json; charset=utf-8');
if ($_SERVER["REQUEST_METHOD"] == "POST" && isset($_POST['id'])) {
$id = $_POST['id'] ?? null;
if ($id === null) {
http_response_code(400);
echo json_encode(["status" => "error", "message" => "Missing id."]);
exit;
}
$sql = "DELETE FROM SPBU WHERE id = ?";
$stmt = $pdo->prepare($sql);
if ($stmt->execute([$id])) {
echo json_encode(["status" => "success", "message" => "Data deleted!"]);
} else {
http_response_code(500);
echo json_encode(["status" => "error", "message" => "Failed to delete data."]);
}
} else {
http_response_code(405);
echo json_encode(["status" => "error", "message" => "Method not allowed."]);
}
?>
parsil-tanah/get_jalan.php
+10
View File
@@ -0,0 +1,10 @@
<?php
require 'db.php';
header('Content-Type: application/json; charset=utf-8');
$sql = "SELECT id, nama_jalan, status_jalan, panjang_meter, koordinat FROM tb_jalan ORDER BY id DESC";
$stmt = $pdo->query($sql);
$results = $stmt->fetchAll(PDO::FETCH_ASSOC);
echo json_encode($results);
parsil-tanah/get_parsil.php
+10
View File
@@ -0,0 +1,10 @@
<?php
require 'db.php';
header('Content-Type: application/json; charset=utf-8');
$sql = "SELECT id, nama_pemilik, status_kepemilikan, luas_m2, koordinat FROM tb_parsil ORDER BY id DESC";
$stmt = $pdo->query($sql);
$results = $stmt->fetchAll(PDO::FETCH_ASSOC);
echo json_encode($results);
parsil-tanah/get_spbu.php
+10
View File
@@ -0,0 +1,10 @@
<?php
require 'db.php';
$sql = "SELECT * FROM SPBU";
$stmt = $pdo->query($sql);
$results = $stmt->fetchAll(PDO::FETCH_ASSOC);
header('Content-Type: application/json');
echo json_encode($results);
?>
parsil-tanah/index.html
+1832
View File
File diff suppressed because it is too large Load Diff
parsil-tanah/save_jalan.php
+38
View File
@@ -0,0 +1,38 @@
<?php
require 'db.php';
header('Content-Type: application/json; charset=utf-8');
if ($_SERVER['REQUEST_METHOD'] !== 'POST') {
http_response_code(405);
echo json_encode(['status' => 'error', 'message' => 'Method not allowed.']);
exit;
}
$nama_jalan = $_POST['nama_jalan'] ?? null;
$status_jalan = $_POST['status_jalan'] ?? null;
$panjang_meter = $_POST['panjang_meter'] ?? null;
$koordinat = $_POST['koordinat'] ?? null;
if ($nama_jalan === null || $status_jalan === null || $panjang_meter === null || $koordinat === null) {
http_response_code(400);
echo json_encode(['status' => 'error', 'message' => 'Missing required fields.']);
exit;
}
$decoded = json_decode($koordinat, true);
if ($decoded === null) {
http_response_code(400);
echo json_encode(['status' => 'error', 'message' => 'Invalid koordinat JSON.']);
exit;
}
$sql = "INSERT INTO tb_jalan (nama_jalan, status_jalan, panjang_meter, koordinat) VALUES (?, ?, ?, ?)";
$stmt = $pdo->prepare($sql);
if ($stmt->execute([$nama_jalan, $status_jalan, (float)$panjang_meter, $koordinat])) {
echo json_encode(['status' => 'success', 'message' => 'Jalan saved.']);
} else {
http_response_code(500);
echo json_encode(['status' => 'error', 'message' => 'Failed to save jalan.']);
}
parsil-tanah/save_parsil.php
+38
View File
@@ -0,0 +1,38 @@
<?php
require 'db.php';
header('Content-Type: application/json; charset=utf-8');
if ($_SERVER['REQUEST_METHOD'] !== 'POST') {
http_response_code(405);
echo json_encode(['status' => 'error', 'message' => 'Method not allowed.']);
exit;
}
$nama_pemilik = $_POST['nama_pemilik'] ?? null;
$status_kepemilikan = $_POST['status_kepemilikan'] ?? null;
$luas_m2 = $_POST['luas_m2'] ?? null;
$koordinat = $_POST['koordinat'] ?? null;
if ($nama_pemilik === null || $status_kepemilikan === null || $luas_m2 === null || $koordinat === null) {
http_response_code(400);
echo json_encode(['status' => 'error', 'message' => 'Missing required fields.']);
exit;
}
$decoded = json_decode($koordinat, true);
if ($decoded === null) {
http_response_code(400);
echo json_encode(['status' => 'error', 'message' => 'Invalid koordinat JSON.']);
exit;
}
$sql = "INSERT INTO tb_parsil (nama_pemilik, status_kepemilikan, luas_m2, koordinat) VALUES (?, ?, ?, ?)";
$stmt = $pdo->prepare($sql);
if ($stmt->execute([$nama_pemilik, $status_kepemilikan, (float)$luas_m2, $koordinat])) {
echo json_encode(['status' => 'success', 'message' => 'Parsil saved.']);
} else {
http_response_code(500);
echo json_encode(['status' => 'error', 'message' => 'Failed to save parsil.']);
}
parsil-tanah/save_spbu.php
+32
View File
@@ -0,0 +1,32 @@
<?php
require 'db.php';
header('Content-Type: application/json; charset=utf-8');
if ($_SERVER["REQUEST_METHOD"] == "POST") {
$nama = $_POST['nama'] ?? null;
$nomor = $_POST['nomor'] ?? null;
$status = $_POST['status'] ?? null;
$lat = $_POST['latitude'] ?? null;
$lng = $_POST['longitude'] ?? null;
if ($nama === null || $nomor === null || $status === null || $lat === null || $lng === null) {
http_response_code(400);
echo json_encode(["status" => "error", "message" => "Missing required fields."]);
exit;
}
$sql = "INSERT INTO SPBU (nama, nomor, status, Latitude, Longitude) VALUES (?, ?, ?, ?, ?)";
$stmt = $pdo->prepare($sql);
if ($stmt->execute([$nama, $nomor, $status, $lat, $lng])) {
echo json_encode(["status" => "success", "message" => "SPBU Data Saved!"]);
} else {
http_response_code(500);
echo json_encode(["status" => "error", "message" => "Failed to save data."]);
}
} else {
http_response_code(405);
echo json_encode(["status" => "error", "message" => "Method not allowed."]);
}
?>
parsil-tanah/update_jalan.php
+39
View File
@@ -0,0 +1,39 @@
<?php
require 'db.php';
header('Content-Type: application/json; charset=utf-8');
if ($_SERVER['REQUEST_METHOD'] !== 'POST') {
http_response_code(405);
echo json_encode(['status' => 'error', 'message' => 'Method not allowed.']);
exit;
}
$id = $_POST['id'] ?? null;
$nama_jalan = $_POST['nama_jalan'] ?? null;
$status_jalan = $_POST['status_jalan'] ?? null;
$panjang_meter = $_POST['panjang_meter'] ?? null;
$koordinat = $_POST['koordinat'] ?? null;
if ($id === null || $nama_jalan === null || $status_jalan === null || $panjang_meter === null || $koordinat === null) {
http_response_code(400);
echo json_encode(['status' => 'error', 'message' => 'Missing required fields.']);
exit;
}
$decoded = json_decode($koordinat, true);
if ($decoded === null) {
http_response_code(400);
echo json_encode(['status' => 'error', 'message' => 'Invalid koordinat JSON.']);
exit;
}
$sql = "UPDATE tb_jalan SET nama_jalan = ?, status_jalan = ?, panjang_meter = ?, koordinat = ? WHERE id = ?";
$stmt = $pdo->prepare($sql);
if ($stmt->execute([$nama_jalan, $status_jalan, (float)$panjang_meter, $koordinat, (int)$id])) {
echo json_encode(['status' => 'success', 'message' => 'Jalan updated.']);
} else {
http_response_code(500);
echo json_encode(['status' => 'error', 'message' => 'Failed to update jalan.']);
}
parsil-tanah/update_parsil.php
+39
View File
@@ -0,0 +1,39 @@
<?php
require 'db.php';
header('Content-Type: application/json; charset=utf-8');
if ($_SERVER['REQUEST_METHOD'] !== 'POST') {
http_response_code(405);
echo json_encode(['status' => 'error', 'message' => 'Method not allowed.']);
exit;
}
$id = $_POST['id'] ?? null;
$nama_pemilik = $_POST['nama_pemilik'] ?? null;
$status_kepemilikan = $_POST['status_kepemilikan'] ?? null;
$luas_m2 = $_POST['luas_m2'] ?? null;
$koordinat = $_POST['koordinat'] ?? null;
if ($id === null || $nama_pemilik === null || $status_kepemilikan === null || $luas_m2 === null || $koordinat === null) {
http_response_code(400);
echo json_encode(['status' => 'error', 'message' => 'Missing required fields.']);
exit;
}
$decoded = json_decode($koordinat, true);
if ($decoded === null) {
http_response_code(400);
echo json_encode(['status' => 'error', 'message' => 'Invalid koordinat JSON.']);
exit;
}
$sql = "UPDATE tb_parsil SET nama_pemilik = ?, status_kepemilikan = ?, luas_m2 = ?, koordinat = ? WHERE id = ?";
$stmt = $pdo->prepare($sql);
if ($stmt->execute([$nama_pemilik, $status_kepemilikan, (float)$luas_m2, $koordinat, (int)$id])) {
echo json_encode(['status' => 'success', 'message' => 'Parsil updated.']);
} else {
http_response_code(500);
echo json_encode(['status' => 'error', 'message' => 'Failed to update parsil.']);
}
parsil-tanah/update_spbu.php
+45
View File
@@ -0,0 +1,45 @@
<?php
require 'db.php';
header('Content-Type: application/json; charset=utf-8');
if ($_SERVER["REQUEST_METHOD"] == "POST" && isset($_POST['id'])) {
$id = $_POST['id'] ?? null;
$nama = $_POST['nama'] ?? null;
$nomor = $_POST['nomor'] ?? null;
$status = $_POST['status'] ?? null;
$lat = $_POST['latitude'] ?? null;
$lng = $_POST['longitude'] ?? null;
if ($id === null || $nama === null || $nomor === null || $status === null) {
http_response_code(400);
echo json_encode(["status" => "error", "message" => "Missing required fields."]);
exit;
}
$params = [$nama, $nomor, $status];
$sql = "UPDATE SPBU SET nama = ?, nomor = ?, status = ?";
// Optional location update (used for drag-to-move)
if ($lat !== null && $lng !== null && is_numeric($lat) && is_numeric($lng)) {
$sql .= ", Latitude = ?, Longitude = ?";
$params[] = $lat;
$params[] = $lng;
}
$sql .= " WHERE id = ?";
$params[] = $id;
$stmt = $pdo->prepare($sql);
if ($stmt->execute($params)) {
echo json_encode(["status" => "success", "message" => "Data updated!"]);
} else {
http_response_code(500);
echo json_encode(["status" => "error", "message" => "Failed to update data."]);
}
} else {
http_response_code(405);
echo json_encode(["status" => "error", "message" => "Method not allowed."]);
}
?>
parsil-tanah/view.html
+240
View File
@@ -0,0 +1,240 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>View Maps</title>
<link rel="stylesheet" href="https://unpkg.com/leaflet@1.9.4/dist/leaflet.css" />
<script src="https://unpkg.com/leaflet@1.9.4/dist/leaflet.js"></script>
<!-- Google Fonts for premium typography -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
<style>
body {
margin: 0;
padding: 0;
font-family: 'Inter', system-ui, -apple-system, sans-serif;
background: #f8fafc;
color: #0f172a;
}
#map { height: 100vh; width: 100vw; }
#legend {
position: fixed;
top: 20px;
right: 20px;
z-index: 1000;
background: #ffffff;
border: 1px solid #e2e8f0;
border-radius: 12px;
padding: 16px;
width: 280px;
box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
font-size: 13px;
color: #0f172a;
}
#legend h3 {
margin: 0 0 6px 0;
font-size: 15px;
font-weight: 700;
letter-spacing: -0.01em;
}
#legend p {
margin: 0 0 12px 0;
color: #64748b;
font-size: 12px;
line-height: 1.4;
}
#legend ul {
margin: 0;
padding: 0;
list-style: none;
display: flex;
flex-direction: column;
gap: 8px;
}
#legend li {
display: flex;
align-items: center;
gap: 10px;
line-height: 1.35;
}
/* Custom styled indicators for the read-only legend */
.legend-indicator {
width: 10px;
height: 10px;
border-radius: 50%;
flex-shrink: 0;
display: inline-block;
}
.indicator-spbu-active { background-color: #10b981; }
.indicator-spbu-inactive { background-color: #ef4444; }
.indicator-jalan-nas { background-color: #ef4444; }
.indicator-jalan-prov { background-color: #10b981; }
.indicator-jalan-kab { background-color: #3b82f6; }
.indicator-parsil-shm { background-color: #f59e0b; }
.indicator-parsil-hgb { background-color: #8b5cf6; }
.indicator-parsil-hgu { background-color: #f97316; }
.indicator-parsil-hp { background-color: #6b7280; }
</style>
</head>
<body>
<div id="map"></div>
<div id="legend">
<h3>Legend</h3>
<p>Halaman ini hanya untuk melihat data peta (read-only).</p>
<ul>
<li>
<span class="legend-indicator indicator-spbu-active"></span>
<span>SPBU Buka 24 Jam</span>
</li>
<li>
<span class="legend-indicator indicator-spbu-inactive"></span>
<span>SPBU Buka &lt; 24 Jam</span>
</li>
<li>
<span class="legend-indicator indicator-jalan-nas"></span>
<span>Jalan Nasional</span>
</li>
<li>
<span class="legend-indicator indicator-jalan-prov"></span>
<span>Jalan Provinsi</span>
</li>
<li>
<span class="legend-indicator indicator-jalan-kab"></span>
<span>Jalan Kabupaten</span>
</li>
<li>
<span class="legend-indicator indicator-parsil-shm"></span>
<span>Parsil SHM (Milik)</span>
</li>
<li>
<span class="legend-indicator indicator-parsil-hgb"></span>
<span>Parsil HGB (Bangunan)</span>
</li>
<li>
<span class="legend-indicator indicator-parsil-hgu"></span>
<span>Parsil HGU (Usaha)</span>
</li>
<li>
<span class="legend-indicator indicator-parsil-hp"></span>
<span>Parsil HP (Pakai)</span>
</li>
</ul>
</div>
<script>
const map = L.map('map').setView([-0.055, 109.34], 13);
L.tileLayer('https://tile.openstreetmap.org/{z}/{x}/{y}.png', {
maxZoom: 19,
attribution: '&copy; OpenStreetMap'
}).addTo(map);
const markersLayer = L.layerGroup().addTo(map);
const roadsLayer = L.layerGroup().addTo(map);
const parcelsLayer = L.layerGroup().addTo(map);
const greenIcon = new L.Icon({
iconUrl: 'https://raw.githubusercontent.com/pointhi/leaflet-color-markers/master/img/marker-icon-2x-green.png',
shadowUrl: 'https://cdnjs.cloudflare.com/ajax/libs/leaflet/0.7.7/images/marker-shadow.png',
iconSize: [25, 41], iconAnchor: [12, 41], popupAnchor: [1, -34], shadowSize: [41, 41]
});
const redIcon = new L.Icon({
iconUrl: 'https://raw.githubusercontent.com/pointhi/leaflet-color-markers/master/img/marker-icon-2x-red.png',
shadowUrl: 'https://cdnjs.cloudflare.com/ajax/libs/leaflet/0.7.7/images/marker-shadow.png',
iconSize: [25, 41], iconAnchor: [12, 41], popupAnchor: [1, -34], shadowSize: [41, 41]
});
function roadColor(status) {
if (status === 'Jalan Nasional') return '#FF0000';
if (status === 'Jalan Provinsi') return '#00FF00';
if (status === 'Jalan Kabupaten') return '#0000FF';
return '#666666';
}
function parcelFillColor(status) {
if (status === 'SHM') return '#FFD700';
if (status === 'HGB') return '#800080';
if (status === 'HGU') return '#FFA500';
if (status === 'HP') return '#808080';
return '#666666';
}
function refreshMarkers() {
return fetch('get_spbu.php')
.then(r => r.json())
.then(rows => {
markersLayer.clearLayers();
rows.forEach(spbu => {
const markerIcon = (spbu.status === 'Buka 24 Jam') ? greenIcon : redIcon;
const lat = spbu.Latitude;
const lng = spbu.Longitude;
const marker = L.marker([lat, lng], { icon: markerIcon });
marker.bindPopup(`
<b>${spbu.nama}</b><br>
Nomor: ${spbu.nomor}<br>
Buka: ${spbu.status}
`);
marker.addTo(markersLayer);
});
})
.catch(err => console.error('Error fetching spbu:', err));
}
function refreshRoads() {
return fetch('get_jalan.php')
.then(r => r.json())
.then(rows => {
roadsLayer.clearLayers();
rows.forEach(row => {
let geom;
try { geom = JSON.parse(row.koordinat); } catch { return; }
const gj = L.geoJSON(geom, {
style: { color: roadColor(row.status_jalan), weight: 4 }
});
gj.eachLayer(l => {
l.bindPopup(`
<b>${row.nama_jalan}</b><br>
Status: ${row.status_jalan}<br>
Panjang (m): ${Number(row.panjang_meter || 0).toFixed(2)}
`);
});
gj.addTo(roadsLayer);
});
})
.catch(err => console.error('Error fetching jalan:', err));
}
function refreshParcels() {
return fetch('get_parsil.php')
.then(r => r.json())
.then(rows => {
parcelsLayer.clearLayers();
rows.forEach(row => {
let geom;
try { geom = JSON.parse(row.koordinat); } catch { return; }
const gj = L.geoJSON(geom, {
style: { color: '#333333', weight: 2, fillColor: parcelFillColor(row.status_kepemilikan), fillOpacity: 0.45 }
});
gj.eachLayer(l => {
l.bindPopup(`
<b>${row.nama_pemilik}</b><br>
Status: ${row.status_kepemilikan}<br>
Luas (m²): ${Number(row.luas_m2 || 0).toFixed(2)}
`);
});
gj.addTo(parcelsLayer);
});
})
.catch(err => console.error('Error fetching parsil:', err));
}
Promise.all([refreshMarkers(), refreshRoads(), refreshParcels()]);
</script>
</body>
</html>