Computing · Year 4 · Software Design and Animation · Spring Term

Introduction to Digital Art

Exploring basic digital drawing tools and understanding pixels as the building blocks of images.

• National Curriculum Attainment Targets
• KS2: Computing - Creating and Editing Digital Content

About This Topic

Event-driven programming is a core concept in modern software design, where the flow of a program is determined by 'events' like clicks, key presses, or messages from other parts of the program. For Year 4 students, this means moving away from linear scripts that run from start to finish. Instead, they learn to write code that 'waits' for a user to interact. This is a fundamental part of the KS2 National Curriculum's focus on programming and understanding how inputs affect outputs.

Students explore how different events can trigger different actions simultaneously, such as a character jumping when the spacebar is pressed while music plays in the background. This introduces the idea of 'parallelism' in a simple, accessible way. This topic comes alive when students can physically act out the 'event' and 'action' relationship through a classroom game.

Key Questions

1. Explain how pixels combine to form a digital image.
2. Compare drawing with traditional tools versus digital tools.
3. Design a simple pixel art character.

Learning Objectives

• Explain how pixels combine to form a digital image.
• Compare the tools and techniques used in traditional drawing with those used in digital drawing.
• Design a simple pixel art character using a digital drawing tool.
• Identify the role of pixels as the fundamental building blocks of digital images.

Before You Start

Basic Computer Skills

Why: Students need to be comfortable using a mouse and keyboard to navigate software and select tools.

Introduction to Digital Tools

Why: Familiarity with opening and closing applications, and basic interaction with on-screen elements is helpful.

Key Vocabulary

Pixel	The smallest controllable element of a picture represented on the screen. Pixels are tiny squares that, when arranged together, form a digital image.
Resolution	The number of pixels that can be displayed on a screen or in an image. Higher resolution means more pixels and a sharper image.
Digital Canvas	The blank working area in a digital art program where you create your artwork. It is made up of pixels.
Color Palette	A set of colors available for use in a digital art program. Artists can choose from pre-set palettes or create their own.

Watch Out for These Misconceptions

Common Misconception

The computer is doing everything at once.

What to Teach Instead

The computer is actually checking for events very quickly in a loop. Using the analogy of a goalkeeper 'waiting' for a ball helps students understand that the code is 'listening' for a specific trigger.

Common Misconception

An event can only do one thing.

What to Teach Instead

One event (like a mouse click) can trigger many different scripts at the same time. Showing how one 'broadcast' message in Scratch can make five different sprites move helps illustrate this.

Active Learning Ideas

Simulation Game: The Human Interface

One student is the 'User' and others are 'Code Blocks'. When the User performs an 'event' (like clapping), the corresponding 'Code Block' student must perform their assigned action (like jumping).

20 min·Small Groups

Inquiry Circle: Event Hunt

Students use a popular website or game and list every 'event' they can find (e.g., hovering over a button, clicking, pressing a key). They categorize these into 'User Events' and 'System Events'.

25 min·Pairs

Think-Pair-Share: The Best Trigger

Students are given a game idea (e.g., a racing game). They discuss with a partner which keys or mouse actions would be the most 'natural' triggers for steering and accelerating.

15 min·Pairs

Real-World Connections

• Video game designers use pixel art to create characters, environments, and user interfaces for retro-style games like 'Stardew Valley' or 'Celeste'. They carefully arrange pixels to give a distinct aesthetic and manage file sizes.
• Graphic designers working on website assets or app icons may use pixel-based tools to ensure sharp, clear visuals at specific sizes. This is important for maintaining brand consistency across different devices.

Assessment Ideas

Quick Check

Show students a zoomed-in image of a digital picture, revealing individual pixels. Ask: 'What are these small squares called and how do they help create the whole picture?' Record student responses to gauge understanding of pixels.

Exit Ticket

Provide students with a small grid (e.g., 8x8). Ask them to design and color a simple pixel art object (like a heart or a smiley face) on the grid. Collect these to assess their ability to design using a pixel grid.

Discussion Prompt

Facilitate a class discussion using the prompt: 'Imagine you are drawing a sun. How would drawing it with crayons be different from drawing it with pixel art tools? What are the advantages and disadvantages of each method?' Listen for comparisons of control, color blending, and precision.

Frequently Asked Questions

What is an 'event' in programming?

An event is an action or occurrence recognized by software. It can be triggered by a user (like a click) or by the system (like a timer reaching zero).

How can active learning help students understand event-driven programming?

By physically acting as 'event listeners', students internalize the 'If this happens, then do that' logic. This makes the concept of 'waiting for an input' much more concrete than just looking at blocks on a screen.

What are the most common events for Year 4 to use?

'When green flag clicked', 'when [key] pressed', and 'when this sprite clicked' are the most common and useful events for students at this level.

How does this differ from linear programming?

Linear programming follows a set sequence (Step 1, Step 2, Step 3). Event-driven programming can happen in any order, depending on what the user does.