Flow2Code: Transforming Hand-Drawn Flowcharts into Executable Code to Enhance Learning | Chapter individual record

Flowcharts serve as a great tool for new students learning programming logic in a language-independent fashion. However, current software tools for creating flowcharts on the computer have various shortcomings. UI-based solutions make creating flowcharts difficult through inefficient drag-and-drop menus. Sketching-based solutions take a more intuitive approach but don’t help the students beyond having pseudocode to start with. Flow2Code, on the other hand, enables students to draw flowcharts and translate them into code in a helpful way of bridging the gap between the two languages. Flow2Code can identify and interpret flowcharts drawn on paper using an algorithm for recognizing various shapes used in flowcharts. It fills a gap in the current solutions by converting the flowcharts into executable code and by having an intuitive and interactive interface where the users can edit both their flowchart and its resulting code.

author list (cited authors)
Ray, S., Herrera-Cámara, J. I., Runyon, M., & Hammond, T.
editor list (cited editors)
Hammond, T., Prasad, M., & Stepanova, A.
publication date
  • Engineering Education
citation count