Bit Matrix Lesson Plan Computer Science & Digital Literacy Grades 4–5 • 60 Minutes
Bit Matrix: Unpacking Digital Imagery
Teacher Guide
Lesson Focus & Objectives
Students demystify how digital screens create images from numbers. By converting binary values (0s and 1s) into a 2D coordinate grid, students physically construct bitmap art and evaluate how compression algorithms make image transfer possible.
Represent: Decode binary strings (0=off/white, 1=on/black) into 8×8 pixel matrices.Compress: Apply Run-Length Encoding (RLE) to decrease total bits transmitted.Analyze: Compare raw file sizes versus compressed data packets.
Standards Alignment
CSTA 1B-CS-02
Model how computer hardware and software represent visual information.
CSTA 1B-DA-06
Identify patterns in data and communicate results using visual models.
Materials Needed
• Bit Matrix Slide Deck (projector)
• Pixel Decoder Worksheets (1/student)
• Data Squeeze Game Kit (pairs)
• Dark pencils or markers
Step-by-Step Instructional Plan
1. Hook & Screen Zoom-In (10 Mins) Whole Group Discussion
Project a high-resolution photo on Slide 2, then display the extreme digital zoom revealing individual mosaic blocks.
Guiding Prompt: "What makes up a smooth digital photo when we zoom in 1000%? Does the computer know what a 'cat' or 'sword' is, or does it only understand numbers?"
Core Concept: Introduce Pixel (short for Picture Element ). Introduce the core rule: In simple monochrome displays, 0 = Light/Off (White) and 1 = Dark/On (Black).
2. Direct Modeling: The 4×4 Matrix (12 Mins) I Do / We Do Modeling
Show Slide 4 & 5 with a sample 4×4 smiley face or arrow. Model reading binary strings row-by-row, left-to-right (like reading a sentence in a book).
Teacher Tip: Coordinate Mapping
Remind students each row has an address: Row 1 through Row 4. Emphasize that one single misplaced bit changes the entire picture!
Check for Understanding
Ask students: If Row 2 is 1 0 0 1, how many blocks get filled in, and which ones? (The first and fourth).
Unit: Foundations of Digital Computing • Lesson 1 of 1 Page 1 of 2
Bit Matrix Facilitation & Differentiation Guide Grades 4–5 • CS Framework
3. Paired Studio: Pixel Decoder (18 Mins) Independent & Collaborative
Distribute the Pixel Decoder Worksheet . Students work through Part 1 (Mystery Icon 8×8 decode) and Part 2 (Custom Sprite Creator & Peer Code Swap).
Part 1 Mystery Check:
Students decode an 8×8 grid to reveal an 8-bit Retro Game Controller / Heart icon. Walk around and check row tracking.
Part 2 Secret Sprite Swap:
Students shade an original 8×8 sprite, convert it into raw 64-bit binary, and swap only the numbers with a desk partner to decode!
4. Compression Challenge: The Data Squeeze Game (15 Mins) Hands-on Partner Game
Introduce Run-Length Encoding (RLE) . How do we transmit images faster over slow Wi-Fi or satellite connections?
The RLE Protocol Rule: Format: [Count][Color]
Instead of sending 0 0 0 0 0 0 1 1 (8 separate data symbols), we write 6W 2B (only 4 symbols!).
Students play the Data Squeeze Game where the "Sender" transmits a 10×10 image using RLE packets while the "Receiver" reconstructs it against a 60-second transmission timer.
5. Debrief & Exit Synthesis (5 Mins) Whole Group Closure
Ask: "Why can't every image be compressed to a tiny size? What happens if an image is completely random static?" Emphasize that compression relies on repeated patterns.
Common Misconceptions
1. Reading order confusion:
Students may read columns first instead of rows. Anchor standard: read row-by-row left to right.
2. Compression is always smaller:
If an image alternates 0 1 0 1 0 1, RLE (1W 1B 1W 1B...) actually uses more characters than raw data!
Differentiation Strategies
Support / Scaffolding:
Provide a physical index card to slide down one row at a time. Highlight the active row index.
Extension / Challenge:
Introduce 2-bit color grayscale (00=White, 01=Light Gray, 10=Dark Gray, 11=Black) for 16-level pixel depth.
Formative Assessment: 8×8 Decoder accuracy & RLE symbol savings calculation on Worksheet Page 2.
Bit Matrix • Teacher Plan
Unit: Foundations of Digital Computing • Lesson 1 of 1 Page 2 of 2
Pixel Power Slides Computer Science Studio
Grades 4–5
Unpacking Digital Imagery
The Bit Matrix
How computers transform secret strings of numbers into the colorful pictures, video games, and videos on your screen.
Pixels • Binary Bits • Image Compression
Ready to Decode
Discovery Question Slide 2
What is an Image Made Of?
When you zoom into any digital screen with a microscope, smooth pictures break apart into tiny colored blocks!
What We See
Smooth shapes, gaming heroes, bright photos, and animations running at 60 frames per second.
What the Computer Sees
A giant coordinate grid called a Bit Matrix filled with millions of microscopic picture elements: Pixels !
Pixel = Pic ture + El ement
The Computer's Alphabet Slide 3
Monochrome Binary Code
Computers use tiny electric switches. A switch is either completely OFF or ON.
0
Light / OFF
Leaves the pixel square WHITE (unfilled).
1
Dark / ON
Fills the pixel square BLACK (shaded).
Each 0 or 1 is called one bit (binary digit)!
Guided Practice Slide 4
Let's Read a 4×4 Matrix!
We read bit matrices just like reading a book: Row by row, left to right.
Row 1: 1 0 0 1
Row 2: 0 1 1 0
Row 3: 0 1 1 0
Row 4: 1 0 0 1
Decoded Result
An "X" icon emerges!
Question: What happens if one 0 turns into a 1 by accident? A glitch appears!
Optimization Algorithm Slide 5
Run-Length Encoding (RLE)
What if an entire row is just white space? Sending every single 0 takes too much time!
RAW UNCOMPRESSED DATA (10 Bits):
0 0 0 0 0 0 0 0 1 1
COMPRESSED WITH RUN-LENGTH ENCODING:
8W 2B
Instead of transmitting 10 separate values, we transmit only 4 characters !
Student Mission Slide 6
Your Two Challenges
Today you work as computer engineers decoding and transmitting pixel data.
1
Pixel Decoder
Decode the secret 8×8 mystery image. Then, draw your own custom sprite and encode it into pure binary for your partner!
Pixel Decoder Worksheet Computer Science Studio • Bit Matrix
Pixel Decoder Worksheet
Name:
Date:
Bit Translation Rule:
0 = OFF / White (leave blank) 1 = ON / Black (shade completely)
1 Decode the Mystery 8×8 Sprite
Read row-by-row, left to right
Row 1: 0 0 1 1 1 1 0 0
Row 2: 0 1 1 1 1 1 1 0
Row 3: 1 1 0 1 1 0 1 1
Row 4: 1 1 1 1 1 1 1 1
Row 5: 1 1 1 1 1 1 1 1
Row 6: 0 1 0 1 1 0 1 0
Row 7: 1 0 0 0 0 0 0 1
Row 8: 0 1 1 0 0 1 1 0
Shade Pixels Below (8×8 Grid)
What item or creature is this?
2 Author Your Own 8×8 Pixel Sprite & Write Its Code
Design first, then write the 0s and 1s
Draw Your Sprite (Shade Black)
Sprite Title:
Write Your 8-Bit Binary Code
R1:
R2:
R3:
R4:
R5:
R6:
R7:
R8:
Bit Matrix Studio • Student Handout Page 1 of 2
Compression Studio • Run-Length Encoding
Data Squeeze & Compression Lab
Grades 4–5
How Run-Length Encoding (RLE) Works:
Instead of listing repeating numbers one-by-one, RLE records how many times a pixel repeats:
Uncompressed (8 bits): 0 0 0 0 0 1 1 1 RLE Packet: 5W 3B (5 White, 3 Black)
3 Decompress the Compressed Broadcast
Incoming Compressed Packets:
Row 1: 8W
Row 2: 1W 2B 2W 2B 1W
Row 3: 3B 2W 3B
Row 4: 8B
Row 5: 8B
Row 6: 1W 6B 1W
Row 7: 2W 4B 2W
Row 8: 3W 2B 3W
Reconstructed Image
Identified shape:
4 Data Efficiency Math
Question A: How many total bits does an uncompressed 8×8 image require?
total bits
Question B: Look at Row 1 (8W) vs Row 2 (1W 2B 2W 2B 1W). Which row experienced better compression, and why?
Question C: Why would sending a photo of a clear blue sky compress much better than a photo of busy tree leaves?
Bit Matrix Studio • Student Handout Page 2 of 2
Data Squeeze Game Activity Cooperative CS Challenge • 2 Players
Data Squeeze Transmission Game
Station:
Team Names:
The Mission Briefing 60-Second Network Timer
A deep space probe or remote weather satellite needs to send pixel imagery back to Earth across a crowded wireless band. Transmitting raw binary bit-by-bit is too slow! Your team must compress and transmit the image using Run-Length Encoding (RLE) with zero pixel glitches.
A
Role 1: The Transmitter (Sender)
• Secretly selects one Target Sprite Card (Page 2).
• Keeps the card hidden from Player B's view!
• Speaks RLE packets clearly (e.g., "Row 1: 4 White, 4 Black" ).
• Monitors the clock and calls "Transmission Complete!"
B
Role 2: The Receiver (Terminal)
• Listens to incoming packets row by row.
• Shades incoming black pixels immediately on the Screen Grid.
• Raises a Checksum Error if row totals don't equal 8 pixels!
• Identifies the mystery icon once finished.
Transmission Rules & Error Checking
1. Eight-Pixel Rule
Every single row must total exactly 8 pixels. If a packet adds up to 7 or 9, stop and re-transmit!
2. No Peeking
Transmitter sits back-to-back or holds a binder as a privacy screen so Receiver sees only incoming code.
3. Swap Roles
After Round 1, players swap roles so both teammates experience transmitting and receiving.
Official Team Scorecard
Round Sprite Name Elapsed Time Accuracy (Max 80) Final Score
Round 1
Round 2
Scoring: +10 pts for each perfectly reconstructed row. +20 bonus pts if completed in under 45 seconds!
Bit Matrix Studio • Game Protocol & Scorecard Page 1 of 2
Live Transmission Terminals & Mission Cards
Receiver Screens & Mission Deck
Cut or Fold Cards
Receiver Display Screens (Shade Black Pixels as Received)
Terminal Screen 1 8×8 Resolution
R1R2R3R4R5R6R7R8
Identified:
Terminal Screen 2 8×8 Resolution
R1R2R3R4R5R6R7R8
Identified:
Transmitter Secret Cards (Sender Only - Keep Hidden!) 4 Mission Targets
Card A: Game Gem 8x8 RLE
R1: 2W 4B 2W
R2: 1W 6B 1W
