Laporan Kerja Praktik BPBD Jawa TImur

LAPORAN KERJA PRAKTEK
APLIKASI PENGADUAN BENCANA PADA

BADAN PENANGGULANGAN BENCANA
DAERAH (BPBD) PROVINSI JAWA TIMUR
Oleh :
M. Taufan Ma’ruf
1461900089
PROGRAM SARJANA
PROGRAM STUDI TEKNIK INFORMATIKA
FAKULTAS TEKNIK
UNIVERSITAS 17 AGUSTUS 1945 SURABAYA
2022
LEMBAR PENGESAHAN
LAPORAN KERJA PRAKTEK
Sistem Informasi Pengaduan Bencana Pada Badan

Penanggulangan Bencana Daerah (BPBD) Provinsi Jawa
Timur Berbasis Aplikasi
Sebagai salah satu syarat untuk melaksanakan Kerja Praktek
Oleh :
M. Taufan Ma’ruf
1461900089
Surabaya, 10 Juli 2022
Koordinator KP, Dosen Pembimbing
Supangat, S.Kom., M.Kom. Agyl Ardi Rahmadi, S.Kom. M.A.

NPP. 20460.11.0602 NPP. 20460.15.0666
Mengetahui,
Kepala Program Studi Teknik Informatika
Aidil Primasetya Armin, S.ST., MT

NPP. 20460.16.0700
ii
KATA PENGANTAR
Puji syukur penulis sampaikan kepada Tuhan Yang Maha Esa atas selesainya
laporan kerja praktek dengan judul “Sistem Informasi Pengaduan Bencana Pada
Badan Penanggulangan Bencana Daerah (BPBD) Provinsi Jawa Timur Berbasis
Aplikasi”
Atas dukungan moral dan materil yang diberikan dalam penyusunan makalah
ini penulis mengucapkan terima kasih kepada :
1. Bapak Aidil Primasetya Armin, S.ST., M.T.. Selaku Kepala Program
Studi Teknik Informatika Universitas 17 Agustus 1945 Surabaya.
2. Bapak Agyl Ardi Rahmadi, S.Kom., M.A. Selaku Pembimbing Kerja
Praktek yang telah memberi motivasi, petunjuk, dan arahan selama proses
pelaksanaan kerja praktek.
3. Bapak Supangat, S.Kom., M.Kom. Selaku koordinator kerja praktek.
4. Bapak Kemal Faruk, S.Sos. , Selaku Kepala Sub Bagian Umum dan
Kepegawaian
5. Bapak Dino Andalananto, S.Kom. , dan seluruh pihak di lapangan yang
banyak memberikan masukan, dan arahan selama kerja praktek.
6. Rekan satu tim dalam pelaksanaan Kerja Praktek BPBD Jawa Timur
Semoga Allah SWT selalu memberikan kemudahan, kelancaran, dan

kesuksesan kepada seluruh keluarga besar BPBD Jawa Timur terutama pada
bagian Pusat Pengendalian Operasi (PUSDALOPS) dalam melaksanakan serta
menjalankan setiap tugas, kewajiban, dan pekerjaan agar memperoleh hasil yang
maksimal. Dan semoga Allah SWT memberikan ridho-Nya kepada penulis
pribadi agar dapat melakukan kegiatan yang akan penulis laksanakan tersebut
guna memenuhi tugas mata kuliah Kerja Praktek (KP).
Surabaya, 03 April 2022
Penulis
iii
DAFTAR ISI
LEMBAR PENGESAHAN .................................................................................... ii
KATA PENGANTAR ........................................................................................... iii
DAFTAR ISI .......................................................................................................... iv
DAFTAR TABEL .................................................................................................. vi
DAFTAR GAMBAR ............................................................................................ vii
DAFTAR LAMPIRAN ........................................................................................ viii
BAB 1 PENDAHULUAN ...................................................................................... 1
1.1 Latar Belakang.......................................................................................... 1

1.2 Tujuan ....................................................................................................... 4
1.3 Manfaat ..................................................................................................... 4
1.4 Luaran ....................................................................................................... 4
1.4.1 Dokumentasi .......................................................................................... 5
1.4.2. Produk Program atau software digunakan untuk mengerjakan projek KP
......................................................................................................................... 7
1.5 Waktu Dan Tempat Pelaksanaan ............................................................ 10
BAB 2 GAMBARAN UMUM ............................................................................. 11
2.1 Sejarah Instansi....................................................................................... 11

2.2 Struktur Organisasi ................................................................................. 15
2.3 Visi dan Misi Instansi ............................................................................. 15
2.3.1 Visi .................................................................................................. 15
2.3.2 Misi ................................................................................................. 16
2.4 Tugas dan Fungsi Instansi ...................................................................... 16
2.4.1 Tugas ............................................................................................... 16
2.4.2 Fungsi .............................................................................................. 16
2.5 Dart ......................................................................................................... 17
2.6 Flutter ..................................................................................................... 18
2.7 Android Studio ....................................................................................... 18
2.8 Figma ...................................................................................................... 19
2.9 Github ..................................................................................................... 20
2.10 Visual Studio Code ............................................................................. 20
iv
2.11 Sistem Informasi ................................................................................. 21
2.12 Unified Modeling Language (UML) .................................................. 21
BAB 3 PELAKSANAAN KERJA PRAKTEK .................................................... 23
3.1 Kegiatan Survei Lapangan ..................................................................... 23

3.2 Proses Bisnis dan Interaksi Pengguna Dengan System .......................... 24
3.3 Perancangan UML .................................................................................. 25
3.3.1 Use Case Diagram ........................................................................... 25
3.3.2 Activity Diagram............................................................................. 31
3.3.3 Collaboration Diagram .................................................................... 37
3.4 Pemilihan Supporting Designer Tools.................................................... 42
3.4.1 Microsoft Word ............................................................................... 42
3.4.2 Visual Studio Code ......................................................................... 42
3.4.3 Android Studio ................................................................................ 43
3.5 Tampilan Aplikasi .................................................................................. 44
3.5.1 Home ............................................................................................... 44
3.5.2 Peringatan Dini ............................................................................... 45
3.5.3 Log Kejadian ................................................................................... 47
3.5.4 Nomor Penting ................................................................................ 49
3.5.5 Nomor Penting Daerah.................................................................... 50
3.5.6 Lapor Kejadian ................................................................................ 52
BAB 4 KESIMPULAN DAN SARAN ................................................................ 55
4.1 Kesimpulan ............................................................................................. 55

4.2 Saran ....................................................................................................... 55
DAFTAR PUSTAKA ........................................................................................... 56
v
DAFTAR TABEL
Tabel 3.1 Use Case Diagram................................................................................. 25
Tabel 3.2 Activity Diagram................................................................................... 32
Tabel 3.3 Activity Diagram Perkiraan Cuaca ....................................................... 33
Tabel 3.4 Activity Diagram Kejadian Bencana .................................................... 34
Tabel 3.5 Activity Diagram Nomor Penting ......................................................... 35
Tabel 3.6 Activity Diagram Lapor Kejadian......................................................... 36
vi
DAFTAR GAMBAR
Gambar 2.1 Struktur Organisasi di BPBD Jawa Timur ........................................ 15

Gambar 2.2 Dart .................................................................................................... 17
Gambar 2.3 Flutter ................................................................................................ 18
Gambar 2.4 Android Studio .................................................................................. 19
Gambar 2.5 Figma................................................................................................. 20
Gambar 2.6 GitHub ............................................................................................... 20
Gambar 2.7 Unified Modeling Language ............................................................. 22
Gambar 3.1 Use Case Diagram User .................................................................... 26
Gambar 3.2 Sequence Diagram Perkiraan Cuaca ................................................. 27
Gambar 3.3 Sequence Diagram Informasi Bencana ............................................. 28
Gambar 3.4 Sequence Diagram Nomor Penting ................................................... 29
Gambar 3.5 Sequence Diagram Lapor Kejadian................................................... 30
Gambar 3.6 Collaboration Diagram ...................................................................... 37
Gambar 3.7 Collaboration Diagram Perkiraan Cuaca........................................... 38
Gambar 3.8 Collaboration Diagram Kejadian Bencana ........................................ 39
Gambar 3.9 Collaboration Diagram Nomor Penting ............................................ 40
Gambar 3.10 Collaboration Diagram Lapor kejadian ........................................... 41
Gambar 3.11 Microsoft Word ............................................................................... 42
Gambar 3.12 Logo Visual Studio Code ................................................................ 43
Gambar 3.13 Android Studio ................................................................................ 43
Gambar 3.14 Tampilan Dashboard Aplikasi ......................................................... 44
Gambar 3.15 Tampilan Peringatan Dini ............................................................... 45
Gambar 3.16 Tampilan BMKG............................................................................. 46
Gambar 3.17 Tampilan Log Kejadian ................................................................... 47
Gambar 3.18 Tampilan BPBD JAWA TIMUR .................................................... 48
Gambar 3.19 Tampilan Nomor Penting ................................................................ 49
Gambar 3.20 Tampilan Nomor Penting Surabaya ................................................ 50
Gambar 3.21 Tampilan Telepon ........................................................................... 51
Gambar 3.22 Tampilan Menu Lapor Kejadian ..................................................... 52
Gambar 3.23 Tampilan API Whatsapp ................................................................. 53
Gambar 3.24 Tampilan Whatsapp Pelaporan Bencana ......................................... 54
Gambar 4.1 Mockup Menu Perkiraan Cuaca ........................................................ 65
Gambar 4.2 Mockup Menu Utama........................................................................ 65
Gambar 4.3 Mockup Menu Log Kejadian ............................................................ 66
Gambar 4.4 Mockup Menu Nomor Penting.......................................................... 66
Gambar 4.5 Mockup Menu Lapor Kejadian ......................................................... 67
Gambar 4.6 Mockup Nomor Penting Tiap Daerah ............................................... 67
vii
DAFTAR LAMPIRAN
Lampiran 1 Kuesioner ........................................................................................... 58

Lampiran 2 Form Penilaian ................................................................................... 61
Lampiran 3 Aktivitas Harian ................................................................................. 62
Lampiran 4 Mockup & Protoype ......................................................................... 65
Lampiran 5 Lembar Bimbingan Kerja Praktek ..................................................... 68
Lampiran 6 Checklist Proposal Kerja Praktek ...................................................... 69
viii
BAB 1
PENDAHULUAN
1.1 Latar Belakang

Perkembangan ilmu pengetahuan tentang teknologi informasi dan
komunikasi yang cepat membuat banyaknya informasi yang beredar dengan cepat
dan mudah diakses sehingga masyarakat umum dapat mengakses segala informasi
yang dibutuhkan dengan cepat dan efisien.
Menurut Abdul Kadir (2003 : 10)[1] dalam buku yang berjudul Pengenalan
Sistem Informasi, “Sistem informasi mencakup sejumlah komponen (manusia,
komputer, teknologi informasi, dan prosedur kerja), ada sesuatu yang diproses (data
menjadi informasi), dan dimaksudkan untuk mencapai suatu sasaran atau tujuan”.
Layanan sistem informasi bisa berupa web , maupun aplikasi, layanan sistem
informasi tersebtu sangat berguna untuk masyarakat umum dikarenakan
mempermudah proses pencarian atau pendapatan informasi sehingga tidak terjadi
kejadian yang tidak diinginkan akibat keterlambatan informasi yang diterima.
Selain layanan Web sistem informasi juga bisa tersedia dalam aplikasi yang
bisa diakses melalui gadget yang mana hampir dipunyai setiap orang dan setiap
kalangan , mulai dari yang anak anak maupun dewasa sehingga penggunaan
aplilkasi pada gadget juga sangat membantu efisiensi sistem informasi sehingga
tujuan dibuatnya aplikasi tersebut bisa tercapat dengan mudah.
Selain itu penggunaan aplikasi juga suda dirasa familiar dan tempat untuk
penjualan atau publikasi dari aplikasi sendiri sudah ada tersedia di masing masing
Sistem Operasi sehhingga dengan bantuan tempat publikasi tersebut masyarakat
dapat dengan mudah mendapatkan dan menginstall aplikasi tersebut kedalam
gadgetnya.
Berikut pengertian aplikasi menurut beberapa ahli , aplikasi menurut
Jogiyanto (1999, 12) adalah penggunaan dalam suatu komputer, instruksi
(instruction) atau pernyataan (statement) yang disusun sedemikian rupa sehingga
komputer dapat memproses input menjadi output.
Aplikasi menurut Kamus Kamus Besar BahasaIndonesia (1998, 52) adalah
penerapan dari rancang sistem untuk mengolah data yang menggunakan aturan atau
1
2
ketentuan bahasa pemrograman tertentu. Aplikasi adalah suatu program komputer

