ITSS: Interactive Web-Based Authoring and Playback Integrated Environment for Programming Tutorials
Eng Lieh Ouh, Benjamin Kok Siew Gan, David Lo

TL;DR
The paper introduces ITSS, a web-based environment for creating and playing interactive programming tutorials that enhance learning by integrating authoring and playback within a browser, supporting scalable concurrent use.
Contribution
It presents a novel, integrated web environment for authoring and playback of interactive tutorials, enabling efficient recording and realistic replay without additional software.
Findings
User study shows ease of authoring with no extra software
Learners find increased interactivity improves learning
System supports up to 500 concurrent users
Abstract
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…
Peer Reviews
No public reviews on file for this paper yet. If you reviewed it on a platform where reviews are public (OpenReview, ICLR, NeurIPS, ICML), you can paste yours below so the community can read it here.
Videos
No videos yet. Explain this paper in a talk, walkthrough, or lecture? Add one.
