Institut Riset dan Publikasi Indonesia (IRPI) MALCOM: Indonesian Journal of Machine Learning and Computer Science Journal Homepage: https://journal. id/index. php/malcom Vol. 3 Iss. 2 October 2023, pp: 92-98 ISSN(P) 2797-2313 | ISSN(E): 2775-8575 Development of a Web-Based Sanitation-Prone Village Mapping Application Using Open StreatMap Pengembangan Aplikasi Pemetaan Desa Rawan Sanitasi Berbasis Web Menggunakan Open StreatMap Arif Tri Widiyatmoko1. Agung Nugroho2*. Ike Yunia Pasa Teknik Informatika. Fakultas Teknik. Universitas Pelita Bangsa. Bekasi. Indonesia Teknologi Informasi. Fakultas Teknik. Universitas Muhammadiyah Purworejo. Purworejo. Indonesia E-Mail: 1arif. tri@pelitabangsa. id, 2,*agung@pelitabangsa. id, 3ikeypasa@umpwr. Received Jul 20th 2023. Revised Aug 14th 2023. Accepted Aug 24th 2023 Corresponding Author: Agung Nugroho Abstract Low sanitation conditions in Indonesia, especially in villages, can cause health and environmental problems. Access to information related to sanitation problems is still very minimal, especially in villages. An application is needed that is able to provide mapping information on sanitation conditions. This research aims to develop a sanitation-prone village mapping application using leafletjs technology and Open StreatMap to provide information on mapping sanitation-prone areas. integrating spatial data with village sanitation condition data, this application can display village area mapping to facilitate visualisation of sanitation-prone villages. The test results using the blackbox testing method show the results of the application can run well as expected. Keyword: Geographic Information System. Mapping. Leafletjs. Open StreatMa. Sanitation Abstrak Rendahnya kondisi sanitasi di Indonesia, terutama di desa-desa, yang dapat menyebabkan masalah kesehatan dan Akses informasi terkait masalah sanitasi masih sangat minim terutama di desa-desa. Diperlukan aplikasi yang mampu memberikan informasi pemetaan terhadap kondisi sanitasi. Penelitian ini bertujuan untuk mengembangkan aplikasi pemetaan desa rawan sanitasi dengan menggunakan teknologi leafletjs dan Open StreatMap untuk menyediakan informasi pemetaan wilayah rawan sanitasi. dengan mengintegrasikan data spasial dengan data kondisi sanitasi desa aplikasi ini dapat menampilkan pemetaan wilayah desa untuk memudahkan visualisasi desa rawan sanitasi. Hasil pengujian menggunakan metode blackbox testing menunjukkan hasil aplikasi dapat berjalan dengan baik sesuai dengan yang diharapkan. Kata Kunci: Leafletjs. Open StreatMap. Pemetaan. Sanitasi. Sistem Informasi Geografis PENDAHULUAN Kondisi sanitasi yang buruk masih menjadi masalah di sebagian besar daerah pedesaan di Indonesia . Berdasarkan data WHO dan UNICEF pada tahun 2019, hanya sekitar 68,7% penduduk Indonesia yang memiliki akses ke fasilitas sanitasi yang memadai . Selain itu, sebagian besar fasilitas sanitasi yang tersedia masih belum memadai, dengan banyaknya toilet yang tidak bersih, tidak layak pakai, dan terdapat di lokasi yang tidak memadai. Hal ini dapat menimbulkan berbagai masalah kesehatan dan lingkungan, seperti penyebaran penyakit, pencemaran air, dan dampak buruk pada kualitas hidup masyarakat. Bahkan, menurut data dari Kementerian Kesehatan pada tahun 2018, diare masih menjadi penyebab utama kematian balita di Indonesia . Masalah sanitasi yang buruk di desa-desa ini disebabkan oleh berbagai faktor, seperti keterbatasan akses terhadap fasilitas sanitasi yang memadai . , kurangnya pengetahuan dan kesadaran masyarakat tentang sanitasi dan perilaku hidup bersih dan sehat, serta kurangnya pemantauan dan perbaikan infrastruktur sanitasi oleh pemerintah . DOI: https://doi. org/10. 57152/malcom. ISSN(P): 2797-2313 | ISSN(E): 2775-8575 Dalam upaya meningkatkan kualitas hidup masyarakat, perlu dilakukan pemantauan dan perbaikan kondisi sanitasi di desa-desa, serta peningkatan kesadaran masyarakat tentang pentingnya sanitasi dan perilaku hidup bersih dan sehat. Untuk mengatasi masalah sanitasi di Indonesia, pemerintah telah meluncurkan program-program sanitasi, seperti program Total Sanitation Campaign. Sanitasi Total Berbasis Masyarakat, dan Gerakan Masyarakat Hidup Sehat . Namun, belum semua pihak memiliki akses ke informasi yang cukup mengenai kondisi sanitasi di desa-desa. Selain itu, aplikasi pemetaan sanitasi yang ada saat ini masih terbatas dalam hal fungsionalitas dan kemampuan aksesibilitasnya. Pengembangan aplikasi pemetaan berbasis web telah banyak dilakukan oleh beberapa peneliti di berbagai negara. Beberapa aplikasi yang telah dikembangkan antara lain adalah Water Point Mapper yang dikembangkan oleh Universitas California. Berkeley. USA . dan Toilet Mapping Application for Android (ToilAp. yang dikembangkan oleh Institut Teknologi Bandung (ITB). Indonesia . Aplikasi yang akan dikembangkan tidak hanya akan memetakan lokasi sanitasi di desa-desa rawan sanitasi, tetapi juga akan mengintegrasikan data kondisi sanitasi dengan faktor-faktor lingkungan dan sosial ekonomi yang mempengaruhi kondisi sanitasi di desa. Selain itu, aplikasi ini juga akan dirancang dengan fiturfitur yang memudahkan akses dan penggunaan oleh berbagai pihak, termasuk masyarakat desa. Selain itu aplikasi yang akan dikembangkan dapat diakses melalui smartphone dan komputer. Aplikasi ini diharapkan dapat menjadi solusi yang tepat dalam meningkatkan kesadaran masyarakat tentang pentingnya sanitasi dan perilaku hidup bersih dan sehat di desa-desa, serta memudahkan pihak-pihak terkait dalam melakukan pemantauan dan perbaikan kondisi sanitasi di desa-desa. Berdasarkan latar belakang di atas, permasalahan yang akan diteliti adalah bagaimana mengembangkan aplikasi pemetaan desa rawan sanitasi berbasis web menggunakan Open StreetMap dengan fungsionalitas yang lengkap dan mudah diakses oleh berbagai pihak, serta bagaimana meningkatkan kesadaran masyarakat tentang pentingnya sanitasi dan perilaku hidup bersih dan sehat di desa-desa rawan sanitasi melalui penggunaan aplikasi tersebut. BAHAN DAN METODE Tahapan dalam penelitian ini dimulai dari studi literatur yang berkaitan dengan pengembangan aplikasi pemetaan berbasis web. Tahapan ini bertujuan untuk mengumpulkan informasi terkait perkebangan teknologi dan metode dalam pengembangan aplikasi pemetaan berbasis website. Gambar 1. Tahapan Penelitian Tahap selanjutnya adalah melakukan analisis kebutuhan. Tahapan ini bertujuan untuk mengumpulkan informasi dan menganalisa kebutuhan akan pengembangan aplikasi berupa user requirement dan desain sistem. Tahap selanjutnya yaitu pengembangan sistem. Pada tahap ini dilakukan desain sistem mulai dari perancangan Use Case. Perancangan Basis data, dan perancangan User Interface. Tahapan selanjutnya adalah implementasi dan uji coba sistem. Pada tahapan ini implementasi dilakuan dengan pencodean sistem menggunakan teknologi web yaitu html, css dan bahasa pemrograman PHP. Teknologi pengembangan aplikasi pemetaan menggunakan library Leafletjs dan Open Stratmap. Keduanya sudah terintegrasi dalam satu library dengan kode sumber terbuka . Leafletjs adalah pustaka JavaScript open source yang dapat digunakan untuk membuat peta di web. Teknologi ini bersifat open source, yang berarti kodenya dapat diakses dan dimodifikasi oleh siapa saja. Leafletjs menyediakan berbagai fungsi yang memungkinkan pengguna untuk menambahkan, memanipulasi, dan memperindah peta. Teknologi ini dapat digunakan di browser desktop dan mobile, sehingga pengguna dapat membagikan peta mereka dengan siapa saja . Leafletjs adalah pustaka JavaScript yang dirancang untuk memudahkan pengembangan aplikasi pemetaan web. Pustaka ini fokus pada kinerja dan kegunaan, dan memiliki API yang sangat baik yang membuatnya mudah untuk digunakan dalam berbagai situasi. Leafletjs juga memiliki berbagai fitur, termasuk tandai, garis overlay, popup, zoom, bentuk, dan pan . Selain itu, pustaka ini dapat ditingkatkan dengan plugin pihak ketiga, yang dapat menambahkan fungsionalitas tambahan . Cara kerja Leafletjs dapat dilihat pada gambar 2. Open StreatMap (OSM) merupakan sebuah proyek kolaboratif yang memungkinkan pengguna untuk membuat dan memperbarui peta digital secara gratis dan terbuka . OSM memiliki lebih dari 7 juta pengguna yang berkontribusi dalam membuat peta digital yang akurat dan terperinci. OSM memiliki beberapa keunggulan dibandingkan dengan peta digital lainnya, seperti peta Google Maps, karena OSM dapat diakses dan digunakan secara gratis oleh siapa saja, serta dapat diubah dan disesuaikan sesuai kebutuhan pengguna MALCOM - Vol. 3 Iss. 2 October 2023, pp: 92-98 MALCOM-03. : 92-98 Selain itu. OSM juga memiliki data yang lebih akurat dan terperinci karena dibuat oleh para pengguna yang berada di lapangan dan memiliki pengetahuan lokal yang lebih baik. Gambar 2. Cara kerja Leafletjs OSM merupakan sebuah proyek kolaboratif yang memungkinkan pengguna untuk membuat dan memperbarui peta digital secara gratis dan terbuka . OSM memiliki lebih dari 7 juta pengguna yang berkontribusi dalam membuat peta digital yang akurat dan terperinci. OSM memiliki beberapa keunggulan dibandingkan dengan peta digital lainnya, seperti peta Google Maps, karena OSM dapat diakses dan digunakan secara gratis oleh siapa saja, serta dapat diubah dan disesuaikan sesuai kebutuhan pengguna . Selain itu. OSM juga memiliki data yang lebih akurat dan terperinci karena dibuat oleh para pengguna yang berada di lapangan dan memiliki pengetahuan lokal yang lebih baik. Tahap selanjutnya adalah Deployment dan Pengujian sistem. Tahapan ini adalah tahapan akhir dalam pengembangan sistem. Dalam hal ini adalah pengembangan aplikasi pemetaan desa rawan sanitasi berbasis website menggunakan open streatmap menggunakan library leafletjs. Blackbox testing adalah metode pengujian perangkat lunak yang dilakukan tanpa mengetahui detail implementasi kode program. Dalam blackbox testing, pengujian dilakukan dengan memasukkan input ke dalam sistem dan mengamati output yang dihasilkan. Tujuan dari blackbox testing adalah untuk memastikan bahwa sistem berfungsi sesuai dengan spesifikasi fungsional yang telah ditentukan. Metode ini sangat berguna untuk mengidentifikasi bug dan kesalahan dalam sistem yang mungkin tidak terdeteksi selama pengembangan . Backbox testing dapat dilakukan dengan beberapa teknik seperti equivalence partitioning, boundary value analysis, decision table testing, state transition testing, dan error guessing . HASIL DAN DISKUSI Pada penelitian ini dihasilkan sebuah aplikasi sistem informasi geografis berbasis web untuk pemetaan wilayah desa rawan sanitasi menggunakan leafletjs dan open StreatMap sebagai dasar pemetaannya. Dalam pengembangan web digunakan framewark codeigniter 4 yang berbasis PHP sebagai backend atau server-side scripting dan untuk frontend menggunakan framework twitter bootstrap 4 sebagai template CSS. Implementasi Aplikasi Tahap awal implementasi aplikasi adalah dengan melakukan analisis dan desain sistem. Analisis dilakukan untuk mengetahui user requirement dari aplikasi yang akan dibangun. Dalam hal ini, hasil analisis berupa user requirement dituangkan dalam diagram use case untuk memudahkan dalam memahami interaksi user dengan sistem yang akan dibangun. Gambar 3 menjelaskan use case diagram dari aplikasi pemetaan desa rawan sanitasi berbasis web. Terdapat 5 use case dan 2 aktor yang menunjukkan interaksi user dengan sistem diantaranya adalah: proses mengakses informasi perwilayah kecamatan dan desa, proses melihat detail informasi data sanitasi, dari sisi administrator mengelola data desa, mengelola data pengguna, dan mengelola data sanitasi. Berdasarkan use case diagram tersebut kemudian dibuat sebuah rancangan basis data untuk menyimpan data dan informasi berkaitan dengan aplikasi yang dibangun. Gambar 4 menjelaskan diagram entity relationship atau relasi antar tabel. Impelementasi aplikasi dilakukan dengan membuat kode program menggunakan PHP dan MySQL sebagai backend dan HTML. CSS dan Javascript sebagai frontend. Tampilan antar muka dibuat dengan bantuan framework css twitter bootsrtap dan untuk menampilan pemetaan wilayah menggunakan Open StreatMap sebagai library map dengan bantuan framework leafletjs. Tampilan halaman utama terlihat pada gambar 5 yang menampilkan halaman utama dengan tampilan peta wilayah dan pilihan lokasi dengan counter jumlah data rawan sanitasi. Pengembangan Aplikasi Pemetaan Desa Rawan Sanitasi Berbasis. (Widiyatmoko et al, 2. ISSN(P): 2797-2313 | ISSN(E): 2775-8575 Gambar 3. Use case sistem Gambar 4. Entity Relation Diagram Aplikasi Sistem Informasi Pemetaan Gambar 5. Tampilan awal website MALCOM - Vol. 3 Iss. 2 October 2023, pp: 92-98 MALCOM-03. : 92-98 Data desa rawan sanitasi ditampilkan dalam peta dengan pin dan pada sisi kiri terdapat menu yang menampilkan jumlah data dari masing-masing wilayah. Apabila pin wilayah diklik akan ditampilkan halaman detail informasi terkait wilayah tersebut. Tampilan informasi detail wilayah terlihat pada gambar 6. Gambar 6. Tampilan detail informasi Pada masing-masing wilayah terdapat detil informasi berkaitan dengan data desa rawan sanitasi. Jika di klik pada pin wilayah tersebut akan menampilkan popup berisi informasi alamat lengkap dan foto wilayah dengan informasi lengkat terkait titik lokasi koordinat dan data-data berkaitan dengan kondisi sanitasi dititik Gambar 7. Halaman admin input data desa Gambar 7 menunjukkan tampilan menu admin untuk melakukan input data desa lengkap dengan informasi yang berkaitan dengan detail kondisi sanitasi pada wilayah dengan memasukkan data koordinatnya. Pengujian Aplikasi Pada pengujian aplikasi pemetaan desa rawan sanitasi berbasis web ini dilakukan pengujian fungsionalitas aplikasi dalam merespon permintaan. Untuk menemukan bug dalam aplikasi digunakan metode Pengembangan Aplikasi Pemetaan Desa Rawan Sanitasi Berbasis. (Widiyatmoko et al, 2. ISSN(P): 2797-2313 | ISSN(E): 2775-8575 black box testing selama proses pengembangan. Berbagai kondisi dilakukan uji coba terhadap aplikasi untuk memastikan bahwa aplikasi dapat berjalan dengan baik. Tabel 1 menunjukkan hasil dari proses pengujian menggunakan black box testing. Hal ini dilakukan untuk memastikan aplikasi ini dapat berjalan dengan baik dan meminimalisir kemungkinan muncul bug atau kesalahan pada aplikasi saat digunakan oleh pengguna. Tabel 1. Hasil pengujian black box testing Fungsionalitas Membuka Aplikasi Login Aplikasi Pilih menu wilayah Pilih titik pada peta wilayah Tampilkan halaman detil informasi Tampilkan popup data sanitasi Input data desa dan kecamatan Input data detil kondisi sanitasi Upload foto detil info sanitasi Hasil Uji Berhasil Berhasil Berhasil Berhasil Berhasil Berhasil Berhasil Berhasil Berhasil Berdasarkan hasil pengujian black box testing tersebut, dapat disimpulkan bahwa proses pengujian aplikasi sudah melalui semua skenarion dengan hasil yang sesuai dengan yang diharapkan. Semua skenario pengujian telah dilakukan dengan hasil uji adalah "berhasil". Hal ini menunjukkan bahwa aplikasi pemetaan ini telah layak digunakan dan memenuhi standar yang diharapkan. KESIMPULAN Berdasarkan hasil pengembangan aplikasi pemetaan berbasis web menggunakan teknologi leafletjs, maka dapat disimpulan bawha aplikasi pemetaan desa rawan satitasi dapat digunakan untuk mengetahui sebaran wilayah desa rawan sanitasi. Dengan implementasi teknologi leafletjs dan open streatmap berbasis online dan open source maka pengembangan aplikasi ini dapat dilakukan lebih dinamis dan fleksibel. Dengan demikian aplikasi pemetaan desa rawan sanitasi ini dapat digunakan sebagai antarmuka untuk menampilkan pemetaan sebuah wilayah, dalam hal ini untuk menampilkan data desa rawan sanitasi. Penelitian ini diharapkan dapat menjadi solusi untuk menjawab tantangan perkembangan telnologi informasi dalam pengembangan aplikasi pemetaan berbasis web dan juga sebagai sarana fasilitas untuk meningkatkan kinerja pengelolaan objek yang diteliti. REFERENSI