Perancangan STD Perancangan Layar

81

4.4.4 Perancangan Input Output SIGK

Pada tahap ini menjelaskan penggambaran sistem dengan menggunakan tools State Transition Diagram STD, yaitu menggambarkan transisi atau perubahan statement, keadaan sistem yang dipicu oleh adanya aksi yang dilakukan oleh user dan juga mendeskripsikan reaksi sistem terhadap aksi tersebut. Dengan kata lain, STD dapat mendeskripsikan cara kerja fungsi-fungsi yang dimiliki oleh setiap Menu. Dengan adanya STD, rancangan akan lebih terperinci karena fungsi-fungsi setiap objek yang diperlukan telah dideskripsikan melalui STD. Dan dilengkapi dengan pembuatan rancangan tampilan program.

a. Perancangan STD

1. STD Layar Utama SIGK Gambar 4.10 STD Layar Utama SIGK 82 2. STD Menu Utama Gambar 4.11 STD Menu Utama 3. STD Menu Informasi Gambar 4.12 STD Menu Informasi 83 4. STD Menu Peta Tematik 5. STD Menu Penanganan Kebakaran Gambar 4.14 STD Menu Penanganan Kebakaran Gambar 4.13 STD Menu Peta Tematik 84 6. STD Menu Pemeliharaan Data Gambar 4.15 STD Menu Pemeliharaan Data 85 7. STD Menu Laporan 8. STD Menu Petunjuk Gambar 4.17 STD Menu Petunjuk Gambar 4.16 STD Menu Laporan 86

b. Perancangan Layar

Pada bagian ini akan dibahas mengenai perancangan antarmuka aplikasi SIGK. Antarmuka yang akan dibangun, dirancang sesederhana mungkin sehingga memudahkan pengguna dalam menggunakannya. Rancangan antarmuka dari aplikasi ini adalah sebagai berikut: 1. Layar Utama Gambar 4.18 Perancangan Layar Utama 87 2. Layar Menu Utama Dalam layar menu utama terdiri 5 sub menu, yaitu seleksi wilayah, tutup modul aktif, cetak, setting cetakan, login dan keluar. Seperti gambar dibawah ini. 3. Layar Menu Informasi Dalam layar menu informasi terdiri 2 sub menu, yaitu Daerah penelitian dan Profil SUDIN kebakaran Jakarta Timur. Seperti gambar dibawah ini. Gambar 4.19 Perancangan Layar Menu Utama 88 SISTEM INFORMASI GEOGRAFIS PENANGANAN KEBAKARAN x Menu Utama Informasi Peta Tematik Penanganan Kebakaran Pemeliharaan Data Petunjuk Button Bar Tools Bar Judul Peta Legenda dan Layer Peta Tampilan Peta Profil SUDIN Kebakaran JAKTIM - Button View Daerah Penelitian x - Laporan 4. Layar Menu Peta Tematik Dalam layar menu peta tematik terdiri 2 sub menu, yaitu Penyebaran pos penanganan kebakaran, peta administrasi Jakarta Timur. Seperti gambar dibawah ini. Gambar 4.20 Perancangan Layar Menu Informasi 89 SISTEM INFORMASI GEOGRAFIS PENANGANAN KEBAKARAN x Menu Utama Informasi Peta Tematik Penanganan Kebakaran Pemeliharaan Data Petunjuk Button Bar Tools Bar Judul Peta Legenda dan Layer Peta Tampilan Peta - Button View Keterangan dan Judul Peta Penyebaran Pos Penanganan Kebakaran Peta Administrasi JAKTIM x - Laporan 5. Layar Menu Penanganan Kebakaran Dalam layar menu penanganan kebakaran terdiri 1 sub menu, yaitu Cari lokasi kebakaran . Seperti gambar dibawah ini. Gambar 4.21 Perancangan Layar Menu Peta Tematik Gambar 4.22 Perancangan Menu Penanganan Kebakaran 90 6. Layar Menu Pemeliharaan Data Dalam layar menu penanganan kebakaran terdiri 4 sub menu, yaitu kasus kebakaran, pos pemadam kebakaran, pos polisi dan rumah sakit. Seperti gambar dibawah ini. 7. Layar Menu Laporan Dalam layar menu Laporan terdiri 3 sub menu, yaitu Laporan kebakaran per kelurahan, Laporan kebakaran per kecamatan, Laporan kebakaran per bulan. Seperti gambar dibawah ini. Gambar 4.23 Perancangan Layar Menu Pemeliharaan Data 91 8. Layar Menu Petunjuk Dalam layar menu petunjuk terdiri 2 sub menu, yaitu Program aplikasi dan kontak kami. Seperti gambar dibawah ini. Gambar 4.25 Perancangan Layar Menu Petunjuk Gambar 4.24 Perancangan Layar Menu Laporan 92 9. Layar Dialog a. Rancangan Dialog Login Gambar 4.26 Rancangan Dialog Login b. Rancangan Dialog Seleksi Wilayah Gambar 4.27 Dialog Seleksi Wilayah c. Rancangan Dialog Print Gambar 4.28 Dialog Print 93 d. Rancangan Dialog Print Setup Gambar 4.29 Dialog Print Setup e. Rancangan Dialog Pemeliharaan Data Pos Pemadam, Pos Polisi, Rumah Sakit Gambar 4.30 Rancangan Dialog Pemeliharaan Data Pos dan RS f. Rancangan Dialog Entri Data Kebakaran Gambar 4.31 Rancangan Dialog Entri Data Kebakaran 94 g. Rancangan Dialog Pemeliharaan data ”Kasus Kebakaran” Gambar 4.32 Rancangan Dialog Pemeliharaan data ”Kasus Kebakaran” 95

