HERE TOO: Antarmuka Berbasis React untuk Rapat Hibrida dengan Jejaring Gamifikasi Berbasis Minat

Bachtiar, Fayza Aqila (2026) HERE TOO: Antarmuka Berbasis React untuk Rapat Hibrida dengan Jejaring Gamifikasi Berbasis Minat. Other thesis, Institut Teknologi Sepuluh Nopember.

Text 5025221087-Undergraduate_Thesis.pdf - Accepted Version Restricted to Repository staff only Download (2MB) | Request a copy

Abstract

Rapat hibrida, yang menggabungkan partisipasi tatap muka dan daring, telah menjadi format komunikasi yang umum digunakan sejak pandemi COVID-19. Namun, peserta daring seringkali mengalami penurunan keterlibatan dan perasaan terisolasi dibandingkan peserta tatap muka, yang sebagian besar disebabkan oleh interaksi yang kurang alami serta minimnya kesempatan jejaring yang terstruktur. Proyek Akhir ini membahas permasalahan tersebut melalui "Here Too", sebuah aplikasi web berbasis React.js yang dirancang untuk meningkatkan interaksi antara peserta daring dan tatap muka dalam suatu rapat hibrida. Sistem ini mengintegrasikan empat fitur utama, Survei Minat, Pembuat Avatar, Ruang Tunggu Interaktif, dan permainan jejaring Bingo; yang terhubung melalui komunikasi WebSocket secara real-time dan tertanam ke dalam Zoom melalui Software Development Kit (SDK)-nya. Dengan mencocokkan peserta berdasarkan kesamaan minat serta memfasilitasi proses pencairan suasana (icebreaking) melalui permainan Bingo yang bersifat gamifikasi, sistem ini mendorong terjadinya keterlibatan yang bermakna di antara kedua kelompok peserta. Hasil penelitian menunjukkan bahwa antarmuka berbasis peramban (browser) yang ringan mampu mendukung interaksi dalam rapat hibrida secara efektif tanpa memerlukan perangkat keras khusus
================================================================================================================================
Hybrid meetings, combining in-person and online participation, have become a common communication format following the COVID-19 pandemic. However, online participants frequently experience reduced engagement and a sense of exclusion compared to in-person attendees, largely due to unorganic interaction and the absence of structured
networking opportunities. This Final Project addresses this gap through "Here Too," a React.jsbased web application designed to enhance interaction between online and in-person participants within a hybrid meeting setting. The system integrates four core features, an Interest Survey, an Avatar Creator, an Interactive Waiting Lobby, and a Bingo networking game; connected through real-time WebSocket communication and embedded into Zoom via its Software Development Kit. By matching participants based on shared interests and facilitating gamified icebreaking through the Bingo game, the system encourages meaningful engagement across both participant groups. Results demonstrate that a lightweight, browserbased interface can effectively support hybrid meeting interaction without requiring specialized
hardware.

Item Type:	Thesis (Other)
Uncontrolled Keywords:	Rapat Hibrida, Interaksi, Permainan Bingo, React.js, WebSocket, Hybrid Meeting, Interaction, Bingo Game, React.js, WebSocket
Subjects:	H Social Sciences > HM Sociology > HM742 Online social networks. L Education > LB Theory and practice of education > LB1029.S53 Educational games. Simulation methods L Education > LB Theory and practice of education > LB1044.87 Internet in education (e-learning). Virtual reality in education. L Education > LC Special aspects of education > LC5800 Distance education. T Technology > T Technology (General) > T385 Visualization--Technique T Technology > TR Photography > TR845 Cinematography. Video recordings.
Divisions:	Faculty of Intelligent Electrical and Informatics Technology (ELECTICS) > Informatics Engineering > 55201-(S1) Undergraduate Thesis
Depositing User:	Fayza Aqila Bachtiar
Date Deposited:	27 Jul 2026 07:46
Last Modified:	27 Jul 2026 07:46
URI:	http://repository.its.ac.id/id/eprint/137858

Actions (login required)

View Item