BAB III ANALISIS DAN DESAIN SISTEM

Transkripsi

1 BAB III ANALISIS DAN DESAIN SISTEM III.1. Analisa Masalah Analisa masalah dilakukan guna mengetahui masalah-masalah yang terkait didalam Sistem Informasi Lokasi Yang Terkena Dampak Bencana Gunung Sinabung yang berjalan saat ini. Adapun Sistem Informasi Geografis Lokasi Yang Terkena Dampak Bencana Gunung Sinabung yang sedang berjalan saat ini masih menggunakan sistem yang manual, yakni mencatat lokasi-lokasi yang terkena dampak bencana gunung sinabung yang diketahui dari media telivisi atau surat kabar lalu kemudian diketik ulang kedalam Microsoft Word. Dengan sistem yang sedang berjalan saat ini, sistem tersebut tidak dapat bekerja secara efisien dan efektif. Sistem yang bekerja secara manual ini dapat menyebabkan keterlambatan dalam hal penanganan lokasi yang terkena dampak bencana dan penyaluran bantuan ke lokasi tersebut. Untuk itu penulis membuat sebuah sistem baru yang sudah terkomputerisasi untuk mempermudah masyarakat mengetahui lokasilokasi mana yang terkena dampak bencana gunung Sinabung. Masyarakat yang ingin menyalurkan dana bantuan juga tidak harus mengunjungi pemerintah setempat hanya untuk mengetahui lokasi mana yang terkena dampak sehingga penyaluran dan bantuan dapat bekerja lebih efektif dan efisien. Adapun strategi pemecahan masalah yang penulis rancang adalah sebagai berikut : 22

2 23 III.1.1. Analisa Input Dalam hal ini penulis merancang sebuah sistem untuk menginput data lokasi yang terkena dampak bencana gunung Sinabung. Sistem penginputan data antara lain berupa : nama desa, kecamatan, jenis dampak, status desa, dll. Dengan sistem ini diharapkan dapat memudahkan user untuk mengetahui data lokasi yang terkena dampak bencana gunung Sinabung di kabupaten Karo. III.1.2. Analisa Proses Analisa Proses pencarian lokasi pada sistem informasi geografis lokasi yang terkena dampak bencana gunung Sinabung berbasis web dapat dilihat pada gambar III.1. flow of document lokasi yang terkena dampak bencana gunung Sinabung dibawah ini : Pencarian Lokasi Yang Terkena Dampak Bencana Gunung Sinabung Konsumen Masyarakat Mulai Lokasi Bencana Mencari Lokasi Bencana Menginformasik an Lokasi Bencana Lokasi Bencana Selesai Gambar III.1. flow of document

3 24 III.1.3. Analisa Output Analisa Output dari sistem yang dirancang penulis akan menghasilkan sebuah sistem informasi yang akan menampilkan lokasi yang terkena dampak bencana gunung sinabung di kabupaten Karo berupa peta, nama lokasi, jumlah jiwa, serta dampak yang dialami disetiap desa. III.2. Desain Sistem Baru Bentuk rancangan sistem yang akan penulis rancang adalah dengan menggunakan beberapa bentuk diagram dari UML yaitu : use case diagram, class diagram, activity diagram,dan sequence diagram. III.2.1. Use Case Diagram Use case menjelaskan urutan kegiatan yang dilakukan actor dan sistem untuk mencapai suatu tujuan tertentu. Sebuah use case mempresentasikan sebuah interaksi antar actor dengan sistem dan menggambarkan fungsionalitas yang diharapkan dari sebuah sistem informasi geografis lokasi yang terkena dampak bencana gunung Sinabung di kabupaten Karo. Berikut adalah use case diagram lokasi yang terkena dampak bencana gunung Sinabung di kabupaten Karo :

4 25 Home Login Peta Halaman Admin << extends >> User Lokasi Input dari Peta Admin << Extends >> Cari Lokasi Input Data Lokasi Logout Gambar III.2. Use Case Diagram III.2.2. Class Diagram Berikut adalah rancangan class diagram untuk sistem informasi geografis lokasi yang terkena dampak bencana gunung Sinabung di Kabupaten Karo :

5 26 Tabel Desa Id_desa* : int (3) Nama_desa : varchar (25) Jumlah_jiwa : varchar (25) Jenis_Dampak : varchar (50) Status_Desa : varchar (50) Kecamatan : varchar (25) Simpan ( ) Edit ( ) Hapus ( ) Batal ( ) 1..* Tabel Input Admin Id_desa* : int (3) Nama_desa : varchar (25) Jumlah_jiwa : varchar (25) Jenis_Dampak : varchar (50) Status_Desa : varchar (50) Kecamatan : varchar (25) Gambar Lokasi : varchar (100) Koordinat_x : int (11) Koordinat_y : int (11) Simpan ( ) Batal ( ) Tb_login Id_Admin* : int (3) Username : varchar (10) Password : varchar (10) Login ( ) Gambar III.3. Class Diagram III.2.3. Activity Diagram Berikut adalah rancangan activity diagram untuk sistem informasi geografis lokasi yang terkena dampak bencana gunung Sinabung di Kabupaten Karo :

