The Role of Visualization in Computer Science Education

Fouh, Eric; Akbar, Monika; Shaffer, Clifford A.

doi:10.1080/07380569.2012.651422

Cited by 63 publications

(27 citation statements)

References 39 publications

Supporting

Mentioning

Contrasting

Order By: Relevance

“…Explanatory visualizations have proven useful to teach various concepts, such as mathematics [1,15], algorithms and data-structures [19,44,62]. In fact, a simple Internet search of "visualization of sorting algorithms" returns a large quantity of animation videos and interactive tools that can be used by a learner.…”

Section: Related Workmentioning

confidence: 99%

“…The surveys by Urquiza and Velázquez-Iturbide [66] and Shaffer et al [59] provide a useful account of the early work, including work by Brown on Balsa, and tools such as Tango and Polka. Fouh et al [19] and Sorva et al [62] investigate how visualizations help with programming education. Unfortunately most of these explanatory visualizations are created by the educator in advance of the lesson, and thus are merely viewed passively by the learner.…”

Section: Related Workmentioning

confidence: 99%

“…While some users did benefit from the explanatory animations, others seemed hindered by them. Reviewing the past two decades of algorithmic visualization, Fouh et al [19] provide a useful reflection, saying that the issue is not the algorithmic visualization per se rather it is how students use it, and that it "is effective when the technology is used to actively engage students in the process" [19]. This too is one of our motivations; if we can improve student engagement with the material then we will be able to develop the skills of more students.…”

Section: Related Workmentioning

confidence: 99%

See 2 more Smart Citations

The Explanatory Visualization Framework: An Active Learning Framework for Teaching Creative Computing Using Explanatory Visualizations

Roberts

Ritsos

Jackson

et al. 2018

IEEE Trans. Visual. Comput. Graphics

View full text Add to dashboard Cite

Abstract:Visualizations are nowadays appearing in popular media and are used everyday in the workplace. This democratisation of visualization challenges educators to develop effective learning strategies, in order to train the next generation of creative visualization specialists. There is high demand for skilled individuals who can analyse a problem, consider alternative designs, develop new visualizations, and be creative and innovative. Our three-stage framework, leads the learner through a series of tasks, each designed to develop different skills necessary for coming up with creative, innovative, effective, and purposeful visualizations. For that, we get the learners to create an explanatory visualization of an algorithm of their choice. By making an algorithm choice, and by following an active-learning and project-based strategy, the learners take ownership of a particular visualization challenge. They become enthusiastic to develop good results and learn different creative skills on their learning journey. Abstract-Visualizations are nowadays appearing in popular media and are used everyday in the workplace. This democratisation of visualization challenges educators to develop effective learning strategies, in order to train the next generation of creative visualization specialists. There is high demand for skilled individuals who can analyse a problem, consider alternative designs, develop new visualizations, and be creative and innovative. Our three-stage framework, leads the learner through a series of tasks, each designed to develop different skills necessary for coming up with creative, innovative, effective, and purposeful visualizations. For that, we get the learners to create an explanatory visualization of an algorithm of their choice. By making an algorithm choice, and by following an active-learning and project-based strategy, the learners take ownership of a particular visualization challenge. They become enthusiastic to develop good results and learn different creative skills on their learning journey.

show abstract

Section: Related Workmentioning

confidence: 99%

Section: Related Workmentioning

confidence: 99%

Section: Related Workmentioning

confidence: 99%

See 1 more Smart Citation

The Explanatory Visualization Framework: An Active Learning Framework for Teaching Creative Computing Using Explanatory Visualizations

Roberts

Ritsos

Jackson

et al. 2018

IEEE Trans. Visual. Comput. Graphics

View full text Add to dashboard Cite

show abstract

“…Programming involves many dynamic concepts of mental grasp, causing students" difficulty in understanding it through the use of static media such as textbooks, projected presentation, whiteboard and verbal explanation [15]. Therefore, Program Visualization (PV) provides a dynamic environment that represent programming concepts for a better understanding [16].…”

Section: Research Backgroundmentioning

confidence: 99%

Development of Hardware-Interfacing Learning Kit for Novice Learning Programming

Derus¹,

Ali²

2016

IJIET

View full text Add to dashboard Cite

Abstract-Visualization tool has been proven useful in enhancing novice programmer's learning. Despite the large number of studies performed on visualization tools, it appears to be very few using it to assist students in understanding the fundamental concept of hardware software interfacing programming. Therefore, in this study, a program visualization (PV) kit was developed with the main objective is as a practical hands-on learning kit for novice in exploring and gaining basic skills of hardware software interfacing in visual environment. The ADDIE instructional design model was utilized in the design process; which consists of five principal phases namely, analysis, design, development, implementation and evaluation. The development processes was grounded on Cognitive Load Theory, Models of Human Memory and educational principles to ensure the maximum effectiveness of learning. The PV kit consist hardware visualization and software visualization. The hardware visualization is an external device that can be connected to the USB port, where the learners can visualize the input and output result from the task stimulated by the software. The software visualization contains main learning activities that have been organized from simple to complex tasks. It is expected that the PV kit could be benefited by the students in developing the basic skills of hardware software interfacing programming.Index Terms-Hardware software interfacing, instructional, programming, visualization.

show abstract

“…Algorithm Visualization (AV) has a long history of success in the classroom [1,2,20]. Nonetheless, many advocates of AVs have been disappointed at how the lack of overall classroom adoption does not match the reported support by students and instructors for AVs on surveys [12,19].…”

Section: Introductionmentioning

confidence: 99%

Jsav

Karavirta

Shaffer

2013

Proceedings of the 18th ACM Conference on Innovation and Technology in Computer Science Education

Self Cite

View full text Add to dashboard Cite

Learning abstract concepts in data structures and algorithms (DSA) courses is often difficult for students. To improve understanding of DSA topics, numerous algorithm visualization (AV) systems and stand-alone AVs have been developed, supporting a wide range of algorithms and different engagement strategies. Prior studies show that active engagement of students is necessary to make AVs educationally effective. In this paper, we introduce JSAV, a new JavaScript framework for creating engaging algorithm visualizations with active learning features. JSAV is meant to be used with HTML5-based online learning materials. We describe the special features of JSAV that support active learning, and discuss its potential for use in online education projects.

show abstract

The Role of Visualization in Computer Science Education

Cited by 63 publications

References 39 publications

The Explanatory Visualization Framework: An Active Learning Framework for Teaching Creative Computing Using Explanatory Visualizations

The Explanatory Visualization Framework: An Active Learning Framework for Teaching Creative Computing Using Explanatory Visualizations

Development of Hardware-Interfacing Learning Kit for Novice Learning Programming

Jsav

Contact Info

Product

Resources

About