ExpITS: WebAR Berbasis Next.js dan 8th Wall dengan Genre RPG bagi Pejalan Kaki untuk Eksplorasi ITS

Setiawan, Anthony (2026) ExpITS: WebAR Berbasis Next.js dan 8th Wall dengan Genre RPG bagi Pejalan Kaki untuk Eksplorasi ITS. Other thesis, Institut Teknologi Sepuluh Nopember.

Text 5025221009-Undergraduate_Thesis.pdf Restricted to Repository staff only Download (10MB) | Request a copy

Abstract

Kurangnya motivasi mahasiswa Institut Teknologi Sepuluh Nopember (ITS) untuk melakukan aktivitas berjalan kaki dan mengeksplorasi lingkungan kampus yang luas menjadi permasalahan yang berdampak pada rendahnya interaksi mahasiswa dengan ruang fisik kampus. Meskipun ITS memiliki berbagai lokasi ikonik dan fasilitas yang tersebar di seluruh area kampus, kecenderungan penggunaan kendaraan bermotor serta persepsi monoton terhadap aktivitas berjalan kaki mengurangi potensi pemanfaatan lingkungan kampus secara optimal. Berdasarkan latar belakang tersebut, penelitian ini bertujuan untuk mengembangkan sebuah aplikasi berbasis Web-based Augmented Reality (WebAR) dengan integrasi elemen game bergenre Role-Playing Game (RPG) sebagai media yang bersifat informatif sekaligus mampu meningkatkan motivasi dan pengalaman menyenangkan dalam eksplorasi pejalan kaki. Aplikasi dikembangkan menggunakan teknologi Lightship Maps dari 8th Wall untuk menampilkan peta dunia 3D yang tersinkronisasi dengan pergerakan pengguna di dunia nyata, serta memanfaatkan Supabase dengan basis data PostgreSQL untuk pengelolaan data statistik dan kepemilikan wayspot secara real-time. Pengalaman eksplorasi diperkuat melalui implementasi sistem pertempuran turn-based dan mekanisme random encounter menggunakan A-Frame dan JavaScript. Hasil pengujian menunjukkan bahwa aplikasi ExpITS memberikan pengalaman eksplorasi yang positif dan mendukung aktivitas berjalan kaki di lingkungan kampus ITS. Hasil iGEQ menunjukkan tingkat kenyamanan dan pemahaman permainan yang baik, dengan tantangan serta pengalaman imersif yang cukup, tanpa menimbulkan tekanan atau pengalaman negatif yang berarti. Hasil PGQ juga menunjukkan pengalaman akhir yang positif dengan tingkat kelelahan dan ketidaknyamanan yang rendah. Selain itu, evaluasi heuristic menunjukkan peningkatan usability setelah perbaikan antarmuka. ExpITS juga berhasil mengimplementasikan framework Mechanics, Dynamics, and Aesthetics (MDA) dengan baik dalam mendukung pengalaman eksplorasi kampus berbasis WebAR. Aspek Mechanics seperti sistem wayspot, cooldown, random encounter, spell, dan turn-based combat mampu menghasilkan Dynamics berupa eksplorasi aktif, perebutan wayspot, interaksi pemain dengan lingkungan kampus, serta dorongan untuk berjalan kaki dan menjelajahi area kampus ITS. Dynamics tersebut kemudian menghasilkan Aesthetics utama berupa challenge, discovery, dan immersion yang memberikan pengalaman bermain yang mendukung eksplorasi.
================================================================================================================================
The lack of motivation to engage in physical activity and explore the vast campus environment poses a unique challenge for the students at the Sepuluh Nopember Institute of Technology (ITS). Although ITS has many iconic locations and facilities scattered throughout the campus, low interest and a sense of monotony in walking cause students to prefer using vehicles. This condition prevents students from interacting with the physical environment of their campus to the fullest extent possible. This application is expected to be a medium that is not only informative, but also able to provide motivation and an enjoyable experience for students to explore the campus environment. Based on these issues, the author developed a Web-based Augmented Reality (WebAR) application that integrates gamification elements with the RPG genre to motivate pedestrian exploration. This application utilizes Lightship Maps technology from 8th Wall to present a 3D world map that is synchronized with the user's movements in the real world. Statistical data and wayspot ownership are managed in real-time using a PostgreSQL database through the Supabase service. The turn-based combat system and random encounter mechanism are implemented using A-Frame and JavaScript to create an immersive exploration experience. The results of the test show that the ExpITS application provides a positive exploration experience and supports walking activities in the ITS campus environment. The iGEQ results showed a high level of comfort and understanding of the game, with sufficient challenges and immersive experiences without causing significant stress or negative experiences. The PGQ results also showed a positive overall experience with low levels of fatigue and discomfort. Evaluasi heuristic juga menyoroti peningkatan usability yang dihasilkan dari pembaruan antarmuka. ExpITS successfully implemented the Mechanics, Dynamics, and Aesthetics (MDA) framework to support the exploration experience of the campus based on WebAR. Mechanics aspects such as the wayspot system, cooldown, random encounters, spells, and turn-based combat generate Dynamics such as active exploration, wayspot capture, player interaction with the campus environment, and encouragement to walk and explore the ITS campus area. These dynamics then generate the main Aesthetics of challenge, discovery, and immersion, providing an enjoyable gaming experience that supports exploration.

Item Type:	Thesis (Other)
Uncontrolled Keywords:	WebAR, Game, RPG, Institut Teknologi Sepuluh Nopember (ITS), 8th Wall, Supabase, Eksplorasi Kampus, Pengalaman Pengguna, WebAR, Game, RPG, ITS, 8th Wall, Supabase, Campus Exploration, User Experience
Subjects:	Q Science > QA Mathematics > QA76.754 Software architecture. Computer software Q Science > QA Mathematics > QA76.9 Computer algorithms. Virtual Reality. Computer simulation.
Divisions:	Faculty of Intelligent Electrical and Informatics Technology (ELECTICS) > Informatics Engineering > 55201-(S1) Undergraduate Thesis
Depositing User:	Anthony Setiawan
Date Deposited:	18 Jun 2026 06:01
Last Modified:	18 Jun 2026 06:01
URI:	http://repository.its.ac.id/id/eprint/133876

Actions (login required)

View Item