Introduction To Color Codes 02 - Drawing Color Codes

You might also like

Download as pdf or txt
Download as pdf or txt
You are on page 1of 26

LESSON PLAN | FOR EDUCATORS

Introduction to Color Codes 02: Drawing Color Codes


Author: Ozobot

Grades: Subject(s): Pre-Reader/ESL-


Friendly?
PK—12 Engineering/Tech,
Computer Science No

Compatible Bot(s): Coding Method:

Evo, Bit Color Codes

Quick Summary:

Students will learn the basic functionality of Ozobot. Students will learn how
to draw Color Codes Ozobot can read.

Duration: 45 min

Running This Lesson Remotely: Students will have all instruction delivered via video(s), so you will use this Lesson
Plan & Activity Guide for your reference only. Before assigning, deliver Student Materials, such as Activity Sheets,
either in print or digitally (to be printed at home).

Objectives & Outcomes

1 Student will identify and label Color Codes by utilizing the Color Code Reference Sheet

2 Student will draw Color Codes.

3 Student will identify if a Ozobot would successfully read Color Codes and explain, through writing, why it would or
would not work.

Preparation

Teacher Materials & Digital Resources Instructional Video

Cover-ITC-02-Drawing-Color-Codes-1.png Introduction to Color Codes 2: Drawing Color Codes

Cover-ITC-02-Drawing-Color-Codes-3.png Introduction to Color Codes 2: Drawing Color Code...

solution-ozobot-introduction-to-color-codes-drawi...

solution-ozobot-introduction-to-color-codes-drawi...

Student Materials

1 Ozobot Evo per student 1 Color Code Markers per student

1 Introduction to Color Codes 02: Drawing Color


Codes Activity Sheets per student

© Evollve, LLC ozobot.com


LESSON PLAN | FOR EDUCATORS Introduction to Color Codes 02: Drawing Color
Codes
2

Background Knowledge

Ability to

Introduction to Color Codes 01: Line Following https://classroom.ozobot.com/lessons/


lnObQXQQbKQqqa71Lql1cBsAW7

Completed lesson

Introduction to Ozobot: Get to Know Evo https://classroom.ozobot.com/lessons/lnHsHKD0kXTgueqAiT7Pg7jQT3

Teacher Tips

For supporting any color-blind and/or visually impaired students, allow them to utilize Color Code Chart and inform the
student(s) that the colors are labeled under each color segment. Be sure to label any Color Codes in these lesson
materials so that they correspond to the Color Code chart. Use masking tape to label Color Code markers your student
will use. Find the Color Code Chart here: https://files.ozobot.com/stem-education/Ozobot-Color-Codes-Chart.pdf

Direct Instruction

1 Use the intructional video to guide your students through the Introduction to Color Codes activity. Alternatively,
continue with the direct instructions below.

Explain to students that they will build on what they've learned about Ozobot's line and color sensors to
communicate commands to their Ozobot with Color Codes!

If needed, review that Ozobot's line-following sensors are under the bot towards the front, and the color sensor is
located between the wheels. Explain to students that under Ozobot, between the wheels, there is an optical
sensor that detects colors.

2 Display the Color Code Reference Sheet. Explain that Color Codes are a language Ozobot understands made up
of sequences of colors. Ozobot knows that when it reads a certain color sequence, you want it to do something.
Using Color Codes, you can tell your Ozobot to: change speed, change direction, perform cool moves, and more.

3 Have students take out their Page 1 activity sheet. Tell students they can place their bot anywhere on the black
line. Watch the bot as it travels over each Color Code. Ask students to identify and label what they think each
Color Code means based on their bot's response.

4 Now, students will practice drawing Color Codes! Show them how to copy the two Color Codes on Page 2. Share
some helpful hints:
• Ozobot can only read Color Codes drawn between black lines (unless it is a special "line end" code)
• Ensure that your color boxes within the Color Code are about 1/4" squares
• Don't overlap colors
• Don't leave white space between colors
• Don't make the colors too dark
•Don't draw lines on curves or too close to intersections.

© Evollve, LLC ozobot.com


LESSON PLAN | FOR EDUCATORS Introduction to Color Codes 02: Drawing Color
Codes
3

5 Introduce the concept of symmetric and asymmetric Color Codes. Explain that some of Ozobot’s Color Codes are
the same either way Ozobot reads them. These are called "Symmetric" Codes. They are the same forward and
backward.

