Design and Development of Learning Tools Through Web-Based Puzzle Games

Abstract

The development of digital technology offers significant opportunities for developing interactive learning media for early childhood. Educational games are an effective alternative for improving cognitive abilities because they offer a fun learning process tailored to children's characteristics (Rahayu & Dewi, 2021). One widely used form of interactive media is digital puzzles, which have been shown to stimulate children's thinking skills, concentration, and memory through the gradual activity of assembling visual shapes (Sari & Putra, 2020; Novita & Krissandi, 2021). Furthermore, research shows that educational games designed with interactive mechanisms can significantly improve working memory and focus in elementary school-aged children (Handayani & Rahayu, 2023; Maulana & Siregar, 2021).    On the technical side, HTML5 and JavaScript are considered relevant for developing web-based educational games because they are cross-platform, easily accessible, and offer robust graphics and animation support through the Canvas API and game frameworks like Phaser (Ibrahim & Rahman, 2022; Saputra & Pratama, 2020). Based on these findings, the development of web-based digital puzzle media has the potential to become an interactive learning solution that is not only visually engaging but also capable of improving children's cognitive aspects, such as memory, problem-solving, and concentration. These findings support the importance of developing web-based educational games with a targeted, interactive approach oriented toward improving children's learning abilities.