yang dibuat untuk mengerjakan dan melaksanakan tugas khusus dari pengguna.
Aplikasi menurut Rachmad Hakim S, adalah perangkat lunak yang digunakan
untuk tujuan tertentu, seperti mengolah dokumen, mengatur Windows &,
permainan (game), dan sebagainya.
Aplikasi menurut Harip Santoso, adalah suatu kelompok file (form, class,
rePort) yang bertujuan untuk melakukan aktivitas tertentu yang saling terkait,
misalnya aplikasi payroll, aplikasi fixed asset.
Pada kerja praktik kali ini , penulis membuat program sistem informasi
berbasis aplikasi untuk standar sistem operasi android sehingga dalam
kompliasinya dan publikasinya untuk gadget sistem operasi android.
Menurut survey kecil yang dilakukan oleh penulis di sekitar rumahnya
pengguna gadget di dominasi oleh pengguna android sehingga dengan dasar itulah
penulis menggunakan android sebagai sistem operasi yang dipilih untuk sistem
informasi aplikasi yang akan dibuat.
Android sendiri menurut ahli sebagai berikut, Menurut Arifianto (2011, 1),
android merupakan perangkat bergerak pada sistem operasi untuk telepon seluler
yang berbasis linux. Menurut Hermawan (2011, 1), Android merupakan OS
(Operating System) Mobile yang tumbuh ditengah OS lainnya yang berkembang
dewasa ini.
Mahasiswa merupaka generasi penerus yang bisa dibilang generasi yang
selangkah lagi gilirannya memikul tanggung jawab yang besar guna mensukseskan
pembangunan nasional, memajukan pendidikan , dan memajukan bangsa dan
negara Indonesia. Oleh karena itu keahlian dan kemampuan sangat dibutuhkan oleh
mahasiswa untuk menunjang kebutuhan demi tercapainya tanggung jawab tersebut.
Didalam era industri 4.0 ini juga segala bidang membutuhkan tenaga kerja
atau sumber daya manusia yang handal dalam bidangnya dan juga tidak gagap
teknologi sehingga, dalam hal ini juga mahasiswa dituntut untuk mampu bersaing
dan menguasai bidang yang ditekuni dan bisa profesional dalam menjalankan
tugasnya, maka dari itu mahasiswa diharapkan tidak mendapatkan ilmu secara teori
saja melainkan dengan praktik juga , sehingga diperlukannya pengalaman kerja
untuk mewujudkannya.
3
Kerja Praktek merupakan salah satu mata kuliah pada jurusan TEKNIK
INFORMATIKA UNIVERSITAS 17 AGUSTUS 1945 SURABAYA sebagai
sarana mengembangkan ilmu pengetahuan yang diperoleh di bangku kuliah, selain
itu dengan kerja paktek akan diperoleh gambaran yang lebih jelas tentang berbagai
hal yang berkaitan dengan lapangan pekerjaan terutama pada bidang sistem
informasi pada PUSAT PENGENDALIAN DAN OPERASI BADAN
PENANGGULANGAN BENCANA DAERAH JAWA TIMUR, sehingga kerja
praktek ini dapat menjadi salah satu solusi untuk membuat mahasiswa bisa
menjalankan praktik dan mendapatkan pengalaman secara professional dengan
terjun langsung ke lapangan pekerjaan.
Kerja praktek juga merupakan mata kuliah yang wajib diambil oleh
mahasiswa UNIVERSITAS 17 AGUSTUS 1945 SURABAYA untuk menuntaskan
pendidikannya di universitas dan kerja praktek ini juga sangat dibutuhkan karena
dengan kerja praktek ini juga mahasiswa bisa terlibat langsung pada dunia
pekerjaan dan dibidang yang ditekuninya secara nyata sehingga memperoleh
pengalaman yang bagus sehingga menjadikannya sumber daya manusia yang
kompeten dan profesional.
Badan Nasional Penanggulangan Bencana (disingkat BNPB) adalah sebuah
Lembaga Pemerintah Nonkementerian yang mempunyai tugas membantu Presiden
Republik Indonesia dalam melakukan penanggulangan bencana sesuai dengan
amanat Undang-Undang Nomor 24 Tahun 2007 tentang Penanggulangan Bencana.
BNPB dibentuk berdasarkan Peraturan Presiden Nomor 8 Tahun 2008 yang
kemudian diganti dengan Peraturan Presiden Nomor 1 Tahun 2019.
Badan Penanggulangan Bencana Daerah (BPBD) Provinsi Jawa Timur
adalah lembaga non-departemen yang melaksanakan tugas penanggulangan
bencana di Provinsi Jawa Timur berpedoman pada kebijakan yang ditetapkan oleh
Badan Nasional Penanggulangan Bencana (BNPB). BPBD merupakan unsur
pelaksana dipimpin oleh seorang Kepala Pelaksana, yang berada di bawah dan
bertanggung jawab kepada Gubernur melalui Sekretaris Daerah ex-officio Kepala
Badan BPBD Provinsi Jawa Timur.
4
1.2 Tujuan
Dalam melaksanakan kerja praktek terdapat tujuan yang saya lampirkan
sebagai berikut.
1. Membuat sistem informasi pada BPBD Jawa Timur.

2. Mengembangkan aplikasi pengaduan bencana.
3. Mengetahui kondisi lapangan secara langsung dan nyata dan mengenal
kondisi yang sesungguhnya.
4. Melahirkan sikap disiplin dan bertanggung jawab serta kuat mental dan
etika yang baik dan dapat bersosialisasi dengan lingkungan kerja.
5. Mengembangkan teknologi informasi yang ada pada BPBD Jawa Timur.
1.3 Manfaat
Dalam melaksanakan kerja praktek juga terdapat manfaat yang akan saya
lampirkan sebagai berikut:
1. Masyarakat umum terutama generasi muda dapat dengan mudah

memperoleh informasi sehingga tidak terjadi hal yang tidak diinginkan
dikarenakan keterlambatan informasi
2. Kegiatan kerja praktek dapat meningkatkan produktivitas bagi instansi
3. Mahasiswa memperoleh wawasan terkait tanggap bencana sehingga dapat
disalurkan kepada masyarakat luas melalui gerbang sistem informasi.
4. Instansi juga dapat memberi tugas sesuai bidang kepada mahasiswa kerja
praktek sehingga dapat bermanfaat bagi instansi.
5. Sistem informasi yang dibuat secara tidak langsung juga menjadi pedoman
masyarakat umum agara teredukasi dan tanggap bencana.
1.4 Luaran
Praktek Kerja adalah salah satu matakuliah wajib di prodi Teknik Informatika
untuk dapat menyelesaikan program Sarjana dalam pelaksanaan pada kegiatan kerja
praktek ini meliputi sebagai berikut:
5
1.4.1 Dokumentasi
1.4.1.1 Pengertian Sistem informasi
Menurut Abdul Kadir (2003 : 10)[1] dalam buku yang
berjudul Pengenalan Sistem Informasi, “Sistem informasi mencakup
sejumlah komponen (manusia, komputer, teknologi informasi, dan
prosedur kerja), ada sesuatu yang diproses (data menjadi informasi),
dan dimaksudkan untuk mencapai suatu sasaran atau tujuan”.
Sistem informasi kali ini berupa aplikasi yang diatur
sedemikian rupa sehingga dapat menyajikan informasi yang
dibutuhkan atau yang disediakan dimanapun dan kapanpun.
1.4.1.2. Pengertian Perangkat Lunak
Pengertian Perangkat Lunak (Software) – Perangkat Lunak
atau software adalah kumpulan beberapa perintah yang dieksekusi
oleh mesin komputer dalam menjalankan pekerjaannya. perangkat
lunak ini merupakan catatan bagi mesin komputer untuk menyimpan
perintah, maupun dokumen serta arsip lainnya.
Perangkat lunak dibuat untuk membantu pengerjaan user
dalam memerintah hardware atau perangkat keras yang ada di
device, sehingga seluruh komponen dari perangkat keras bisa
berjalan dengan teratur dan lancar
1.4.1.3. Pengertian Aplikasi
Menurut Hasan Abdurahman dan Asep Ririh Riswaya
(2014), aplikasi adalah program siap pakai yang dapat digunakan
untuk menjalankan perintah-perintah dari pengguna aplikasi
tersebut dengan tujuan mendapatkan hasil yang lebih akurat sesuai
dengan tujuan pembuatan aplikasi tersebut.
Menurut Jogiyanto (1999, 12) adalah penggunaan dalam
suatu komputer, instruksi (instruction) atau pernyataan (statement)
yang disusun sedemikian rupa sehingga komputer dapat memproses
input menjadi output.
Aplikasi menurut Kamus Kamus Besar BahasaIndonesia
(1998, 52) adalah penerapan dari rancang sistem untuk mengolah
6
data yang menggunakan aturan atau ketentuan bahasa pemrograman

tertentu. Aplikasi adalah suatu program komputer yang dibuat untuk
mengerjakan dan melaksanakan tugas khusus dari pengguna.
Aplikasi menurut Rachmad Hakim S, adalah perangkat
lunak yang digunakan untuk tujuan tertentu, seperti mengolah
dokumen, mengatur Windows &, permainan (game), dan
sebagainya.
Aplikasi menurut Harip Santoso, adalah suatu kelompok file
(form, class, rePort) yang bertujuan untuk melakukan aktivitas
tertentu yang saling terkait, misalnya aplikasi payroll, aplikasi fixed
asset.
Aplikasi dibuat oleh para pembuat program atau bisa dikenal
dengan programmer yang di desain sedemikian rupa sehingga dapat
memenuhi dan dapat digunakan untuk tujuan tertentu, aplikasi
sendiri tidak hanya berada dalam 1 jenis device, hamper semua
device memiliki aplikasi, karena aplikasi juga dapat membantu user
dalam mengontrol software lainnya dalam menjalankan perintah
sehingga dapat membuat sistem komputer berjalan dengan lancer
dan teratur.
1.4.1.4. Pengertian Android
Android merupakan salah satu sistem operasi yang biasa
terdapat pada gadget yang merupakan keluarga linux, android
dikembangkan oleh Andy Rubin, Nick Sears , dan Rich Miner.
Android karena merupakan keluarga linux maka sifat
android sendiri adalah open source sehingga dari perkembangannya
jauh lebih cepat dibandingkan sistem operasi yang close source.
Android menurut para ahli sebagai berikut, Menurut
Arifianto (2011, 1), android merupakan perangkat bergerak pada
sistem operasi untuk telepon seluler yang berbasis linux. Menurut
Hermawan (2011, 1), Android merupakan OS (Operating System)
Mobile yang tumbuh ditengah OS lainnya yang berkembang dewasa
ini.
7
Menurut Safaat (2011) mengatakan android adalah sebuah