4.4.5 Penulisan Program Coding

Hasil perancangan sebelumnya harus diubah menjadi bentuk yang dimengerti mesin komputer. Maka dilakukan langkah penulisan program. Jika hasil perancangannya detail, maka coding dapat dicapai dengan baik. Pada tahap ini penulis membuat aplikasi berbasis desktop menggunakan Script Avenue yang ada pada ArcView Gis 3.3 . Berikut ini perancangan algoritma penulisan program SIGK.

4.4.5.1 Spesifikasi Program Untuk Modul Pembuka

Sub pembuka Tutup semua window Panggil modul pembuka Panggil image Panggil modul password Akhir Sub

4.4.5.2 Spesifikasi Program Untuk Modul Layar Utama

Sub layar utama Tampilkan semua menu bar pada layar Tampilkan semua button bar pada layar Tampilkan semua tool bar pada layer Tampilkan peta tematik pos penanganan kebakaran Pilih menu Menu Utama Pilih sub modul Menu Utama Seleksi Wilayah 96 Panggil sub modul seleksi wilayah Tutup Modul Aktif Panggil sub modul tutup modul aktif Cetak Panggil sub modul cetak Seting Cetakan Panggil sub modul setting cetakan LOGIN Panggil sub modul LOGIN Keluar Panggil sub modul keluar Informasi Pilih sub modul Informasi Daerah Penelitian Panggil sub modul daerah penelitian Profil SUDIN Kebakaran JakTim Panggil sub modul Profil SUDIN Kebakaran Peta Tematik Pilih sub modul peta tematik Penyebaran pos penanganan kebakaran Panggil sub modul pos penanganan Peta administrasi Jakarta Timur Panggil sub modul peta administrasi Penanganan Kebakaran Pilih sub modul Penanganan Kebakaran Cari Lokasi Kebakaran 97 Panggil sub modul cari lokasi kebakaran Pemeliharaan Data Pilih sub modul pemeliharaan data Kasus Kebakaran Panggil sub modul kasus kebakaran Pos Pemadam Kebakaran Panggil sub modul pos pemadam kebakaran Pos polisi Panggil sub modul pos polisi Rumah sakit Panggil sub modul Rumah sakit Laporan Pilih sub modul Laporan Laporan kebakaran per kelurahan Panggil sub modul Laporan kebakaran per kelurahan Laporan kebakaran per kecamatan Panggil sub modul Laporan kebakaran per kecamatan Laporan kebakaran per bulan Panggil sub modul Laporan kebakaran per bulan Informasi Pilih sub modul informasi Program Aplikasi Panggil sub modul program aplikasi Kontak Kami Panggil sub modul kontak kami Akhir Sub 98

4.4.5.3 Spesifikasi program untuk sub menu Menu Utama

a. Sub Menu Seleksi Wilayah Sub seleksi wilayah Tampilkan view peta pos penanganan kebakaran Tampilkan form seleksi wilayah Pilih wilayah batas kelurahan Keluar dari form seleksi wilayah Akhir Sub a. Sub Menu Tutup Modul Aktif Sub menu tutup modul aktif Keluar dari view yang tampil paling depan di layar Akhir Sub b. Sub Menu Cetak Sub menu cetak Tampilkan dialog print Ok untuk memulai proses print Cancel untuk menggagalkan proses print Akhir Sub c. Sub Menu Setting Cetakan Sub menu setting setakan Tampilkan dialog print setup Akhir Sub 99 e. Sub Menu Keluar Sub menu keluar Keluar dari program aplikasi SIGK Akhir Sub

4.4.5.4 Spesifikasi program untuk sub menu Informasi

a. Sub menu Daerah Penelitian Sub menu daerah penelitian Tampilkan dokumen informasi daerah penelitian Profil Daerah Penelitian.doc Akhir Sub b. Sub menu Profil Sudin Kebakaran JakTim Sub menu profil SUDIN kebakaran JAKTIM Tampilkan dokumen profil SUDIN kebakaran Profil SuKu Dinas Pemadam Kebakaran.doc Akhir Sub

