webgis-andi/project4.html at main · suryaalam12/webgis-andi · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Intergrasi Dataspasial ke DBMS</title>
    <link
      rel="stylesheet"
      href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css"
    />
    <link
      rel="stylesheet"
      href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css"
    />
    <link rel="stylesheet" href="index.css" />
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
  </head>
  <body>
    <button class="btn btn-primary back-button" onclick="goBack()">
      <i class="fas fa-arrow-left"></i> Kembali
    </button>
    <div class="container">
      <div class="konten">
        <img src="data/znt.jpg" class="gambar" />
        <p class="tulisan">
          Visualisasi nilai hasil penilaian zona nilai tanah dengan data
          Shapefile per desa menggunakan QGIS adalah dengan mengimpor dan
          menyatukan kedua set data tersebut. Setelah melakukan penggabungan,
          langkah selanjutnya adalah membuat tampilan data nilai zona tanah yang
          representatif, menambahkan informasi teks saat hover untuk memudahkan
          pengguna mendapatkan informasi properti di dalam bidang polygon.
          Setelah berhasil membuat tampilan yang diinginkan, langkah terakhir
          adalah menempatkan hasil akhir pada server agar dapat diakses
          bersamaan oleh banyak pengguna menggunakan IP server.<a
            href="https://suryaalam12.github.io/znt/index.html#16/-7.5281/112.2291"
            target="_blank"
            style="color: blue; text-decoration: none"
          >
            Lihat Contoh</a
          >
        </p>
      </div>
    </div>
  </body>
  <script>
    function goBack() {
      window.history.back();
    }
  </script>
</html>