sistem operasi untuk perangkat mobile berbasis linux yang
mencakup sistem operasi, middleware, dan aplikasi.Android
menyediaan platform terbuka bagi para pengembang untuk
menciptakan aplikasi mereka.
Menurut Yosef Murya (2014), “android adalah sistem
operasi berbasis linux yang digunakan untuk telepon seluler
(mobile) seperti telepon pintar (smartphone) dan komputer tablet.
1.4.2. Produk Program atau software digunakan untuk mengerjakan projek
KP
1.4.2.1 Dart
Menurut Raharjo Budi (2019:1) dalam buku Pemrograman
Android dengan Flutter, Dart adalah bahasa pemrograman yang diproduksi
oleh Google, dirancang oleh Lars Bak dan Kasper Lund. Dart pertama kali
dikenalkan pada 10 Oktober 2011
Dart dirancang dan dikembangkan oleh Lars Bak dan Kasper Lund
di Google yang secara resmi diperkenalkan pada Oktober 2011 di
Konferensi GOTO, Denmark dan versi pertama Dart yaitu versi 1.0 resmi
dirilis pada Nov 2013.
Untuk menstandarisasi programming language yang baru dibuat,
Ecma International membuat komite teknis yang dikenal sebagai TC52,
dan Fakta bahwa kode Dart dapat dikompilasi ke dalam JavaScript telah
membuat bahasa ini cukup kompatibel dengan banyak browser web
modern. Hal ini menyebabkan standardisasi yang tak terhindarkan pada
Juli 2014, ketika Ecma International menyetujui edisi pertama spesifikasi
bahasa Dart di Majelis Umum ke-107 badan internasional tersebut.
Sekitar enam bulan kemudian, pada bulan Desember 2014, edisi
lain dari spesifikasi bahasa Dart telah disetujui oleh Ecma International.
Ini adalah edisi kedua dari spesifikasi bahasa Dart.
Kompiler pertama yang dapat menghasilkan kode JavaScript dari
Dart dikenal sebagai dartc, tetapi kemudian dikutuk oleh Google. Itu
diikuti oleh Frog, kompiler yang ditulis dalam Dart, tetapi tidak dapat
mengkompilasi kode sepenuhnya. Kompiler ketiga adalah dart2js yang
juga ditulis dalam Dart dan masih digunakan.
8
1.4.2.2 Flutter
Menurut Raharjo Budi (2019:1) dalam buku Pemrograman
Android dengan Flutter, Flutter adalah software development kit (SDK)
buatan google yang berfungsi untuk membuat aplikasi mobile
menggunakan bahasa pemrograman Dart, baik untuk Android maupun
iOS.
Awalnya, Flutter dikenal dengan nama Sky. Flutter pertama kali
diperkenalkan pada acara Dart Developer Summit 2015. Pada tanggal 4
Desember 2018, Google merilis Flutter 1.0 di acara Flutter Live Event.
Hal ini juga menandai rilisnya versi stabil pertama dari Flutter.
Selanjutnya Flutter 1.12 dirilis di acara Flutter Interact yang diadakan pada
tanggal 11 Desember 2019. Pada versi ini, versi beta Flutter untuk web
juga diperkenalkan ke public.
1.4.2.3 Android Studio
Android studio ini adalah lingkungan pengembangan baru dan
terintegrasi dengan penuh,yang telah di rilis oleh google untuk sistem
operasi Android dan di rancang untuk menjadi peralatan baru dalam
pengembangan aplikasi dan memberi alternaif selain Eclips yang saat ini
menjadi IDE yang banyak di pakai.
Menurut Nadia Firly (2017 : 13) Android Studio “merupakan
Integrated Development Environment (IDE) atau dalam artian lain adalah
sebuah lingkungan pengembangan terintegrasi resmi yang memang di
rancang khusus untuk pengembangan sistem operasi google Android.”
Android Studio menggunakan Gradle sebagai dasar dari sistem
build, dengan lebih banyak kemampuan khusus Android yang disediakan
oleh plugin Android untuk Gradle. Sistem build ini berjalan sebagai alat
terintegrasi dari menu Android Studio, dan terpisah dari command line.
1.4.2.4 Visual Studio Code
Visual Code Studio adalah sebuah code editor gratis yang bisa
dijalankan di perangkat desktop berbasis Windows, Linux, dan MacOS.
Code editor ini dikembangkan oleh salah satu raksasa teknologi dunia,
Microsoft.
Visual Code adalah software editor yang powerful, tapi tetap
ringan ketika digunakan. Ia bisa dipakai untuk membuat dan mengedit
9
source code berbagai bahasa pemrograman. Misalnya, seperti JavaScript,

TypeScript, dan Node.js.
Bahkan, Visual Code Studio juga kompatibel dengan bahasa dan
runtime environment lain, seperti PHP, Python, Dart, Java, dan .NET. Hal
ini berkat ekosistemnya yang luas dan ketersediaan extension yang
melimpah.
1.4.2.5 Figma
Figma merupakan editor grafis vektor dan alat prototyping
dengan berbasis web serta fitur offline tambahan yang diaktifkan oleh
aplikasi desktop untuk Mac OS dan Windows. Aplikasi pendamping
Figma Mirror untuk Android dan iOS memungkinkan untuk melihat
prototype Figma pada perangkat seluler. Rangkaian fitur Figma
berfokus pada penggunaan dalam antarmuka pengguna dan desain
pengalaman pengguna dengan penekanan pada kolaborasi waktu nyata
(real- time).
Bisa disimpulkan figma adalah aplikasi atau alat pembantu
perancan UI/UX atau prototyping yang tersedia dalam bentuk aplikasi
maupun web, Figma mempunyai Fitur sebagai berikut:
a. Pena bebas yang memungkinkan untuk menggambar
apapun dengan bebas
b. Font open type
c. Alat seleksi cerdas yang memudahkan untuk menyeleksi
guna memotong atau memperbanyak sketch
d. Tersedianya Code Snippets
e. Animasi cerdas yang membantu untuk menghubungkan
dari scene sat uke yang lain
f. Dan lain sebagainya.
Sehingga dari fitur fitur tersebut penulis menggunakann figma
untuk perancangan UI/UX dan Prototyping.
1.4.2.6 GitHub
GitHub merupakan manajemen project, sistem versioning code,
sekaligus platform jaringan sosial bagi para developer seluruh dunia.
10
Banyak sekali fungsi yang bisa digunakan oleh para developer,

sehingga melalui platform ini memudahkan developer dalam
mengembangkan sebuah karya.
Github bisa dibilang adalah website atau situs untuk menyimpan
atau mempublikasikan program dari project yang di kerjakan sehingga
dapat di ambil kembali di kemudian hari atau digunakan oleh orang lain
untuk referensi, Github juga dapat digunakan sebagai tempat
menyimpan program untuk dijadikan portofolio melamar pekerjaan,
Penulis menggunakan Github sebagai publikasi program dan
portofolio yang dapat diakses oleh umum dengann link pada lampiran.
1.5 Waktu Dan Tempat Pelaksanaan

Tempat Kerja Praktek dilaksanakan di:
Tempat : BPBD Jawa Timur
Alamat : Jl. Letjend. S. Parman No.55, Krajan Kulon, Waru, Kec. Waru,
Kabupaten Sidoarjo, Jawa Timur 61256
Tanggal : 07 Maret 2022 s.d. 07 April 2022
Waktu : 07.00 s.d. 16.00

BAB 2
GAMBARAN_UMUM
2.1 Sejarah Instansi

Badan Nasional Penanggulangan Bencana (disingkat BNPB) adalah
sebuah Lembaga Pemerintah Nonkementerian yang mempunyai tugas
membantu Presiden Republik Indonesia dalam melakukan penanggulangan
bencana sesuai dengan amanat Undang-Undang Nomor 24 Tahun 2007
tentang Penanggulangan Bencana. BNPB dibentuk berdasarkan Peraturan
Presiden Nomor 8 Tahun 2008 yang kemudian diganti dengan Peraturan
Presiden Nomor 1 Tahun 2019.
Pemerintah Indonesia membentuk Badan Penolong Keluarga Korban
Perang (BPKKP). Badan yang didirikan pada 20 Agustus 1945 ini berfokus
pada kondisi situasi perang pasca kemerdekaan Indonesia. Badan ini bertugas
untuk menolong para korban perang dan keluarga korban semasa perang
kemerdekaan.
Pemerintah membentuk Badan Pertimbangan Penanggulangan
Bencana Alam Pusat (BP2BAP) melalui Keputusan Presiden Nomor 256
Tahun 1966. Penanggung jawab untuk lembaga ini adalah Menteri Sosial.
Aktivitas BP2BAP berperan pada penanggulangan tanggap darurat dan
bantuan korban bencana. Melalui keputusan ini, paradigma penanggulangan
bencana berkembang tidak hanya berfokus pada bencana yang disebabkan
manusia tetapi juga bencana alam.
Frekuensi kejadian bencana alam terus meningkat. Penanganan
bencana secara serius dan terkoordinasi sangat dibutuhkan. Oleh karena itu,
pada tahun 1967 Presidium Kabinet mengeluarkan Keputusan Nomor
14/U/KEP/I/1967 yang bertujuan untuk membentuk Tim Koordinasi
Nasional Penanggulangan Bencana Alam (TKP2BA).
Selanjutnya TKP2BA ditingkatkan menjadi Badan Koordinasi
Nasional Penanggulangan Bencana Alam (Bakornas PBA) yang diketuai oleh
Menkokesra dan dibentuk dengan Keputusan Presiden Nomor 28 tahun 1979.
Aktivitas - aktivitas manajemen bencana mencakup pada tahap pencegahan ,
11
12
penanganan darurat, dan rehabilitasi. Sebagai penjabaran operasional dari

Keputusan Presiden tersebut, Menteri Dalam Negeri dengan instruksi Nomor
27 tahun 1979 membentuk Satuan Koordinasi Pelaksanaan Penanggulangan
Bencana Alam (Satkorlak PBA) untuk setiap provinsi.
Bencana tidak hanya disebabkan karena alam tetapi juga non alam
serta sosial. Bencana non alam seperti kecelakaan transportasi, kegagalan
teknologi, dan konflik sosial mewarnai pemikiran penanggulangan bencana
pada periode ini. Hal tersebut yang melatarbelakangi penyempurnaan Badan
Koordinasi Nasional Penanggulangan Bencana Alam menjadi Badan
Koordinasi Nasional Penanggulangan Bencana (Bakornas PB). Melalui
Keputusan Presiden Nomor 43 Tahun 1990, lingkup tugas dari Bakornas PB
diperluas dan tidak hanya berfokus pada bencana alam tetapi juga non alam
dan sosial. Hal ini ditegaskan kembali dengan Keputusan Presiden Nomor
106 Tahun 1999. Penanggulangan bencana memerlukan penanganan lintas
sektor, lintas pelaku, dan lintas disiplin yang terkoordinasi.
Pada 2000 - 2005 ndonesia mengalami krisis multidimensi sebelum
periode ini. Bencana sosial yang terjadi di beberapa tempat kemudian
memunculkan permasalahan baru. Permasalahan tersebut membutuhkan
penanganan khusus karena terkait dengan pengungsian. Oleh karena itu,
Bakornas PB kemudian dikembangkan menjadi Badan Koordinasi Nasional
Penanggulangan Bencana dan Penanganan Pengungsi (Bakornas PBP).
Kebijakan tersebut tertuang dalam Keputusan Presiden Nomor 3 Tahun 2001
yang kemudian diperbaharui dengan Keputusan Presiden Nomor 111 Tahun
2001.
Pada 2005 – 2008 Tragedi gempa bumi dan tsunami yang melanda
Aceh dan sekitarnya pada tahun 2004 telah mendorong perhatian serius
Pemerintah Indonesia dan dunia internasional dalam manajemen
penanggulangan bencana. Menindaklanjuti situasi saat iu, Pemerintah
Indonesia mengeluarkan Peraturan Presiden Nomor 83 Tahun 2005 tentang
Badan Koordinasi Nasional Penanganan Bencana (Bakornas PB). Badan ini
memiliki fungsi koordinasi yang didukung oleh pelaksana harian sebagai
13
unsur pelaksana penanggulanagn bencana. Sejalan dengan itu, pendekatan

