IF Kiosk: Visualisasi Interaktif Berbasis Web Untuk Informasi Penggunaan Ruang Di Gedung Teknik Informatika ITS

Tanujaya, Bryant Nathaniel (2026) IF Kiosk: Visualisasi Interaktif Berbasis Web Untuk Informasi Penggunaan Ruang Di Gedung Teknik Informatika ITS. Other thesis, Institut Teknologi Sepuluh Nopember.

Text 5025221175_Undergraduate_Thesis.pdf - Accepted Version Restricted to Repository staff only Download (13MB) | Request a copy

Abstract

Penyajian informasi penggunaan ruang di Gedung Teknik Informatika (IF) masih didominasi oleh media dua dimensi yang kurang mampu memberikan pemahaman spasial serta informasi status ruangan secara jelas. Kondisi ini menyulitkan mahasiswa baru maupun pengunjung untuk menemukan lokasi serta mengetahui ketersediaan ruang. Oleh karena itu, penelitian ini bertujuan untuk merancang dan mengembangkan IF Kiosk, yaitu sistem informasi ruang interaktif berbasis web dengan visualisasi tiga dimensi yang terintegrasi dengan data real-time untuk ditampilkan melalui media layar publik (digital signage). Pengembangan sistem dilakukan menggunakan teknologi WebGL dan pustaka Three.js, dengan model 3D gedung yang dibuat menggunakan Autodesk 3ds Max, serta didukung oleh React, Node.js, dan PostgreSQL. Metode yang digunakan dalam penelitian ini adalah Lean UX yang meliputi tahap identifikasi kebutuhan dan asumsi pengguna, perancangan solusi dan prototipe, implementasi sistem, serta evaluasi dan validasi pengguna. Untuk mengatasi keterbatasan navigasi langsung pada layar publik (digital signage), sistem ini mengimplementasikan mekanisme interaksi multi-device. Dalam mekanisme tersebut, smartphone pengguna berfungsi sebagai controller melalui pemindaian kode QR dan komunikasi real-time berbasis protokol WebSocket. Pengujian fungsionalitas menggunakan metode Black Box Testing menunjukkan tingkat keberhasilan 100% pada seluruh skenario. Selanjutnya, evaluasi usabilitas menggunakan System Usability Scale (SUS) dilakukan dalam dua iterasi. Pada iterasi pertama, pengujian melibatkan 11 penguji dan memperoleh nilai rata-rata sebesar 84,32, sedangkan pada iterasi kedua, pengujian melibatkan 10 penguji dan memperoleh nilai rata-rata sebesar 85,75. Berdasarkan interpretasi SUS, kedua hasil tersebut termasuk dalam kategori adjective rating “Excellent”. Penelitian ini menghasilkan sistem visualisasi ruang IF Kiosk yang intuitif, informatif, dan user-friendly sebagai solusi modern untuk penyampaian informasi ruang.
======================================================================================================================================
The presentation of room usage information in the Informatics (IF) Building is still dominated by two-dimensional media that lack the ability to provide clear spatial understanding and room-status information. This makes it difficult for new students and visitors to locate rooms and determine their availability. Therefore, this study aims to design and develop IF Kiosk, an interactive web-based room information system featuring three-dimensional visualization integrated with real-time data, intended for display on public screens (digital signage). The system was developed using WebGL and the Three.js library, with a 3D building model created in Autodesk 3ds Max, and was supported by React, Node.js, and PostgreSQL. The methodology applied in this research is Lean UX, which encompasses the stages of identifying user needs and assumptions, designing solutions and prototypes, implementing the system, and evaluating and validating the system. To overcome the limitations of direct navigation on public screens (digital signage), the system implements a multi-device interaction mechanism in which the user's smartphone serves as a controller via QR code scanning and real-time communication over the WebSocket protocol. Functionality testing using the Black Box Testing method demonstrated a 100% success rate across all scenarios. Furthermore, usability evaluation using the System Usability Scale (SUS) was conducted in two iterations. The first iteration involved 11 testers and obtained an average score of 84.32, while the second iteration involved 10 testers and obtained an average score of 85.75. Based on SUS interpretation, both scores placed the system within the “Acceptable” acceptability range with an “Excellent” adjective rating. This study produced IF Kiosk, a room-visualization system, which is intuitive, informative, and user-friendly, serving as a modern solution for delivering room information.

Item Type:	Thesis (Other)
Uncontrolled Keywords:	Kios, sistem informasi ruang, Three.js, Visualisasi 3D, WebGL, WebSocket, 3D visualization, IF Kiosk, room information system, Three.js
Subjects:	T Technology > T Technology (General) > T385 Visualization--Technique
Divisions:	Faculty of Intelligent Electrical and Informatics Technology (ELECTICS) > Informatics Engineering > 55201-(S1) Undergraduate Thesis
Depositing User:	Bryant Nathaniel Tanujaya
Date Deposited:	23 Jul 2026 03:43
Last Modified:	23 Jul 2026 03:43
URI:	http://repository.its.ac.id/id/eprint/136527

Actions (login required)

View Item