However, some of Ozobot’s Color Codes are asymmetric— the colors are in a different order depending on the
direction Ozobot travels over the code. This means Ozobot will have a different response, depending on which
way Ozobot reads the color sequence! Guide students to complete page 3, and discuss which codes are
symmetric and which are asymmetric.

6 Guide students through completing page 4. Assist them in completing their Color Codes. If they have trouble,
remind them to:
•Use black marker before and after the Color Code (unless it is a special "line end" code)
• Ensure that your colors are all the same length
• Not overlap colors
• Not leave white space between colors
• Not make the colors too dark
• Not draw lines on curves or too close to intersections.

7 Guide students through completing page 5. If needed, show students how to draw the Color Codes and shapes
on another paper to test if they will work.

8 Wrap up the lesson, and explain to students that they will be learning about the Ozobot's directionality in the next
lesson.

Additional Attachments

Academic Standards

CCSS.MATH.PRACTICE.MP1

Make sense of problems and persevere in solving them.

CCSS.MATH.PRACTICE.MP5

Use appropriate tools strategically.

© Evollve, LLC ozobot.com


LESSON PLAN | FOR EDUCATORS Introduction to Color Codes 02: Drawing Color
Codes
4

CCSS.MATH.PRACTICE.MP7

Look for and make use of structure.

ISTE.1.c

Students use technology to seek feedback that informs and improves their practice and to demonstrate their
learning in a variety of ways.

ISTE.1.d

Students understand the fundamental concepts of technology operations, demonstrate the ability to choose, use
and troubleshoot current technologies and are able to transfer their knowledge to explore emerging technologies

ISTE.4.a

Students know and use a deliberate design process for generating ideas, testing theories, creating innovative
artifacts or solving authentic problems.

ISTE.4.d

Students exhibit a tolerance for ambiguity, perseverance and the capacity to work with open-ended problems.

CSTA.1A-AP-08

Model daily processes by creating and following algorithms (sets of step-by-step instructions) to complete tasks.

© Evollve, LLC ozobot.com


Introduction to Color Codes 2: Drawing Color Codes

ANSWER KEY
1
| Color Codes

Ozobot reads and reacts to sequences of colors called Color Codes

1 2

Place Ozobot on a black line and Write what you think each
watch as it reacts to Color Codes. Color Code means below.

Turbo

U-Turn

Slow

© Evollve, Inc ozobot.com


Introduction to Color Codes 2: Drawing Color Codes

ANSWER KEY
2
| Drawing Color Codes
1 2

Practice drawing Color Codes by copying Place Ozobot on Start and see if it can
both lines you see on the page. read your Color Codes!

Tornado

Start

Backwalk

Start

Codes on black lines only Squares should be the Squares should not overlap
same size

Squares should not have


Too dark
space in between them

© Evollve, Inc ozobot.com


Introduction to Color Codes 2: Drawing Color Codes

ANSWER KEY
3
| Symmetric and Asymmetric Color Codes

Some of Ozobot’s Color Codes are the same either way the bot reads them.
However, some of Ozobot’s Color Codes are asymmetric—meaning they’ll be
different commands depending on which way the bot drives over them!

1 2 3

Use the Color Key to color in Place Ozobot on one end Place Ozobot on the other
the codes on the line below. of the line and see how it end of the line and see how
reacts to the Color Codes. it reacts when it reads the
codes the other way.
1 2 3 4

3 4 3

Start

1 2 1 2

3 2 1

© Evollve, Inc ozobot.com


Introduction to Color Codes 2: Drawing Color Codes

ANSWER KEY
4
| Free-Drawing Lines and Color Codes
Draw the following Color Code between black lines and
TRY IT!
see if Ozobot can read them!

Tips

Overlapping
White spaces
colors

Too dark Different lengths

Codes on Codes on
colored lines black lines

© Evollve, Inc ozobot.com


Introduction to Color Codes 2: Drawing Color Codes

ANSWER KEY
5
| Free-Drawing Lines and Color Codes

Look at the images to determine whether or not you think Ozobot would be able to
Do read the Color Codes on the maps. Check the box to indicate your decision. If you
believe Ozobot wouldn’t be able to read the Color Codes, explain why in the blank.

Ozobot would read this! Ozobot would read this!

Ozobot wouldn’t read Ozobot wouldn’t read


this because this because

