Pengembangan Interactive Map Website Untuk Informasi Lokasi Magang Mahasiswa Menggunakan PHP Native dan Leaflet.Js

Penulis

  • Sang Ayu Putu Primayani SMK Bali Dewata
  • I Gede Wahyu Sanjaya UHN I Gusti Bagus Sugriwa Denpasar

DOI:

https://doi.org/10.25078/nivedita.v2i2.6708

Kata Kunci:

WebGIS, Student Internship Location, PHP Native, Leaflet.js, Black Box Testing

Abstrak

 The implementation of student internship programs requires information media that can present internship location data in a structured, effective, and easily accessible manner to various parties involved. However, the management and delivery of internship location information are still often carried out conventionally, making it difficult for students to obtain internship location references and making it difficult for Study Programs to monitor the distribution of student internship locations. This study aims to develop a WebGIS-based student internship location mapping website using native PHP, MySQL, and Leaflet.js. The developed system is able to display the distribution of internship locations in the form of an interactive digital map with location marker features, filters based on categories, faculties, and majors, user location detection using Geolocation API, detailed location information, image documentation, and direction integration using Google Maps. In addition, the system provides administrator features for location data management, dashboard overview, application statistics, and category, faculty, and major data management. System development was carried out using the Waterfall method and system testing using Black Box Testing based on Functional Suitability characteristics. The test results showed that 19 test scenarios obtained valid status with a functional success rate of 100%. The test results indicate that all system features and functions have met system requirements. Thus, the website can be used as a WebGIS-based internship location information media that supports students in obtaining internship location information and helps lecturers and Study Programs in monitoring the distribution of student internship locations more effectively.

Unduhan

Data unduhan belum tersedia.

Referensi

[1] Frengkianus Aprianto Kamuri, Gergorius Kopong Pati, and Mitra Permata Ayu, “Sistem Informasi Geografis Penyebaran Mahasiswa Magang Universitas Stella Maris Sumba,” Neptunus: Jurnal Ilmu Komputer Dan Teknologi Informasi, vol. 3, no. 4, pp. 59–73, Oct. 2025, doi: 10.61132/neptunus.v3i4.1120.

[2] D. Edler and M. Vetter, “The Simplicity of Modern Audiovisual Web Cartography: An Example with the Open-Source JavaScript Library leaflet.js,” KN J. Cartogr. Geogr. Inf., vol. 69, no. 1, pp. 51–62, May 2019, doi: 10.1007/s42489-019-00006-2.

[3] I. A. Marleni and A. Gunaryati, “Presensi Karyawan Berbasis Web dengan Fitur Lokasi Leaflet JS menggunakan Laravel,” Jurnal JTIK (Jurnal Teknologi Informasi dan Komunikasi), vol. 7, no. 3, pp. 479–485, Jul. 2023, doi: 10.35870/jtik.v7i3.947.

[4] I. Supriadi, N. A. P. Siregar, M. R. B. Alfyansyah, and A. R. Putra, “Pengembangan Sistem Menggunakan OpenStreetMaps Api dengan Media Leafletjs Berdasarkan Kategori Gedung Milik Pemerintahaan di Daerah Kota Bandung,” Jurnal Ilmiah ILKOMINFO - Ilmu Komputer & Informatika, vol. 8, no. 1, pp. 87–98, Jan. 2025, doi: 10.47324/ilkominfo.v8i1.317.

[5] I. G. W. Sanjaya, L. G. S. Kartika, and P. K. L. Utama, “Perancangan E-Sukerti (Surat Keterangan Elektronik) Desa Baturiti Berbasis Web Berbasis Black Box Testing,” METHOMIKA: Jurnal Manajemen Informatika & Komputerisasi Akuntansi, vol. 9, no. 2, pp. 264–274, 2025, doi: 10.46880/jmika.Vol9No2.pp264-274.

[6] E. Suherlan, A. Dhia Ghaisani Suherlan, and F. Febri, “PENGEMBANGAN PETA INTERAKTIF BATAS WILAYAH INDONESIA HINGGA LEVEL KABUPATEN/KOTA BERBASIS LARAVEL DAN LEAFLET.JS UNTUK VISUALISASI ADMINISTRATIF,” Journal of Innovation And Future Technology, vol. 8, no. 1, pp. 62–70, Feb. 2026, doi: 10.47080/iftech.v8i1.4469.

