132 lines
2.5 KiB
PHP
132 lines
2.5 KiB
PHP
<!DOCTYPE html>
|
|
<html lang="id">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
|
|
<title>SinergiSpasial</title>
|
|
|
|
<link rel="stylesheet" href="assets/css/style.css">
|
|
</head>
|
|
<body>
|
|
|
|
<header>
|
|
<div class="logo">
|
|
🕌 SinergiSpasial
|
|
</div>
|
|
|
|
<nav>
|
|
<a href="#tentang">Tentang</a>
|
|
<a href="#fitur">Fitur</a>
|
|
<a href="#preview">Preview</a>
|
|
</nav>
|
|
</header>
|
|
|
|
<section class="hero">
|
|
|
|
<div class="hero-content">
|
|
|
|
<h1>
|
|
Sistem Informasi Geografis
|
|
Berbasis Web untuk Analisis
|
|
Sebaran Kemiskinan
|
|
</h1>
|
|
|
|
<p>
|
|
Membantu identifikasi wilayah bantuan
|
|
berdasarkan jangkauan masjid
|
|
di Kota Pontianak.
|
|
</p>
|
|
|
|
<a href="dashboard.html" class="btn">
|
|
Masuk ke Sistem
|
|
</a>
|
|
|
|
</div>
|
|
|
|
</section>
|
|
|
|
<section id="tentang" class="section">
|
|
|
|
<h2>Tentang Sistem</h2>
|
|
|
|
<p>
|
|
SinergiSpasial merupakan WebGIS yang
|
|
dirancang untuk membantu visualisasi
|
|
dan analisis sebaran penduduk miskin
|
|
menggunakan pendekatan geospasial
|
|
berbasis radius jangkauan masjid.
|
|
</p>
|
|
|
|
</section>
|
|
|
|
<section id="fitur" class="section">
|
|
|
|
<h2>Fitur Unggulan</h2>
|
|
|
|
<div class="cards">
|
|
|
|
<div class="card">
|
|
<h3>🕌 Data Masjid</h3>
|
|
<p>Manajemen lokasi masjid sebagai pusat bantuan.</p>
|
|
</div>
|
|
|
|
<div class="card">
|
|
<h3>👨👩👧👦 Data Penduduk</h3>
|
|
<p>Pemetaan penduduk miskin berbasis lokasi.</p>
|
|
</div>
|
|
|
|
<div class="card">
|
|
<h3>📍 Analisis Radius</h3>
|
|
<p>Menentukan jangkauan bantuan secara otomatis.</p>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</section>
|
|
|
|
<section id="preview" class="section">
|
|
|
|
<h2>Preview Sistem</h2>
|
|
|
|
<img src="assets/img/preview.png"
|
|
alt="Preview Dashboard"
|
|
class="preview">
|
|
|
|
</section>
|
|
|
|
<section class="section">
|
|
|
|
<h2>Alur Analisis</h2>
|
|
|
|
<div class="flow">
|
|
|
|
<div>Pilih Masjid</div>
|
|
<div>↓</div>
|
|
|
|
<div>Tentukan Radius</div>
|
|
<div>↓</div>
|
|
|
|
<div>Hitung Jarak</div>
|
|
<div>↓</div>
|
|
|
|
<div>Identifikasi Penduduk</div>
|
|
<div>↓</div>
|
|
|
|
<div>Rekomendasi Bantuan</div>
|
|
|
|
</div>
|
|
|
|
</section>
|
|
|
|
<footer>
|
|
|
|
<p>
|
|
© 2026 SinergiSpasial —
|
|
Sistem Informasi Geografis Kota Pontianak
|
|
</p>
|
|
|
|
</footer>
|
|
|
|
</body>
|
|
</html> |