The color code is on a curved line. Code needs to be at least one inch

before an intersection.

Ozobot would read this! Ozobot would read this!

Ozobot wouldn’t read Ozobot wouldn’t read


this because this because

Ozobot would read this! Ozobot would read this!

Ozobot wouldn’t read Ozobot wouldn’t read


this because this because

Color Codes are too close Color Code is not on a black line.
together and too close to

the intersection.

© Evollve, Inc ozobot.com


l Chart

Speed

Short Super Slow Slow Cruise Fast Turbo Nitro Boost

R G B R BK R G BK G B BK B B G B B G R

Direction & Special Moves

Left at Intersection Straight at Intersection Right at Intersection Line Switch Left Line Switch Straight Line Switch Right

G BK R B BK R B R G G R G G B G R G R

U-Turn U-Turn (line end) Tornado Zigzag Spin Backwalk

B R B B R R G R G B BK G R G R G R R G BK B

Timers Wins/Exits

Pause (3 sec.) Timer on (30 sec. to stop) Timer off Win/Exit (Play Again) Win/Exit (Game Over)

R B R R BK B G G B BK R G B G R

Counters See reverse for definitions

Enable X-ing Counter Enable Turn Counter Enable Path Color Counter Enable Point Counter Point +1 Point -1

G R B G R B G B R G B R R B R G R B G G B R

ozobot.com Key: BK = Black B = Blue G = Green R = Red


ANSWER K EY
Introduction to Color Codes 2: Drawing Color Codes
1
| Drawing Color Codes

Ozobot reads and reacts to sequences of colors called Color Codes

Write what you think each Color Code means below.

Turbo U-Turn

Slow

Tornado

Start
Backwalk

Start

© Evollve, Inc ozobot.com


ANSWER K EY
Introduction to Color Codes 2: Drawing Color Codes
2
| Symmetric and Asymmetric Color Codes

Color Key:

1 2 3 4

3 4 3

Start

1 2 1 2

3 2 1

| Free-Drawing Lines and Color Codes

© Evollve, Inc ozobot.com


ANSWER K EY
Introduction to Color Codes 2: Drawing Color Codes
3
| Free-Drawing Lines and Color Codes

Look at the images to determine whether or not you think Ozobot would be able to
Do read the Color Codes on the maps. Check the box to indicate your decision. If you
believe Ozobot wouldn’t be able to read the Color Codes, explain why in the blank.

Ozobot would read this! Ozobot would read this!

Ozobot wouldn’t read Ozobot wouldn’t read


this because this because

The color code is on a curved line. Code needs to be at least one inch

before an intersection.

Ozobot would read this! Ozobot would read this!

Ozobot wouldn’t read Ozobot wouldn’t read


this because this because

Ozobot would read this! Ozobot would read this!

Ozobot wouldn’t read Ozobot wouldn’t read


this because this because

Color Codes are too close Color Code is not on a black line.
together and too close to

the intersection.

© Evollve, Inc ozobot.com


l Chart

Speed

Short Super Slow Slow Cruise Fast Turbo Nitro Boost

R G B R BK R G BK G B BK B B G B B G R

Direction & Special Moves

Left at Intersection Straight at Intersection Right at Intersection Line Switch Left Line Switch Straight Line Switch Right

G BK R B BK R B R G G R G G B G R G R

U-Turn U-Turn (line end) Tornado Zigzag Spin Backwalk

B R B B R R G R G B BK G R G R G R R G BK B

Timers Wins/Exits

Pause (3 sec.) Timer on (30 sec. to stop) Timer off Win/Exit (Play Again) Win/Exit (Game Over)

R B R R BK B G G B BK R G B G R

Counters See reverse for definitions

Enable X-ing Counter Enable Turn Counter Enable Path Color Counter Enable Point Counter Point +1 Point -1

G R B G R B G B R G B R R B R G R B G G B R

ozobot.com Key: BK = Black B = Blue G = Green R = Red


ACTIVITY GUIDE | FOR STUDENTS
1

Introduction to Color Codes 02: Drawing Color Codes

What We'll Cover:


1 We'll identify and label Color Codes by utilizing the Color Code Reference Sheet
2 We'll draw Color Codes.
3 We'll identify if a Ozobot would successfully read Color Codes and explain, through writing, why
it would or would not work.