6 27 III Activity Diagram Login Login Tidak Input Username dan Password Ya Menu Utama Gambar III.4. Activity Diagram Login

7 28 III Activity Diagram Input Data Lokasi Admin Program Proses Halaman Admin Klik Menu Input Data Lokasi Halaman Input Data Lokasi Isi Form Input Data Lokasi Menyimpan Data Lokasi Gambar III.5. Activity Diagram Input Data Lokasi

8 29 III Activity Diagram Input Dari Peta Admin Program Proses Halaman Admin Klik Menu Input Dari Peta Halaman Input Dari Peta Isi Form Input Dari Peta Menyimpan Data Lokasi Gambar III.6. Activity Diagram Input Dari Peta

9 30 III.2.4. Sequence Diagram 1. Berikut ini Sequence Diagram pada halaman home Adapun bentuk rancangan tentang halaman home yang dirancang penulis adalah sebagai berikut : Aktor Aplikasi Proses Home Pemilihan Form Peta Lokasi Cari Lokasi Tampilan Halaman Home Gambar III.7. Sequence Diagram pada halaman Home 2. Berikut ini Sequence Diagram pada halaman peta Adapun bentuk rancangan tentang halaman peta yang dirancang penulis adalah sebagai berikut :

10 31 Aktor Aplikasi Proses Pemilihan Form Peta Tampilan Halaman Peta Gambar III.8. Sequence Diagram pada halaman peta 3. Berikut ini Sequence Diagram pada halaman lokasi Adapun bentuk rancangan tentang halaman lokasi yang dirancang penulis adalah sebagai berikut : Aktor Aplikasi Proses Lokasi Tampilan Halaman Lokasi Gambar III.9. Sequence Diagram pada halaman lokasi

11 32 4. Berikut ini Sequence Diagram pada halaman cari lokasi Adapun bentuk rancangan tentang halaman cari lokasi yang dirancang penulis adalah sebagai berikut : Aktor Aplikasi Proses Cari Lokasi Tampilan Halaman Cari Lokasi Gambar III.10. Sequence Diagram pada halaman cari lokasi 5. Berikut ini Sequence Diagram pada halaman admin Adapun bentuk rancangan tentang halaman admin yang dirancang penulis adalah sebagai berikut :

12 33 Aktor Aplikasi Proses Home Pemilihan Form Input dari Peta Input Data Lokasi Logout Tampilan Halaman Home Admin Gambar III.11. Sequence Diagram pada halaman home Admin 6. Berikut ini Sequence Diagram pada halaman Login Adapun sequence diagram pada halaman login dapat dilihat pada gambar III.12. berikut ini :

13 34 Aktor Aplikasi Proses Admin Permintaan Usernama dan Password Login Username dan Password Proses Login dengan Username dan Password Validasi Username dan Password Tampilan Informasi Proses Login Gagal III.12. Sequence Diagram pada halaman Login 7. Berikut ini sequence diagram pada halaman input dari peta Adapun sequence diagram pada halaman input dari peta pada halaman admin dapat dilihat pada gambar III.13. berikut ini:

14 35 Aktor Aplikasi Proses Tabel Input Admin Tabel Input Admin Input Data Data Disimpan Tampilan Hasil Input data Batal Proses dibatalkan Tampilan Hasil Input data dibatalkan III.13. Sequence Diagram pada halaman Input dari Peta 8. Berikut ini sequence diagram input data lokasi pada halaman admin Adapun sequence diagram pada halaman input data lokasi yang terkena dampak bencana gunung Sinabung dapat dilihat pada gambar III.14. berikut ini :

15 36 Aktor Aplikasi Proses Tabel Desa Data Lokasi Simpan Data Input Data Data Disimpan Tampilan Hasil Input Data Lokasi Edit Data Pemilihan Data Edit Proses pengeditan data Data Edit Disimpan Tampilan Hasil Edit Data Hapus Data Pemilihan Data Hapus Proses Penghapusan Data Data Dihapus Tampilan Hasil Hapus Data Batal Proses Dibatalkan Tampilan Hasil Data di Batalkan Gambar III.14. Sequence Diagram pada halaman Input Data Lokasi

