Abstract:Comics is emerging as a popular medium for providing visual explanations of programming concepts and procedures. Recent research into this medium opened the door to new opportunities and tools to advance teaching and learning in computing. For instance, recent research on coding strip, a form of comic strip with its corresponding code, led to a new visual programming environment that generates comics from code and experience report detailing various ways coding strips can be used to benefit students' learning. However, how comics can be designed and used to teach programming has not yet been documented in a concise, accessible format to ease their adoption. To fill this gap, we developed a cheat sheet that summarizes the pedagogical techniques and designs teachers can use in their teaching. To develop this cheat sheet, we analyzed prior work on coding strip, including 26 coding strips and 30 coding strip design patterns. We also formulated a concept-language-procedure framework to delineate how comics can facilitate teaching in programming. To evaluate our cheat sheet, we presented it to 11 high school CS teachers at an annual conference for computer studies educators and asked them to rate its readability, usefulness, organization, and their interest in using it for their teaching. Our analysis suggests that this cheat sheet is easy to read/understand, useful, well-structured, and interests teachers to further explore how they can incorporate comics into their teaching.

What problem does this paper attempt to address?

The paper primarily explores how to teach programming through the medium of comics and attempts to address the following core issues: 1. **Accessibility of Teaching Resources**: Although the concept of using comics to teach programming has been researched and developed to some extent, there is currently a lack of a concise and easy-to-understand compilation of teaching resources, making it difficult for teachers to quickly grasp and apply them in actual teaching. 2. **Innovation in Teaching Practice**: Research indicates that comics can serve as an effective teaching tool to explain programming concepts and program flows, but the specific methods of designing and using comics to teach programming in practice are still unclear. 3. **Enhancing Student Learning Experience**: Using comics can make abstract programming concepts more intuitive and interesting, helping to improve student engagement and understanding. To address these issues, the authors developed a "teaching guide" (cheat sheet) aimed at summarizing existing research on teaching programming with comics, including 26 coding strips and 30 design patterns. The guide adopts a concept-language-procedure framework to systematically explain the role of comics in programming education. Additionally, a preliminary evaluation was conducted with 11 high school computer science teachers, and the results showed that the teaching guide has high readability, practicality, and structural clarity, which can inspire teachers to further explore the integration of comics into their teaching. In summary, the main goal of this paper is to provide a resource that is convenient for teachers to use, to promote the application of comics in programming education, and ultimately to improve students' programming learning experience.

Cheat Sheet for Teaching Programming with Comics: Through the Lens of Concept-Language-Procedure Framework