Materials:
1 Ozobot Evo per student 1 Color Code Markers per student
1 Introduction to Color Codes 02: Drawing
Color Codes Activity Sheets per student

Activity Instructions:
1 Gather your materials, and get ready to learn all about Ozobot's Color Codes.
Upon completing today's lesson, you will be able to:
• Use the Color Code Reference Sheet to identify Color Codes
• Draw Color Codes
• Identify certain circumstances where Color Codes will not work

Introduction: watch.cloudflarestream.com/d69c82fe873504ad67a21f1ba796f69c

ozobot-introduction-to-color-codes-drawing-color-codes.pdf: https://stg-
files.ozobot.com/lessons/null/ozobot-introduction-to-color-codes-drawing-color-
codes.nYfIO0joRmCBMWs3mrNmVAu8.pdf

ozobot-introduction-to-color-codes-drawing-color-codes_condensed.pdf: https://stg-
files.ozobot.com/lessons/null/ozobot-introduction-to-color-codes-drawing-color-
codes-condensed.9E6F5QBWQcuUx2NLOkvkVg5P.pdf

2 Look underneath the bot between the wheels. Can you locate Ozobot's color sensor?

Ozobot's Sensors: watch.cloudflarestream.com/ca8626b4bd43fe8e481fadc47cb272e3

© Evollve, LLC ozobot.com


ACTIVITY GUIDE | FOR STUDENTS Introduction to Color Codes 02: Drawing Color
Codes
2

3 Look at the Color Code Reference Sheet. What colors are used to make Color Codes?

What is a Color Code?:


watch.cloudflarestream.com/1c6c6e4f35dbcdafb9016aec67d0df14

4 Find Page 1. Place your bot on the black line, and watch as Ozobot moves over the Color
Codes. Label each Color Code. Use the Color Code Reference Sheet if you need help!

Reading Color Codes: watch.cloudflarestream.com/


eed0b2c87c4782cee56c7ecae06ddb82

5 Find Page 2. Use your markers to copy the two Color Codes on the sheet. Place Ozobot on the
line to see if it changes behavior when it goes over your Color Codes.

Drawing Color Codes: watch.cloudflarestream.com/


c16fdf64a518dbb0b872dc8428b35347

6 Find Page 3. Use the key to draw the three Color Codes. Watch closely as Ozobot moves
across the line, u-turns at the end, and travels the opposite way. What do you notice about
Ozobot's behavior?

Symmetric and Asymmetric Color Codes:


watch.cloudflarestream.com/5c4b44bfb1455357ed795aae82bb5c25

7 Find Page 4. Use your markers to draw the four Color Codes listed on the worksheet.

Free-Drawing Lines and Color Codes: watch.cloudflarestream.com/


f94d7f5950f53677aff176020b92d01a

8 Find Page 5. Look at each problem. Determine if Ozobot would be able to read the Color Code.
If not, write a sentence why.

Debugging Color Codes:


watch.cloudflarestream.com/004498c2eddc22c4536bb046b3c40aa8

© Evollve, LLC ozobot.com


Introduction to Color Codes 2: Drawing Color Codes Name:
1
| Color Codes Date:

Ozobot reads and reacts to sequences of colors called Color Codes

1 2

Place Ozobot on a black line and Write what you think each
watch as it reacts to Color Codes. Color Code means below.

© Evollve, Inc ozobot.com


Introduction to Color Codes 2: Drawing Color Codes
Name:
2
| Drawing Color Codes
1 2

Practice drawing Color Codes by copying Place Ozobot on Start and see if it can
both lines you see on the page. read your Color Codes!

Tornado

Start

Backwalk

Start

Codes on black lines only Squares should be the Squares should not overlap
same size

Squares should not have


Too dark
space in between them

© Evollve, Inc ozobot.com


Introduction to Color Codes 2: Drawing Color Codes
3
| Symmetric and Asymmetric Color Codes

Some of Ozobot’s Color Codes are the same either way the bot reads them.
However, some of Ozobot’s Color Codes are asymmetric—meaning they’ll be
different commands depending on which way the bot drives over them!

1 2 3

Use the Color Key to color in Place Ozobot on one end Place Ozobot on the other
the codes on the line below. of the line and see how it end of the line and see how
reacts to the Color Codes. it reacts when it reads the
codes the other way.
1 2 3 4

3 4 3

Start

1 2 1 2

3 2 1

Name:

© Evollve, LLC ozobot.com


