📘 CodingMarble Learn

Flow Charts: Process Flow, Timing and Optimisation

A process is a set of steps in a fixed order, and each step takes time. A flow chart draws the process with standard shapes: oval for start and end, box for an action, diamond for a yes/no decision and arrows for the direction. Timing bars show how long the whole job takes. Optimising means doing steps that do not depend on each other at the same time, which shortens the total time. The longest chain of dependent steps is the critical path.

🎬 Step-by-step story

  1. Making tea is a process: 5 min boil, 2 min cut ginger, 1 min set cups, 3 min steep, 1 min pour. One after another it takes 12 minutes.
  2. A flow chart uses four shapes. Oval: start or end. Box: do something. Diamond: yes/no question. Arrow: go to the next step.
  3. A decision gives two paths. If the lamp lights, use it. If not, change the bulb and ask again.
  4. A timing chart draws each step as a bar. Done one after another, the bars line up and the total is 12 minutes.
  5. Optimise: cut ginger and set cups while the water boils. Total drops to 9 minutes. The red bars are the critical path.
  6. Free play. Slide how many steps run beside the boiling. Watch the total time change.

Tip: drag the 3D scene to turn it. Use two fingers to zoom.

🤔 Common doubts, cleared

Why do we need to think about time at all?

Steps take different lengths of time. Adding them shows the total, 12 minutes here, and shows where time can be saved.

Why are there different shapes?

So everyone reads the chart the same way. The diamond is special because only a decision has two ways out.

How does a loop work in a flow chart?

An arrow goes back to an earlier step. In the lamp example you change the bulb and ask the question again.

What does a long bar mean?

A long bar is a long step. Bars lined up in a staircase mean each step waits for the one before it.

Why are the red bars special?

They make up the critical path. If any red step is late, the whole job is late. Blue bars have spare time.

Can I move any step in parallel?

No. Only steps that do not need another step to finish first. The slider moves ginger and cups, which do not need hot water.

Process flow and timing

A process is a set of steps done in a planned order to reach a result. The order of steps is called the flow. Each step also takes time, so we study flow and timing together.

Two steps can be related in two ways:

When all steps are done one after another, the total time is the sum of all step times.

Flow charts: symbols and drawing

A flow chart is a picture of a process. Standard shapes let everyone read it the same way:

How to draw: write the steps in order, put Start at the top, draw each step top to bottom or left to right, use a diamond wherever the path can split, and join all paths to one End. Keep each box to a few words, beginning with a verb.

A loop is made by an arrow that goes back to an earlier box, for example "change the bulb, then ask again".

Timing bars

A timing chart (also called a bar chart or Gantt chart) draws each step as a bar on a time line. The bar length shows how long the step takes, and where it starts shows when it begins. If steps run one after another, the bars form a staircase. Steps that run together sit side by side, in the same time.

Optimisation and the critical path

Optimising a process means making it better: faster, cheaper or with fewer mistakes. A common way is to run independent steps in parallel.

The critical path is the longest chain of dependent steps. It decides the total time. In the tea example: boil water (5) → steep (3) → pour (1) = 9 minutes. Cutting ginger (2) and setting cups (1) are not on the critical path: they have spare time, so they can start any time before the steep.

To shorten a job you must shorten the critical path; speeding up a step that is not on it does not help. Other ways to optimise: remove unneeded steps, use better tools, add a worker for a long step.

Try it

Draw a flow chart of how you get ready for school, with at least one decision diamond (for example, "Is it raining?"). Put a time on each step. Find two steps you can do at the same time, and work out how many minutes you save. Then use the slider in the last 3D step.

Key formulas and definitions

Worked examples

1. Three steps take 4, 3 and 2 minutes and depend on each other in a chain. How long does the job take?

They are dependent, so the total is 4 + 3 + 2 = 9 minutes.

2. Tea: boil water 5, ginger 2, cups 1, steep 3 (after boil, ginger and cups), pour 1. Ginger and cups run beside the boiling. Total time?

Boil, ginger and cups start together; they finish by minute 5 (the longest). Then steep 3 and pour 1: 5 + 3 + 1 = 9 minutes. Saving: 12 − 9 = 3 minutes.

3. Draw in words a flow chart for 'Is the fan working?'

Start → Switch on fan → Diamond: Does it spin? YES → End. NO → Check the plug → back to Switch on fan (loop).

Common mistakes

Practice quiz

1. Which shape shows a yes/no question?
2. The start of a flow chart is drawn as a:
3. The critical path is:
4. Which steps can be done in parallel?
5. Steps done one after another take 3, 4 and 5 minutes. Total?

Practice: answer these yourself

Type or choose your answer, then press Check. Use a hint if you are stuck; the full solution appears after you answer.

Frequently asked questions

What is a flow chart?

A picture of the steps of a process, drawn with standard shapes and arrows.

What is the critical path?

The longest chain of steps that depend on each other. It decides the shortest time the whole job can take.

How do you optimise a process?

Do independent steps at the same time, remove steps that are not needed, and shorten the steps on the critical path.

Where this is taught

China高一Design 2 Ch.2 Processes (flow)

Learn first

Learn next

Related lessons

All Computer Science lessons