Please enable JavaScript to use CodeHS

Create a Drawing App

button to let teacher start playing slides
Click to Start Lesson
Scratch
Spanish
4th
Events
Conditionals
Operators

Create a Drawing App

45min

Students will be able to create a drawing app by programming keyboard and mouse inputs, loops, and conditional statements.

Prerequisites

_Computer Science_: Students should have experience with loops and conditional statements.

Lesson Preparation

* This program works best with a laptop or computer. It does not function on a tablet. * If class time is limited, skip the Independent Practice section.

Lesson Plan

Lesson Standards

Standard Description
AR CS 3: CSK8.G3.6.1 Use a block-based programming language individually and collaboratively to solve level-appropriate problems.
AR CS 4: CSK8.G4.6.1 Use a block-based programming language individually and collaboratively to solve level-appropriate problems.
AR CS 5: CSK8.G5.6.1 Use a visual block-based or text-based programming language individually and collaboratively to solve level-appropriate problems.
AZ CS 3: 3.CS.D.1 Identify how internal and external parts of computing devices function to form a system within a single device and hardware that connects to the device to extend capability.
AZ CS 3: 3.AP.C.1 Create programs that include sequences, events, loops, and/or conditionals.
AZ CS 4: 4.CS.D.1 With teacher guidance, model how internal and external parts of computing connect multiple devices in a computing system.
AZ CS 4: 4.AP.C.1 Create programs that include sequences, events, loops, and/or conditionals.
AZ CS 5: 5.CS.D.1 Analyze and model how internal and external parts of computing devices communicate as a system.
AZ CS 5: 5.AP.C.1 Create programs that include sequences, events, loops, and conditionals.
AZ CS K-5: 3.CS.D.1 Identify how internal and external parts of computing devices function to form a system within a single device and hardware that connects to the device to extend capability.
AZ CS K-5: 3.AP.C.1 Create programs that include sequences, events, loops, and/or conditionals.
AZ CS K-5: 4.CS.D.1 With teacher guidance, model how internal and external parts of computing connect multiple devices in a computing system.
AZ CS K-5: 4.AP.C.1 Create programs that include sequences, events, loops, and/or conditionals.
AZ CS K-5: 5.CS.D.1 Analyze and model how internal and external parts of computing devices communicate as a system.
AZ CS K-5: 5.AP.C.1 Create programs that include sequences, events, loops, and conditionals.
CA CS 3-5: 3-5.CS.2 Demonstrate how computer hardware and software work together as a system to accomplish tasks.
CA CS 3-5: 3-5.AP.12 Create programs that include events, loops, and conditionals.
CA CS 3-5: 3-5.AP.13 Decompose problems into smaller, manageable tasks which may themselves be decomposed.
CA CS K-5: 3-5.CS.2 Demonstrate how computer hardware and software work together as a system to accomplish tasks.
CA CS K-5: 3-5.AP.12 Create programs that include events, loops, and conditionals.
CA CS K-5: 3-5.AP.13 Decompose problems into smaller, manageable tasks which may themselves be decomposed.
CO CS 4: CS.4.2.1a Students can use appropriate terminology in identifying and describing the function of common physical components of computing systems.
CO CS 4: CS.4.2.1b Students can describe how internal and external parts of computing devices function to form a system.
CO CS 5: CS.5.3.1b Students can create programs that include sequences, events, loops, and conditionals.
CSTA 1B: 1B-AP-10 Create programs that include sequences, events, loops, and conditionals.
CSTA 1B: 1B-CS-01 Describe how internal and external parts of computing devices function to form a system.
CT 1B: 1B-AP-10 Create programs that include sequences, events, loops, and conditionals.
CT 1B: 1B-CS-01 Describe how internal and external parts of computing devices function to form a system.
DE 1B: 1B-AP-10 Create programs that include sequences, events, loops, and conditionals.
DE 1B: 1B-CS-01 Describe how internal and external parts of computing devices function to form a system.
FL 3-5 Unplugged CS: SC.3.PE.1.1 Explore using graphics, blocks or visual cues to design a program.
FL 3-5 Unplugged CS: SC.4.PE.3.2 Create a list of steps (algorithm) to solve a real-world problem.
FL 3-5 Unplugged CS: SC.K12.CTR.5.1 Create an algorithm to achieve a given goal.
FL CS 3-5: SC.35.CS-CS.2.6 Write an algorithm to solve a grade-level appropriate problem (e.g., move a character through a maze, instruct a character to draw a specific shape, have a character start, repeat or end activity as required or upon a specific event), individually or collaboratively.
FL CS 3-5: SC.35.CS-CP.2.3 Create a program using arithmetic operators, conditionals, and repetition in programs.
FL GR3 CS Foundations: SC.3.PE.1.1 Explore using graphics, blocks or visual cues to design a program.
FL GR3 CS Foundations: SC.3.PE.1.2 Create a program that includes user choices based on defined conditions.
FL GR3 CS Foundations: SC.3.PE.3.3 Use graphical programming or visual cues to represent a set of instructions (algorithm) that includes repetition.
FL GR3 CS Foundations: SC.K12.CTR.5.1 Create an algorithm to achieve a given goal.
FL GR3 CS Foundations: ELA.K12.EE.4.1 Use appropriate collaborative techniques and active listening skills when engaging in discussions in a variety of situations.
FL GR4 CS Foundations: SC.4.PE.1.2 Create a condition that will modify a situation or value in the program.
FL GR4 CS Foundations: SC.4.PE.3.2 Create a list of steps (algorithm) to solve a real-world problem.
FL GR4 CS Foundations: SC.K12.CTR.5.1 Create an algorithm to achieve a given goal.
FL GR5 CS Foundations: SC.5.PE.1.2 Create a program in a graphical environment.
FL GR5 CS Foundations: SC.5.PE.1.3 Create a program using arithmetic operators, conditionals and repetition in programs.
FL GR5 CS Foundations: SC.K12.CTR.5.1 Create an algorithm to achieve a given goal.
FL GR5 CS Foundations: ELA.K12.EE.5.1 Use the accepted rules governing a specific format to create quality work.
GA CS 3-5: CSS.EL.3-5.1.1 Describe how internal and external parts of computing devices function to form a system.
GA CS 3-5: CSS.CT.3-5.5.2 Decompose (break down) problems into smaller, manageable subproblems to facilitate the program development process.
GA CS 3-5: CSS.CT.3-5.5.4 Create programs that include sequences, events, loops, conditionals, and variables.
HI 1B: 1B-AP-10 Create programs that include sequences, events, loops, and conditionals.
HI 1B: 1B-CS-01 Describe how internal and external parts of computing devices function to form a system.
IA 1B: 1B-AP-10 Create programs that include sequences, events, loops, and conditionals.
IA 1B: 1B-CS-01 Describe how internal and external parts of computing devices function to form a system.
ID CS 3-5: 3-5.CT.5.2 Construct and test problem solutions using block-based and or text-based programming.
ID CS 3-5: 3-5.CT.5.6 Construct an algorithm to accomplish a task.
ID CS 3-5: 3-5.CT.5.7 Break down problems into smaller parts, identify key information, and propose solutions.
ID CS 3-5: 3-5.DL.3.1 Identify how computational devices impact daily life.
IL 3-5: 3-5.CS.01 Describe how internal and external parts of computing devices function to form a system.
IL 3-5: 3-5.AP.10 Create programs that include sequences, events, loops, and conditionals.
IN 3-5 CS 2023: 3-5.DI.1 Decompose problems and subproblems into parts as a means to solving complex problems. (E)
IN 3-5 CS 2023: 3-5.CD.3 Describe how internal and external parts of computing devices function to form a system.
IN 3-5 CS 2023: 3-5.PA.2 Design programs that incorporate sequences, events, loops, and conditionals. (E)
KS CS 3: 3.AP.C.01 Create simple programs using a programming language that utilize sequencing, repetition, conditionals, and variables to solve a problem or express ideas independently.
KS CS 4: 4.CS.D.01 Identify and explain how computing devices can be connected to other devices to extend their capabilities.
KS CS 4: 4.AP.C.01 Create programs using a programming language that utilize sequencing, repetition, conditionals and variables to solve a problem or express ideas both independently and collaboratively.
KS CS 5: 5.CS.D.01 Model and communicate how computing devices can be connected to other devices to extend their capabilities.
KS CS 5: 5.AP.C.01 Create programs using a programming language that utilize sequencing, repetition, conditionals, event handlers, and variables to solve a problem or express ideas both independently and collaboratively.
KY CS K-5: E-AP-03 Routinely create programs using a variety of tools to express ideas, address a problem or create an artifact, individually and collaboratively.
LA CS K-5: E.AP.2. Define what a control structure is and create programs that include sequences, conditionals, events, and loops.
LA CS K-5: E.AP.4A Create a simple program to achieve a goal with expected outcomes.
MA DLCS 3-5: 3-5.CS.a.1 Identify a broad range of computing devices (e.g., computers, smart phones, tablets, robots, etextiles) and appropriate uses for them.
MA DLCS 3-5: 3-5.CT.d.1 Individually and collaboratively create, test, and modify a program in a graphical environment (e.g., block-based visual programming language).
MD CS 3: 3.AP.C.01 Using a programming language, create programs that include sequences, loops, conditionals, and variables to solve a problem or express an idea.
MD CS 4: 4.AP.C.01 Using a programming language, create programs that include sequences, loops, conditionals, and variables that utilize mathematics operations to manipulate values in order to solve a problem or express an idea.
MD CS 4: 4.CS.D.01 Describe how internal and external parts of computing devices function to form a system.
MD CS 5: 5.AP.C.01 Using a programming language, create programs that include sequences, loops, conditionals, event handlers, and variables that utilize mathematics operations to manipulate values in order to solve a problem or express an idea.
MD CS K-5: 3.AP.C.01 Using a programming language, create programs that include sequences, loops, conditionals, and variables to solve a problem or express an idea.
MD CS K-5: 4.AP.C.01 Using a programming language, create programs that include sequences, loops, conditionals, and variables that utilize mathematics operations to manipulate values in order to solve a problem or express an idea.
MD CS K-5: 4.CS.D.01 Describe how internal and external parts of computing devices function to form a system.
MD CS K-5: 5.AP.C.01 Using a programming language, create programs that include sequences, loops, conditionals, event handlers, and variables that utilize mathematics operations to manipulate values in order to solve a problem or express an idea.
MI CS 3-5: 1B-AP-10 Create programs that include sequences, events, loops, and conditionals.
MI CS 3-5: 1B-CS-01 Describe how internal and external parts of computing devices function to form a system.
MO CS 3: 3.AP.C.01 Collaboratively create a program using control structures (e.g., sequence, conditionals, interactive-looping) to make decisions within a program.
MO CS 4: 4.AP.C.01 Create a program using control structures (e.g., sequence, conditionals, interactive-looping) to solve a problem or express ideas both independently and collaboratively.
MO CS 5: 5.AP.C.01 Create a program using control structures (e.g., sequence, conditionals, interactive-looping), event handlers, and variables to solve a problem or express ideas both independently and collaboratively.
MS CS 3-5: CS.1B.1 Describe how internal and external parts of computing devices function to form a system.
MS CS 3-5: AP.1B.3 Create programs that include sequences, events, loops, and conditionals.
MT CS 3: CS.CS.3.1 Identify the internal and external parts of computing devices
MT CS 4: CS.CS.4.1 Explain the function of individual internal and external parts
MT CS 5: CS.CS.5.1 Describe how internal and external parts of computing devices function to form a system
MT CS K-5: CS.CS.3.1 Identify the internal and external parts of computing devices
MT CS K-5: CS.CS.4.1 Explain the function of individual internal and external parts
MT CS K-5: CS.CS.5.1 Describe how internal and external parts of computing devices function to form a system
NC CS 3-5: 35.CS.01 Evaluate the features available on digital devices to perform a variety of classroom tasks.
NC CS 3-5: 35.AP.03 Construct programs that include sequences.
NC CS 3-5: 35.AP.05 Construct programs that implement conditionals.
ND CS 3: 3.DD.1 Independently or collaboratively create programs that use sequencing and looping.
ND CS 4: 4.DD.1 Independently and collaboratively create programs that use sequencing, loops, and conditionals.
ND CS 5: 5.DD.1 Independently and collaboratively create programs that use sequencing, loops, and conditionals [Continued growth].
NE 1 Technology: 1.CS.8 Write programs using visual (block-based) programming languages (scratch, code.org).
NE 2 Technology: 2.CS.8 Write programs using visual (block-based) programming languages (scratch, code.org).
NE 3 Technology: 3.DM.3 Use painting/drawing tools and other applications to create and edit work.
NE 3 Technology: 3.CS.8 Write programs using visual (block-based) programming languages (scratch, code.org).
NE K-5 Technology: NE.K5.31 Use painting/drawing tools and other applications to create and edit work.
NE K-5 Technology: NE.K5.59 Write programs using visual (block-based) programming languages (scratch).
NH 1B: 1B-AP-10 Create programs that include sequences, events, loops, and conditionals.
NH 1B: 1B-CS-01 Describe how internal and external parts of computing devices function to form a system.
NJ CS 3-5: 8.1.5.CS.1 Model how computing devices connect to other components to form a system.
NJ CS 3-5: 8.1.5.AP.3 Create programs that include sequences, events, loops, and conditionals.
NM 1B: 1B-AP-10 Create programs that include sequences, events, loops, and conditionals.
NM 1B: 1B-CS-01 Describe how internal and external parts of computing devices function to form a system.
NS ICT 3: 3.DT.a.1 select and use, with teacher assistance grade appropriate digital tools to explore ideas, think critically and reflect.
NS ICT 3: 3.CCT.a.2 use grade appropriate technology skills
NS ICT 3: 3.CCT.b.2 explore programs that include sequences, events, loops, and conditionals
NS ICT 3: 3.CCT.c.1 develop programs that include sequences, events, loops and conditions to express ideas or address a problem
NS ICT 4: 4.CT.a.2 be expected to use grade appropriate technology skills
NS ICT 4: 4.CT.c.1 create programs that include sequences, events, loops, conditionals and variables
NS ICT 5: 5.CT.a.2 be expected to use grade appropriate technology skills
NS ICT 5: 5.CT.c.1 create programs that include sequences, events, loops, conditionals and variables
NS ICT 6: 6.CT.a.2 be expected to use grade appropriate technology skills
NS ICT 6: 6.CT.c.1 create programs that include sequences, events, loops, conditionals, variables, and functions
NV CS 3: 3.CS.D.1 Describe how internal and external parts of computing devices function to form a system.
NV CS 4: 4.AP.C.1 Develop programs that include sequences, events, loops, and conditionals.
NV CS 4: 4.CS.HS.1 Model how computer hardware and software work together as a system to accomplish tasks.
NY 4-6: 4-6.CT.8 Develop algorithms or programs that use repetition and conditionals for creative expression or to solve a problem.
NY 4-6: 4-6.DL.4 Use a variety of digital tools and resources to create and revise digital artifacts.
NY CS 2-3: 2-3.DL.4 Use a variety of digital tools and resources to create digital artifacts.
NY CS K-6: 2-3.DL.4 Use a variety of digital tools and resources to create digital artifacts.
NY CS K-6: 4-6.CT.8 Develop algorithms or programs that use repetition and conditionals for creative expression or to solve a problem.
NY CS K-6: 4-6.DL.4 Use a variety of digital tools and resources to create and revise digital artifacts.
OH CS 3: ATP.CS.3.a Create a program using sequences, events, loops and conditionals to solve a problem.
OH CS 3: AI.P.3.a Use different sensors, analog and digital, and discuss the difference between them.
OH CS 4: ATP.CS.4.a Create a program using sequences, events, loops and conditionals to solve a problem.
OH CS 4: AI.P.4.a Describe the difference between analog and digital signals to understand their uses.
OH CS 5: ATP.CS.5.a Create a program using sequences, events, loops and conditionals to solve a problem.
OH CS 5: AI.P.5.a Describe how sensor inputs are converted as analog or digital signals to describe their uses.
OK CS 3: 3.AP.C.01 Create programs using a programming language that utilize sequencing, repetition, conditionals, and variables to solve a problem or express ideas both independently and collaboratively.
OK CS 4: 4.AP.C.01 Create programs using a programming language that utilize sequencing, repetition, conditionals and variables using math operations manipulate values to solve a problem or express ideas both independently and collaboratively.
OK CS 5: 5.AP.C.01 Create programs using a programming language that utilize sequencing, repetition, conditionals, event handlers and variables using math operations to manipulate values to solve a problem or express ideas both independently and collaboratively.
PA 1B: 1B-AP-10 Create programs that include sequences, events, loops, and conditionals.
PA 1B: 1B-CS-01 Describe how internal and external parts of computing devices function to form a system.
RI CS 1B: 1B-CT-C-1 Create programs that combine sequences, loops, conditionals, and/or events.
RI CS K-5: 1B-CT-C-1 Create programs that combine sequences, loops, conditionals, and/or events.
SC CS 5: 5.AP.4.1 Use a visual language to design and test a program that solves a simple task (e.g., online coding activity).
SC CS K-5: 5.AP.4.1 Use a visual language to design and test a program that solves a simple task (e.g., online coding activity).
SD CS 3-5: 3-5.CS.01 Describe how computing devices' internal and external parts function to form a system.
SD CS 3-5: 3-5.AP.03 Create programs that include sequences, events, loops, and conditionals.
Texas 3 Technology Applications: 3.2.B use a design process to create programs that include sequences, loops, and conditionals to express ideas or address a problem.
Texas 4 Technology Applications: 4.2.B Use a design process to create programs that include sequences, loops, and conditionals to express ideas or address a proble
Texas 5 Technology Applications: 5.1.B identify patterns in real-world problems and make predictions based on the pattern
Texas 5 Technology Applications: 5.2.B use a design process to create block-based programs that include sequences, loops, conditionals, and events to solve an everyday problem
TN CS 4: 4.AT.1 Examine logical reasoning to predict outcomes of an algorithm.
TN CS 5: 5.AT.1 Analyze and improve an algorithm that includes sequencing and simple patterns with or without a computing device.
TN CS 5: 5.AT.2 Create an algorithm to solve a problem while detecting and debugging logical errors within the algorithm.
TN CS 5: 5.PC.1 Create simple animated stories or solve pre-existing problems using a precise sequence of instructions and simple loops, collaboratively or individually.
TN CS K-5: 2.CCP.6 Define a problem or task, decompose it into smaller sub-problems.
TN CS K-5: 4.CCP.1 Recognize the input and output devices along with the components that form an interdependent system with a common purpose.
TN CS K-5: 4.CCP.4 Construct an algorithm to solve a problem that includes control structures such as loops, event handlers, and conditionals collaboratively with or without a computing device.
TN CS K-5: 5.CCP.1 Identify and describe the role of various input and output devices and components that are within an interdependent system with a common purpose.
TN CS K-5: 5.CCP.4 Create an algorithm which includes control structures to solve a problem using visual block-based and/or text based programming language both collaboratively and individually.
TN CS K-5 2022: 4.AT.1 Examine logical reasoning to predict outcomes of an algorithm.
TN CS K-5 2022: 5.AT.1 Analyze and improve an algorithm that includes sequencing and simple patterns with or without a computing device.
TN CS K-5 2022: 5.AT.2 Create an algorithm to solve a problem while detecting and debugging logical errors within the algorithm.
TN CS K-5 2022: 5.PC.1 Create simple animated stories or solve pre-existing problems using a precise sequence of instructions and simple loops, collaboratively or individually.
TX K-5 CS: 3.2.B use a design process to create programs that include sequences, loops, and conditionals to express ideas or address a problem.
TX K-5 CS: 4.2.B Use a design process to create programs that include sequences, loops, and conditionals to express ideas or address a proble
TX K-5 CS: 5.1.B identify patterns in real-world problems and make predictions based on the pattern
TX K-5 CS: 5.2.B use a design process to create block-based programs that include sequences, loops, conditionals, and events to solve an everyday problem
UT CS 3: 3.CS.1 Describe and model how computing devices connect to other components to extend their capabilities and form a system.
UT CS 3: 3.AP.1 Create programs that include events, sequences, loops, and simple conditionals to express ideas or address a problem.
UT CS 3: 3.AP.3 Test and debug a program or algorithm to ensure it accomplishes the intended task.
UT CS 3: 3.CT.1 Decompose problems into smaller manageable tasks which may themselves be decomposed.
UT CS 4: 4.CS.1 Demonstrate how computer hardware and software work together as a system to accomplish tasks.
UT CS 4: 4.AP.2 Create programs that include events, loops, and conditionals.
UT CS 4: 4.AP.3 Decompose problems into smaller, manageable tasks which may be then be broken down further.
UT CS 4: 4.AP.4 Test and debug a program or algorithm to ensure it accomplishes the intended task.
UT CS 5: 5.AP.2 Decompose problems into smaller, manageable tasks which may themselves be deconstructed and analyzed.
UT CS 5: 5.CT.1 Develop algorithms in computer programs to solve problems, including unique and repeated sub-tasks within a larger program.
UT CS K-5: 3.CS.1 Describe and model how computing devices connect to other components to extend their capabilities and form a system.
UT CS K-5: 3.AP.1 Create programs that include events, sequences, loops, and simple conditionals to express ideas or address a problem.
UT CS K-5: 3.AP.3 Test and debug a program or algorithm to ensure it accomplishes the intended task.
UT CS K-5: 3.CT.1 Decompose problems into smaller manageable tasks which may themselves be decomposed.
UT CS K-5: 4.CS.1 Demonstrate how computer hardware and software work together as a system to accomplish tasks.
UT CS K-5: 4.AP.2 Create programs that include events, loops, and conditionals.
UT CS K-5: 4.AP.3 Decompose problems into smaller, manageable tasks which may be then be broken down further.
UT CS K-5: 4.AP.4 Test and debug a program or algorithm to ensure it accomplishes the intended task.
UT CS K-5: 5.AP.2 Decompose problems into smaller, manageable tasks which may themselves be deconstructed and analyzed.
UT CS K-5: 5.CT.1 Develop algorithms in computer programs to solve problems, including unique and repeated sub-tasks within a larger program.
VA CS 3: 3.AP.2 The student will plan and implement algorithms that consist of events and conditional control structures using a block-based programming language.
VA CS 3: 3.CSY.1 The student will model how computing devices within a computing system work.
VA CS 4: 4.CSY.1 The student will model how a computing system works to accomplish a task.
VA CS K-5: 3.AP.2 The student will plan and implement algorithms that consist of events and conditional control structures using a block-based programming language.
VA CS K-5: 3.CSY.1 The student will model how computing devices within a computing system work.
VA CS K-5: 4.CSY.1 The student will model how a computing system works to accomplish a task.
WA 1B: 1B-AP-10 Create programs that include sequences, events, loops, and conditionals.
WA 1B: 1B-CS-01 Describe how internal and external parts of computing devices function to form a system.
WI CS 3-5: AP1.a.4.i Construct and execute algorithms (sets of step-by- step instructions), which include sequencing, loops, and conditionals to accomplish a task, both independently and collaboratively, with or without a computing device.
WI CS 3-5: CS1.a.4.i Use appropriate terminology in naming internal and external components of computing devices and describing their relationships, capabilities, and limitations.
WI CS 3-5: CS1.b.2.i Model how a computer system works. [Clarification Only includes basic elements of a computer system, such as input, output, processor, sensors, and storage].
WV CS 3-5: T.3-5.11 Create original work through the use of age-appropriate technology and digital resources and tools.
WV CS 3-5: T.3-5.12 Demonstrate creativity and learning through technology (e.g., digital storytelling, portfolio creation, digital media displays, etc.).
WY CS 3-5: 5.CS.D.01 Independently, describe how internal and external parts of computing devices function to form a system.
WY CS 3-5: 5.AP.C.01 Using grade appropriate content and complexity, create programs that include sequences, events, loops, and conditionals, both individually and collaboratively.

Rate this lesson plan