paradigma pengurangan resiko bencana menjadi perhatian utama.
Pada 2008 – sekarang Dalam merespon sistem penanggulangan
bencana saat itu, Pemerintah Indonesia sangat serius membangun legalisasi,
lembaga, maupun budgeting. Setelah dikeluarkannya Undang-Undang
Nomor 24 Tahun 2007 Tentang Penanggulangan Bencana, pemerintah
kemudian mengeluarkan Peraturan Presiden Nomor 8 Tahun 2008 tentang
Badan Nasional Penanggulangan Bencana (BNPB). BNPB terdiri atas kepala,
unsur pengarah penanggulangan bencana, dan unsur pelaksana
penanggulangan bencana. BNPB memiliki fungsi pengkoordinasian
pelaksanaan kegiataan penanggulangan bencana secara terencana, terpadu,
dan menyeluruh.
BNPB merupakan Badan Nasional untuk Republik Indonesia
sedangkan dalam tiap daerah maupun kabupaten kota berubah menjadi Badan
Penanggulangan Bencana Daerah (BPBD).
Badan Penanggulangan Bencana Daerah (BPBD) Provinsi Jawa
Timur adalah lembaga non-departemen yang melaksanakan tugas
penanggulangan bencana di Provinsi Jawa Timur berpedoman pada kebijakan
yang ditetapkan oleh Badan Nasional Penanggulangan Bencana (BNPB).
BPBD merupakan unsur pelaksana dipimpin oleh seorang Kepala Pelaksana,
yang berada di bawah dan bertanggung jawab kepada Gubernur melalui
Sekretaris Daerah ex-officio Kepala Badan BPBD Provinsi Jawa Timur.
Badan Penanggulangan Bencana Daerah (BPBD) Provinsi Jawa
Timur memiliki unit kerja, antara lain :
• Sekretariat,
• Bidang Pencegahan dan Kesiapsiagaan,
• Bidang Kedaruratan dan Logistik,
• Bidang Rehabilitasi dan Rekonstruksi,
• Pusat Pengendalian Operasi Penanggulangan Bencana
(Pusdalops PB).
14
Kantor Badan Penanggulangan Bencana Daerah Jawa Timur

Berlokasi pada Jalan S. Parman No. 55, Waru, Sidoarjo dan alamat website
yang bisa diakses sebagai berikut website : https://bpbd.jatimprov.go.id
Gambar 2.1.1 Logo Badan Penanggulangan Bencana Daerah Provinsi (BPBD) Jawa
Timur
15
2.2 Struktur Organisasi
Gambar 2.1 Struktur Organisasi di BPBD Jawa Timur

1
Gambar diatas adalah struktur organisasi yang terbentu pada Badan

Penanggulangan Bencana Daerah (BPBD) Provinsi Jawa Timur Tahun 2022
2.3 Visi dan Misi Instansi

2.3.1 Visi
Terwujudnya Masyarakat Jawa Timur Yang Adil, Sejahtera, Unggul dan
Berakhlak Dengan Tata Kelola Pemerintahan Yang Partisipatoris Inklusif Melalui
Kerja Bersama Dan Semangat Gotong Royong
16
2.3.2 Misi
Melaksanakan Pembangunan Berdasarkan Semangat Gotong
Royong, Berwawasan Lingkungan untuk Menjamin Keselarasan Ruang
Ekologi, Ruang Sosial, Ruang Ekonomi dan Ruang Budaya
2.4 Tugas dan Fungsi Instansi

2.4.1 Tugas
BPBD Jawa Timur mempunyai tugas sebagai Berikut :
• penyelenggaraan penanggulangan bencana di Provinsi Jawa
Timur.
2.4.2 Fungsi
Fungsi BPBD Jawa Timur sebagai berikut :
• Fungsi Koordinasi adalah Koordinasi BPBD dengan instansi /
lembaga dinas / badan secara horisontal pada tahap pra bencana, saat
tanggap darurat dan pasca bencana; Koordinasi penyelenggaraan
penanggulangan bencana dapat dilakukan melalui kerjasama dengan
lembaga / organisasi dan pihak-pihak lain yang terkait sesuai dengan
ketentuan yang berlaku; Kerjasama melibatkan peran serta negara
lain, lembaga internasional dan lembaga asing non pemerintah.
• Fungsi Komando, dalam status keadaan darurat bencana Gubernur
menunjuk seorang komandan penanganan bencana atas usulan
Kepala BPBD. Komandan penanganan darurat bencana
mengendalikan kegiatan operasional penanggulangan bencana dan
berwenang mengaktifkan serta meningkatkan Pusat Pengendalian
Operasi menjadi Pos Komando. Kewenangan komandan
memerintahkan instansi / lembaga meliputi : (a) penyelamatan, (b)
pengerahan sumber daya manusia, (c) pengerahan peralatan dan
logistik.
• Fungsi Pengendalian adalah mengendalikan penggunaan teknologi
yang secara tiba-tiba / berangsur menjadi sumber ancaman bahaya
bencana, penguasaan dan pengelolaan sumberdaya alam yang
berpotensi bahaya, pengurasan sumberdaya alam yang melebihi
daya dukungnya yang menyebabkan ancaman bahaya,
17
perencanaan dan penegakan tata ruang wilayah kaitan

penanggulangan bencana serta pengendalian pengumpulan dan
penyaluran bantuan berupa uang dan / atau barang serta jasa lain
yang diperuntukan untuk penanggulangan bencana.
2.5 Dart
Menurut Raharjo Budi (2019:1) dalam buku Pemrograman Android
dengan Flutter, Dart adalah bahasa pemrograman yang diproduksi oleh
Google, dirancang oleh Lars Bak dan Kasper Lund. Dart pertama kali
dikenalkan pada 10 Oktober 2011
Dart dirancang dan dikembangkan oleh Lars Bak dan Kasper Lund di
Google yang secara resmi diperkenalkan pada Oktober 2011 di Konferensi
GOTO, Denmark dan versi pertama Dart yaitu versi 1.0 resmi dirilis pada
Nov 2013.
Gambar 2.2 Dart
Untuk menstandarisasi programming language yang baru dibuat,

Ecma International membuat komite teknis yang dikenal sebagai TC52, dan
Fakta bahwa kode Dart dapat dikompilasi ke dalam JavaScript telah membuat
bahasa ini cukup kompatibel dengan banyak browser web modern. Hal ini
menyebabkan standardisasi yang tak terhindarkan pada Juli 2014, ketika
Ecma International menyetujui edisi pertama spesifikasi bahasa Dart di
Majelis Umum ke-107 badan internasional tersebut.
Sekitar enam bulan kemudian, pada bulan Desember 2014, edisi lain
dari spesifikasi bahasa Dart telah disetujui oleh Ecma International. Ini adalah
edisi kedua dari spesifikasi bahasa Dart.
18
Kompiler pertama yang dapat menghasilkan kode JavaScript dari Dart

dikenal sebagai dartc, tetapi kemudian dikutuk oleh Google. Itu diikuti oleh
Frog, kompiler yang ditulis dalam Dart, tetapi tidak dapat mengkompilasi
kode sepenuhnya. Kompiler ketiga adalah dart2js yang juga ditulis dalam
Dart dan masih digunakan.
2.6 Flutter
Menurut Raharjo Budi (2019:1) dalam buku Pemrograman Android
dengan Flutter, Flutter adalah software development kit (SDK) buatan google
yang berfungsi untuk membuat aplikasi mobile menggunakan bahasa
pemrograman Dart, baik untuk Android maupun iOS.
Awalnya, Flutter dikenal dengan nama Sky. Flutter pertama kali
diperkenalkan pada acara Dart Developer Summit 2015. Pada tanggal 4
Desember 2018, Google merilis Flutter 1.0 di acara Flutter Live Event.
Gambar 2.3 Flutter

3
Hal ini juga menandai rilisnya versi stabil pertama dari Flutter.
Selanjutnya Flutter 1.12 dirilis di acara Flutter Interact yang diadakan pada
tanggal 11 Desember 2019. Pada versi ini, versi beta Flutter untuk web juga
diperkenalkan ke public.
2.7 Android Studio

Android studio ini adalah lingkungan pengembangan baru dan
terintegrasi dengan penuh,yang telah di rilis oleh google untuk sistem operasi
Android dan di rancang untuk menjadi peralatan baru dalam pengembangan
aplikasi dan memberi alternaif selain Eclips yang saat ini menjadi IDE yang
banyak di pakai.
19
Menurut Nadia Firly (2017 : 13) Android Studio “merupakan

Integrated Development Environment (IDE) atau dalam artian lain adalah
sebuah lingkungan pengembangan terintegrasi resmi yang memang di
rancang khusus untuk pengembangan sistem operasi google Android.”
Gambar 2.4 Android Studio

4
Android Studio menggunakan Gradle sebagai dasar dari sistem build,

dengan lebih banyak kemampuan khusus Android yang disediakan oleh
plugin Android untuk Gradle. Sistem build ini berjalan sebagai alat
terintegrasi dari menu Android Studio, dan terpisah dari command line.
2.8 Figma
Figma merupakan editor grafis vektor dan alat prototyping dengan
berbasis web serta fitur offline tambahan yang diaktifkan oleh aplikasi
desktop untuk Mac OS dan Windows. Aplikasi pendamping Figma Mirror
untuk Android dan iOS memungkinkan untuk melihat prototype Figma
pada perangkat seluler. Rangkaian fitur Figma berfokus pada penggunaan
dalam antarmuka pengguna dan desain pengalaman pengguna dengan
penekanan pada kolaborasi waktu nyata (real- time).
Figma juga merujpakan situs web yang sering dikunjungi untuk
dimanafaatkan fitur – fiturnya untuk membuat User Interface ataupun User
Experience ataupun Prototyping sehingga figma menjadi salah satu situs
favorit dari berbagai kalangan masyarakat.
20
Gambar 2.5 Figma

5
2.9 Github
GitHub merupakan manajemen project, sistem versioning code,
sekaligus platform jaringan sosial bagi para developer seluruh dunia.
Banyak sekali fungsi yang bisa digunakan oleh para developer, sehingga
melalui platform ini memudahkan developer dalam mengembangkan
sebuah karya.
Gambar 2.6 GitHub

6
2.10 Visual Studio Code

Visual Code Studio adalah sebuah code editor gratis yang bisa
dijalankan di perangkat desktop berbasis Windows, Linux, dan MacOS.
Code editor ini dikembangkan oleh salah satu raksasa teknologi dunia,
Microsoft.
Visual Code adalah software editor yang powerful, tapi tetap ringan
ketika digunakan. Ia bisa dipakai untuk membuat dan mengedit source code
21
berbagai bahasa pemrograman. Misalnya, seperti JavaScript, TypeScript,

dan Node.js.
Bahkan, Visual Code Studio juga kompatibel dengan bahasa dan
runtime environment lain, seperti PHP, Python, Dart, Java, dan .NET. Hal
ini berkat ekosistemnya yang luas dan ketersediaan extension yang
melimpah.
2.11 Sistem Informasi

