一句话：提出浏览器内集成的交互式编程教程创作与回放环境 ITSS，记录并重放作者操作以提升学习交互性。
基于视频的编程教程交互性有限，仅能控制视频流，已有增强交互的方案需要定制录制环境且与回放环境集成不佳。本文提出集成的 ITSS 环境，在浏览器沙箱内运行，记录作者的操作（如输入代码、高亮词语、滚动面板）并以文本和音频格式存储，回放时通过重放这些操作而非视频帧，使学习者获得更具交互性、集成性和真实感的体验。设计目标包括高效录制与回放、可扩展的交互功能以及可伸缩的网页环境。评估方面：第一项用户研究邀请 20 名参与者完成创作任务，认为无需额外软件即可高效便捷地制作交互视频；第二项用户研究有 84 名学生使用该环境，认为增强的交互性比视频教程更有助于学习；性能测试表明环境可扩展至支持 500 名并发用户。作者开源了该环境，希望帮助更多教育者创建交互式编程教程。
Video-based programming tutorials are a popular form of tutorial used by authors to guide learners to code. Still, the interactivity of these videos is limited primarily to control video flow. There are existing works with increased interactivity that are shown to improve the learning experience. Still, these solutions require setting up a custom recording environment and are not well-integrated with the playback environment. This paper describes our integrated ITSS environment and evaluates the ease of authoring and playback of our interactive programming tutorials. Our environment is designed to run within the browser sandbox and is less intrusive to record interactivity actions. We develop a recording approach that tracks the author’s interactivity actions (e.g., typing code, highlighting words, scrolling panels) on the browser and stored in text and audio formats. We replay these actions using the recorded artefacts for learners to have a more interactive, integrated and realistic playback of the author’s actions instead of watching video frames. Our design goals are 1) efficient recording and playback, 2) extensible interactivity features to help students learn better, and 3) a scalable web-based environment. Our first user study of 20 participants who carry out the author tasks agree that it is efficient and easy to author interactive videos in our environment with no additional software needed. Our second user study of 84 students using the environment agrees that the increased interactivity can help them learn better over a video-based tutorial. Our performance test shows that the environment can scale to support up to 500 concurrent users. We hope our open-source environment enable more educators to create interactive programming tutorials.
DOI 原文 ·
@inproceedings{paperbot10961,
title = {ITSS: Interactive Web-Based Authoring and Playback Integrated Environment for Programming Tutorials},
author = {Eng Lieh Ouh and Benjamin Kok Siew Gan and David Lo},
booktitle = {ICSE},
year = {2022},
doi = {10.1109/icse-seet55299.2022.9794153}
}