Computer Science · Grade 10 · Data and Information Systems · Term 2

Representing Text and Images

Explore how characters, text, and images are encoded and stored digitally.

• Ontario Curriculum Expectations
• CS.HS.D.1
• CS.HS.D.2

About This Topic

Representing text and images digitally involves breaking down characters and visuals into binary code for computer storage. Students explore ASCII, which uses 7 or 8 bits per character to represent 128 or 256 symbols, and Unicode, which expands to millions with variable-length encoding for global languages. For images, they examine pixels as the smallest units, with color models like RGB assigning values to red, green, and blue channels, typically 8 bits each for 16.7 million colors.

This topic fits within the Data and Information Systems unit by showing how encoding schemes determine file sizes and compatibility. Students compare storage needs: a plain text file uses about 1 byte per character, while a 1-megapixel image at 24-bit color requires 3 megabytes uncompressed. These concepts build skills in analyzing data efficiency and compression basics, essential for understanding modern media handling.

Active learning shines here because abstract binary concepts gain clarity through manipulation. When students encode their names in ASCII tables or edit pixel values in simple image editors, they see direct links between code changes and outputs. Group comparisons of file sizes reinforce quantitative reasoning and reveal trade-offs in resolution versus storage.

Key Questions

1. Analyze how character encoding schemes like ASCII and Unicode work.
2. Explain how pixels and color models represent images digitally.
3. Compare the storage requirements for different types of digital media.

Learning Objectives

• Analyze the structure and function of character encoding schemes like ASCII and Unicode.
• Explain how pixels and color models, such as RGB, represent digital images.
• Compare the storage requirements for text files versus uncompressed image files.
• Calculate the approximate storage space needed for a given amount of text based on character encoding.
• Identify the trade-offs between image resolution, color depth, and file size.

Before You Start

Introduction to Binary Numbers

Why: Students need to understand how numbers are represented in base-2 to grasp how characters and colors are encoded.

Basic Computer Hardware Concepts

Why: Understanding concepts like storage capacity (bytes, kilobytes, megabytes) is essential for comparing media storage requirements.

Key Vocabulary

Character Encoding	A system that assigns a unique numerical code to each character, allowing computers to store and process text.
ASCII	An early character encoding standard that uses 7 or 8 bits to represent 128 or 256 characters, primarily for English text.
Unicode	A universal character encoding standard designed to represent characters from virtually all writing systems, using variable-length encoding.
Pixel	The smallest controllable element of a picture represented on a screen, forming an image when arranged in a grid.
Color Model (RGB)	A system, like RGB (Red, Green, Blue), that defines how colors are represented digitally by assigning numerical values to primary color components.

Watch Out for These Misconceptions

Common Misconception

Computers store letters as tiny pictures of their shapes.

What to Teach Instead

Letters use numeric codes like ASCII or Unicode mapped to binary. Hands-on conversion activities let students build lookup tables and see that 'A' always codes to 01000001, regardless of font. Peer sharing corrects visual assumptions through evidence.

Common Misconception

Higher resolution images always use less storage than text.

What to Teach Instead

Storage depends on pixels, color depth, and compression; a photo needs far more bits than text. Group calculations of byte requirements for sample files highlight this, as students measure and compare real data sizes.

Common Misconception

Unicode replaces ASCII entirely and uses the same fixed bits per character.

What to Teach Instead

Unicode extends ASCII but uses variable bits for efficiency. Exploration stations with encoding tools help students test both, observing how common characters stay compact while rare ones expand.

Active Learning Ideas

Pairs: ASCII Text Encoder

Pairs receive printed ASCII tables and sample text. They convert each character to 8-bit binary by hand, then verify using an online converter. Finally, they decode a binary string back to text and discuss patterns in bit usage.

30 min·Pairs

Small Groups: Pixel Color Mixer

Groups use graph paper to create 8x8 pixel art, assigning RGB values (0-255) to each square. They calculate total storage in bytes (3 bytes per pixel) and recreate the image on digital tools like Paint. Compare group artworks for size differences.

45 min·Small Groups

Whole Class: File Size Challenge

Display images of varying resolutions and color depths. Class predicts uncompressed sizes using formulas (width x height x bit depth / 8). Reveal actual sizes with file properties and vote on most efficient for web use.

25 min·Whole Class

Individual: Unicode Explorer

Students pick a non-English phrase and find its Unicode code points online. They note hex values, bit lengths, and compare to ASCII limits. Journal how this supports multilingual apps.

20 min·Individual

Real-World Connections

• Web developers use character encoding knowledge to ensure websites display correctly across different languages and devices, preventing 'mojibake' errors.
• Graphic designers and photographers must understand pixel density and color models like RGB when preparing images for web or print, balancing visual quality with file size for faster loading times or efficient storage.
• Software engineers designing international applications must choose appropriate Unicode standards to support a global user base, impacting database design and text processing efficiency.

Assessment Ideas

Quick Check

Provide students with a short paragraph of text. Ask them to calculate the approximate file size in bytes if it were encoded using ASCII (8-bit). Then, ask them to identify one advantage of using Unicode for this text.

Exit Ticket

On an index card, have students draw a 2x2 grid of pixels. Assign a simple RGB value (e.g., R:255, G:0, B:0 for red) to each pixel and ask them to describe the resulting mini-image and its storage requirement in bits.

Discussion Prompt

Pose the question: 'Why might a company choose to use a lower resolution image on their website even if it means slightly less visual detail?' Guide students to discuss the trade-offs between image quality, file size, and user experience (loading speed).

Frequently Asked Questions

How does ASCII encoding work for text?

ASCII assigns a unique 7-bit number (0-127) to each character, like 65 for 'A', converted to binary for storage. Extended ASCII adds 128 more with 8 bits. Students grasp this by mapping their names, revealing fixed 1-byte efficiency ideal for English text but limited for accents or emojis.

What is the difference between ASCII and Unicode?

ASCII handles basic Latin characters in 256 max slots, while Unicode covers 1.1 million code points for all languages using UTF-8 variable encoding. ASCII fits in first 128 of Unicode. Classroom demos with international text show Unicode's necessity for apps like social media.

How are images represented with pixels and color models?

Images divide into a grid of pixels, each holding color data via models like RGB (8 bits per channel for true color). A 1920x1080 image thus needs millions of bytes. Editing pixel values in tools helps students visualize how changes affect file size and quality.

How can active learning help teach digital representation of text and images?

Active tasks like manual binary encoding or pixel sketching make binary abstractness concrete, as students manipulate and measure outcomes. Collaborative challenges, such as competing for smallest file sizes, build data analysis skills. These approaches boost retention by linking theory to visible results, outperforming lectures.