k2 Menunjukan kode sebaran pelengkap
Menunjukan kode sebaran yang menunjukkan cakupan wilayah banjir
3.2.10 Perancangan Struktur Menu
Perancangan struktur menu dari aplikasi sistem informasi geografis untuk mengidentifikasi daerah rawan banjir di Bandung berbasis mobile adalah sebagai
berikut:
3.2.10.1 Perancangan Struktur Menu Sistem Informasi Geografis Banjir Bandung Berbasis
Mobile
Gambar 3.35 Perancangan Struktur Menu Sistem Informasi Geografis Banjir Bandung Berbasis
Mobile
3.2.10.2 Perancangan Struktur Menu Admin
Gambar 3.36 Perancangan Struktur Menu Admin 3.2.11 Perancangan Antarmuka
Perancangan antarmuka merupakan perancangan yang dibuat untuk memeberikan gambaran sebelum aplikasi dibangun. Perancangan antar muka
inputoutput, struktur dan tampilan dirancang sedemikian rupa agar mudah dioperasikan oleh user.
3.2.11.1 Perancangan Antar Muka Frontend
3.2.11.1.1 Perancangan Antar Muka Menu Home
Gambar 3.37 Perancangan Antar Muka Menu Home
3.2.11.1.2 Perancangan Antar Muka Menu Profile
Gambar 3.38 Perancangan Antar Muka Menu Profile
3.2.11.1.3 Perancangan Antar Muka Menu Help
Gambar 3.39 Perancangan Antar Muka Menu Help
3.2.11.1.4 Perancangan Antar Muka Menu Daerah Banjir Berdasarkan Kecamatan
Gambar 3.40 Perancangan Antar Muka Menu Daerah Banjir Berdasarkan Kecamatan
3.2.11.1.5 Perancangan Antar Muka Menu Pencarian Lokasi Daerah Banjir
Gambar 3.41 Perancangan Antar Muka Menu Pencarian Lokasi Daerah Banjir
3.2.11.2 Perancangan Antar Muka Backend
3.2.11.2.1 Perancangan Antar Muka Halaman Login Admin
Gambar 3.42 Perancangan Antar Muka Halaman Login Admin
3.2.11.2.2 Perancangan Antar Muka Halaman Depan Admin
Gambar 3.43 Perancangan Antar Muka Halaman Depan Admin
3.2.11.2.3 Perancangan Antar Muka Halaman Data Kecamatan
Gambar 3.44 Perancangan Antar Muka Halaman Data Kecamatan
3.2.11.2.4 Perancangan Antar Muka Halaman Data Kelurahan
Gambar 3.45 Perancangan Antar Muka Halaman Data Kelurahan
3.2.11.2.5 Perancangan Antar Muka Halaman Data Kecamatan Daerah Banjir
Gambar 3.46 Perancangan Antar Muka Halaman Data Kecamatan Daerah Banjir
3.2.11.2.6 Perancangan Antar Muka Halaman Data Sebaran Banjir
Gambar 3.47 Perancangan Antar Muka Halaman Data Sebaran Banjir
105
BAB IV IMPLEMENTASI DAN PENGUJIAN SISTEM
Implementasi dan pengujian sistem merupakan tahap penerjemahan kebutuhan pembangunan aplikasi ke dalam representasi perangkat lunak sesuai
dengan hasil analisis yang telah dilakukan. Dan setelah diimplementasi maka dilakukan pengujian sistem yang baru dimana akan dilihat kekurangan-
kekurangan pada sistem yang baru untuk selanjutnya diadakan pengembangan sistem.
4.1 Implementasi
Setelah sistem dianalisis dan didesain secara rinci, maka akan menuju tahap implementasi. Tujuan implementasi sistem ini yaitu untuk menjelaskan
tentang manual modul kepada semua user yang akan menggunakan sistem. Sehingga user dapat memberikan respon terhadap apa yang ditampilkan dalam
sistem dan memberikan masukan kepada pembuat sistem untuk dilakukan perbaikan agar sistem menjadi lebih baik.
4.1.1 Kebutuhan Perangkat Lunak
Perangkat lunak yang dibutuhkan untuk mengimplementasikan aplikasi sistem informasi geografis banjir Bandung berbasis mobile adalah sebagai berikut:
1. Sistem Operasi Windows XP Professional Service Park 2. 2. Xampp 1.7.4 sebagai web server.
3. Macromedia Dreamweaver 8 untuk penulisan kode program PHP. 4. Google Map API untuk menampilkan peta Bandung
5. www.sigbanjir-bandung.orgcpanel sebagai web hosting aplikasi backend