Pengertian sistem informasi menurut Laudon (La Midjan dan
Susanto, 2004) adalah komponen – komponen yang saling berhubungan dan
bekerja sama untuk mengumpulkan, memprogses, menyimpan, dan
menyebarkan informasi untuk mendukung pengambilan keputusan,
koordinasi, pengendalian dann untuk memberikan gambaran aktivitas di
dalam perusahaan. Sedangkan sistem informasi mennurut Hall (2004)
merupakan serangkaian prosedur formal di mana data dikumpulkan,
diproses menjadi informasi dan didistribusikan ke para pengguna.
Menurut La Midjan dan Susanto (2004), sumber dari sistem
informasi di dalam perusahaan yang bersumber dari alat – alat
pemroses/pengolah data adalah :
• Otak, otak manusia memiliki dua macam memori yaitu
memori jangka Panjang dan memori jangka pendek.
• Manual, alat pengolah manual ditandai dengan penggunaan
pena dan tinta.
• Mekanik, mekanik memberikan hasil pengolahan yang lebih
cepat, lebih rapih dan sama/standar.
• Elektrik,, dan
• Elektronik, elektronik memberikan kecepatan dan efisiensi
pengolahan.
2.12 Unified Modeling Language (UML)
Unified Modelling Language (UML) adalah suatu alat untuk
memvisualisasikan dan mendokumentasikan hasil analisa dan desain yang
berisi sintak dalam memodelkan sistem secara visual (Braun, et. al. 2001).
Juga merupakan satu kumpulan konvensi pemodelan yang digunakan untuk
menentukan atau menggambarkan sebuah sistem software yang terkait
dengan objek (Whitten, et. al. 2004).
22
Sejarah UML sendiri terbagi dalam dua fase; sebelum dan sesudah
munculnya UML. Dalam fase sebelum, UML sebenarnya sudah mulai
diperkenalkan sejak tahun 1990an namun notasi yang dikembangkan oleh
para ahli analisis dan desain berbeda-beda, sehingga dapat dikatakan belum
memiliki standarisasi.
Gambar 2.7 Unified Modeling Language

7
Fase kedua; dilandasi dengan pemikiran untuk mempersatukan

metode tersebut dan dimotori oleh Object Management Group (OMG) maka
pengembangan UML dimulai pada akhir tahun 1994 ketika Grady Booch
dengan metode OOD (Object-Oriented Design), Jim Rumbaugh dengan
metode OMT (Object Modelling Technique) mereka ini bekerja pada
Rasional Software Corporation dan Ivar Jacobson dengan metode OOSE
(Object-Oriented Software Engineering) yang bekerja pada perusahaan
Objectory Rasional.
BAB 3
PELAKSANAAN_KERJA_PRAKTEK
3.1 Kegiatan Survei Lapangan

Pada pelaksanaan kerja praktik juga diperlukan survei demi lancarnya
kegiatan kerja praktik tersebut,kegiatan tersebut terdapat beberapa tahap
yakni:
1. Analisis Masalah
Pada tahap ini telah dikumpulkan beberapa kendala atau
beberapa keluhan dari masyarakat yang membutuhkan sebuah gerbang
sistem informasi untuk mengetahui atau melaporkan suatu bencana
sehingga terpikirkan untuk membuat aplikasi yang digunakan sebagai
gerbang informasi.
a. Kebutuhan Fungsional
1. Sistem dapat memberikan notifikasi
2. Sistem dapat mengarahkan halaman ke web browser
b. Kebutuhan Non-Fungsional
1. Sistem dapat diakses pengguna kurang dari 10 detik
2. Sistem dapat di download pada playstore maupun Appstore
3. Sistem harus memastikan data yang disajikan valid dan
terbaru
4. Sistem mempunyai tampilan yang simple sehingga mudah
dipahami
2. Pembuatan Mockup dan Prototype
Pada tahap ini, melakukan perancangan desain dan pembuatan
mockup dari aplikasi yang akan dibuat sehingga diketahui apakah sudah
memenuhi kebutuhan masyarakat dalam aspek kemudahan pemahaman
akses sehingga jika sudah terpenuhi maka kana dilakjukan pembuatan
prototyping yang sangat mirip dengan hasil jadinya. Desain dari mockup
dan prototype akan di tampilkan pada halaman lampiran
23
24
3. Pembuatan Program
Pada tahap ini, setelah melakukan pembuatan prototype maka
dilanjut dengan pembuatan program menggunakan Bahasa dart yang
memakai environtmen dari flutter dan menggunakan visual studio code
sebagai editornya serta menggunakan android studio sebagai emulator
android.
4. Pengujian Program
Pada tahap ini sistem akan diuji oleh user, apakah sudah sesuai
dengan requirement yang diharapkan, kemudian apakah sistem berhasil.
a. Pengujian apabila gagal
Sistem tidak berhasil atau gagal mungkin terdapat eror atau
tidak sesuai dengan prototype sehingga akan di garap ulang dimana
letak eror dan pengecekan Kembali program yang dibuat dan di
update lalu di coba kembali kepada user .
b. Pengujian apabila sukses
Pada Tahap ini apabila sistem berhasil dijalankan dan sesuai
dengan requirement yang ada, maka sistem siap dipakai dan
dipublikasikan kepada masyarakat.
5. Finishing Aplikasi
Pada Tahap ini setelah pengujian selesai maka akan langsung
dibuatkan promosi dan edukasi tentang penggunaan aplikasi ini
sehingga bisa menjadi panduan pemanfaatan penuh aplikasi ini.
Pada Saat Proses pembuatan program pada kerja praktik ini , proses
membutuhkan beberapa beberapa perangkat lunak yang digunakan untuk
membantu pengerjaan aplikasi tersebut.
3.2 Proses Bisnis dan Interaksi Pengguna Dengan System

Perancangan sistem dalam kegiatan kerja praktik ini mengacu pada
proses pendapatan informasi pengguna terhadap data yang disediakan oleh
aplikasi.
25
3.3 Perancangan UML

3.3.1 Use Case Diagram
Use case diagram adalah satu dari berbagai jenis diagram
UML (Unified Modelling Language) yang menggambarkan
hubungan interaksi antara sistem dan aktor. Use Case dapat
mendeskripsikan tipe interaksi antara si pengguna sistem dengan
sistemnya. Secara umum use case diagram sebagai berikut.
Tabel 3.1 Use Case Diagram

1
Berikut adalah use case diagram yang terjadi pada user

terhadap aplikasi dan database dari web yang disediakan oleh
aplikasi.
26
Gambar 3.1 Use Case Diagram User

8
Sequence diagram atau diagram urutan adalah sebuah

diagram yang digunakan untuk menjelaskan dan menampilkan
interaksi antar objek-objek dalam sebuah sistem secara terperinci.
Selain itu sequence diagaram juga akan menampilkan pesan atau
perintah yang dikirim, beserta waktu pelaksanaannya. Objek-objek
yang berhubungan dengan berjalannya proses operasi biasanya
diurutkan dari kiri ke kanan.
Tujuan utama dari pembuatan diagram urutan adalah untuk
mengetahui urutan kejadian yang dapat menghasilkan output yang
diinginkan, Ada beberapa komponen yang digunakan dalam
sequence diagram antara lain :
• Actor
• Activation Box
• Lifeline
• Object
• Message
27
3.3.1.1 Perkiraan Cuaca

Sequence diagram untuk perkiraan cuaca digunakan untuk
menggambarkan interaksi antar obyek dan mengindikasikan
komunikasi diantara objek. Terdapat 1 aktor yaitu user, dimana
dalam proses perkiraan cuaca user terlebih dahulu harus mengakses
ke web resmi bmkg juanda yang link nya telah disediakan oleh
sistem. Setelah itu user akan memilih hari ini atau hari lain yang
diinginkan untuk dilihat perkiraan cuacanya dengan ketentuan
maksimal 3 hari kedepan, sehingga update untuk tanggal tanggal
selanjutnya akan di update di kemudian hari. Berikut sequence
diagram untuk perkiraan cuaca.
Gambar 3.2 Sequence Diagram Perkiraan Cuaca

9
28
3.3.1.2 Kejadian Bencana

Sequence diagram untuk informasi bencana digunakan untuk
dalam proses informasi bencana user terlebih dahulu harus
mengakses ke web resmi BPBD Jawa Timur yang link nya telah
disediakan oleh sistem. Setelah itu user akan ditampilkan list
berbagai kejadian bencana mulai dari bencana ringan hingga berat
ataupun bencana yang baru saja terjadi atau sudah berlalu hingga
bencana yang sudah selesai dan masih berlanjut, dalam list tersebut
akan disediakan juga update update terbaru tentang kejadian
bencana tersebut ketika bencana tersebut memang masih berlanjut
dan user akan diberi halaman lain untuk detail detaill lainnya tentang
bencana tersbut, berikut sequence diagram dari informasi bencana.
Gambar 3.3 Sequence Diagram Informasi Bencana

10
29
3.3.1.3 Nomor Penting

Sequence diagram untuk nomor penting digunakan untuk
dalam proses nomor penting user akan mengakses halaman nomor
lalu memilih satu daerah di jawa timur yang ingin diketahui nomor
penting, setelah itu user akan disajikan informasi terkait kode area
serta nomor – nomor penting seperti ambulance, dinas Kesehatan,
penanggulangan bencana, sar, polisi, dan lain sebagainya, jika user
sudah mendapatkan informasi tersebut user hanya perlu menekan
nomor tersebut dan akan langsung diarahkan ke telepon bawaan
gadget , berikut sequence diagram dari nomor penting.
APP
Gambar 3.4 Sequence Diagram Nomor Penting

11
30
3.3.1.4 Lapor Kejadian

Sequence diagram untuk lapor kejadian digunakan untuk
dalam proses lapor kejadian. Yang mana pertamau user akan
membuka menu awal lalu menekan tombol untuk menghubungi atau
memulai komumikasi , user akan langsung diarahkan ke Whatsapp
yang mana user akan berkomunikasi dengan bot dulu
untukpenghimpunan data dan akan di dapatkan oleh customer
service.
Gambar 3.5 Sequence Diagram Lapor Kejadian

12
31
3.3.2 Activity Diagram

Activity diagram adalah diagram yang dapat memodelkan
proses-proses yang terjadi pada sebuah sistem. Runtutan proses dari
suatu sistem digambarkan secara vertikal. Activity diagram
merupakan pengembangan dari Use Case yang memiliki alur
aktivitas.
Alur atau aktivitas berupa bisa berupa runtutan menu-menu
atau proses bisnis yang terdapat di dalam sistem tersebut. Dalam
buku Rekayasa Perangkat Lunak karangan Rosa A.S mengatakan,
“Diagram aktivitas tidak menjelaskan kelakuan aktor. Dapat
diartikan bahwa dalam pembuatan activity diagram hanya dapat
dipakai untuk menggambarkan alur kerja atau aktivitas sistem saja.”
Secara umum komponen – komponen activity diagram
adalah sebagai berikut :
• Start Point atau Initial State (Titik Mulai/Status Awal)
adalah lingkaran hitam kecil. Biasanya digunakan untuk
menandakan status awal, tindakan awal, atau titik awal
aktivitas untuk setiap activity diagram.
• Activity merupakan aktivitas yang dilakukan atau sedang
terjadi dalam sistem. Biasanya diawali dengan “kata kerja”
dari aktivitas yang dilakukan.
• Percabangan atau decision merupakan suatu titik atau point
yang mengindikasikan suatu kondisi di mana adanya
kemungkinan dalam perbedaan transisi. Hal tersebut
diperlukan ketika sistem yang dimiliki memiliki beberapa
kemungkinan atau jalan alternatif.
• Merge Menggabungkan flow yang sudah dipecah menjadi
beberapa bagian oleh suatu flow.
• Swimlanes Memecah activity diagram menjadi kolom dan
baris untuk membagi tanggung jawab objek-objek yang
melakukan suatu aktivitas.
32
• Transition Digunakan untuk menunjukan aktivitas

