Rancang Bangun Media Informasi Kampus Institut Teknologi Padang Berbasis Peta 3D Interaktif Design and Development of Campus Information Media for Institut Teknologi Padang Based on an Interactive 3D Map
Article Sidebar
Page Numbers:
2082-2101
Digital Object Identifier:
10.58578/masaliq.v6i4.11428
Viewed: 0 times
Downloaded: 0 times
LYAS Publisher cordially invites qualified professionals to serve as Editors or Reviewers. Your expertise will make an important contribution to maintaining and strengthening the academic quality of our publications. Interested applicants are kindly requested to complete the application form at the following link: Editors & Reviewers
Please feel free to contact us if you need any further information about the submission process or if you have any additional questions.
Authors:Farhan Achyar1, Wiki Lofandri2
Copyright :Authors retain copyright and grant the journal right of first publication.
Main Article Content
Abstract
The development of web-based campus information media has encouraged the use of three-dimensional visualization, but the development of interactive 3D maps integrating manual low-poly modelling, baked lighting, and asset optimization under conditions of limited photogrammetric data remains limited. This study aims to design and evaluate an Institut Teknologi Padang campus information medium based on an interactive 3D map that is lightweight, responsive, and communicative. The study employed a research and development method using the Multimedia Development Life Cycle model, which comprises the concept, design, material collecting, assembly, testing, and distribution stages. Data were obtained through observation, documentation, spatial measurements, black-box testing, performance testing, and a User Acceptance Test questionnaire involving 36 respondents. The data were analyzed using quantitative descriptive analysis based on feasibility percentages. The results showed that the application of low-poly modelling, texture baking, Draco compression, and KTX2 textures reduced the asset size from more than 3.9 GB to less than 50 MB. All system functions were declared valid, while the average performance reached 160–164 FPS on the testing device. The feasibility test obtained a score of 87.13%, categorized as highly feasible, while the technical performance aspect reached 90.93%. These findings confirm that the integration of WebGL, Three.js, React, and Next.js is effective in supporting the development of interactive and efficient campus spatial information media. This study contributes to the development of web-based campus information media through a 3D asset optimization strategy suitable for environments with limited photogrammetric data. Future research should test the system on low-specification devices, expand the respondent coverage, and develop more adaptive navigation, route-searching, and camera-control features.
Citation Metrics:
Downloads
Citation Metrics & Similar Scopus Articles
-
Henni M.D. (2027)Renewable electricity penetration and retail price dynamics: Global evidence on transitional costs of the energy transitionUnconventional Resources, 16
-
Regista V. (2027)EFFECTIVENESS OF THE SEMANTIK APPLICATION IN THE ONE HOUSE ONE JUMANTIK PROGRAM TO REDUCE AEDES AEGYPTI LARVAL DENSITYIndian Journal of Entomology, 89(1), 162-165
-
Sepe M. (2027)INTEGRATION OF REFUGIA PLANTS AND BEAUVERIA BASSIANA FOR SUSTAINABLE PEST MANAGEMENT IN MAIZE CULTIVATION ON WETLANDSIndian Journal of Entomology, 89(1), 82-87
Article Details
Authors retain copyright and grant the journal right of first publication with the work simultaneously licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International License that allows others to share the work with an acknowledgement of the work's authorship and initial publication in this journal.
References
Akın, A. T., Usta, Z., & Cömert, Ç. (2024). Elaborating and performing optimization approaches for web-based 3D spatial analysis of 3D city models. Journal of Spatial Science, 69(4), 1225–1239. https://doi.org/10.1080/14498596.2024.2377564
Anto, B., Setiawan, A., & Wahyuni, S. (2023). Analisis Teknik Raycasting dalam Interaksi Objek 3D Berbasis Web. Jurnal Rekayasa Teknologi Informasi, 7(1), 55–68.
Bakhmut, R., Kunanets, N., Pasichnyk, V., Artemenko, O., & Tsmots, I. (2021). Using augmented reality web-application for providing virtual excursion tours in university campus. In 2021 IEEE 16th International Conference on Computer Sciences and Information Technologies (CSIT) (pp. 243–247). IEEE. https://doi.org/10.1109/CSIT52700.2021.9648806
Butean, A. (2021). Three.js as a reliable engine for web-based 3D visualization.
Cravero, A., & Pardo, S. (2022). Interaktivitas dan Pengalaman Pengguna dalam Lingkungan Virtual.
Erra, U., & Capece, N. (2022). Graphics programming with WebGL. Journal of Computer Graphics Techniques.
Hidayat, R., Suryani, L., & Wijaya, A. (2023). Interaktivitas dalam Media Digital: Tantangan dan Peluang dalam Komunikasi Visual. Jurnal Teknologi Informasi dan Multimedia, 5(2), 112–125.
Khronos Group. (2021). WebGL specification. https://registry.khronos.org/webgl/specs/latest/1.0/
Kim, S., & Park, J. (2021). Dynamic and baked lighting in real-time rendering.
Malpica, J. (2023). Pendekatan Pewarnaan Berbasis Fisika dan Pengaturan Pencahayaan dalam Grafis Komputer.
Martyastiadi, Y. S., & Citrayani, C. (2013). Transformation of Javanese shadow puppet into 3D characters: Application of 3D low-polygon modeling in 3D game design. In International Conference on New Media (CONMEDIA 2013).
Maulana, H., Sari, D., & Pratama, R. (2022). Implementasi Peta Interaktif 3D untuk Navigasi Ruang Publik. Journal of Applied Informatics and Computing, 6(1), 34–41.
Moloo, R. K., Pudaruth, S., Ramodhin, M., & Rozbully, R. B. (2016). A 3D virtual tour of the University of Mauritius using WebGL. In 2016 International Conference on Electrical, Electronics, and Optimization Techniques (ICEEOT) (pp. 2891–2894). IEEE. https://doi.org/10.1109/ICEEOT.2016.7755226
Park, S., & Kim, J. (2024). Browser-based 3D visualization technologies for educational environments. Computers & Education: Artificial Intelligence, 5.
Prasetyo, H. (2024). Implementasi Teknik Baked Lighting dan Prinsip Appeal pada Pemodelan Low-Poly. In Proceeding of Creative Arts and Design Conference (CADC).
Pratama, M. A. (2024). Rancang Bangun Sistem Informasi Geografis Kampus Berbasis Web. Pustaka Akademik Press.
Putra, D. S., & Heriyanto, B. (2022). Efektivitas Media Digital dalam Penyampaian Informasi di Lingkungan Perguruan Tinggi. Jurnal Komunikasi Massa, 10(1), 45–58.
Radianti, J. (2021). Pemanfaatan Lingkungan Virtual pada Konteks Pendidikan Tinggi.
Ramadhan, F., & Nugroho, A. S. (2023). Optimasi Performa WebGL untuk Visualisasi Arsitektur 3D Berbasis Web. Jurnal Teknologi Informasi dan Grafika.
Ramadhan, T., & Santoso, G. (2022). Pengembangan Aplikasi Web Cross-Platform untuk Navigasi Ruang Publik. Informatics and Digital Economy Journal, 3(4), 201–215.
Rodriguez-Hernandez, M., & Dominguez, A. (2023). Interactive 3D campus map with PBR materials for web-based navigation. Applied Sciences.
Seo, J., & Kim, K. (2022). Development of a 3D virtual campus tour system using WebGL technology. Computers & Graphics.
Sharma, S. (2022). Low-poly 3D modeling for real-time web rendering applications: A performance analysis. Visual Computing.
Tost, L., & Grau, S. (2022). Dasar-Dasar Visualisasi 3D dan Teknik Pemodelan Efisien.
Wibowo, S., & Nugroho, H. (2021). Desain Media Informasi Interaktif: Prinsip dan Implementasi. Jurnal Multimedia Indonesia, 12(2), 77–91.
Wicaksono, A. (2024). Pemanfaatan Library Three.js dalam Pembuatan Media Pembelajaran Interaktif. Jurnal Multimedia Digital, 6(1), 12–25.
Xiao, X., Liu, Y., & Zhang, Y. (2024). Iterative low-poly building model reconstruction from mesh soups based on contour. Remote Sensing, 16(4), 695. https://doi.org/10.3390/rs16040695
Zulfa, M., & Arifin, Z. (2025). Visualisasi Spasial dalam Lingkungan Virtual untuk Informasi Fasilitas Kampus. Cyber-Physical Systems Journal, 6(1), 15–29.