Intermediate
40 mins
Teacher/Student led
+105 XP

How Computers Store Data, Bits and Images

In this lesson you will learn how computers store data using bits. You will encode a short message into binary, colour a pixel grid from bits, and decode bits back into text and drawings.

Teacher Class Feed

Load previous activity

    1 - Start ~4 mins

    Illustration for StartYour games, your website, your photos: the computer stores every one of them as 0s and 1s. Today you will encode a short message by hand, colour a tiny picture from a bit pattern, then decode someone else's bits back into letters and a drawing. By the end you will be able to explain how numbers, text and images all become binary.

    2 - Bits, Numbers and Text ~4 mins

    A bit is the smallest piece of data a computer can store. It is either a 0 or a 1. Everything a computer keeps is built from bits.

    Numbers. Binary counts in powers of two. With four bits you can store the numbers 0 to 15 (for example 0001 = 1, 0101 = 5, 1111 = 15).

    Text. Every letter is first given a number, then that number is stored as bits. Today you will use this short class code (not the full computer code, just enough to send a message):

    • A = 0001
    • B = 0010
    • C = 0011
    • D = 0100
    • E = 0101
    • H = 1000
    • I = 1001
    • L = 1100
    • O = 1111
    • space = 0000

    3 - Hands-on: Encode a Message ~6 mins

    Work on paper. Keep the class code table where you can see it.

    1. Encode a short message. Choose a word or short phrase using only the letters in the class code (A, B, C, D, E, H, I, L, O and space). Good options: HI, HELLO, CODE, BAD, CAB.
    2. Write each letter, then write its 4-bit code underneath. Leave a gap between each group of four bits so it stays readable.
    3. Example: HI becomes 1000 1001.

    Done looks like: your message written as letters and as groups of four bits.

    4 - Pixels and Pictures ~3 mins

    A 4 by 4 picture made of bits

    Images. A picture on a screen is a grid of tiny dots called pixels. In a simple black-and-white image, each pixel is one bit: 1 means colour it in, 0 means leave it blank. Line the bits up in rows and a picture appears.

    5 - Hands-on: Colour and Design a Pixel Grid ~7 mins

    Stay on paper.

    1. Colour a pixel grid from bits. Draw a 4 by 4 grid (16 squares). Use this bit pattern, reading left to right across each row, top row first:
      Row 1: 0 1 1 0
      Row 2: 1 1 1 1
      Row 3: 1 0 0 1
      Row 4: 0 1 1 0
      Colour a square when the bit is 1. Leave it blank when the bit is 0. What picture did the bits make? Name it in a few words (for example smile, window, letter O). Any reasonable answer is fine.
    2. Make your own 4 by 4. Design a tiny black-and-white picture (a letter, a simple face, a cross, an arrow). Write the 16 bits that store it, row by row. Keep this pattern: you will swap it with a classmate later.

    Done looks like:

    • the given bit pattern coloured in on a 4 by 4 grid
    • your own 4 by 4 picture with its 16 bits written underneath
    123learn · Online learning platform

    Unlock the full learning experience

    You're previewing this lesson. Get full access to this lesson and hundreds more — each one ready to teach, with interactive activities, printable resources and pupil progress tracking built in.

    Hundreds of curriculum-aligned lessons
    Interactive activities in every lesson
    Printable resources & progress tracking
    Copyright Notice
    This lesson is copyright of Coding Ireland 2017 - 2025. Unauthorised use, copying or distribution is not allowed.
    🍪 Our website uses cookies to make your browsing experience better. By using our website you agree to our use of cookies. Learn more