selanjutnya dan sebelumnya.
• Notasi akhir (end state) Notasi akhir digunakan untuk
menandakan proses tersebut berakhir. Pada UML, notasi
akhir dapat digambarkan dengan simbol sebuah bull’s eye
(mata sapi).
Tabel 3.2 Activity Diagram

2
33

Activity Diagram menggambarkan workflow (aliran kerja)
atau aktivitas dari sebuah sistem atau proses bisnis. dalam activity
diagram perkiraan cuaca akan menampilkan proses user dalam
mendapatkan informasi perkiraan cuaca yang didapat dari database
BMKG Juanda. Berikut activity diagram dari perkiraan cuaca.
Perkiraan Cuaca
Tabel 3.3 Activity Diagram Perkiraan Cuaca

3
34

diagram informasi bencana akan menampilkan proses user dalam
mendapatkan informasi bencana, yang didapat dari database Badan
Penanggulangan Bencana Daerah Jawa Timur. Berikut activity
diagram dari informasi bencana.
Kejadian Bencana
Tabel 3.4 Activity Diagram Kejadian Bencana

4
35

diagram nomor penting akan menampilkan proses user dalam
mendapatkan informasi nomor penting, yang didapat dari sistem
yang telah disediakan. Berikut activity diagram dari nomor penting.
Nomor Penting
Tabel 3.5 Activity Diagram Nomor Penting

5
36
3.3.2.4. Lapor Kejadian

diagram lapor kejadian akan menampilkan proses user dalam
mendapatkan melaporkan kejadian bencana yang terjadi di daerah
di sekitarnya dengan verifikasi oleh customer service bpbd
sendiri. Berikut activity diagram dari lapor kejadian.
Tabel 3.6 Activity Diagram Lapor Kejadian

6
37
3.3.3 Collaboration Diagram

Collaboration diagram merupakan jenis UML yang
menghubungkan antar objek sama halnya seperti object diagram.
Collaboration diagram memperlihatkan informasi yang sama persis
dengan sequence diagram, namun memiliki tujuan serta bentuk yang
tidak sama. Apabila kita melihat sequence diagram diurutkan
berdasarkan waktu, collaboration diagram ini diurutkan berdasarkan
hubungan antar objeknya.
Komponen – komponen pada collaboration diagram yakni
antara lain :
• Object digambarkan denga simbol persegi panajang.
• Link digambarkan dengan simbol garis lurus.
• Stimulus atau arah pesan digambarkan dengan simbol arah
panah.
• Pesan hanya berbentuk sebuah tulisan saja.
Gambar 3.6 Collaboration Diagram

13
38

Collaboration diagram perkiraan cuaca menggambarkan
hubungan antar object pada menu perkiraan cuaca yang mana dalam
diagram tersebut menuliskan metode dan proses yang berjalan atara
objek satu dengan yang linnya secara menyeluruh. Diagram
collaboration juga diagram yang mengelompokan pesan atau
message dalam kumpulan sequence diagram menjadi sebuah
diagram yang berbeda. Diagram ini juga bisa dikatakan sebagai
bentuk perluasan dari object diagram.berikut collaboration diagram
perkiraan cuaca.
Gambar 3.7 Collaboration Diagram Perkiraan Cuaca

14
39

Collaboration diagram kejadian bencana menggambarkan
hubungan antar object pada menu kejadian bencana yang mana
dalam diagram tersebut menuliskan metode dan proses yang berjalan
atara objek satu dengan yang linnya secara menyeluruh. Diagram
kejadian bencana.
Gambar 3.8 Collaboration Diagram Kejadian Bencana

15
40

Collaboration diagram Nomor penting menggambarkan
hubungan antar object pada menu nomor penting yang mana dalam
nomor penting.
Gambar 3.9 Collaboration Diagram Nomor Penting

16
41
3.3.3.4 Lapor Kejadian

Collaboration diagram Nomor penting menggambarkan
hubungan antar object pada menu nomor penting yang mana dalam
nomor penting.
Gambar 3.10 Collaboration Diagram Lapor kejadian

17
42
3.4 Pemilihan Supporting Designer Tools

Untuk menunjang pengerjaan Aplikasi dan laporan kerja praktek ini,
kami menggunakan perangkat lunak sebagai perangkat pendukung,
perangkat tersebut yaitu:
3.4.1 Microsoft Word
Microsoft Word atau Microsoft Office Word adalah perangkat lunak
pengolah kata (word processor) andalan Microsoft. Pertama diterbitkan
pada 1983 dengan nama Multi-Tool Word untuk Xenix, versi-versi lain
kemudian dikembangkan untuk berbagai sistem operasi, misalnya DOS
(1983), Apple Macintosh (1984), SCO UNIX, OS/2, dan Microsoft
Windows (1989). Setelah menjadi bagian dari Microsoft Office System
2003 dan 2007 diberi nama Microsoft Office Word.
Microsoft Word mempunyai fitur fitur pendukung untuk membuat
laporan sehingga penulis memakai Microsoft Word untuk alat pembantu
pembuatan laporan kerja praktik ini.
Gambar 3.11 Microsoft Word

18
3.4.2 Visual Studio Code

Visual Studio Code adalah sebuah code editor gratis yang bisa
dijalankan di perangkat desktop berbasis Windows, Linux, dan MacOS. Code
editor ini dikembangkan oleh salah satu raksasa teknologi dunia, Microsoft.
Visual Studie Code adalah salah satu code editor yang ringan dan bisa
untuk membuat code program dari bahasa pemrograman apa saja, sehingga
pemilihan code editor ini dinilai menjadi salah satu favorit developer aplikasi
untuk membuat kode untuk aplikasi yang dibuatnya
43
Dalam Praktik Kali ini, Visual Studio Code berfungsi untuk Code
Editor yang akan menjalankan Bahasa pemrograman dart dan flutter
Gambar 3.12 Logo Visual Studio Code

19
3.4.3 Android Studio

Menurut Raharjo Budi (2019:1) dalam buku Pemrograman Android dengan
Flutter, Flutter adalah software development kit (SDK) buatan google yang
berfungsi untuk membuat aplikasi mobile menggunakan bahasa pemrograman Dart,
baik untuk Android maupun iOS.
Android studio juga mempunyai code editor untuk membuat kode program
yang bisa digunakan oleh developer untuk membuat program untuk aplikasi yang
dibuatnya namun karena android studi dinilai cukup berat sehingga beberapa
memilih untuk menggunakan code editor lain untuk membuat kode programnya dan
android studio dimanfaatkan untuk diambil emulatornya untuk mencoba aplikasi.
Dalam Praktik Kali ini, android studio berfungsi untuk mendapatkan
emulator android yang digunakan untuk mencoba hasil kode yang sudah dibuat
Gambar 3.13 Android Studio

20
44
3.5 Tampilan Aplikasi

3.5.1 Home
Berikut merupakan tampilan awal atau dashboard atau
tampilan home dari aplikasi BPBD Jawa Timur dimana tampilan
tersebut memuat 3 menu yakni peringatan dini sebagai menu untuk
perkiraan cuaca yang diambil dari BMKG Juanda, Log Kejadian
sebagai menu untuk list kejadian bencana yang disediakan oleh
BPBD Jawa Timur, dan Nomor Penting sebagai menu yang
menyediakan informasi terkait kode area dan nomor penting yang
dapat dihubungi dari daerah tertentu.
Gambar 3.14 Tampilan Dashboard Aplikasi

21
45
3.5.2 Peringatan Dini

Berikut merupakan tampilan dari menu peringatan dini ,
tampilan ini memuat penjelasan tentang menu ini dan penjelasan
singkat tentang peringatan dini, tombol lihat akan membuat user
langsung di arahkan ke halaman web resmi dari BMKG Juanda ,
yang mana disana akan langsung disediakan informasi terkait
perkiraan cuaca yang terjadi dari hari ini hingga 3 hari kedepan, web
tersebut atau informasi perkiraan cuaca tersebut juga dapat diunduh
atau di screenshot untuk di bagikan.
Gambar 3.15 Tampilan Peringatan Dini

22
46
Berikut tampilan dari BMKG Juanda dalam menyajikan

informasi Perkiraan Cuaca yang dimulai dari hari ini hingga 3 hari
kedepan. Dan lingkup dari BMKG Juanda ini adalah seluruh daerah
yang berada di Jawa Timur.
Gambar 3.16 Tampilan BMKG

23
47
3.5.3 Log Kejadian

Berikut merupakan tampilan dari menu log kejadian, pada
menu ini memuat sekilas penjelasan tentang menu ini dan penjelasan
singkat apa itu log kejadian , tombol lihat akan mengharahkan user
kedalam halaman resmi Badan Penanggulangan Bencana Daerah
Jawa Timur , pada halaman SMART-PB pada halaman ini user akan
disediakan informasi terkait log kejadian atau list kejadian bencana
yang terjadi pada jawa timur mulai dari bencana kecil hingga besar,
bencana terjadi di masa lalu ataupun sekarang, serta bencana yang
telah selesai ataupun masih berlangsung, pada halaman tersebut pula
dapat dilihat detail informasi bencana.
Gambar 3.17 Tampilan Log Kejadian

24
48
Berikut adalah tampilan dari web resmi Badan

penanggulangan Bencana Daerah Jawa Timur yang memuat
berbagai informasi bencana daerah, yang terjadi di Jawa Timur
mulai dari yang lampau maupun yang terbaru , ataupun mulai dari
yang telah selesai atau yang masih berjalan.
Gambar 3.18 Tampilan BPBD JAWA TIMUR

25
49
3.5.4 Nomor Penting

Pada tampilan ini memuat informasi nomor penting secara
umum yang berlaku di seluruh Indonesia dan menjaikan informasi
terkait daerah daerah yang berada di Jawa Timur yang mana nanti
ketika user menekan salah satu daerah tersebut sistem akan
mengalihkan ke tampilan lain dan menyajikan informasi terkait
nomor penting dan kode area di daerah tersebut .
Gambar 3.19 Tampilan Nomor Penting

26
50
3.5.5 Nomor Penting Daerah

Pada tampilan ini menyajikan informasi terkait nomor
penting dan kode area tiap daerah di Jawa Timur, nomor penting
tersebut di dapat dari nomor telephone yang tertera pada google ,
dan nomor resmi yang dicari pada akun resmi social media daerah
tersebut , ketika user menekan salah satu nomor tersebut yang ingin
dihubungi maka sistem akan langsung mengalihkan tampilan ke
telepon bawaan gadget sehingga user tinggal menekan telepon untuk
melakuakn pemanggilan. Berikut salah satu contoh tampilan di
daerah Surabaya.
Gambar 3.20 Tampilan Nomor Penting Surabaya

27
51
Berikut adalah tampilan ketika user sudah menekan salah

satu tombol dari nomor yang ingin dihubungi , yang mana sistem
akan langsung mengarahkan ke telepon bawaan dari gadget yang
dimiliki oleh user sehhingga dapat memudahkan user dan user bisa
langsung menghubungi nomor yang ingin di tuju.
Gambar 3.21 Tampilan Telepon

28
52
3.5.6 Lapor Kejadian

Pada tampilan ini digunakan untuk melaporkan kejadian
bencana yang terjadi di sekitar. Dengan menyertakan lokasi jenis
kejadian serta foto atau video yang bisa dijadikan butki bencana
sehingga bisa diverifikasi dengan cepat oleh pihak BPBD,tampilan
pertama adalah tampilan dari menu lapor kejadian itu sendiri yang
mana memuat informasi terkait menu lapor kejadian dan 4 nomor
agen dari pihak BPBD , dimana nomor agen tersebut akan berfungsi
sebagai nomor pelaporan dari bencana tersebut berikut tampilan menu
yang dimaksud.
Gambar 3.22 Tampilan Menu Lapor Kejadian

