Implementasi Mediapipe dan Websocket pada Platform Pembelajaran Jarimatika Berbasis Web
DOI:
https://doi.org/10.30998/jrami.v7i03.1497Keywords:
Computer Vision, Game Edukasi, Jarimatika, MediaPipe, WebSocketAbstract
Low student numeracy skills require interactive learning innovations. Jarimatika is effective in aiding counting comprehension, but its conventional application lacks direct feedback and competitive elements. This study aims to design a web-based Jarimatika learning platform integrating Computer Vision technology and real-time network communication. The system development uses the Prototyping model with Black Box testing method. The system implements MediaPipe Hands on the client-side to detect 21 finger gesture landmarks automatically and convert them into Jarimatika values. To facilitate the competition mode, the WebSocket protocol is used to synchronize data between players in real-time, combined with a First-Come-First-Served (FCFS) algorithm to determine the winner. The test results show that the platform successfully detects finger formations accurately and maintains the stability of multiplayer synchronization with a latency of under 500 milliseconds. In conclusion, the integration of artificial intelligence and WebSocket has proven capable of producing an interactive, competitive, and adaptive Jarimatika learning media for users.
Downloads
References
Admiraal, W., Vermeulen, J., & Bulterman-Bos, J. (2020). Teaching with learning analytics:how to connect computer-based assessment data with classroom instruction? Technology, Pedagogy and Education, 29(5), 577–591. https://doi.org/10.1080/1475939X.2020.1825992
Agustiani, A. D., Sholahuddin, M. R., Putri, S. M., & Hidayatullah, P. (2024). Penggunaan MediaPipe untuk Pengenalan Gesture Tangan Real-Time dalam Pengendalian Presentasi. Media Jurnal Informatika, 16(2), 147. https://doi.org/10.35194/mji.v16i2.4788
Akın, A. (2022). The effectiveness of web-based Mathematics instruction (WBMI) on K-16 students’ mathematics learning: a meta-analytic research. Education and Information Technologies, 27(6), 8015–8040. https://doi.org/10.1007/s10639-022-10931-x
Alviando, L., Bhawiyuga, A., & Kartikasari, D. P. (2023). Penerapan Websocket pada Sistem Live Chat berbasis Web (Studi Kasus Website Kwikku.com) (Vol. 7, Number 2). http://j-ptiik.ub.ac.id
Ardi, A. Y., & Indra, I. (2025). Implementation of RNG Algorithm in Puzzle Games to Support Social Skills of Children with Autism on a Desktop-Based Platform. Bit (Fakultas Teknologi Informasi Universitas Budi Luhur), 22(1), 47–55. https://doi.org/10.36080/bit.v22i1.3242
Han, J. S., Lee, C. I., Youn, Y. H., & Kim, S. J. (2022). A Study on Real-time Hand Gesture Recognition Technology by Machine Learning-based MediaPipe. Journal of System and Management Sciences, 12(2), 468–482. https://doi.org/10.33168/JSMS.2022.0225
Ikramina, N., Sukmawati, R. A., Purba, H. S., Wiranda, N., & Pamuji, R. (2025). Pengembangan Media Pembelajaran Interaktif Berbasis Web pada Materi Sistem Organisasi Kehidupan untuk Siswa SMP Kelas VII dengan Metode Game Based Learning. Computing and Education Technology Journal, 5(1), 18. https://doi.org/10.20527/cetj.v5i1.14643
OECD. (2023). PISA 2022 Results Factsheets Indonesia PUBE. https://oecdch.art/a40de1dbaf/C108.
Prathama, G. H., Ary Esta Dewi Wirastuti, N. M., & Divayana, Y. (2019). Analisa Penggunaan WebRTC dan Websocket pada Real Time Multiplayer Online Game Tradisional Ceki. Majalah Ilmiah Teknologi Elektro, 18(1), 47. https://doi.org/10.24843/mite.2019.v18i01.p07
Rachmadtullah, R. W., & Prihanto, A. (2022). Implementasi Algoritma Random Number Generator (RNG) pada Aplikasi Try Out Berbasis Framework Laravel. Journal of Informatics and Computer Science (JINACS), 3(03), 300–307. https://doi.org/10.26740/jinacs.v3n03.p300-307
Raupu, S., Arifanti, D. R., Aisyah, A., Thalhah, S. Z., Taqwa, T., & Nursyamsi, N. (2023). Efektivitas Teknik Jarimatika Dalam Meningkatkan Keterampilan Berhitung Peserta Didik Sekolah Dasar. AKSIOMA: Jurnal Program Studi Pendidikan Matematika, 12(2), 2378. https://doi.org/10.24127/ajpm.v12i2.7452
Sitepu, M. S., & Siregar, P. D. (2023). Pengaruh Model Game Based Learning Terhadap Aktivitas Belajar Siswa Pada Pembelajaran Matematika di Kelas V SD Muhammdiyah 01 Medan. In Journal of Student Development Informatics Management (JoSDIM) e-ISSN (Vol. 3, Number 2).
Syahputra, A., Hts, D. I. G., & Samsir. (2019). Perancangan Aplikasi Media Pembelajaran Jarimatika Penjumlahan Dan Pengurangan Berbasis Multimedia. U-NET Jurnal Teknik Informatika, 3(1), 35–42. https://doi.org/10.52332/u-net.v3i1.20
Syahputra, A., Indra, D., & Hts, G. (n.d.). Perancangan Aplikasi Media Pembelajaran Jarimatika Penjumlahan Dan Pengurangan Berbasis Multimedia. Jurnal Teknik Informatika, 3(2), 2019.
Downloads
Published
Issue
Section
License
Copyright (c) 2026 Muhammad Taufiq Reza, Saruni Dwiasnati, Nur Ghazali Santoso (Author)
This work is licensed under a Creative Commons Attribution 4.0 International License.