Introduction to Color Codes 2: Drawing Color Codes
4
| Free-Drawing Lines and Color Codes
Draw the following Color Code between black lines and
TRY IT! see if Ozobot can read them!

Tips

Overlapping
White spaces
colors

Too dark Different lengths

Codes on Codes on
colored lines black lines

Name:

© Evollve, Inc ozobot.com


Introduction to Color Codes 2: Drawing Color Codes
5
| Free-Drawing Lines and Color Codes

Look at the images to determine whether or not you think Ozobot would be able to read the Color
Do Codes on the maps. Check the box to indicate your decision. If you believe Ozobot wouldn’t be able to
read the Color Codes, explain why in the blank.

Ozobot would read this! Ozobot would read this!

Ozobot wouldn’t read Ozobot wouldn’t read


this because this because

Ozobot would read this! Ozobot would read this!

Ozobot wouldn’t read Ozobot wouldn’t read


this because this because

Ozobot would read this! Ozobot would read this!

Ozobot wouldn’t read Ozobot wouldn’t read


this because this because

Name:

© Evollve, Inc ozobot.com


l Chart

Speed

Short Super Slow Slow Cruise Fast Turbo Nitro Boost

R G B R BK R G BK G B BK B B G B B G R

Direction & Special Moves

Left at Intersection Straight at Intersection Right at Intersection Line Switch Left Line Switch Straight Line Switch Right

G BK R B BK R B R G G R G G B G R G R

U-Turn U-Turn (line end) Tornado Zigzag Spin Backwalk

B R B B R R G R G B BK G R G R G R R G BK B

Timers Wins/Exits

Pause (3 sec.) Timer on (30 sec. to stop) Timer off Win/Exit (Play Again) Win/Exit (Game Over)

R B R R BK B G G B BK R G B G R

Counters See reverse for definitions

Enable X-ing Counter Enable Turn Counter Enable Path Color Counter Enable Point Counter Point +1 Point -1

G R B G R B G B R G B R R B R G R B G G B R

ozobot.com Key: BK = Black B = Blue G = Green R = Red


Introduction to Color Codes 2: Drawing Color Codes Name:
1
| Drawing Color Codes Date:

Ozobot reads and reacts to sequences of colors called Color Codes

Write what you think each Color Code means below.

Tornado

Start
Backwalk

Start

© Evollve, Inc ozobot.com


Introduction to Color Codes 2: Drawing Color Codes
Name:
2
| Symmetric and Asymmetric
Color Codes
Color Key:

1 2 3 4

3 4 3

Start

1 2 1 2

3 2 1

| Free-Drawing Lines and Color Codes

© Evollve, Inc ozobot.com


Introduction to Color Codes 2: Drawing Color Codes
3
| Free-Drawing Lines and Color Codes

Look at the images to determine whether or not you think Ozobot would be able to read the Color
Do Codes on the maps. Check the box to indicate your decision. If you believe Ozobot wouldn’t be able to
read the Color Codes, explain why in the blank.

Ozobot would read this! Ozobot would read this!

Ozobot wouldn’t read Ozobot wouldn’t read


this because this because

Ozobot would read this! Ozobot would read this!

Ozobot wouldn’t read Ozobot wouldn’t read


this because this because

Ozobot would read this! Ozobot would read this!

Ozobot wouldn’t read Ozobot wouldn’t read


this because this because

Name:

© Evollve, Inc ozobot.com


l Chart

Speed

Short Super Slow Slow Cruise Fast Turbo Nitro Boost

R G B R BK R G BK G B BK B B G B B G R

Direction & Special Moves

Left at Intersection Straight at Intersection Right at Intersection Line Switch Left Line Switch Straight Line Switch Right

G BK R B BK R B R G G R G G B G R G R

U-Turn U-Turn (line end) Tornado Zigzag Spin Backwalk

B R B B R R G R G B BK G R G R G R R G BK B

Timers Wins/Exits

Pause (3 sec.) Timer on (30 sec. to stop) Timer off Win/Exit (Play Again) Win/Exit (Game Over)

R B R R BK B G G B BK R G B G R

Counters See reverse for definitions

Enable X-ing Counter Enable Turn Counter Enable Path Color Counter Enable Point Counter Point +1 Point -1

G R B G R B G B R G B R R B R G R B G G B R

ozobot.com Key: BK = Black B = Blue G = Green R = Red

You might also like