[7] S. A. P. Primayani and I. G. W. Sanjaya, “Perbandingan Laravel Seeder dan Faker Untuk Otomatisasi Data Uji Pada Aplikasi Perpustakaan,” Journal Informatics Nivedita, vol. 2, no. 1, pp. 30–39, Dec. 2025, doi: 10.25078/nivedita.v2i1.5615.

[8] I. G. W. Sanjaya, I. N. Sukajaya, and I. G. A. Gunadi, “Sistem Pendukung Keputusan Pemilihan Pemenang Pengadaan Jasa Konstruksi Pada Pemerintah Kota Denpasar dengan Metode Saw Berbasis Fuzzy,” Majalah Ilmiah Teknologi Elektro, vol. 18, no. 1, p. 15, 2019, doi: 10.24843/mite.2019.v18i01.p03.

[9] I. G. W. Sanjaya, “Sistem Informasi Surat Tugas Berbasis Ajax Pada Bagian Pengadaan Barang/Jasa Kota Denpasar,” Jurnal Teknologi Informasi dan Komputer, vol. 8, no. 2, Jan. 2022, Accessed: May 25, 2026. [Online]. Available: https://doi.org/10.36002/jutik.v8i2.1588

[10] I. G. W. Sanjaya, “Electronic Procurement Website Service Quality and Customer Loyalty Using The Pieces Method, A Case Study of The Denpasar City Government,” Jurnal Nasional Pendidikan Teknik Informatika (JANAPATI), vol. 12, no. 2, pp. 294–303, Jul. 2023, doi: 10.23887/janapati.v12i2.61325.

[11] T. Horbiński and D. Lorek, “The use of Leaflet and GeoJSON files for creating the interactive web map of the preindustrial state of the natural environment,” J. Spat. Sci., vol. 67, no. 1, pp. 61–77, Jan. 2022, doi: 10.1080/14498596.2020.1713237.

[12] M. Hysenaj and D. Tahiri, “Client-Side Geospatial Visualization for Tourism: Supporting a Leaflet-Based Web App,” ENTRENOVA - ENTerprise REsearch InNOVAtion, vol. 11, no. 1, Dec. 2025, doi: 10.54820/entrenova-2025-0066.

[13] G. G. Khusnaini, A. V. Vitianingsih, S. Kacung, E. W. Puspitarini, and S. F. A. Wati, “Implementasi Teknologi Leaflet JS dalam Sistem Peta Radar Hujan untuk Meningkatkan Kesiapsiagaan Bencana Gunung Semeru,” Informatics, Electrical and Electronics Engineering (Infotron), vol. 4, no. 1, pp. 26–32, May 2024, doi: 10.33474/infotron.v4i1.21997.

[14] S. I. Adam, R. J. Lontaan, V. V. Supit, and S. C. Kolibonso, “Pengembangan Aplikasi Kiosk Informasi Dan Navigasi Digital Untuk Universitas Klabat Berbasis Progressive Web Apps,” CogITo Smart Journal, vol. 10, no. 2, pp. 393–402, Dec. 2024, doi: 10.31154/cogito.v10i2.745.393-402.

Unduhan

Diterbitkan

01-07-2026

Cara Mengutip

[1]
S. A. P. Primayani dan I. G. W. Sanjaya, “Pengembangan Interactive Map Website Untuk Informasi Lokasi Magang Mahasiswa Menggunakan PHP Native dan Leaflet.Js”, Journal Informatics Nivedita, vol. 2, no. 2, hlm. 102–114, Jul 2026.

Terbitan

Vol 2 No 2 (2026): Journal Informatics Nivedita

Bagian

Articles

Lisensi

Hak Cipta (c) 2026 Journal Informatics Nivedita

Creative Commons License

Artikel ini berlisensiCreative Commons Attribution-NonCommercial-ShareAlike 4.0 International License.