BAB III ANALISIS DAN DESAIN SISTEM
III.1. Analisis Masalah Sistem Informasi Geografis Lokasi Pemetaan Daerah–Daerah Lokasi Aman Banjir Dikota Medan Berbasis Web, masih bersifat manual, yaitu untuk pencarian lokasi banjir di kota medan belum terdata dengan baik. Sistem Informasi Geografis Lokasi Pemetaan Daerah–Daerah Lokasi Aman Banjir Dikota Medan Berbasis Web menyajikan informasi data spasial dan non spasial tentang penyebaran lokasi banjir yang ada di kota medan kepada penggunanya. Informasi data spasial direpresentasikan dalam bentuk grafis, Berikut merupakan tahapan dalam pembuatan Sistem Informasi Geografis Lokasi Pemetaan Daerah– Daerah Lokasi Aman Banjir Dikota Medan Berbasis Web. 1. Studi pustaka tentang Sistem Informasi Geografis dan Arc View GIS, PHP dan Mysql. 2. Mengumpulkan data tentang nama pasar, alamat, kodepos, kelurahan serta kecamatan dari lokasi pasar yang ada di kota medan. 3. Menganalisa data dan merancang aplikasi. 4. Mendigitasi data-data spasial yang didapat, dan memasukkan data-data non spasial kedalam tabel-tabel. 5. Memodifikasi tampilan antar muka dengan menggunakan Script PHP.
42
III.2. Desain Sistem Desain sistem pada penelitian ini dibagi menjadi dua desain, yaitu desain sistem secara global untuk penggambaran model sistem secara garis besar dan desain sistem secara detail untuk membantu dalam pembuatan sistem.
III.2.1. Desain Sistem Secara Global Desain sistem secara global menggunakan bahasa pemodelan UML yang terdiri dari Use Case Diagram, Class Diagram, dan Sequence Diagram.
III.2.1.1. Use Case Diagram Secara garis besar, bisnis proses sistem yang akan dirancang digambarkan dengan Use Case Diagram yang terdapat pada Gambar III.1:
Gambar III.1. Use Case Diagram Sistem Geografis Pemetaan Lokasi Aman Banjir di Kota Medan
III.2.1.2. Class Diagram Rancangan kelas-kelas yang akan digunakan pada sistem yang akan dirancang dapat dilihat pada gambar III.2 :
Gambar III.2. Class Diagram Sistem Geografis Pemetaan Lokasi Aman Banjir di Kota Medan III.2.1.3. Activity Diagram Bisnis proses yang telah digambarkan pada use case diagram di atas dijabarkan dengan activity diagram :
1.
Activity Diagram Login Admin Aktvitas proses login admin diterangkan dalam langkah-langkah state,
dimulai dari memasukkan username, memasukkan password, jika profil valid maka sistem akan mengaktifkan menu administrator, sedangkan jika tidak valid, maka tampilkan pesan kesalahan yang ditunjukkan pada gambar III.3: Login Admin
Sistem
Buka Aplikasi
Login
Masukkan Username Gagal
Masukkan Password
Click Login
Phase
Berhasil
Gambar III.3. Activity Diagram Login Admin 2.
Activity Diagram Mengolah Data Kecamatan Aktivitas proses mengolah data Kecamatan diterangkan dalam langkah-
langkah state yang ditunjukkan pada gambar III.4:
Data Kecamatan Admin
Sistem
Memilih aksi pada form Menu
Click Form Data Kecamatan
Form Data Kecamatan
Mengisi Data
tidak
Tambah Data
Menekan tombol simpan
Menyimpan data
Memilih Data
Edit Data
Mengubah Data
Menyimpan Data
Hapus Data
Konfimrasi Penghapusan
Memilih data
Menghapus Data
Phase
Ya
Gambar III.4. Activity Diagram Mengolah Data Kecamatan 3.
Activity Diagram Mengolah Data Lokasi Aman Banjir Aktivitas proses mengolah data Lokasi aman banjir diterangkan dalam
langkah-langkah state yang ditunjukkan pada gambar III.5:
Gambar III.5. Activity Diagram Mengolah Data Lokasi
4.
Activity Diagram Mengolah Markah Lokasi Aktivitas proses mengolah Markah lokasi diterangkan dalam langkah-
langkah state yang ditunjukkan pada gambar III.6:
Data Markah Lokasi Admin
Sistem
Memilih aksi pada form Menu
Click Form Olah Markah Lokasi
Mengisi Data
Form Markah Lokasi
Tambah Data
Menekan tombol simpan
Menyimpan data
Hapus Data tidak
Memilih data
Konfimrasi Penghapusan
Menghapus Data
Phase
Ya
Gambar III.6. Activity Diagram Mengolah Marker Lokasi
5.
Activity Diagram Lihat Lokasi Aman Banjir Aktivitas lihat Lokasi Aman Banjir diterangkan dalam langkah-langkah state,
dimulai dari kegiatan melihat halaman utama kemudian mengklik menu Lokasi Aman Banjir dan melihat peta. Selanjutnya menekan salah satu markah yang ada pada peta dan yang terakhir melihat informasi lokasi Aman Banjir yang ditunjukkan pada gambar III.7:
Gambar III.7. Activity Diagram Lihat Lokasi Aman Banjir
6.
Activity Diagram Melihat Peta Aktivitas melihat peta diterangkan dalam langkah-langkah state, dimulai dari
kegiatan melihat halaman utama kemudian mengklik menu peta dan melihat peta. Selanjutnya menekan tombol atau link yang ada pada peta dan yang terakhir melihat informasi yang di sajikan dalam peta yang ditunjukkan pada gambar III.8:
Gambar III.8. Activity Diagram Lihat Peta
7.
Activity Diagram Konten Aktivitas Konten berita Lokasi Aman Banjir diterangkan dalam langkah-
langkah state, dimulai dari kegiatan melihat halaman utama kemudian mengklik menu Konten, pilih judul berita dan selanjutnya melihat isi konten berita yang ditunjukkan pada gambar III.9:
Lihat Konten Admin/User
Sistem
Halaman Utama
Click Menu Konten
Menampilkan Isi Konten Berita
Phase
Pilih Judul Konten
Gambar III.9. Activity Diagram Lihat Konten
8.
Activity Diagram Lihat Tentang Aktivitas lihat Tentang diterangkan dalam langkah-langkah state, dimulai
dari kegiatan melihat halaman utama kemudian mengklik menu Tentang, dan selanjutnya melihat informasi tentang program yang ditunjukkan pada gambar III.10:
Lihat menu Tentang Admin/User
Sistem
Halaman Utama
Menampilkan Informasi Tentang Program
Phase
Click Menu Tentang
Gambar III.10. Activity Diagram Lihat Menu Tentang
III.2.1.4. Sequence Diagram Rangkaian kegiatan pada setiap terjadi event sistem digambarkan pada sequence diagram berikut: 1.
Sequence Diagram Login admin Serangkaian kinerja sistem
login yang dilakukan oleh admin dapat
diterangkan dengan langkah-langkah state yang ditunjukkan pada gambar III.11 berikut :
Admin
Main form
Form Login
Proses Login
Halaman Admin
Tampilkan Fom ()
Menu () click form login
Validasi nama dan password ()
Invalid () Login sukses ()
Gambar III.11. Sequence Diagram Login Admin
2. Sequence Diagram Mengolah Data Kecamatan Serangkaian kinerja sistem yang dilakukan oleh admin pada pengolahan data kecamatan dapat diterangkan dengan langkah-langkah state yang ditunjukkan pada gambar III.12 berikut :
Tabel Data Kecamatan Main Form
User
Form olah data kecamatan
database
Tampilkan Fom ()
Menu () Click form Olah data kecamatan Click tambah ()
Click Edit()
Click Hapus ()
Keluar form ()
Gambar III.12. Sequence Diagram Mengolah Data Kecamatan
3. Sequence Diagram Mengolah Data Lokasi Serangkaian kinerja sistem yang dilakukan oleh admin pada pengolahan data Lokasi dapat diterangkan dengan langkah-langkah state yang ditunjukkan pada gambar III.13 berikut :
Tabel Aman Banjir Main Form
Admin
Form olah data bank
database
Tampilkan Fom ()
Menu () Click form olah data bank Click tambah ()
Click Edit()
Click Hapus ()
Keluar form ()
Gambar III.13. Sequence Diagram Mengolah Data Lokasi
4. Sequence Diagram Mengolah Markah Lokasi Serangkaian kinerja sistem yang dilakukan oleh admin pada pengolahan markah lokasi dapat diterangkan dengan langkah-langkah state yang ditunjukkan pada gambar III.14 berikut :
Tabel Lokasi Main Form
Admin
Form olah data Marker lokasi
database
Tampilkan Fom ()
Menu () Click form olah data marker lokasi Click tambah ()
Click Hapus ()
Keluar form ()
Gambar III.14. Sequence Diagram Mengolah Markah Lokasi 5. Sequence Diagram Lihat Lokasi Serangkaian kinerja sistem lihat lokasi yang dilakukan oleh user dapat diterangkan dengan langkah-langkah state yang ditunjukkan pada gambar III.15 berikut :
User
Main form
Form Lihat Lokasi
Menu () click form Lihat Lokasi () Koneksi database ()
Gambar III.15. Sequence Diagram Lihat Lokasi
6. Sequence Diagram Lihat Peta Serangkaian kinerja sistem lihat peta yang dilakukan oleh user dapat diterangkan dengan langkah-langkah state yang ditunjukkan pada gambar III.16 berikut :
User
Main form
Form Lihat Peta
Tampilkan Menu ()
Menu () click form Lihat Peta () Koneksi database ()
Gambar III.16. Sequence Diagram Lihat Peta
7. Sequence Diagram Lihat Konten Serangkaian kinerja sistem lihat Konten yang dilakukan oleh user dapat diterangkan dengan langkah-langkah state yang ditunjukkan pada gambar III.17 berikut :
User
Main form
Form Lihat Konten
Menu () click form Lihat Berita () Koneksi database ()
Gambar III.17. Sequence Diagram Lihat Berita
8. Sequence Diagram Komentar Serangkaian kinerja sistem yang dilakukan oleh user pada pengolahan komentar dapat diterangkan dengan langkah-langkah state yang ditunjukkan pada gambar III.18 berikut :
Tabel Komentar Main Form
User
Form Olah Buku tamu
database
Tampilkan Fom ()
Menu () Click form Buku tamu Click tambah ()
Click Edit()
Click Hapus ()
Keluar form ()
Gambar III.18. Sequence Diagram Komentar
9. Sequence Diagram Lihat Menu Tentang Serangkaian kinerja sistem lihat menu tentang yang dilakukan oleh user dapat diterangkan dengan langkah-langkah state yang ditunjukkan pada gambar III.19 berikut :
User
Main form
Form Tentang
Menu () click form About () Koneksi database ()
Gambar III.19. Sequence Diagram Lihat Menu Tentang
III.3. Desain Database Desain database terdiri dari tahap melakukan normalisasi tabel, merancang struktur tabel, dan membangun Entity Relationship Diagram (ERD).
III.3.1. Normalisasi Tahap normalisasi ini bertujuan untuk menghilangkan masalah berupa ketidak konsistenan apabila dilakukannya proses manipulasi data seperti penghapusan, perubahan dan penambahan data sehingga data tidak ambigu.
1. Bentuk Tidak Normal Bentuk tidak normal ini dapat dilihat pada tabel III.1 di bawah ini : Tabel III.1 Bentuk Tidak Normal IdLokasi Nama_Lokasi Kecamatan Lat Long Foto Deskripsi Id_Lokasi Nama_Lokasi Alamat Kecamatan Foto Id_Kec Nama_Kec Jml_Kelurahan Luas_Kec
2. Bentuk Normal Pertama (1NF) Bentuk normal pertama merupakan bentuk tidak normal yang dapat dilihat pada tabel III.2 di berikut ini:
Tabel III.2 Bentuk Normal Pertama Id
Nama_
Lokasi
Lokasi
Kecamatan
Alamat
Lat
Long
Deskripsi
Foto
Jml
Jml
Luas
Kelurahan
Lokasi
Kec
3. Bentuk Normal Kedua (2NF) Bentuk normal kedua merupakan bentuk normal pertama, dimana telah dilakukan pemisahan data sehingga tidak adanya ketergantungan parsial. Setiap data memiliki kunci primer untuk membuat relasi antar data, bentuk ini dapat dilihat pada tabel III.3 berikut ini : Bentuk Normal Kedua (2NF) Tabel Lokasi Tabel III.3. Lokasi 2NF IdLokasi
Nama Lokasi
Kecamatan
Medan Gatot
15
Lat
Long
3.59199326712185
98.6657541929153
3.58959740285954
98.6777302561668
Medan Petisah Subroto
14
Medan Balaikota
Medan Barat
Bentuk Normal Kedua (2NF) Tabel Data Kecamatan
Tabel III.4. Data Kecamatan 2NF IdKec
Kecamatan
Jml Kel
Jml
Luas_Kec
114
Medan Barat
6
6
5.4Km²
120
Medan Petisah
7
6
13.16 Km²
Bentuk Normal Kedua (2NF) Tabel Data Lokasi Aman Banjir Tabel III.5. Data Lokasi 2NF IdBank
Nama_Lokasi
350
Medan Gatot Subroto
Alamat
Kecamatan
Jl.Jend.Gatot
Medan Petisah
Subroto No.139 Jl.Balaikota 346
Medan Barat
Medan Balaikota No.8-10
III.3.2. Desain Tabel Setelah melakukan tahap normalisasi, maka tahap selanjutnya yang dikerjakan yaitu merancang struktur tabel pada basis data sistem yang akan dibuat, berikut ini merupakan rancangan struktur tabel tersebut : III.3.2.1. Struktur Tabel Admin Tabel admin digunakan untuk menyimpan data username dan password, selengkapnya mengenai struktur tabel dapat dilihat pada tabel III.6 berikut : Tabel III.6 Rancangan Tabel Admin Nama Database Nama Tabel No Nama Field 1. Username 2. Password
Map Admin Tipe Data varchar(15) varchar(14)
Boleh Kosong Tidak Tidak
Kunci Primary Key -
III.3.2.2. Struktur Tabel Data Lokasi Aman Banjir Tabel data bank digunakan untuk menyimpan data id_lokasi, nama_lokasi, alamat, kecamatan, foto, selengkapnya mengenai struktur tabel ini dapat dilihat pada tabel III.7 berikut :
Tabel III.7 Rancangan Tabel Data Lokasi Nama Database Nama Tabel No Nama Field 1. id_lokasi 2. nama_lokasi 3. Alamat 4. kecamatan 5. Foto
Map data_lokasi Tipe Data int (5) varchar(50) varchar(50) varchar(50) Text
Boleh Kosong Tidak Tidak Tidak Tidak -
Kunci Primary Key -
III.3.2.3. Struktur Tabel Data Kecamatan Tabel data kecamatan digunakan untuk menyimpan data id_kec, nama_kec, jml_kelurahan, jml, luas_kec, selengkapnya mengenai struktur tabel ini dapat dilihat pada tabel III.8 berikut : Tabel III.8 Rancangan Tabel Data Kecamatan Nama Database Nama Tabel No Nama Field 1. id_kec 2. nama_kec 3. jml_kelurahan 4. jml_lokasi 5. luas_kec
Map data_kecamatan Tipe Data int (5) varchar(50) int (5) int (5) Double
Boleh Kosong Tidak Tidak Tidak Tidak -
Kunci Primary Key -
III.3.2.4. Struktur Tabel Lokasi Tabel lokasi digunakan untuk menyimpan data id, nama, alamat, lat, lng, foto, deskripsi selengkapnya mengenai struktur tabel ini dapat dilihat pada tabel III.9 berikut:
Tabel III.9 Rancangan Tabel Lokasi Nama Database Nama Tabel No Nama Field 1. idlokasi 2. nama 3. kecamatan 4. lat 5. lng 6. foto 7. deskripsi
map lokasi Tipe Data int (5) varchar(50) varchar(50) double double text text
Boleh Kosong Tidak Tidak Tidak Tidak Tidak -
Kunci Primary Key -
III.3.2.5. Struktur Tabel Komentar Tabel komentar digunakan untuk menyimpan data id_user, nama, email, alamat, pesan, waktu selengkapnya mengenai struktur tabel ini dapat dilihat pada tabel III.10 berikut: Tabel III.10 Rancangan Tabel Komentar Nama Database Nama Tabel No Nama Field 1. id_user 2. nama 3. email 4. alamat 5. pesan 6. waktu
map komentar Tipe Data int (5) varchar(50) varchar(50) varchar(50) text datetime
Boleh Kosong Tidak Tidak Tidak Tidak Tidak Tidak
Kunci Primary Key -
III.4. Desain User Interface Tahap perancangan berikutnya yaitu desain user interface yang meliputi desain output sistem, desain input sistem, dan desain database.
III.4.1. Desain Output Berikut ini adalah rancangan tampilan desain output yang akan dihasilkan oleh sistem: 1.
Design Form Melihat Lokasi Aman Banjir Serangkaian kinerja sistem yang dilakukan dalam melihat informasi
mengenai lokasi bank dapat diterangkan pada gambar III.20 :
Gambar III.20. Design Form Lokasi Aman Banjir III.4.2. Desain Input Berikut ini adalah rancangan atau desain input sebagai antarmuka pengguna: 1.
Design Form Login admin Serangkaian kinerja sistem login yang dilakukan oleh admin dapat
diterangkan dengan langkah-langkah state yang ditunjukkan pada gambar III.21 berikut :
Gambar III.21. Design Form Login 2.
Design Form Data Kecamatan Serangkaian kinerja sistem yang dilakukan oleh admin pada pengolahan data
kecamatan dapat diterangkan dengan langkah-langkah state yang ditunjukkan pada gambar III.22 berikut :
Gambar III.22. Design Form Data Kecamatan
3.
Design Form Data Lokasi Aman Banjir Serangkaian kinerja sistem yang dilakukan oleh admin pada pengolahan data
Lokasi Aman Banjir dapat diterangkan
dengan langkah-langkah state yang
ditunjukkan pada gambar III.23 berikut :
Gambar III.23. Design Form Data Lokasi
4.
Design Form Data Markah Lokasi Serangkaian kinerja sistem yang dilakukan oleh admin pada pengolahan data
markah lokasi dapat diterangkan dengan langkah-langkah state yang ditunjukkan pada gambar III.24 berikut :
Gambar III.24. Design Form Markah Lokasi 5.
Design Form Komentar Serangkaian kinerja sistem yang dilakukan oleh user pada pengolahan data
komentar dapat diterangkan dengan langkah-langkah state yang ditunjukkan pada gambar III.25 berikut :
Gambar III.25. Design Form Komentar
