Design of a WebGIS System for Visualization of Regional Data, Regional Potential, and Strategic Infrastructure at BAPPEDA Southeast Sulawesi
DOI:
https://doi.org/10.51454/anoa.v3i02.1339Keywords:
WebGIS, Leaflet.js, CodeIgniter 4, GeoJSON, BAPPEDAAbstract
WebGIS (Web Geographic Information System) is a web-based geographic information system that allows users to access, display, and analyze spatial data interactively over the internet. This research aims to design and implement a WebGIS system that presents information on administrative areas, regional potential, and strategic infrastructure in Southeast Sulawesi Province. The system was developed using the CodeIgniter 4 framework as the backend, along with Leaflet.js and GeoJSON for dynamic map visualization. The data used in this system includes district/city boundaries, capital city names, population, area, density, and spatial information related to resource potential and infrastructure facilities. Key features developed include region selection based on district/city name, satellite and road basemap displays, click coordinate determination, distance measurement, and area radius determination. The system also features a search panel, layer controls, and GeoJSON-based data visualization that can be customized to suit the needs of user agencies. Implementation results indicate that this WebGIS system is capable of displaying spatial information effectively, accurately, and interactively, and can be used as a supporting tool in the regional development planning process by agencies such as the Regional Development Planning Agency (BAPPEDA). The system can also be further developed to include real-time data integration, a user login system, and advanced spatial analysis. Thus, this WebGIS development is expected to improve the efficiency and effectiveness of regional data management in Southeast Sulawesi.
References
Agafonkin, V. (2022). Leaflet.js: An open-source JavaScript library for mobile-friendly interactive maps. Leaflet Documentation. Retrieved July 5, 2025, from https://leafletjs.com
Badan Informasi Geospasial (BIG). (2023). Peta dasar dan data administratif wilayah Indonesia. Retrieved July 5, 2025, from https://tanahair.indonesia.go.id
Butcher, S., et al. (2021). GeoJSON: A format for encoding a variety of geographic data structures. Open Geospatial Consortium. Retrieved July 4, 2025, from https://geojson.org
CodeIgniter Foundation. (2023). CodeIgniter 4 user guide. Retrieved July 3, 2025, from https://codeigniter.com/user_guide/
Dinas Komunikasi dan Informatika Provinsi Sulawesi Tenggara. (2023). Portal resmi pemerintah Provinsi Sultra: Data statistik wilayah.
Environmental Systems Research Institute (ESRI). (2022). ArcGIS Online: World imagery basemap service description. ESRI Global Basemap Service. Retrieved July 4, 2025, from https://www.esri.com
OpenStreetMap Foundation. (2023). OpenStreetMap: The free wiki world map. Retrieved July 5, 2025, from https://www.openstreetmap.org
Pemerintah Provinsi Sulawesi Tenggara. (2023). Rencana pembangunan jangka menengah daerah (RPJMD) Provinsi Sulawesi Tenggara tahun 2023–2026. BAPPEDA Provinsi Sultra.
QGIS Development Team. (2023). QGIS: A free and open source geographic information system. Open Source Geospatial Foundation (OSGeo). Retrieved July 2, 2025, from https://qgis.org
Syahib, M. I. (2023). Rancang Bangun Sistem Informasi Akademik Sekolah Menengah Kejuruan Negeri 1 Loea. Jurnal Ilmu Manajemen Sosial Humaniora (JIMSH), 5(1), 79-90.
Syahib, M. I. (2024). Rancang Bangun Aplikasi Mobile Berbasis Android Untuk Manajemen Persediaan Barang Dan Kasir. Jurnal Informatika Teknologi dan Sains (Jinteks), 6(1), 1-7.
Turf.js Contributors. (2023). Turf.js documentation: Geospatial analysis for the web. TurfJS Project. Retrieved July 2, 2025, from https://turfjs.org
Downloads
Published
Issue
Section
License
Copyright (c) 2025 Muhammad Irwan Syahib

This work is licensed under a Creative Commons Attribution 4.0 International License.
<meta name="google-site-verification" content="WCLU_7p8bgQTgTa47LUc6bV9gPtrFUO3P-tzhV_9yV4" />







