Design and Development of a Web-Based Virtual UNU Yogyakarta Campus Tour System to Improve Information Accessibility
DOI:
https://doi.org/10.35870/ijecs.v6i1.6438Keywords:
Virtual Tour, Django REST Framework, Next.js, Prototyping, Information Accessibility, Higher Education MarketingAbstract
Universitas Nahdlatul Ulama (UNU) Yogyakarta has long depended on static 2D photographs and scattered social media content to convey campus conditions — a method that consistently falls short of giving prospective students any real spatial understanding of the campus environment. For students outside Yogyakarta, this means making enrollment decisions based on incomplete visual fragments. This study addresses that gap by designing and building a web-based 360° Virtual Tour system using the Prototyping development method. The system adopts a decoupled architecture: Django REST Framework handles backend data operations, while Next.js — paired with the React Photo Sphere Viewer library — drives the panoramic front-end display. Black Box functional testing confirmed that all eight tested features operated without error. User Acceptance Testing (UAT) conducted with 66 respondents produced a feasibility score of 83.0%, classified as "Very Feasible." The highest-rated indicator was Real Campus Representation at 4.44 out of 5.00, confirming that users found the system's depiction of campus space genuinely accurate. The system offers a self-managed, cost-conscious alternative to vendor-dependent tour platforms, with clear implications for how smaller institutions can reclaim control over their own digital presence.
Downloads
References
Concept3D. (2024). 9 benefits of virtual campus tours for universities. Concept3D Blog. https://concept3d.com
Django Software Foundation. (2024). Django REST framework. https://www.django-rest-framework.org
Kambau, R. A. (2024). Proses transformasi digital pada perguruan tinggi di Indonesia. Jurnal Rekayasa Sistem Informasi Dan Teknologi, 1(3), 126-136. https://doi.org/10.59407/jrsit.v1i3.481
Ministry of Education, Culture, Research, and Technology RI. (2023). Kemendikbudristek records 4,356 higher education institutions. Antara News. https://www.antaranews.com
Noetic Marketer. (2024). Leveraging virtual campus tours as a strategic marketing tool for higher education. Noetic Marketer. https://www.noeticmarketer.com
Pressman, R. S., & Maxim, B. R. (2014). Software engineering: A practitioner's approach (8th ed.). McGraw-Hill Education.
Riyadi, S., & Nurhaida, I. (2022). Android-based 360-degree e-panorama virtual tour application. Jurnal Teknologi Informasi dan Ilmu Komputer, 9(1), 17–24.
Vaghela, M. C. (2024). Next.js vs React: Why choose Next.js 2024. NASSCOM Community. https://community.nasscom.in
W3C. (2024). Web content accessibility guidelines (WCAG) 2.2. World Wide Web Consortium. https://www.w3.org/TR/WCAG22/
Yusuf, A., Fitri, R., & Prasetyo, P. W. Metaverse-Based Virtual Campus Tour for Higher Education: Insights from Development to User Experience Validation. Journal of Metaverse, (Advanced Online Publication), 1-25. https://doi.org/10.57019/jmv.1770621.
Downloads
Published
Issue
Section
License
Copyright (c) 2026 Ah Irfan Ulil Ilzam, Mohammad Fattachul 'Alim, Wifqi Nur Muhammad, Nadiah Nur Halimah, Aisyah Nur Fadila, Nur Arifah
This work is licensed under a Creative Commons Attribution 4.0 International License.
Authors who publish with this journal agree to the following terms:
1. Copyright Retention and Open Access License
Authors retain copyright of their work and grant the journal non-exclusive right of first publication under the Creative Commons Attribution 4.0 International License (CC BY 4.0).
This license allows unrestricted use, distribution, and reproduction in any medium, provided the original work is properly cited.
2. Rights Granted Under CC BY 4.0
Under this license, readers are free to:
- Share — copy and redistribute the material in any medium or format
- Adapt — remix, transform, and build upon the material for any purpose, including commercial use
- No additional restrictions — the licensor cannot revoke these freedoms as long as license terms are followed
3. Attribution Requirements
All uses must include:
- Proper citation of the original work
- Link to the Creative Commons license
- Indication if changes were made to the original work
- No suggestion that the licensor endorses the user or their use
4. Additional Distribution Rights
Authors may:
- Deposit the published version in institutional repositories
- Share through academic social networks
- Include in books, monographs, or other publications
- Post on personal or institutional websites
Requirement: All additional distributions must maintain the CC BY 4.0 license and proper attribution.
5. Self-Archiving and Pre-Print Sharing
Authors are encouraged to:
- Share pre-prints and post-prints online
- Deposit in subject-specific repositories (e.g., arXiv, bioRxiv)
- Engage in scholarly communication throughout the publication process
6. Open Access Commitment
This journal provides immediate open access to all content, supporting the global exchange of knowledge without financial, legal, or technical barriers.
