Interactive flowcharts for teaching programming logic

Help students understand sequence, selection (conditionals), iteration (loops), variables, inputs and outputs through interactive real-world models without code syntax getting in the way.

Use Flow-Logic for full lessons, starters, explicit modelling, independent practice and assessment checkpoints across primary/elementary, middle/secondary/high school and GCSE computer science classes.

Projects can be saved locally as .flow files.

What Flow-Logic does
Demo animation of the Flow-Logic zebra crossing model
Learning outcomes
  • Trace sequence, selection, branching, repetition and iteration in a visual algorithm.
  • Connect physical inputs to outputs such as lights, motors, alarms, screens and barriers.
  • Use variables to model real-world values such as battery percentage, spaces left and portion size.
  • Move from flowcharts towards pseudocode and code with a stronger understanding of logic.
Who this is for

Built for teachers worldwide who need computing curriculum resources, computer science teaching resources, and practical support for algorithm teaching, computational thinking, primary/elementary computing, middle school computing, secondary computing, high school computer science and GCSE exam preparation.

Students complete real-world automation tasks in the browser. Each model includes scaffolded activities that increase in complexity, from simple output sequences to conditional logic, loops and variables.

Example tasks - Zebra Crossing

These sample tasks show the style of classroom challenge included with the Zebra Crossing model. Solution passwords are only available to teachers in the Teacher Admin Panel.

Task 1: Simple Repeating Flash

Students make the two beacons flash repeatedly using only output and delay blocks.

Task 2: Button Press Flash

The beacons only flash while the crossing button is pressed, otherwise both beacons stay off.

Task 3: Daytime Crossing Request

During the day, the button starts the alternating beacons every 0.6 seconds. At night, both beacons stay on steadily with a 1.0-second loop.

Task 4: Night Standby Mode

In the day the crossing flashes every 0.4 seconds when pressed. At night it flashes every 1.2 seconds and stays off until needed.

Task 5: Smart Warning Pattern

Use a night locator light, then run faster or slower flashing when the button is pressed.