Abstract:The landscape of educational practices for teaching and learning languages has been predominantly centered around outcome-driven approaches. The recent accessibility of large language models has thoroughly disrupted these approaches. As we transform our language teaching and learning practices to account for this disruption, it is important to note that language learning plays a pivotal role in developing human intelligence. Writing and computer programming are two essential skills integral to our education systems. What and how we write shapes our thinking and sets us on the path of self-directed learning. While most educators understand that `process' and `product' are both important and inseparable, in most educational settings, providing constructive feedback on a learner's formative process is challenging. For instance, it is straightforward in computer programming to assess whether a learner-submitted code runs. However, evaluating the learner's creative process and providing meaningful feedback on the process can be challenging. To address this long-standing issue in education (and learning), this work presents a new set of visualization tools to summarize the inherent and taught capabilities of a learner's writing or programming process. These interactive Process Visualizations (PVs) provide insightful, empowering, and personalized process-oriented feedback to the learners. The toolbox is ready to be tested by educators and learners and is publicly available at <a class="link-external link-http" href="http://www.processfeedback.org" rel="external noopener nofollow">this http URL</a>. Focusing on providing feedback on a learner's process--from self, peers, and educators--will facilitate learners' ability to acquire higher-order skills such as self-directed learning and metacognition.

VT-revolution: Interactive Programming Tutorials Made Possible.

VT-Revolution: Interactive Programming Video Tutorial Authoring and Watching System

Reverse Engineering Time-Series Interaction Data from Screen-Captured Videos.

ITSS: Interactive Web-Based Authoring and Playback Integrated Environment for Programming Tutorials

Scvripper: Video Scraping Tool for Modeling Developers' Behavior Using Interaction Data

HierVid: Lowering the Barriers to Entry of Interactive Video Making with a Hierarchical Authoring System

SeeHow: Workflow Extraction from Programming Screencasts through Action-Aware Video Analytics

SmartTutor: Creating IDE-based Interactive Tutorials Via Editable Replay

SPROUT: an Interactive Authoring Tool for Generating Programming Tutorials with the Visualization of Large Language Models

Empowering Computer Vision in Higher Education: A Novel Tool for Enhancing Video Coding Comprehension

SPROUT: Authoring Programming Tutorials with Interactive Visualization of Large Language Model Generation Process

Thinking beyond chatbots' threat to education: Visualizations to elucidate the writing and coding process

A Labview-Based, Interactive Virtual Laboratory for Electronic Engineering Education

Supporting Software Engineering Research and Education by Annotating Public Videos of Developers Programming

NotePlayer: Engaging Jupyter Notebooks for Dynamic Presentation of Analytical Processes

The Design of a Virtual Prototyping System for Authoring Interactive Virtual Reality Environments from Real-World Scans.

SmartRecorder: an IMU-based Video Tutorial Creation by Demonstration System for Smartphone Interaction Tasks.

Tutorly: Turning Programming Videos Into Apprenticeship Learning Environments with LLMs

The VIP Gallery for Video Processing Education

Code-Viz: Data Structure Specific Visualization and Animation Tool For User-Provided Code