16 37 III.3. Desain Database III.3.1. Desain Tabel Adapun dalam tahap desain tabel penulis menggunakan aplikasi database My SQL dimana penulis merancang beberapa tabel yaitu sebagai berikut : 1. Tabel Login Database : Lokasi Primary Key : Id_admin Tabel III.1. Tabel Login Nama Field Tipe Data Nilai Id_admin(*) Int 3 Username Varchar 10 Password Varchar 10 Keterangan (*) : Primary Key 2. Tabel Desa Database : Lokasi Primary Key : Id_desa Tabel III.2. Tabel Desa Nama Field Tipe Data Nilai Id_desa(*) Int 3 Nama_desa Varchar 25 Jumlah_jiwa Varchar 25 Jenis_dampak Varchar 50 Status_desa Varchar 50 Kecamatan Varchar 25 Keterangan (*) : Primary Key

17 38 3. Tabel Input admin Database Primary key : Lokasi : Id_desa Tabel III.3. Tabel Input admin Nama Field Tipe Data Nilai Id_desa Int 3 Nama_desa Varchar 25 Jumlah_jiwa Varchar 25 Jenis_dampak Varchar 50 Status_desa Varchar 50 Kecamatan Varchar 25 Gambar_lokasi Varchar 100 Koordinat_x Int 11 Koordinat_y Int 11 Keterangan (*) : Primary Key III.4. Desain User Interface III.4.1. Desain Output Berikut ini adalah perancangan hasil (output) dari pengolahan data yang ada pada sistem informasi geografis lokasi yang terkena dampak bencana gunung Sinabung berbasis web : 1. Desain halaman home Desain halaman home pada sistem informasi lokasi yang terkena dampak bencana gunung Sinabung adalah sebagai berikut :

18 39 LOGO JUDUL Home Peta Lokasi Login Cari Lokasi Silahkan Cari Find SEKILAS TENTANG SINABUNG Gambar III.15. Desain Halaman Home User 2. Desain halaman peta Desain halaman peta pada sistem informasi lokasi yang terkena dampak bencana gunung Sinabung adalah sebagai berikut : LOGO JUDUL Home Peta Lokasi Login Cari Lokasi Silahkan Cari Find PETA Gambar III.16. Desain Halaman Peta

19 40 3. Desain halaman lokasi Desain halaman lokasi pada sistem informasi lokasi yang terkena dampak bencana gunung Sinabung adalah sebagai berikut : LOGO JUDUL Home Peta Lokasi Login Cari Lokasi Data Lokasi Id desa Nama desa Jumlah Jiwa Jenis Dampak Status Desa Kecamatan xxx xxxxx xxxxx xxxxx xxxxx xxxxx xxx xxxxx xxxxx xxxxx xxxxx xxxxx Gambar III.17. Desain Halaman Lokasi 4. Desain halaman cari lokasi Desain halaman cari lokasi pada sistem informasi lokasi yang terkena dampak bencana gunung Sinabung adalah sebagai berikut : LOGO JUDUL Home Peta Lokasi Login Cari Lokasi Silahkan Cari Find Gambar III.18. Desain Halaman Cari Lokasi User

20 41 III.4.2. Desain Input Desain input adalah rancangan form input yang penulis gunakan dalam pembuatan sistem informasi geografis lokasi yang terkena dampak bencana gunung Sinabung berbasis Web. Berikut adalah perancangan desain input sistem informasi geografis lokasi yang terkena dampak bencana gunung Sinabung : 1. Perancangan halaman login Berikut ini adalah perancangan halaman login dapat dilihat pada gambar III.19. berikut ini : JUDUL LOGO Home Peta Lokasi Login Cari Lokasi Username : Password : Halaman Login Admin LOGIN Gambar III.19. Perancangan Halaman Login

21 42 2. Perancangan halaman Admin berikut ini : Perancangan halaman Admin dapat dilihat pada gambar III.20. LOGO JUDUL Halaman Admin Input dari Peta Input Data Lokasi Logout ADMIN AREA LOGO ADMIN Gambar III.20. Perancangan Halaman Admin

22 43 3. Perancangan halaman input data lokasi Perancangan halaman input data lokasi dapat dilihat pada gambar III.21. berikut ini : LOGO JUDUL Input dari Peta Input Data Lokasi Logout Tambah Data Nama Desa : Jumlah Jiwa : Jenis Dampak : Status Desa : Kecamatan : Simpan Batal Id Desa Nama Desa Jumlah Jiwa Jenis Dampak Status Desa Kecamatan Action xxx xxxx xxxx xxxx xxxx xxxx Edit Hapus xxx xxxx xxxx xxxx xxxx xxxx Edit Hapus Gambar III.21. Perancangan Halaman Input Data Lokasi

23 44 4. Perancangan halaman input dari peta Berikut ini adalah perancangan halaman input dari peta dapat dilihat pada gambar III.22. berikut ini : LOGO JUDUL Input Data Lokasi Input dari Peta Logout Input PETA Id Desa : Nama Desa : Jumlah Jiwa : Jenis Dampak : Status Desa : Kecamatan : Gambar Lokasi : Browse Koordinat x : Koordinat y : Simpan Batal Gambar III.22. Perancangan Halaman Input dari Peta