cover
Contact Name
Agariadne Dwinggo Samala
Contact Email
edutechjournals@gmail.com
Phone
+6282112220893
Journal Mail Official
edutechjournals@gmail.com
Editorial Address
Jl. Asra, Gg. Muhajirin II, No 7,Dadok Tunggul Hitam, Koto Tangah, Padang – SumateraBarat, Indonesia
Location
Kota padang,
Sumatera barat
INDONESIA
Journal of Hypermedia & Technology-Enhanced Learning
ISSN : 29859166     EISSN : 29859166     DOI : https://doi.org/10.58536/j-hytel
Journal of Hypermedia & Technology-Enhanced Learning (J-HyTEL) is an open-access, peer-reviewed research journal. It serves as a global platform that welcomes high quality papers, including original research, review papers, best practices, and case studies. J-HyTEL focuses on hypermedia, technology- enhanced learning (TEL), information and communication technology (ICT), computer science applications and related technologies in education written by researchers, academicians, professionals, and practitioners from all over the world.
Articles 57 Documents
A Mobile Vocabulary Learning App for Engineering Contexts: Gamification, Self-Directed Learning, and User Progress Tracking Nursi, Anita; Darni, Resmi; Novaliendry, Dony
Journal of Hypermedia & Technology-Enhanced Learning Vol. 3 No. 3 (2025): Journal of Hypermedia & Technology-Enhanced Learning—Next Horizon
Publisher : Sagamedia Teknologi Nusantara

Show Abstract | Download Original | Original Source | Check in Google Scholar | DOI: 10.58536/j-hytel.193

Abstract

Engineering students frequently face challenges in mastering technical English vocabulary due to its context-dependent and specialized nature. To address this issue, this study developed a mobile application that facilitates self-directed learning of domain-specific vocabulary through gamified activities. The application was designed using the Flutter framework and integrated with Firebase for real-time data management and user tracking. It features two interactive games—Word Guess and Word Match—as well as text-to-speech functionality, a limited hint system, and visual progress tracking through mastery counts and progress bars. Vocabulary items are organized into three thematic categories: General Terms, Tools, and Instructions, each structured through JSON-based data management for scalability and ease of maintenance. Empirical evaluations involving expert review yielded a high validity score (M = 4.6/5), confirming the application’s pedagogical soundness and technical stability. The integration of gamification and progress visualization significantly enhanced learner motivation, autonomy, and engagement. This study contributes a replicable model for combining Flutter–Firebase development with instructional design principles to advance technology-enhanced language learning in engineering education.
A Dual-Validation Mobile Attendance Application for Discipline-Oriented Vocational Schools: Development and Evaluation Using the Waterfall Kurnia, Hasbi; Farell, Geovanne; Kurniadi, Denny; Marta, Rizkayeni
Journal of Hypermedia & Technology-Enhanced Learning Vol. 3 No. 3 (2025): Journal of Hypermedia & Technology-Enhanced Learning—Next Horizon
Publisher : Sagamedia Teknologi Nusantara

Show Abstract | Download Original | Original Source | Check in Google Scholar | DOI: 10.58536/j-hytel.200

Abstract

Manual attendance systems in educational institutions, particularly in highly disciplined environments such as vocational schools with cadet programs, present significant challenges, including inaccuracy, administrative burden, and susceptibility to fraud. This study addresses these issues by designing and developing a secure mobile attendance application for the Android platform. The development process followed the Waterfall software development model, providing a structured framework from requirements analysis through testing. The proposed solution incorporates a dual-validation mechanism combining Quick Response (QR) Codes for session-specific identification with Geolocation technology to verify users’ physical presence within the designated school area. The application supports multiple user roles, including students, teachers, administrators, and parents, and offers automated attendance tracking for daily roll calls and extracurricular activities. It enables teachers to input attendance for in-class sessions manually. Empirical evaluation confirmed that the application effectively mitigates vulnerabilities inherent in the manual system. The dual-validation approach substantially enhances both the integrity and efficiency of the attendance process, offering a reliable and secure tool for monitoring student discipline. This study provides a practical model for integrating accessible digital technologies to strengthen administrative processes in secondary education contexts.
Improving Students’ Digital Literacy in a Suburban Elementary School: An Action Research Study within a Community Service Program Subiyakto, Aang; Haris, Sulaiman; Rahma, Anisya
Journal of Hypermedia & Technology-Enhanced Learning Vol. 4 No. 1 (2026): Journal of Hypermedia & Technology-Enhanced Learning—Future Education
Publisher : Sagamedia Teknologi Nusantara

