STEP-LINK: STEP-by-Step Tutorial Editing with Programmable LINKages

Programming tutorials serve a crucial role in teaching coding and programming techniques. Creating high-quality programming tutorials remains a laborious task. Authors devote effort to writing step-by-step solutions, creating examples, and editing existing tutorials. We explore the potential of using the text-code connection to improve the authoring experience of programming tutorials. We proposed a mixed-initiative approach to infer, establish, and maintain the latent text-code connections. With a series of interactions, the STEP-LINK (STEP-by-Step Tutorial Editing with Programmable LINKages) prototype leverages text-code connections to assist users in authoring tutorials. The results of our experiment demonstrate the effectiveness of our system in supporting users in the authoring of step-by-step code explanations, the creation of examples, and the iteration of tutorials.