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