CodingToon: Using Authoring Tool to Create
Concept-driven Comics for Programming Concepts
Sangho Suh
University of Waterloo
sangho.suh@uwaterloo.ca
Context
Previous study explored design process for creating comics [link]
Concept-driven Comics
See here for more details
Example
Design Tools
Problems
- Drawing comics is time-consuming
- Drawing comics is difficult
Problems Solved(with CodingToon)
- Easily create comics for programming concepts
Let's get hands-on
DemoImplementation Details
- Django
- Excalidraw(React)
- Stores data in your laptop (in localStorage)
Excalidraw
|
|
|
|
Use Cases
(in what ways can I use comics?)Introduce Concept
Introduce Code
Review
Write Code
A Few More Ideas
- Students Create Comics & Teach Peers
(e.g., Using Student Authored Comics to "Teach" Mathematical Concepts) - Students Create Comics & Share at End of Term
(e.g., sharing memes at Psych class @ProfJoeKim)
Thank you!
| sanghosuh at uwaterloo.ca | |
| Personal | sanghosuh.github.io |
| Coding Strip | codingstrip.github.io |
| CodingToon | codingstrip.github.io/create |
| @sangho_suh |