Development of virtual tour reality using 360-degree panoramic images and Leaflet JavaScript

Abstract

This paper describes virtual reality (VR) development using a 360-degree panoramic and Leaflet JavaScript (Leaflet JS) to introduce campus buildings in real-time. The campus building of Universitas Negeri Gorontalo (UNG) in Bone Bolango Regency was chosen as a case study. It allows users to navigate and listen to background sound and narration, open the site map interactively, and read brief information about each location. Each panorama contains hotspots that allow users to explore further. All images are combined using a photo-stitching technique to produce a panoramic image. The research method used is the multimedia development life cycle (MDLC), which consists of six stages: concept, design, material collection, assembly, testing, and distribution. Based on the system usability scale (SUS) test, the virtual tour reality website application received feedback from users regarding its usability, satisfaction, and effectiveness, and it is interesting to use this application. The results show that the website application can visualize the campus building environment with various layers of information and can create a very realistic and detailed representation of the campus environment.