Computer Science · Grade 9

Active learning ideas

Representing Text and Images

Active learning helps students grasp how text and images transform into machine-readable data through hands-on encoding. By manipulating ASCII, Unicode, and RGB values directly, students see firsthand why numeric systems replace vague descriptors like 'red' or 'A'. This builds durable understanding beyond abstract explanations.

• Ontario Curriculum Expectations
• CS.HS.DA.2
• CS.HS.N.2

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

Activity 01

• Gallery Walk
• 30 min · Pairs

Pairs Activity: ASCII Message Encoder

Provide ASCII charts to pairs. Students encode short messages like their names into binary, then decode classmates' versions. Verify accuracy by converting back to text and discuss errors.

Analyze how different encoding schemes impact the representation of text.

Facilitation Tip

During ASCII Message Encoder, circulate and ask pairs to justify their binary choices by reading the ASCII table aloud.

What to look for

Present students with a short string of text (e.g., 'Hi!'). Ask them to identify the number of bits required to represent this string using 7-bit ASCII and then using UTF-8 (assuming 2 bytes per character for simplicity). This checks their understanding of character encoding and bit calculation.

• Understand
• Apply
• Analyze
• Create
• Relationship Skills
• Social Awareness

Activity 02

• Gallery Walk
• 45 min · Small Groups

Small Groups: RGB Pixel Designer

Groups draw 8x8 pixel grids on paper. Assign RGB values to create patterns, calculate total bits needed. Digitize in a simple editor like Paint to compare digital results.

Explain the role of pixels and color models (e.g., RGB) in digital image representation.

Facilitation Tip

For RGB Pixel Designer, provide graph paper and colored pencils so students visualize pixel grids before coding.

What to look for

Pose the question: 'Imagine you have a digital photo that looks good but is very large. What two encoding aspects could you adjust to potentially reduce the file size, and what might be the trade-off for each?' Guide students to discuss bit depth and color complexity (e.g., reducing from 24-bit to 16-bit color).

• Understand
• Apply
• Analyze
• Create
• Relationship Skills
• Social Awareness

Activity 03

• Gallery Walk
• 25 min · Whole Class

Whole Class: Bit Depth Comparator

Display images at 1-bit, 8-bit, and 24-bit depths on projector. Class votes on quality and predicts file sizes. Record observations in shared notes for review.

Predict how changes in bit depth affect the quality and file size of an image.

Facilitation Tip

While running Bit Depth Comparator, display a running tally of file sizes on the board to make trade-offs visible in real time.

What to look for

Ask students to write down the primary difference between ASCII and Unicode in one sentence. Then, have them explain in another sentence why pixels are fundamental to digital image representation.

• Understand
• Apply
• Analyze
• Create
• Relationship Skills
• Social Awareness

Activity 04

• Gallery Walk
• 20 min · Individual

Individual: Unicode Character Hunt

Students use online Unicode tables to find codes for emojis or non-English characters. Note bit requirements and create a personal symbol set, then share one example.

Analyze how different encoding schemes impact the representation of text.

What to look for

Present students with a short string of text (e.g., 'Hi!'). Ask them to identify the number of bits required to represent this string using 7-bit ASCII and then using UTF-8 (assuming 2 bytes per character for simplicity). This checks their understanding of character encoding and bit calculation.

• Understand
• Apply
• Analyze
• Create
• Relationship Skills
• Social Awareness

A few notes on teaching this unit

Teach encoding by starting with ASCII to establish the pattern of 0s and 1s representing characters. Then contrast its limitations with Unicode to show how extra bits expand global language support. For images, emphasize that pixels are quantifiable units with numeric color values, avoiding the idea that colors are just names. Research shows students grasp bit depth better when they measure actual file sizes.

Successful learning looks like students confidently converting text to binary, adjusting RGB values to match target colors, and comparing bit depths with measured file size differences. They should explain trade-offs between storage needs and visual quality using evidence from their work.

---

Watch Out for These Misconceptions

• During ASCII Message Encoder, watch for students who treat letters as small images instead of numeric codes.

  Ask them to measure the physical size of their handwritten 'A' versus the 8-bit binary code for 'A' to see the efficiency difference.

• During Bit Depth Comparator, watch for students who assume higher bit depth always produces better images without trade-offs.

  Have groups calculate file sizes for the same image at 8-bit, 16-bit, and 24-bit depths, then discuss storage limits using their calculations.

• During RGB Pixel Designer, watch for students who describe colors using only names like 'blue' without numeric values.

  Require them to record exact RGB values for every pixel in their design and justify why (120, 50, 200) looks different from (120, 50, 201).

---

Methods used in this brief

• Gallery Walk