4.4.5.5 Spesifikasi program untuk sub menu Peta Tematik

a. Sub menu penyebaran pos penanganan kebakaran Sub menu penyebaran pos penanganan kebakaran Tampilkan view penyebaran pos penanganan keb Button Buka table untuk melihat table Button layout untuk membuat laporan Button tutup untuk keluar dari view Akhir Sub 100 b. Sub menu peta tematik Jakarta Timur Sub menu peta tematik Jakarta timur Tampilkan view peta administrasi Jakarta Timur Button layout untuk membuat laporan Button tutup untuk keluar dari view Akhir Sub

4.4.5.6 Spesifikasi program untuk sub menu Penanganan

Kebakaran Sub Menu Cari Lokasi Kebakaran Tampilkan view pos penanganan kebakaran Button cari lokasi kebakaran Dialog data kebakaran Input data kebakaran Cari lokasi kebakaran like input nama jalan Buffer lokasi kebakaran Simpan untuk menyimpan data kebakaran Keluar untuk keluar dari form data kebakaran Akhir Form Button cetak untuk membuat laporan Button tutup untuk keluar dari view Akhir Sub 101

4.4.5.7 Spesifikasi program untuk sub menu Pemeliharaan_Data

a. Sub menu Kasus Kebakaran Sub menu kasus kebakaran Tampilkan view peta penyebaran kasus kebakaran Dialog update informasi kebakaran Masukan Id kebakaran Input data pelengkap kebakaran lengkap Hapus untuk menghapus data kebakaran Simpan untuk menyimpan data kebakaran Keluar untuk keluar dari form dialog Akhir Form Akhir Sub b. Sub menu pos pemadam kebakaran Sub menu pos pemadam kebakaran Tampilkan view pos penanganan kebakaran Form Dialog update informasi Masukan Id pos pemadam Input data pos pemadam Button hapus data untuk menhapus data Button Simpan untuk menyimpan Button Keluar untuk keluar dari form dialog Button tambah pos pemadam baru Input data pos pemadam baru 102 Button Simpan untuk menyimpan Button Keluar untuk keluar dari form dialog Akhir button Akhir form dialog Akhir Sub c. Sub menu Pos polisi Sub menu pos polisi Tampilkan view pos penanganan kebakaran Form Dialog update informasi Masukan Id pos polisi Input data pos polisi Button hapus data untuk menhapus data Button Simpan untuk menyimpan Button Keluar untuk keluar dari form dialog Button tambah pos polisi baru Input data pos polisi baru Button Simpan untuk menyimpan Button Keluar untuk keluar dari form dialog Akhir Button Akhir Form Dialog Akhir Sub 103 d. Sub menu Rumah Sakit Sub menu rumah sakit Tampilkan view pos penanganan kebakaran Form Dialog update informasi Masukan Id rumah sakit Input data rumah sakit Button hapus data untuk menhapus data Button Simpan untuk menyimpan Button Keluar untuk keluar dari form dialog Button tambah rumah sakit baru Input data rumah sakit Button Simpan untuk menyimpan Button Keluar untuk keluar dari form dialog Akhir Button Akhir Form Dialog Akhir Sub

4.4.5.8 Spesifikasi program untuk sub menu Laporan

a. Sub menu Laporan kebakaran per kelurahan Sub menu Laporan kebakaran per kelurahan Tampilkan view penyebaran kebakaran per kelurahan Button sebaran untuk membuat peta tematik penyebaran kebakaran Button layout untuk membuat laporan 104 Button tutup untuk keluar dari view Akhir Button b. Sub menu Laporan kebakaran per kecamatan Sub menu Laporan kebakaran per kecamatan Tampilkan view penyebaran kebakaran per kecamatan Button grafik untuk membuat presentase grafik Button sebaran untuk membuat peta tematik penyebaran kebakaran Button layout untuk membuat laporan Button tutup untuk keluar dari view Akhir Button c. Sub menu Laporan kebakaran per bulan Sub menu Laporan kebakaran per bulan Tampilkan view penyebaran kebakaran per bulan Button grafik untuk membuat presentase grafik Button sebaran untuk membuat peta tematik penyebaran kebakaran Button layout untuk membuat laporan Button tutup untuk keluar dari vew Akhir Button

4.4.5.9 Spesifikasi program untuk sub menu Petunjuk

a. Sub menu program aplikasi Sub menu program aplikasi Tampilkan dialog program aplikasi Akhir Sub b. Sub menu kontak kami Sub menu kontak kami Tampilkan dialog kontak kami Akhir Sub 105

4.5 Pengujian Testing