PENERAPAN METODE PROGRESSIVE WEB APP DENGAN MARKER PADA MAPBOX UNTUK INFORMASI TITIK LOKASI KUMPUL EVAKUASI BENCANA
Article Sidebar
Progressive Web App, Google Maps API, Service Worker, Titik Kumpul Evakuasi.
Main Article Content
Abstract
Natural disasters such as earthquakes and tsunamis pose a serious threat, especially in vulnerable areas such as Bengkulu City. In an emergency, information on the location of evacuation assembly points is essential to reduce the risk of injury and loss of life. However, this information is often not well socialized and difficult to reach by the community. Therefore, this research aims to develop a Google Maps API-based Progressive Web App (PWA) that can be accessed interactively and still function in offline conditions through the application of Service Worker. Testing using Google Lighthouse shows that the application has an accessibility score of 89%, indicating ease of access on various devices. The results of this study prove that the application of PWA with Google Maps is more effective than conventional methods such as evacuation route signage, because it increases accessibility, flexibility, and community preparedness in facing disasters.
Bencana alam seperti gempa bumi dan tsunami merupakan ancaman serius, terutama di daerah rawan seperti Kota Bengkulu. Dalam kondisi darurat, informasi mengenai lokasi titik kumpul evakuasi sangat penting untuk mengurangi risiko cedera dan kehilangan nyawa. Namun, informasi ini sering kali tidak tersosialisasi dengan baik dan sulit dijangkau oleh masyarakat. Oleh karena itu, penelitian ini bertujuan untuk mengembangkan Progressive Web App (PWA) berbasis Google Maps API yang dapat diakses secara interaktif dan tetap berfungsi dalam kondisi offline melalui penerapan Service Worker. Pengujian menggunakan Google Lighthouse menunjukkan bahwa aplikasi memiliki skor aksesibilitas sebesar 89%, menunjukkan kemudahan akses di berbagai perangkat. Hasil penelitian ini membuktikan bahwa penerapan PWA dengan Google Maps lebih efektif dibandingkan metode konvensional seperti plang jalur evakuasi, karena meningkatkan aksesibilitas, fleksibilitas, serta kesiapsiagaan masyarakat dalam menghadapi bencana.
Article Details
This work is licensed under a Creative Commons Attribution-NonCommercial 4.0 International License.
This work is licensed under a Creative Commons Attribution-ShareAlike 4.0 International License.
References
Adi, L., Akbar, R. J., & Khotimah, W. N. (2017). 24291-61039-1-Pb. 6(2), 2–6.
Ariyanti, R., Khairil, K., & Kanedi, I. (2015). Pemanfaatan Google Maps Api Pada Sistem Informasi Geografis Direktori Perguruan Tinggi Di Kota Bengkulu. Jurnal Media Infotama, 11(2), 119–129.
Atmojo, S. (2018). Teori Permutasi Dan Penggunaan Api Mapbox Untuk Pencarian Rute Terpendek. Edutic - Scientific Journal of Informatics Education, 4(2), 37–43.
Hermiati, R., Asnawati, A., & Kanedi, I. (2021). Pembuatan E-Commerce Pada Raja Komputer Menggunakan Bahasa Pemrograman Php Dan Database Mysql. Jurnal Media Infotama, 17(1), 54–66. https://doi.org/10.37676/jmi.v17i1.1317
Hikmah, N., Cahyo, B. T., Rianto, H., & Dewi, S. (2020). Rancang Bangun Pembuatan Program Kamus Plesetan Berbasis Pwa ( Progressive Web Application). JISAMAR (Journal of Information System, Applied, Management, Accounting and Researh), 4(4), 1–8. https://repository.bsi.ac.id/index.php/repo/viewitem/27231
Ichsan, A., Najib, M., & Ulum, F. (2020). Sistem Informasi Geografis Toko Distro Berdasarkan Rating Kota Bandar Lampung Berbasis Web. Jurnal Teknologi Dan Sistem Informasi, 1(2), 71–79. https://doi.org/10.33365/jtsi.v1i2.207
Irawan, D., Witriyono, H., Sunardi, D., Informatikauniversitas, T., Bengkulu, M., Bali, K., Bengkulu, K., Registrasi, A., & Darah, D. (2024). PROTOTYPE APLIKASI REGISTRASI DONOR DARAH PALANG MERAH INDONESIA ( PMI ) KOTA BENGKULU MENGGUNAKAN METODE PROGRESSIVE WEB APP. 8(5), 10124–10129.
Jamaludin, J. (2019). Penerapan Metode Waterfall pada Progressive Web Application dengan Teknologi Service Worker untuk Menentukan Hasil Performance, Accessibility, Best Practices, SEO dan PWA pada Website Portofolio. Jurnal Ilmu-Ilmu Informatika Dan Manajemen STMIK, 13(1), 0–11. https://doi.org/10.13140/RG.2.2.29330.58565
Koko Mukti Wibowo, Indra Kanedi, J. J. (2021). Sistem Informasi Geografis (Sig) Menentukan Lokasi Pertambangan Batu Bara Di Provinsi Bengkulu Berbasis Website. Jurnal Media Infotama, 11(1), 223–260.
Muhyidin, M. A., Sulhan, M. A., & Sevtiana, A. (2020). Perancangan Ui/Ux Aplikasi My Cic Layanan Informasi Akademik Mahasiswa Menggunakan Aplikasi Figma. Jurnal Digit, 10(2), 208. https://doi.org/10.51920/jd.v10i2.171
Nugroho, D., & Purwanto, E. (2017). Marker Berbeda-Beda untuk Sistem Informasi Geografis Menggunakan PHP, Google Map API dan Akses Langsung Ke MySql. DutaCom, 13(September), 71–82. http://ojs.udb.ac.id/index.php/dutacom/article/view/520%0Ahttp://ojs.udb.ac.id/index.php/dutacom/article/download/520/483
Nurwanto, N. (2019). Penerapan Progressive Web Application (PWA) pada E-Commerce. Techno.Com, 18(3), 227–235. https://doi.org/10.33633/tc.v18i3.2400
Padila, K., Marhalim, M., Khairullah, K., & Darnita, Y. (2023). Implementation Of Mapping Temporary Landsfills In Bengkulu City Based On Android. Jurnal Komputer, Informasi Dan Teknologi, 3(1), 115–126. https://doi.org/10.53697/jkomitek.v3i1.1193
Rani, S. (2016). Pemanfaatan Google Maps Api Untuk Visualisasi Data Base Transceiver Station. Teknoin, 22(2), 1–9. https://doi.org/10.20885/teknoin.vol22.iss2.art3
Restiandi, R. (2023). Aplikasi Jasa Ojek Pick-Up Berbasis Lokasi Geospasial Dan Google Maps Dengan Metode Location Based Service. Jurnal Multidisiplin Indonesia, 2(6), 1041–1086. https://doi.org/10.58344/jmi.v2i6.258
Roumeliotis, K. I., & Tselikas, N. D. (2022). Evaluating Progressive Web App Accessibility for People with Disabilities. Network, 2(2), 350–369. https://doi.org/10.3390/network2020022
Safitri, R. (2018). Simple Crud Buku Tamu Perpustakaan Berbasis Php Dan Mysql :Langkah-Langkah Pembuatan. Tibanndaru : Jurnal Ilmu Perpustakaan Dan Informasi, 2(2), 40. https://doi.org/10.30742/tb.v2i2.553
Santius, S. H. (2015). Modelling Of Tsunami Disaster Risk In The Settlement of Bengkulu CityUsing Geographic Information System. Jurnal Pemukiman, 10(2), 92–105.
Saputra, R. A., Kautsar, I. A., Ariyanti, N., & Aurusta, C. (2024). Implementasi Progressive Web Apps Pada Platform Freelance Digital Dengan Metode Rapid Application Development. Smatika Jurnal, 14(01), 157–168. https://doi.org/10.32664/smatika.v14i01.1228
Sholikhan, M., Yulianto, S., Prasetyo, J., & Hartomo, K. D. (2018). Pemetaan Lokasi UMKM Kaligrafi Kabupaten Kudus dengan Metode Location Based Service sebagai Media Promosi Berbasis WebGIS. Indonesian Journal of Computing and Modeling, 1, 8–16.
Winoto, S., Fadlil, A., & Umar, R. (2020). Penerapan Haversine Formula Pada Penerimaan Peserta Didik Baru Jalur Zonasi. Jurnal Media Informatika Budidarma, 4(1), 103. https://doi.org/10.30865/mib.v4i1.1573
Wiranata, A. A., Hardiandyah, M. I., Puja, P. C. P., Hidayat, T., & Kusmiyati, K. (2022). Pendampingan Kesiapan Desa Tanggap Bencana Dengan Pembuatan Plang Jalur Evakuasi Di Desa Sedau Kecamatan Narmada. Jurnal Pendidikan Dan Pengabdian Masyarakat, 5(1), 124–128. https://doi.org/10.29303/jppm.v5i1.3408
Yulianto, E., & Setiawan, A. (2018). Optimasi Rute Sales Coverage Menggunakan Algoritma Cheapest Insertion Heuristic Dan Layanan Google Maps Api. INTERNAL (Information System Journal), 1(1), 39–54. https://doi.org/10.32627/internal.v1i1.326
Yulistiya, D., & Yuniawatika, Y. (2022). Sosialisasi Tanggap Bencana Gempa Bumi untuk Anak Sekolah Dasar. Abdimas Pedagogi: Jurnal Ilmiah Pengabdian Kepada Masyarakat, 5(2), 65. https://doi.org/10.17977/um050v5i2p65-71