170
8. Tabel peta
Nama Tabel : peta Primary Key : id_peta
Foreign Key : id_admin, id_jenis_peta, id_bencana,
Tabel 4.31 Tabel Peta
No nama field
jenis lebar
1 id_peta int
10 2 id_jenis_peta
int 10
3 id_bencana int
10
4 id_admin int
3 5 nama_peta
varchar 25
6 link_peta varchar
25
4.2.3 Perancangan Layout
Perancangan layout akan menggambarkan interface antarmuka sistem yang nantinya akan dibuat dan tampilan layout terlampir. Perancangan layout
dibedakan menjadi beberapa halaman antara lain halaman awal, halaman ancaman dan resiko bencana, halaman pantauan bencana, halaman data
171 kejadian bencana, halaman prakiraan cuaca, halaman AWS dan titik api,
halaman kerentanan bencana, halaman peta index rawan bencana, halaman pengetahuan bencana dan halaman tentang pengembang.
1. Halaman pengunjung mobile version
a. Halaman awal
Gambar 4.37 Halaman Awal
b. Halaman Home Mobile version
172
Gambar 4.38 Halaman Home Mobile Version
c. Halaman ancaman dan resiko bencana
Gambar 4.39 Halaman Ancaman dan Resiko Bencana
d. Halaman pantauan bencana
173
Gambar 4.40 Halaman Pantauan Bencana
e. Halaman data kejadian bencana
Gambar 4.41 Halaman Data Kejadian Bencana
174
f. Halaman prakiraan cuaca
Gambar 4.42 Halaman Prakiraan Cuaca
g. Halaman kerentanan bencana
Gambar 4.43 Halaman Kerentanan Bencana
h. Halaman pengetahuan bencana
1. Halaman awal pengunjung
Gambar 4.
2. Halaman Profil
Gambar 4.43 Halaman Pengetahuan Bencana
Halaman awal pengunjung
Gambar 4.44 Halaman awal pengunjung
175
Halaman Pengetahuan Bencana
Gambar 4.
3. Halaman Buku
Gambar 4.45 Halaman profil pengunjung
Gambar 4.46 Halaman buku
176
4. Halaman Poster
5. Halaman Gallery
Gambar 4.47 Halaman poster
Gallery
177
6. Halaman Pengetahuan Bencana
Gambar 4.
7. Halaman Kerjasama
Gambar 4.48 Halaman gallery
Halaman Pengetahuan Bencana
Gambar 4.49 Halaman pengetahuan bencana
Halaman Kerjasama
178
8. Halaman Geospasial
Gambar 4.50 Halaman kerjasama
Halaman Geospasial
Gambar 4.51 Halaman geospasial
179
9. Halaman Data dan Informasi
Gambar 4.
10. Halaman Pantauan Bencana
Halaman Data dan Informasi
Gambar 4.52 Halaman data dan informasi
Halaman Pantauan Bencana
180
Gambar 4.
11. login admin
Gambar 4.53 Halaman pantauan bencana
Gambar 4.54 Halaman login admin
181
12. Halaman Home Admin
13. Halaman Manage
Admin
Gambar 4.55 Halaman awal admin
Manage Buku
Gambar 4.56 Halaman manage buku
182
14. Halaman Manage
15. Halaman Manage
Manage Peta
Gambar 4.57 Halaman manage peta
Manage Berita
183
Gambar 4.
16. Halaman Berita
Gambar 4.
4.3 Fase Implementasi
4.3.1 Coding Program 4.3.1.1 Kajian Ancaman dan Risiko Bencana
Analisis kajian resiko bencana dilakukan pada tahap pra tahap sebelum pembuatan dan perancangan aplikasi sistem informasi spasial
berbasis web. Disini dijelaskan pembuatan kajian resiko tsunami. BNPB telah mengeluarkan Pedoman Kajian Risiko Tsunami atau Tsunami Risk
Gambar 4.58 Halaman manage berita
Gambar 4.59 Halaman manage berita
Fase Implementasi Program
Kajian Ancaman dan Risiko Bencana
Analisis kajian resiko bencana dilakukan pada tahap pra pembuatan dan perancangan aplikasi sistem informasi spasial
berbasis web. Disini dijelaskan pembuatan kajian resiko tsunami. BNPB telah mengeluarkan Pedoman Kajian Risiko Tsunami atau Tsunami Risk
184 Analisis kajian resiko bencana dilakukan pada tahap pra-proses yaitu
pembuatan dan perancangan aplikasi sistem informasi spasial berbasis web. Disini dijelaskan pembuatan kajian resiko tsunami. BNPB telah
mengeluarkan Pedoman Kajian Risiko Tsunami atau Tsunami Risk