Integrating Interactive Algorithm Learning Media and Problem-Based Learning to Improve Students’ Algorithmic Learning Outcomes in Vocational Information Technology Education

In the modern digital workplace, success often depends on a specific kind of thinking: the ability to break a complex problem down into a clear, step-by-step plan. In the world of computer science, this process is called an algorithm. It is the logic behind every piece of software, from the app that orders a meal to the system that manages traffic lights. For students training to become information technology professionals, mastering these logical steps is not just about writing code; it is about learning how to think like a problem-solver. However, teaching these concepts in a vocational school setting presents a unique challenge. The ideas are often abstract and difficult to visualize, leading many students to memorize rules without truly understanding the logic behind them. When students cannot see how the pieces fit together, they struggle to apply their knowledge to real-world situations, leaving them less prepared for the demands of a digital career.

To address this gap, a team of researchers in Indonesia set out to test a new way of teaching these critical skills. They focused on two distinct approaches that had shown promise individually: interactive learning media and a teaching style known as problem-based learning. Interactive media uses visual tools, such as animations and simulations, to show how an algorithm moves and changes over time, making the invisible logic visible. Problem-based learning, on the other hand, throws students into realistic scenarios where they must work together to solve a genuine issue, rather than just listening to a lecture. The researchers wanted to know if combining these two methods would create a powerful synergy, helping vocational students grasp the difficult concepts of algorithms better than using either method on its own.

The study took place in a vocational high school specializing in software engineering in Bali, involving 120 students divided into three separate classes. The researchers designed a controlled experiment to compare the effectiveness of different teaching strategies. One class learned using a blend of the interactive visual tools and the problem-solving approach. A second class used the interactive visual tools but followed a traditional lesson structure without the problem-solving framework. The third class relied solely on the problem-solving method, tackling real-world scenarios without the aid of the digital visual aids. Over the course of eight weeks, each group engaged in their assigned learning activities, working through the same core material but experiencing it through different lenses. At the end of the period, all students took the same test to measure their understanding of algorithmic concepts and their ability to apply them.

The results revealed a clear difference in how the students performed. The group that experienced the combination of interactive media and problem-based learning achieved the highest average scores. Their performance was significantly better than the group that relied only on problem-solving without the visual aids. This suggests that while tackling real-world problems is a strong way to learn, the addition of visual, interactive tools provides a crucial boost to understanding. The visual tools appear to help students see the "how" and "why" of the logic, while the problem-solving context gives them a reason to care about the answer. Interestingly, the group that used only the interactive media performed better than the problem-solving-only group, but the difference between the combined group and the media-only group was not statistically significant. This indicates that the visual tools themselves are a powerful driver of learning, but when paired with the active engagement of problem-solving, they create the most effective environment for mastering these complex skills.

The study concludes that the most effective way to prepare vocational students for the digital workforce is to merge technology with active learning. By using interactive simulations to make abstract concepts concrete and then placing those concepts into authentic problem-solving scenarios, educators can help students build a deeper, more functional understanding of algorithms. This approach does more than just improve test scores; it fosters the kind of critical thinking and technical confidence needed to succeed in a professional setting. The findings suggest that for the next generation of digital workers, the classroom of the future should not choose between technology and real-world application, but rather weave them together to create a learning experience that is both engaging and deeply practical.