Enhancing Students’ Motivation in Algorithm Learning through Web-Based Visual Diagramming Tools: An ARCS Model Analysis

Authors

DOI:

https://doi.org/10.20961/joive.v8i3.3345

Keywords:

Flowchart, Learning Motivation, Visual Media

Abstract

Learning algorithms and flowchart design in secondary informatics education often lack engaging instructional strategies that effectively foster students’ learning motivation. However, limited studies have examined how web-based visual diagramming tools influence students’ motivational dimensions in algorithm learning within the ARCS framework. This study provides empirical evidence on how web-based diagramming tools enhance motivational engagement in algorithm learning. A qualitative descriptive design was employed involving 36 tenth-grade students. The findings reveal that visual interaction through draw.io significantly increased students’ attention and engagement, improved contextual relevance of learning tasks, strengthened learners’ confidence in constructing flowcharts independently, and generated positive learning satisfaction. These findings extend the application of the ARCS model within web-based informatics instruction and highlight the potential of digital visual tools to enhance affective learning outcomes. Integrating digital visual media into informatics instruction can serve as an effective strategy to enhance students’ motivation and engagement in computational learning

Author Biographies

  • Nahila Sibta , Universitas Sebelas Maret

    Universitas Sebelas Maret

  • Aris Budianto, Universitas Sebelas Maret

    Universitas Sebelas Maret

  • Basuki Sri Wibowo, SMA N 1 Kartasura

    SMA N 1 Kartasura

Downloads

Published

2026-03-05

How to Cite

Sibta , N., Budianto, A., & Wibowo, B. S. (2026). Enhancing Students’ Motivation in Algorithm Learning through Web-Based Visual Diagramming Tools: An ARCS Model Analysis. Journal of Informatics and Vocational Education, 8(3). https://doi.org/10.20961/joive.v8i3.3345