DeepAI AI Chat
Log In Sign Up

Teaching Interaction using State Diagrams

by   Padma Pasupathi, et al.
McMaster University

To make computational thinking appealing to young learners, initial programming instruction looks very different now than a decade ago, with increasing use of graphics and robots both real and virtual. After the first steps, children want to create interactive programs, and they need a model for this. State diagrams provide such a model. This paper documents the design and implementation of a Model-Driven Engineering tool, SD Draw, that allows even primary-aged children to draw and understand state diagrams, and create modifiable app templates in the Elm programming language using the model-view-update pattern standard in Elm programs. We have tested this with grade 4 and 5 students. In our initial test, we discovered that children quickly understand the motivation and use of state diagrams using this tool, and will independently discover abstract states even if they are only taught to model using concrete states. To determine whether this approach is appropriate for children of this age we wanted to know: do children understand state diagrams, do they understand the role of reachability, and are they engaged by them? We found that they are able to translate between different representations of state diagrams, strongly indicating that they do understand them. We found with confidence p<0.001 that they do understand reachability by refuting the null hypothesis that they are creating diagrams randomly. And we found that they were engaged by the concept, with many students continuing to develop their diagrams on their own time after school and on the weekend.


page 4

page 15


State diagrams of functional programs

In the paper we introduce graphical objects (called state diagrams) rela...

Gamification of In-Classroom Diagram Design for Science Students

Merging the content of learning with the motivation of games can be a su...

An Experience of Introducing Primary School Children to Programming using Ozobots

Algorithmic thinking is a central concept in the context of computationa...

Exploring Children's Use of Self-Made Tangibles in Programming

Defining abstract algorithmic structures like functions and variables us...

Designing for Critical Algorithmic Literacies

As pervasive data collection and powerful algorithms increasingly shape ...

Designing Accessible Visual Programming Tools for Children with Autism Spectrum Condition

Visual Programming Tools (VPTs) allow users to create interactive media ...

ParaPlan: A Tool for Parallel Reachability Analysis of Planar Polygonal Differential Inclusion Systems

We present the ParaPlan tool which provides the reachability analysis of...