29
53
Berikutnya setelah user menekan salah satu nomor agen akan

dialihkan ke API dari Whatsapp dimana nantinya untuk pelaopran
nya dialihkan ke Whatsapp. Berikut tampilan dari saat pengalihan di
API
Gambar 3.23 Tampilan API Whatsapp

30
Berikutnya adalah dialihkan ke contact resmi atau agen dari

bpbd untuk dilaporkannya kejadian yang dimaksud dengan format
pesan ataupun Langkah Langkah yang sudah disediakan dan untuk
pesan yang baru masuk pertama kali atau ingin memulai chat akan
54
ditangani terlebih dahulu oleh bot sehingga untuk penanganan

masyarakat lebih efektif dan efisien sehingga Ketika data yang
dikirim menuhi warga yang mengirim laporan tersebut akan di
hubungi oleh pihak bpbd lebih lanjut untuk informasi dari kejadian
bencana yang dimaksud, berikut tampilan dari chatbot Whatsapp
dan pemberian informasi terkait kejadian bencana.
Gambar 3.24 Tampilan Whatsapp Pelaporan Bencana

31
BAB 4
KESIMPULAN_DAN_SARAN
4.1 Kesimpulan
Sistem informasi sangat diperlukan apalagi pada era teknologi dan era
industry 4.0 dengan adanya sistem informasi yang dibentuk dan menjadi aplikasi
atau web banyak kejadian kejadian bencana yang dapat ditangani dengan benar dan
tepat, penyampaian informasi dan pendapatan informasi yang cepat dan akurat juga
berguna bagi tim penyelamat yang mana harus mendapatkan informasi dengan
cepat 24 jam sehingga ketika ada bencana atau cuaca buruk pada suatu daerah bisa
dilaporkan dan ditangani dengan cepat sehingga bisa meminimalisir korban yang
lebih banyak lagi bahkan bisa meminimalisir atau mungkin meniadakan korban
jiwa.
4.2 Saran
Sejauh pengerjaan laporan dan kerja praktik berlangsung penulis memiliki
beberapa saran yang telah tampung antara lain:
1. Diharapkan aplikasi ini berfungsi dengan semestinya

2. Diharapkan aplikasi ini sanggup direalisasikan secepatnya
3. Diharpkan akan selalu ada update berkala
55
56
DAFTAR PUSTAKA
Apa itu Activity Diagram? Beserta Pengertian, Tujuan, Komponen (2021).

Tersedia di: https://www.dicoding.com/blog/apa-itu-activity-diagram/
Apa itu GitHub? Berikut Cara Menggunakannya (2021). Tersedia di:

https://www.dicoding.com/blog/apa-itu-github/ (diakses: 30 Juni 2022).
Apa Itu Sequence Diagram dan Contohnya (2021). Tersedia di:

https://www.dicoding.com/blog/apa-itu-sequence-diagram/
Bahasa Pemrograman Dart – Pengertian, Sejarah, Fitur, dan Contoh Aplikasi (no
date). Tersedia di: https://academy.alterra.id/blog/bahasa-pemrograman-dart/
(diakses: 22 Maret 2022).
Contoh Collaboration Diagram (2021). Tersedia di:

https://www.pinhome.id/blog/contoh-collaboration-diagram/
Contoh Use Case Diagram Lengkap dengan Penjelasannya (2021). Tersedia di:
https://www.dicoding.com/blog/contoh-use-case-diagram/
Haviluddin. (2011). Memahami Penggunaan UML (Unified Modelling Language).

Samarinda : Program Studi Ilmu Komputer, FMIPA Universitas
Mulawarman
Kadir, Abdul. (2003). Pengenalan Sistem Informasi. Yogyakarta: Andi Offset.
Kedudukan & Alamat BPBD Jawa Timur (no date). Tersedia di:
https://web.bpbd.jatimprov.go.id/kedudukan-alamat/ (diakses: 30 Juni 2022).
Mengenal Android Studio (no date). Tersedia di:

https://developer.android.com/studio/intro?hl=id (diakses: 22 Maret 2022).
Mengenal Apa Itu Figma : Fitur, Fungsi, dan Cara Kerja/ Menggunakan (2020).
Tersedia di: https://idcloudhost.com/mengenal-apa-itu-figma-fitur-fungsi-
cara-kerja-menggunakannya/ (diakses: 30 Juni 2022).
57
Mengenal Visual Code Studio dan Fitur-Fitur Pentingnya (no date). Tersedia di:
https://www.niagahoster.co.id/blog/visual-code-studio/ (diakses: 22 Maret
2022).
Microsoft Office Word (Microsoft Word) (no date). Tersedia di:

https://p2k.unkris.ac.id/id3/1-3073-2962/Word_50999_unkris_p2k-
unkris.html/ (diakses: 30 Juni 2022).
Neyfa, Bella Chintya dan Dony Tamara. (2016). PERANCANGAN APLIKASI E-

CANTEEN BERBASIS ANDROID DENGAN MENGGUNAKAN
METODE OBJECT ORIENTED ANALYSIS & DESIGN ( OOAD ). Jakarta
: Politeknik Negeri Jakarta
RAHARJO, BUDI. (2019). Pemrograman Android dengan Flutter (1).