Show Abstract | Download Original | Original Source | Check in Google Scholar | DOI: 10.58536/j-hytel.203

Abstract

The increasing integration of digital technology in elementary education presents both opportunities and risks for students’ cognitive, social, and behavioral development. This study aimed to examine the digital literacy status of elementary school students in terms of engagement, understanding, behavior, digital awareness, and reflection, and to enhance these dimensions through a classroom-based seminar intervention implemented as action research within a community service program. The study involved 18 sixth-grade students from a suburban elementary school in Banten Province, Indonesia. An educational and participatory approach was employed, incorporating structured material presentations, interactive discussions, guided practical activities, visual media, and formative quizzes. The findings indicate that the seminar-based intervention contributed to measurable improvements in students’ digital engagement, understanding, behavior, and digital awareness. However, the development of critical reflection required further iterative cycles of action-based learning. These results provide empirical support for participatory classroom interventions as a viable strategy for strengthening digital literacy as a foundational competency at the elementary school level.
Interactive Macromedia Flash–Based Learning Media for K3LH Instruction in Vocational Electronics Education Fatila, Mutia; Jasril, Ilmiyati Rahmy; Ayasrah, Firas Tayseer
Journal of Hypermedia & Technology-Enhanced Learning Vol. 4 No. 1 (2026): Journal of Hypermedia & Technology-Enhanced Learning—Future Education
Publisher : Sagamedia Teknologi Nusantara

Show Abstract | Download Original | Original Source | Check in Google Scholar | DOI: 10.58536/j-hytel.209

Abstract

This study developed interactive learning media using Macromedia Flash to enhance Occupational Health, Safety, and Environmental Awareness (K3LH) instruction within the Basic Electronics curriculum in vocational high schools. The research employed a Research and Development approach guided by the 4D model (Define, Design, Develop, and Disseminate) to produce a validated multimedia learning product aligned with the Merdeka Curriculum. During the Define stage, needs assessment and learner analysis revealed low student engagement and conceptual difficulties with electronics safety topics, underscoring the need for technology-based instructional innovation. The designed media integrated text, visuals, animations, audio, and interactive assessments to support autonomous and student-centred learning. Expert validation involving material and media specialists resulted in high validity scores of 94.7% and 94.8%, indicating strong curriculum alignment, conceptual clarity, interface organisation, and language quality. Field testing with Grade 10 Electronics Engineering students yielded a practicality score of 85.1%, confirming that the media was easy to operate, pedagogically relevant, visually engaging, and effective in supporting understanding and participation. These outcomes demonstrate that Macromedia Flash-based learning media remain highly functional for vocational classroom environments, particularly where technological infrastructure is limited. The study concludes that the developed media can serve as a robust instructional tool to strengthen student motivation, improve comprehension of K3LH concepts, and enrich technology-enhanced learning in vocational electronics education. Future research is recommended to expand implementation across different school contexts and migrate the product to modern digital platforms to improve scalability and accessibility.
Interactive Multimedia Learning for Vocational Electronics Education: Development, Validation, and Classroom Implementation Marzalius, Lira Rahma; Jasril, Ilmiyati Rahmy
Journal of Hypermedia & Technology-Enhanced Learning Vol. 4 No. 1 (2026): Journal of Hypermedia & Technology-Enhanced Learning—Future Education
Publisher : Sagamedia Teknologi Nusantara

Show Abstract | Download Original | Original Source | Check in Google Scholar | DOI: 10.58536/j-hytel.210

Abstract

