Computing · Secondary 3

Active learning ideas

Binary Representation of Characters and Colours

Active learning helps students grasp binary representation because encoding and decoding feel concrete when they manipulate real codes. Working in pairs or small groups lets them test ideas immediately and correct mistakes through peer discussion, which builds durable understanding of how computers store text and images.

• MOE Syllabus Outcomes
• MOE: Data Representation - S3

• 30–45 min
• Pairs → Whole Class
• 4 activities

Activity 01

• Placemat Activity
• 30 min · Pairs

Pairs Challenge: ASCII Conversion Relay

Pairs take turns converting a list of 10 characters to binary using ASCII tables, then back to text. One student calls out the character, the partner writes the binary, and they switch. Check answers as a class before timing a second round for speed.

Explain how a computer uses binary to represent letters and symbols.

Facilitation Tip

During the ASCII Conversion Relay, circulate to ensure pairs alternate decoding and encoding roles so both students practice the full process.

What to look for

Provide students with a short list of characters (e.g., 'B', '5', '?'). Ask them to find and write the corresponding 7-bit ASCII binary code for each. Then, give them a binary code (e.g., 01000111) and ask them to identify the character.

• Understand
• Analyze
• Evaluate
• Self-Awareness
• Relationship Skills

Activity 02

• Placemat Activity
• 45 min · Small Groups

Small Groups: RGB Binary Colour Mixer

Groups receive binary triplets for RGB values and colour charts. They decode each to decimal, mix paints or markers to approximate the colour, and display results. Discuss matches and discrepancies.

Describe how different combinations of binary digits can represent various colours.

Facilitation Tip

For the RGB Binary Colour Mixer, provide coloured pencils or digital tools to help students visualize how 8-bit values combine into new hues.

What to look for

On one side of a card, write 'Colour Representation'. Ask students to write down the three primary colours in the RGB model and the number of bits typically used for each. On the other side, write 'Character Representation'. Ask them to explain in one sentence how computers store the letter 'C'.

• Understand
• Analyze
• Evaluate
• Self-Awareness
• Relationship Skills

Activity 03

• Placemat Activity
• 35 min · Whole Class

Whole Class: Bit Depth Simulator

Project a grid of pixels. Assign bit depths (1-bit to 8-bit per channel) and have students vote on possible colours. Reveal actual ranges with calculations, then simulate limited palettes on paper.

Analyze the relationship between the number of bits and the range of characters or colours that can be represented.

Facilitation Tip

Before the Bit Depth Simulator, model one example of how bit depth affects the number of possible colours to anchor the whole-class discussion.

What to look for

Pose the question: 'If we only had 3 bits to represent colours, how many different colours could we make? What would be the limitation compared to using 24 bits?' Facilitate a class discussion comparing the possibilities and limitations.

• Understand
• Analyze
• Evaluate
• Self-Awareness
• Relationship Skills

Activity 04

• Placemat Activity
• 40 min · Individual

Individual: Binary Pixel Art Creator

Students design a 8x8 pixel image using 1-bit black/white binary grids, then upgrade to 3-bit RGB per pixel. Convert their art to binary strings and share digitally.

Explain how a computer uses binary to represent letters and symbols.

Facilitation Tip

When students create Binary Pixel Art, remind them to include a legend with the binary codes they used for each colour.

What to look for

Provide students with a short list of characters (e.g., 'B', '5', '?'). Ask them to find and write the corresponding 7-bit ASCII binary code for each. Then, give them a binary code (e.g., 01000111) and ask them to identify the character.

• Understand
• Analyze
• Evaluate
• Self-Awareness
• Relationship Skills

A few notes on teaching this unit

Teach this topic by starting with characters because students already recognize letters as discrete symbols, making binary codes feel intuitive. Use colour mixing to show how combinable values create variety, which contrasts with fixed character codes. Avoid jumping straight to theory; let students experience the 'aha' moments through guided practice first. Research suggests hands-on encoding tasks improve retention by 20% over passive instruction.

Successful learning looks like students confidently converting between letters and binary codes, explaining how RGB values combine to create colours, and justifying why more bits allow for more representable items. They should also articulate the differences between character and colour encoding systems.

---

Watch Out for These Misconceptions

• During the ASCII Conversion Relay, watch for students who assume letters are stored as shapes or sounds.

  Have pairs decode a code like 01000001 and then quickly encode the next letter, forcing them to see the process as purely numeric and pattern-based.

• During the RGB Binary Colour Mixer, watch for students who believe adding bits only brightens colours.

  Ask them to mix 1-bit red and 1-bit blue, then compare to 8-bit red and 8-bit blue, highlighting how more bits create new hues, not just stronger ones.

• During the Bit Depth Simulator, watch for students who treat character and colour encoding as identical.

  After the simulation, ask them to compare an ASCII table with an RGB value chart side-by-side to identify the differences in structure and flexibility.

---

Methods used in this brief

• Placemat Activity