BANDUNG: INFORMATIKA
Safitri, Laila dan Sucipto Basuki. (2020ANALISA DAN PERANCANGAN SISTEM

INFORMASI TEXT CHATTING BERBASIS ANDROID WEB VIEW.
Banten : STMIK Insan Pembangunan
Sejarah BNPB (no date). Tersedia di: https://www.bnpb.go.id/sejarah-

bnpb#:~:text=Badan%20yang%20didirikan%20pada%2020,keluarga%20ko
rban%20semasa%20perang%20kemerdekaan. (diakses: 30 Juni 2022).
Sidh, Rahmawati. (2013). Peranan Brainware Dalam Sistem Informasi Manajemen.

Bandung : Balai Informasi Teknologi, Lembaga Ilmu Pengetahuan Indonesia
Tugas dan Fungsi (no date). Tersedia di: https://web.bpbd.jatimprov.go.id/tugas-

fungsi/ (diakses: 30 Juni 2022).
58
KUESIONER UNTUK INSTITUSI PENGGUNA

MAHASISWA PROGRAM STUDI TEKNIK INFORMATIKA
Lampiran 1 Kuesioner
Program studi Teknik Informatika Universitas 17 Agustus 1945

Surabya mengadakan Survei mengenai Profile Mahasiswa Kerja Praktek.
Tujuan dari Survei ini untuk mengevaluasi pengembangan kurikulum di
Program studi Teknik Informatika Universitas 17 Agustus 1945 Surabya
yang merupakan aktifitas penting untuk meningkatkan program studi. Hasil
survei ini akan digunakan untuk bahan evaluasi pengembangan kurikulum di
Program studi Teknik Informatika Universitas 17 Agustus 1945 Surabya.
Kami mohon kesediaan Bapak/Ibu untuk menjawab survei ini. Terima kasih.
I. Biodata
Nama Mahasiswa : MUHAMMAD TAUFAN MA’RUF
NIM : 1461900089
Judul Kerja Praktek : SISTEM INFORMASI PENGADUAN
BENCANA PADA BADAN
PENANGGULANGAN BENCANA
DAERAH (BPBD) PROVINSI JAWA
TIMUR BERBASIS APLIKASI
II. Profile Umum
Nama Instansi : BADAN PENANGGULANGAN
BENCANA DAERAH (BPBD) PROVINSI
JAWA TIMUR
Alamat : JL. LETJEND. S. PARMAN No.55,
KRAJAN KULON, WARU, KEC. WARU,
KABUPATEN SIDOARJO , JAWA
TIMUR 61256
No. Telepon : (031) 8550222
Homepage : https://bpbd.jatimprov.go.id
Pembimbing Lapangan : DINO ANDALANANTO, S.KOM.
Jabatan : KAPUSDALOPS PB BPBD PROV.
JAWA TIMUR
Email : mail@bpbd.jatimprov.go.id
III. Kompetensi
59
Berilah tanda ceklis yang paling sesuai untuk menggambarkan

kompetensi Mahasiswa selama melaksanakan Kerja Praktek.
Kompetensi pada saat mulai melaksanakan Kerja Praktek:
SB: Sangat Baik
B : Baik
C : Cukup
K : Kurang
Penilaian
Kategori
SB B C K
1. Motivasi dalam menyelesaikan pekerjaan
2. Kreativitas dalam menyelesaikan pekerjaan
3. Motivasi dalam menambah pengetahuan atau

keahlian yang dimiliki
4. Motivasi dalam menambah pengetahuan atau
keahlian diluar bidang ilmu yang dimiliki
5. Kemampuan dalam memecahkan

permasalahan
6. Kemampuan dalam menuangkan ide atau
inovasi
7. Kemampuan dalam berpikir logis
8. Kemampuan dalam menyelesaikan pekerjaan
9. Kemampuan dalam melaporkan hasil

pekerjaan
10. Kemampuan dalam menangani
permasalahan
11. Kemampuan dalam memenuhi segala aturan
ataupetunjuk kerja
12. Kemampuan dalam bekerja mandiri
13. Kemampuan dalam mengerjakan pekerjaan

yang sesuai bidang ilmu
14. Kemampuan berkomunikasi dengan

pimpinan
15. Kemampuan berkomunikasi dengan rekan
kerja
60
16. Etika dan moral di tempat kerja Praktek
17. Kemampuan dalam menyelesaikan

pekerjaan rutin
18. Kemampuan dalam membantu rekan kerja
19. Kemampuan dalam menyelesaikan masalah

tim
20. Kemampuan dalam berkerjasama dalam tim
Saran-saran terhadap Mahasiswa Kerja Praktek
Diharapkan pembuatan aplikasi ini bisa digunakan dengan baik dan

sebagaimana semestinya
Saran-saran untuk perbaikan Program Studi Teknik Informatika

Universitas 17Agustus 1945 Surabaya
Diharapkan terus ditingkatkan jumlah mahasiswa yang berkompeten

sehingga bisa membuat hal hal yang baru dan berguna bagi
masyarakat
Terimakasih atas partisipasi Saudara.
Sidoarjo, 3 April 2022

Pembimbing Lapangan
DINO ANDALANANTO, S.KOM

NIPTTPK. 208-03061985-012019-187
FORMULIR PENILAIAN KERJA PRAKTEK

61
FAKULTAS TEKNIK
Lampiran 2 Form Penilaian

NIM : 1461900089
BENCANA PADA BADAN
PENANGGULANGAN BENCANA DAERAH
(BPBD) PROVINSI JAWA TIMUR BERBASIS
APLIKASI
Nama Instansi : BADAN PENANGGULANGAN BENCANA
DAERAH (BPBD) PROVINSI JAWA TIMUR
Alamat : JL. LETJEND. S. PARMAN No.55, KRAJAN
KULON, WARU, KEC. WARU, KABUPATEN
SIDOARJO , JAWA TIMUR 61256
Waktu Pelaksanaan : 7 MARET 2022 S.D. 7 APRIL 2022
No Penilaian Bobot Nilai BxN

(B) (N)
1 Kehadiran 20% 95 19
2 Kerjasama 20% 95 19
3 Komunikasi 10% 95 9.5
4 Sikap, Etika dan Tingkah Laku 20% 95 19
5 Prestasi Kerja 20% 95 19
6 Kreatifitas 10% 95 9.5
Jumlah 95

Pembimbing Lapangan

NIPTTPK. 208-03061985-012019-187
62
AKTIVITAS HARIAN KERJA PRAKTEK

FAKULTAS TEKNIK
Lampiran 3 Aktivitas Harian

NIM : 1461900089
BENCANA PADA BADAN
PENANGGULANGAN BENCANA DAERAH
(BPBD) PROVINSI JAWA TIMUR BERBASIS
APLIKASI
No Tanggal Keterangan TTD
1 7 Maret 2022 Pengenalan lingkungan kerja dan bagian
2 8 Maret 2022 Pengenalan lingkungan kerja dan bagian
Mempelajari cara mendapatkan informasi

3 9 Maret 2022
bencana dan mengimputkannya

4 10 Maret 2022

5 11 Maret 2022
6 12 Maret 2022 Libur

8 14 Maret 2022
Cuaca dan mengimputkannya
Pengimputan informasi bencana dan cuaca

9 15 Maret 2022
kedalam Smart PB
63

10 16 Maret 2022
kedalam Smart PB

11 17 Maret 2022
kedalam Smart PB
Mempelajari tipe cuaca dan bencana pada

12 18 Maret 2022
layar informasi dan menyusun laporan

15 21 Maret 2022
Mengikuti Webinar yang diadakan oleh

16 22 Maret 2022
BMKG Juanda dan Menyusun laporan

17 23 Maret 2022

18 24 Maret 2022
kedalam Smart PB dan menyusun laporan

19 25 Maret 2022

22 28 Maret 2022
64

23 29 Maret 2022

24 30 Maret 2022

25 31 Maret 2022

26 1 April 2022
27 2 April 2022 Libur
28 3 April 2022 Libur

29 4 April 2022

30 5 April 2022

31 6 April 2022
Menyelasikan pengimputan informasi dan

32 7 April 2022
mengikuti piket malam serta perpisahan

Pembimbing Lapangan

NIPTTPK. 208-03061985-012019-187
65
Mockup & Prototype

Lampiran 4 Mockup & Protoype
Berikut adalah Desain Mockup aplikasi yang dibuat :
Gambar 4.1 Mockup Menu Perkiraan

32 Gambar 4.2 Mockup Menu Utama
33
Cuaca
66
Gambar 4.4 Mockup Menu Nomor

35 Gambar 4.3 Mockup Menu Log
34
Penting Kejadian
67
Gambar 4.6 Mockup Nomor Penting

37 Gambar 4.5 Mockup Menu Lapor
36
Tiap Daerah Kejadian
Berikut adalah link prototype yang dikerjakan melalui figma :

https://www.figma.com/file/0mIt793WkyfZPNRdYRdPfY/Untitled?node-id=0%3A1
dan untuk source code bisa di lihat pada link berikut (Github) :
https://github.com/GusArjuna/BPBD-Mobile
serta penjelasan mengenai aplikasi bisa ditonton pada link berikut (Youtube) :
https://www.youtube.com/watch?v=JLEmSxMD1oA
68
PROGRAM STUDI TEKNIK

INFORMATIKAFAKULTAS TEKNIK
LEMBAR BIMBINGAN KERJA PRAKTEK

Lampiran 5 Lembar Bimbingan Kerja Praktek
Semester Gasal / Genap Tahun 2021/2022 Periode : ...
Pas Photo 4 x 6 Nama : Muhammad Taufan Ma'ruf

NBI : 1461900089
Alamat Rumah / Kost : Dusun : Krajan, Jl. Jend S Parman V/59B, RT/RW : 1/9,
Kelurahan : Waru, Kecamatan : Waru
No Telp. / Hp : 087862235228
Pembimbing : Agyl Ardi Rahmadi (20460150666)
Mulai Bimbingan Judul KP : Sistem Informasi Pengaduan Bencana Pada Badan
Penanggulangan Bencana Daerah (BPBD) Provinsi Jawa Timur
Berbasis Aplikasi
PERSETUJUAN DOSEN PEMBIMBING NILAI

Tanggal : 03 Juli 2022
Ttd. Pembimbing
(Agyl Ardi Rahmadi)
NO HARI / TGL URAIAN MATERI TT.DOSEN

1
Senin / 07 Maret 2022 Bimbingan Terkait Judul Kerja Praktek
2
Sabtu / 23 April 2022 Bimbingan Terkait Proposal Kerja Praktek
3
Sabtu / 02 Juli 2022 Bimbingan Terkait Laporan Kerja Praktek dan Aproval Sidang
JUDUL KERJA PRAKTEK SESUDAH DI REVISI
APLIKASI PENGADUAN BENCANA PADA BADAN PENANGGULANGAN BENCANA DAERAH (BPBD)

PROVINSI JAWA TIMUR
LEMBAR PENGESAHAN JUDUL KERJA PRAKTEK

Tanggal : 03 Juli 2022
Ttd. Pembimbing Ttd. Koordinator
Agyl Ardi Rahmadi Supangat, S.Kom., M.Kom

NIP : 20460150666 NIP : 20460110602
* Cetak dilembar buffalo kuning
SYARAT MAJU PRESENTASI KERJA PRAKTEK :

1. Bimbingan Kerja Praktek minimal 3x
2. Mengumpulkan Laporan KP beserta Soft Copynya dalam bentuk CD pada saat maju Presentasi.
69
PROGRAM STUDI TEKNIK INFORMATIKA
FAKULTAS TEKNIK
CHECKLIST PROPOSAL KERJA PRAKTEK

Lampiran 6 Checklist Proposal Kerja Praktek
Semester Gasal / Genap Tahun 2021/202 Periode : ...
Nama : Muhammad Taufan Ma'ruf

NBI : 1461900089
Alamat Rumah / Kost : Dusun : Krajan, Jl. Jend S Parman V/59B, RT/RW : 1/9, Kelurahan : Waru,
Kecamatan : Waru
No Telp. / Hp : 087862235228
Pembimbing : Agyl Ardi Rahmadi (20460150666)
Judul KP : Sistem Informasi Pengaduan Bencana Pada Badan Penanggulangan Bencana
Daerah (BPBD) Provinsi Jawa Timur Berbasis Aplikasi
Dosen Pembimbing wajib memberikan check (  ) untuk tiap point yang telah dipenuhi.
Ketentuan umum yang harus dipenuhi
❒ Mahasiswa telah lulus mata kuliah minimal 72 sks

❒ Mahasiswa mempunyai IPK minimal 2.50
❒ Mahasiswa sudah mencantumkan mata kuliah Kerja Praktek dalam KRS
❒ Kerja Praktek sudah sesuai dengan bidang ilmu pada program studi Teknik Informatika
❒ Mahasiswa sudah melakukan pembayaran untuk mengikuti mata kuliah Kerja Praktek pada periode saat ini
Sistematika Penulisan Laporan
❒ Font yang digunakan adalah Times New Roman dengan ukuran 12

❒ Jarak baris pada laporan KP adalah 1.5 spasi
❒ Ukuran kertas yang digunakan adalah A4 dengan minimal 50 halaman
❒ Ukuran margin yang digunakan sudah sesuai aturan, yaitu right, top, bottom adalah 3 cm, dan left 4 cm
❒ Halaman Sampul sampai Daftar Isi diberi nomor halaman dengan huruf: i, ii, iii, …. dst dan diletakkan pada
sudut kanan bawah
❒ Halaman Pendahuluan sampai Daftar Pustaka diberi nomor halaman dengan angka arab: 1, 2, 3, …dst yang
diletakkan pada sudut kanan atas, kecuali untuk halaman yang mengandung judul bab diletakkan pada tengah
halaman bawah
Surabaya, 03 Juli 2022

Mengetahui,
Koordinator KP Dosen Pembimbing
Supangat, S.Kom., M.Kom Agyl Ardi Rahmadi

NIP : 20460110602 NIP : 20460150666

Laporan Kerja Praktik BPBD Jawa TImur

Diunggah oleh

Informasi Dokumen

Judul Asli

Hak Cipta

Format Tersedia

Bagikan dokumen Ini

Bagikan atau Tanam Dokumen

Opsi Berbagi

Apakah menurut Anda dokumen ini bermanfaat?

Apakah konten ini tidak pantas?

Hak Cipta:

Format Tersedia

Laporan Kerja Praktik BPBD Jawa TImur

Diunggah oleh

Hak Cipta:

Format Tersedia

LAPORAN KERJA PRAKTEK

APLIKASI PENGADUAN BENCANA PADA

LAPORAN KERJA PRAKTEK

Sistem Informasi Pengaduan Bencana Pada Badan

Sebagai salah satu syarat untuk melaksanakan Kerja Praktek

Surabaya, 10 Juli 2022

Koordinator KP, Dosen Pembimbing

Supangat, S.Kom., M.Kom. Agyl Ardi Rahmadi, S.Kom. M.A.

Aidil Primasetya Armin, S.ST., MT

Semoga Allah SWT selalu memberikan kemudahan, kelancaran, dan

Surabaya, 03 April 2022

LEMBAR PENGESAHAN .................................................................................... ii

KATA PENGANTAR ........................................................................................... iii

DAFTAR ISI .......................................................................................................... iv

DAFTAR TABEL .................................................................................................. vi

DAFTAR GAMBAR ............................................................................................ vii

DAFTAR LAMPIRAN ........................................................................................ viii

BAB 1 PENDAHULUAN ...................................................................................... 1

1.1 Latar Belakang.......................................................................................... 1

2.1 Sejarah Instansi....................................................................................... 11

3.1 Kegiatan Survei Lapangan ..................................................................... 23

4.1 Kesimpulan ............................................................................................. 55

Gambar 2.1 Struktur Organisasi di BPBD Jawa Timur ........................................ 15

Lampiran 1 Kuesioner ........................................................................................... 58

1.1 Latar Belakang

ketentuan bahasa pemrograman tertentu. Aplikasi adalah suatu program komputer

1. Membuat sistem informasi pada BPBD Jawa Timur.

1. Masyarakat umum terutama generasi muda dapat dengan mudah

data yang menggunakan aturan atau ketentuan bahasa pemrograman

Menurut Safaat (2011) mengatakan android adalah sebuah

source code berbagai bahasa pemrograman. Misalnya, seperti JavaScript,

Banyak sekali fungsi yang bisa digunakan oleh para developer,

1.5 Waktu Dan Tempat Pelaksanaan

Tempat : BPBD Jawa Timur

Kabupaten Sidoarjo, Jawa Timur 61256

Tanggal : 07 Maret 2022 s.d. 07 April 2022

Waktu : 07.00 s.d. 16.00

2.1 Sejarah Instansi

penanganan darurat, dan rehabilitasi. Sebagai penjabaran operasional dari

unsur pelaksana penanggulanagn bencana. Sejalan dengan itu, pendekatan

Kantor Badan Penanggulangan Bencana Daerah Jawa Timur

2.2 Struktur Organisasi

Gambar 2.1 Struktur Organisasi di BPBD Jawa Timur

Gambar diatas adalah struktur organisasi yang terbentu pada Badan

2.3 Visi dan Misi Instansi

2.4 Tugas dan Fungsi Instansi

perencanaan dan penegakan tata ruang wilayah kaitan

Gambar 2.2 Dart

Untuk menstandarisasi programming language yang baru dibuat,

Kompiler pertama yang dapat menghasilkan kode JavaScript dari Dart

Gambar 2.3 Flutter

2.7 Android Studio

Menurut Nadia Firly (2017 : 13) Android Studio “merupakan

Gambar 2.4 Android Studio

Android Studio menggunakan Gradle sebagai dasar dari sistem build,

Gambar 2.5 Figma

Gambar 2.6 GitHub

2.10 Visual Studio Code

berbagai bahasa pemrograman. Misalnya, seperti JavaScript, TypeScript,

2.11 Sistem Informasi

Gambar 2.7 Unified Modeling Language

Fase kedua; dilandasi dengan pemikiran untuk mempersatukan

3.1 Kegiatan Survei Lapangan