This study presents the design, development, and empirical evaluation of an interactive multimedia learning application for basic electronics instruction in vocational education. To address persistent challenges such as passive learning, limited conceptual understanding, and low learner engagement, the research employed the 4D (Define, Design, Develop, and Disseminate) development model to create a digital learning environment in Adobe Animate. The application integrates dynamic animations, vector-based visualizations, explanatory text, and embedded interactive assessments to support conceptual change and active learning. Content and media validity were assessed through expert evaluations from subject-matter and instructional media specialists, while usability and practicality were examined through field tests involving Grade X students in an Audio-Video Engineering program. The findings show high levels of content accuracy, pedagogical alignment, and interface usability. Practicality results indicate strong learner acceptance, intuitive navigation, and consistent engagement during classroom implementation. Observational and questionnaire data reveal positive effects on students’ learning motivation and participatory behaviors. This study provides empirical evidence of the pedagogical value of interactive multimedia for competency-based technical education and offers a replicable development framework for integrating digital learning media in vocational settings. The findings hold practical and theoretical implications for educators, curriculum designers, and policymakers seeking to improve learning quality in technology-oriented vocational education.
An Artificial Intelligence-Based Mobile Application for Early Detection of Dyslexia Using Recurrent Neural Network Rahman, Muhamad Fathur; Darni, Resmi; Novaliendry, Dony; Budayawan, Khari
Journal of Hypermedia & Technology-Enhanced Learning Vol. 4 No. 1 (2026): Journal of Hypermedia & Technology-Enhanced Learning—Future Education
Publisher : Sagamedia Teknologi Nusantara

Show Abstract | Download Original | Original Source | Check in Google Scholar | DOI: 10.58536/j-hytel.217

Abstract

Dyslexia is a neurodevelopmental learning disorder that significantly affects children’s reading and writing skills despite normal intelligence, and delayed identification may lead to long-term academic and psychosocial consequences. Existing dyslexia screening methods rely heavily on expert-driven assessments that are time-consuming, subjective, and difficult to scale in non-clinical settings. Although recent studies have explored artificial intelligence (AI) approaches for dyslexia detection, many remain limited to single-modality data, offline analysis, or non-mobile implementations, restricting their practical applicability for early screening. This study aimed to develop an AI-based mobile application for early dyslexia detection by leveraging sequential text and speech data through a Recurrent Neural Network (RNN) architecture, specifically the Gated Recurrent Unit (GRU). A Research and Development (R&D) methodology was employed, encompassing requirements analysis, system design, GRU model training, mobile application development with Flutter, and system integration with a RESTful backend and a MySQL database. The GRU model was trained on preprocessed reading text and voice recordings to capture temporal patterns associated with dyslexia-related reading behaviors. Experimental results indicate that the proposed model achieved reliable classification performance in identifying dyslexia-related patterns, while the mobile application successfully delivered real-time screening results and maintained longitudinal assessment records. The findings demonstrate that integrating lightweight sequential deep learning models into mobile platforms offers a scalable and accessible solution for early dyslexia screening, supporting independent use by parents and educators outside clinical environments.
Web-Based Inventory Management System for Educational Training: Integrating EOQ and ARIMA for Data-Driven Learning Syamsi, Alkindi; Irfan, Dedy; Novaliendry, Dony; Sandra, Randi Proska
Journal of Hypermedia & Technology-Enhanced Learning Vol. 4 No. 1 (2026): Journal of Hypermedia & Technology-Enhanced Learning—Future Education
Publisher : Sagamedia Teknologi Nusantara

Show Abstract | Download Original | Original Source | Check in Google Scholar | DOI: 10.58536/j-hytel.218

Abstract

Manual inventory recording and heuristic ordering practices remain common among Micro, Small, and Medium Enterprises (MSMEs), often leading to inaccurate demand estimation, excessive holding costs, and stockouts. This study develops and evaluates a web-based inventory information system that integrates Autoregressive Integrated Moving Average (ARIMA) forecasting with the Economic Order Quantity (EOQ) model to improve decision accuracy and cost efficiency. The system uses CodeIgniter 3 and MySQL and incorporates a Python-based time-series forecasting engine. Historical sales data were modeled using ARIMA, and the optimal specification was selected based on Akaike Information Criterion (AIC) and Bayesian Information Criterion (BIC). The ARIMA(1,1,1) model achieved a Mean Absolute Percentage Error (MAPE) of 8.47%, indicating high forecasting accuracy for operational planning. The forecasted annual demand was integrated into the EOQ framework to determine the optimal order quantity, Reorder Point (ROP), and probabilistic Safety Stock. A one-year cost simulation demonstrated that the EOQ-based policy reduced total inventory costs by 22.73% compared with the existing approach. Functional validation through Black-Box testing confirmed full compliance with specified requirements. These findings demonstrate that integrating predictive analytics with classical inventory optimization enhances operational efficiency and reduces total inventory cost. The system provides a practical, data-driven inventory management framework for MSMEs undergoing digital transformation.