You are on page 1of 29

© 2020 - WhiteHat Education Technology Private Limited.

Note: This document is the original copyright of WhiteHat Education Technology Private Limited.
Please don't share, download or copy this file without permission.
1
Topic LOGIC COMMANDS

Class Introduction to Block Based Command Code with complex puzzles.


Description Kids create abstract animations by giving computer logic-based
commands.

Class INT-T

Class time 41 mins

Goal ● Introduce commands as a way to control the computer


● Introduce coding with blocks

Resources ● Teacher Resources


Required ○ Code.org login ​(It is advisable for teachers to create 2 or 3
dummy gmail ids of their choice beforehand and share
the same with trial class students for smooth code.org
login)
○ Earphones with Mic
○ Notepad and Pen

● Student Resources
○ Use your Code.org login credentials
○ Earphones with Mic (Optional)
○ Notepad and Pen

Class Warm Up 5 Mins


structure Teacher-Led Activity(Explanation/Demo/Close) 8 Mins
Student-Led Activity 20 Mins
Wrap-Up 8 Mins

Ask the student to get into Fullscreen mode

Class Steps Say Do

Step 1:
Warm-Up Hello, my name is xxxxxxxx
(5 minutes) What is your name? Wait for student
response.

Wondering what the class is about? ESR: Something about

© 2020 - WhiteHat Education Technology Private Limited.


Note: This document is the original copyright of WhiteHat Education Technology Private Limited.
Please don't share, download or copy this file without permission.
2
computers

Well yes, but more importantly, I want both of Wait for student response.
us to have a great time for the next 50
minutes. So let’s get rocking!

Let us play a game?

Can you guess what I am saying?

·​ ​Hola Say out the words loudly


·​ ​Salut and clearly to the child
.​ ​Kon’nichiwa one by one.
. Ni Hao
Refer Teacher Ref at the
end of this lesson Plan to
ensure you get the
pronunciation right

What did I just say? Can you guess? Wait for student response.

I just said ‘Hi’ to you, in four different


languages -
Spanish (Hola),
French (Salut),
Japanese (Kon’nichiwa) and
Chinese (Ni Hao).

If you and I understand a language, we can


talk to each other. That means we can
communicate.

Learning to CODE allows you to


communicate with the computer.

© 2020 - WhiteHat Education Technology Private Limited.


Note: This document is the original copyright of WhiteHat Education Technology Private Limited.
Please don't share, download or copy this file without permission.
3
Let’s play a game in a language that both of
us understand, that is English.
I will tell you what to do and you are supposed
to do it!

Ready!!?
Wait for student response.

Okay! so let's start the game!!


Do this activity along
with the student.

Can you raise your right hand ?


Raise your right hand

Great, now raise your left hand !


Raise your Raise your left hand
hand activity
Very good, Can you show me how to clap?
Clap your hands

Wow ! Now give me a HIGH FIVE Give an excited high five to


the student through the
camera.

I gave you instructions and you followed


them. You can also say that you followed my
commands.

Wonder what commands are?


Encourage the student to
answer this

Remember hearing sentences such as:

© 2020 - WhiteHat Education Technology Private Limited.


Note: This document is the original copyright of WhiteHat Education Technology Private Limited.
Please don't share, download or copy this file without permission.
4
<student name>​ l​ isten
<student name> read
<student name> do this
<student name> do that

What are these?


Encourage the student to
answer this

These are statements said by others;


and as a response, you do some actions.

You were able to follow my commands


because I gave them to you in English - a
language that both of us know!

But, is the computer a human like you


and me? Let the student respond

No

So, to get the computer to do things for us, we


need to give the computer a set of
COMMANDS in a language that the computer
understands - which is our coding language!

Let me show you one way in which you can


CODE​ and give ​COMMANDS​ to the
computer.

© 2020 - WhiteHat Education Technology Private Limited.


Note: This document is the original copyright of WhiteHat Education Technology Private Limited.
Please don't share, download or copy this file without permission.
5
I am going to share my screen with you, so
that you can see how I write code using
blocks.

Teacher Initiates Screen Share

Step 2: Before I start writing the code, let me show Teacher Activity 1
Teacher-Led you the coding environment in detail​. Angry Birds Puzzle2
Activity
(​8 minutes) Hover over each section of
the coding environment to
explain the interface, point
to each section (refer
screenshot in the next row)
and state the
corresponding sentence.

1 – ​PLAY AREA​: shows the puzzle. Can you Encourage the student to
tell me what is the puzzle here? respond.

Yes! ​The Angry bird wants to reach the


Naughty pig. ​We will help her to do this using
the blocks in the Toolbox.

© 2020 - WhiteHat Education Technology Private Limited.


Note: This document is the original copyright of WhiteHat Education Technology Private Limited.
Please don't share, download or copy this file without permission.
6
2 – ​TOOLBOX​: Blocks you find in the Toolbox
are the ​COMMANDS​ you give to the
computer. Drag these blocks to the
workspace and snap them together, till you
hear a ‘tuck’ sound.

3 – ​WORKSPACE​: Drag blocks here to solve


the puzzle. Remember to snap the blocks
together, till you hear the ‘tuck’ sound.

If you don’t want any block, drag and drop it


back into the toolbox.

4 – ​INSTRUCTION AREA​: shows instructions


for each puzzle.

: ​tells the computer to follow all of


your commands.

: tells the computer to follow your


commands one by one or step by step.

Let us solve this puzzle.


Can you read the instructions for me? Let the student read the
instructions.

Can you tell me what to do? Encourage the student to


respond.

© 2020 - WhiteHat Education Technology Private Limited.


Note: This document is the original copyright of WhiteHat Education Technology Private Limited.
Please don't share, download or copy this file without permission.
7
As I place the ​“move forward” block
command one below the other, you hear a
tuck sound, That means our blocks are
snapped well together.

Drag the two ​“move


forward” blocks already
seen in the workspace and
attach them to ​“when run”​’
block.

Let’s click to check if we have used


the correct commands to solve the puzzle.

Teacher stops sharing her screen

Step 3: Would you like to solve a puzzle, like the one Let the student respond.
Student Activity you saw?
(15 minutes)
Please share your screen so that I can see
your work.

● Ask the student to press ESC key to come back to the panel
● Guide Student to start Screen Share
● Teacher gets into Fullscreen

© 2020 - WhiteHat Education Technology Private Limited.


Note: This document is the original copyright of WhiteHat Education Technology Private Limited.
Please don't share, download or copy this file without permission.
8
Student Can you click on ​Student Activity 1? Student Activity 1
Activity 1
Can you tell me what you see on the screen? Encourage the student to
respond.

This is the Angry Bird. It wants to catch


the Naughty pig.
Why is the pig naughty? Encourage the student to
respond.

Because it ruffles the feathers of the angry


bird.

Okay! Can you read the instructions for me Let the student read the
please? instructions.

Thanks!
Now, can you help the ​Angry Bird to catch
the Naughty Pig ​using the

block.

Can you drag one Move Forward block and


see what it does?

Now can you tell me how many Move


Encourage the student to
Forward blocks are required so that the Angry
respond.
Bird can catch the Naughty Pig?

© 2020 - WhiteHat Education Technology Private Limited.


Note: This document is the original copyright of WhiteHat Education Technology Private Limited.
Please don't share, download or copy this file without permission.
9
Student Activity 1

Solution

Student Can you click on Student Activity 2? Student Activity 2 (Cross


Activity 2 the Pond)
Cross the Pond
Let the student read the
Can you read the instructions for me please? instructions.

Write the code to take the short way home,


over the pond. You have to hop on the stones
and cross over to the other side. The Jump
blocks will allow you to hop, that is move
without leaving the trail.

[Encourage the student to


By going in which direction will you be answer this]
able to cross the pond?

© 2020 - WhiteHat Education Technology Private Limited.


Note: This document is the original copyright of WhiteHat Education Technology Private Limited.
Please don't share, download or copy this file without permission.
10
By moving in the West Direction.

Also, whenever you find water, you have to


jump. For this, there is a jump block for each
direction.

Let’s put a West block and then a Jump W


Encourage the student to
block.
run the code and see what
happens.

You can cross the pond by dragging the ​‘W


​ block’ multiple
block​’ followed by ‘jump W
times. Right?
Can you put the rest of the blocks in the Encourage the student to
Workspace and see whether the artist is able run the code and see what
to cross the pond? happens.

Note, that there is a pattern. The


sequence of the ‘W block’ followed by
‘jump W block’ is repeated four times.

© 2020 - WhiteHat Education Technology Private Limited.


Note: This document is the original copyright of WhiteHat Education Technology Private Limited.
Please don't share, download or copy this file without permission.
11
Let’s try and see if we can use this pattern
Student to our advantage. Student Activity 2 (Cross
Activity 2 the Pond using Repeat
using Repeat Block)
Block
After you solved the puzzle, hit

There is another way in which we can help


the artist cross the pond!

Count and tell me how many stones


you have to move on?

So we need ​4 W​ blocks

Count and tell me how many jump


blocks were there?

So we’d need ​4 Jump W​ blocks

When a pattern such as this exists, smart


programmers use ‘Loop’. We drag the
command or sequence of commands that
are repeated inside the ‘Loop’. Thus, we
achieve our goal with fewer command
blocks.

© 2020 - WhiteHat Education Technology Private Limited.


Note: This document is the original copyright of WhiteHat Education Technology Private Limited.
Please don't share, download or copy this file without permission.
12
Student You are doing great! Let us now create a
Activity 4 photo frame.
Photo Frame
Come back to the panel.

Student Activity 4 (Design


Can you click on Student Activity 4?
Photo)
Can you click on “How it works”

In case the student is not able to move the blocks, click on on the top left
bar. This will prompt him/her to log in.
Log in using code.org login credentials.

Tell me what you know about photo Let the student respond.
frame?

So we need a picture for a photo frame.

Let’s go ahead and create a square photo


frame.

Can you tell me everything you know


about squares? Let the student respond.
It has four sides. All sides are of equal
length.

Great!

Thus, we will have to drag equal number of


the four directions blocks --- W-N-E-S. That
means, we will repeat each of these

© 2020 - WhiteHat Education Technology Private Limited.


Note: This document is the original copyright of WhiteHat Education Technology Private Limited.
Please don't share, download or copy this file without permission.
13
commands, W-N-E-S 4 times. Smart
Programmers use LOOP if the same block is
used repeatedly.

The canvas on the left hand side is like your


drawing page. In order to draw a big frame
and use the full canvas, let us get the artist to
one corner of the canvas. Since, we do not
want it to leave a trail as it moves, we will use
the ‘jump blocks’. We can use ‘jump E’ block
followed by ‘jump S’ block. Note that you can
‘Run’ the code to check your progress. You
will have to click on ‘Reset to begin writing the
code.

Use the ‘Set Pattern’ block ​to select the


design of your frame.

Next, we use the Loop commands to draw a


line in each direction. Begin from West, move
on to North, followed by East and South. This
completes the square photo frame.

How about getting a picture inside the frame.


For this, we will have to get the artist to the Let the student respond.
centre. Here are the steps.

Trace back two steps. For this, use the ‘jump


W’ block twice, followed by a ‘jump N’ block.
Now draw the ‘draw sticker’ block and select a
picture of your choice.

Note that the artist is still blocking the view of


the picture. To push the artist out of the
frame, use the loop and and drag a ‘jump N’
block. You will see that the artist moves away
without leaving a trail.

© 2020 - WhiteHat Education Technology Private Limited.


Note: This document is the original copyright of WhiteHat Education Technology Private Limited.
Please don't share, download or copy this file without permission.
14
Superb! You just used code block to create a
photo frame with a picture inside.
Congratulations! Won’t it be great to share
this with your parents? Let me help you with
this.

1. Click on

2. Enter your full name and .

3. Now Click on .​ This opens


a box that says share your project.

Copy this link (Ctrl + C) and paste it (Ctrl + V)


in the ​Project Link Field​ on the student panel
and click ​Submit Button.

Excellent!

© 2020 - WhiteHat Education Technology Private Limited.


Note: This document is the original copyright of WhiteHat Education Technology Private Limited.
Please don't share, download or copy this file without permission.
15
If you go to Student Activity 4, you will see all Student Activity 4
the apps that kids at Whitehat have built and (Playstore Apps
published on play store! These are available Showcase)
for download to whoever uses an android
phone! Your kid will have their apps on the
playstore too!

Step 4: Wow! Hi 5. You completed all the Press the Hats Off Icon
Wrap-up activities with great creativity and you for ​Great Persistence
(8 minutes) deserve a Hats Off which gives you 10
Points.

Press the Hats Off Icon


for ​Great Question
You also get a Hats Off for being well
behaved in Class and asking/answering
some great Question which gives you
another 10 Points

Press the Hats Off Icon for


You did really well in class today doing all “​Strong Concentration..​”
the puzzle challenges with great
concentration. So you get another Hats
Off which gives you 10 more Points

How did you feel about the class today?

© 2020 - WhiteHat Education Technology Private Limited.


Note: This document is the original copyright of WhiteHat Education Technology Private Limited.
Please don't share, download or copy this file without permission.
16
Let’s quickly go over what you learned today.
● CODING​ allows us to communicate
with the computer.
● COMMANDS​ are used to tell the
computer what to do.
● BLOCKS​ are one way of giving
Call parents to join,
commands. introduce yourself and
celebrate the kid’s
accomplishment in front
of the parents.

Congratulations! You are among the


exceptional students who get 3 out of 3 hats
off in the trial class!
You’re really bright and I hope you join the full
course where you’ll create a full entrepreneur
ready app which thousands across the world
may download.

Let me give you a quick summary of what we


will be learning in the course. Our Course
follows a Project based learning philosophy
where kids apply the concepts they learn to
build Apps throughout the course. Creating
apps makes their learning practical instead of
theoretical.

Our course is structured into 3 modules:

Game Developer Certification:​ In the 1st


module of 8 classes, your kid will become a
certified Game Developer. Kids build games
using core coding logic concepts like
sequences, commands, and loops. This
dramatically improves their logic and
concentration.

App Development Certification:​ After the


2nd module of 48 classes, your kid will
become among the youngest in the world to
be a certified Android and iOS App

© 2020 - WhiteHat Education Technology Private Limited.


Note: This document is the original copyright of WhiteHat Education Technology Private Limited.
Please don't share, download or copy this file without permission.
17
Developer. Kids learn User Interface and User
Experience design to create powerful
front-end app design. Every kid builds a
professional iOS App Store & Android
Playstore ready app after this module. I will be
showcasing some of the very best Apps which
kids have created in as little as 40 hours of
learning to code on our platform.

AI + Space Technology:​ In the 3rd module,


your kid will become among the 1st in the
world to learn advanced data modeling and
Machine Learning, using which they’ll create
Space Tech simulations. Kids reach the peak
of their creative imagination as they apply
coding to frontier technologies like Space
Technology and Driverless Cars. Top kids in
the course who do the best classes and
projects get a chance to visit Silicon Valley
where they meet top Google scientists and
entrepreneurs.

During these modules your kid will also learn


contemporary text based coding like
Javascript.

Student Activity 5
(LUNAR-VEHICLE/
Let me show you one of the space tech ROCKET LAUNCH
projects built in our course. Here, you will SIMULATION)
build a rocket assembly and launch it to the
moon. First, you assemble the rocket, then
you initiate the launch. Wait for 10 seconds,
and the rocket will fly! These missions enable
scientists to learn more about the moon and
other celestial bodies.
Student Activity 6 (Hirranya
App)
Now let me show you the App created by one
of our 6 year old students, Hirranya Rajani.
Hirranya’s brother was differently abled.
Within 40 hours of learning to code with
Whitehat Jr, Hirranyaa made a sign language

© 2020 - WhiteHat Education Technology Private Limited.


Note: This document is the original copyright of WhiteHat Education Technology Private Limited.
Please don't share, download or copy this file without permission.
18
app for deaf people which translates text
written in the App into sign language. All
handicapped kids in her community are now
using the app.

Similar to Hirranya, another 6.5 year old


Brinda created an the ambulance whiz app
which sends information to traffic control room
to clear out traffic on the ambulance route,
thus creating an open corridor for ambulance

Both these apps have been featured widely in


international media. Isn’t it amazing that 6
year olds are creating apps like these within
just 40 hours of learning to code?

During the course your kid will also be


creating full entrepreneur ready, industry
grade apps just like Hirranya and Brinda and
get a chance to visit Silicon Valley and meet
top Google scientists and entrepreneurs.

Teacher Guides Student to stop Screen Share

To provide you more details about the course


as well as answer any questions that you may
have our academic counselor will get in touch
with you. My schedule is almost full but I’d
love to have your kid as my student since
your kid is exceptionally bright with true
entrepreneurial entrepreneurship potential!

Congratulations <kid name> again on being


awarded 3 hats off--you’re truly
exceptional.Hope you had fun.
Thank you for your time today. Kindly stay on
the panel and do not close this page when I
end the class--our entire curriculum along with
the details will be displayed on the panel.

© 2020 - WhiteHat Education Technology Private Limited.


Note: This document is the original copyright of WhiteHat Education Technology Private Limited.
Please don't share, download or copy this file without permission.
19
Teacher Clicks

Additional Do this only if time permits. Additional Activity (Climb


activity: the vine)
Climb the vine “Wow you are so quick and intelligent that you
have finished all your activities so fast and
you are also doing the additional activity. I am
very proud of you.

Can you start sharing your screen again


and click on Additional Activity?”

Behind the bushes there is a beautiful vine full


of flowers. Climb the vine and see where it
goes?

Additional Additional Activity 2 (My


What do you notice in the play area?
Activity 2: My Top Drawer)
Top Drawer The top drawer of the dresser is missing.

© 2020 - WhiteHat Education Technology Private Limited.


Note: This document is the original copyright of WhiteHat Education Technology Private Limited.
Please don't share, download or copy this file without permission.
20
Using your knowledge of commands in
coding, help the person to whom this drawer
belongs!

Let’s solve this in a clockwise direction (by


starting with rightwards movement)

How many times must the artist move in


the right or East direction?

© 2020 - WhiteHat Education Technology Private Limited.


Note: This document is the original copyright of WhiteHat Education Technology Private Limited.
Please don't share, download or copy this file without permission.
21
3 times

Drag 3 E blocks.

How many times should they move


downwards or south?

1 time

Drag one S block

How many times must the artist move in


the left or West direction?

3 times

Drag 3 W blocks

How many times should they move


upwards or north?

1 time

Drag one N block

© 2020 - WhiteHat Education Technology Private Limited.


Note: This document is the original copyright of WhiteHat Education Technology Private Limited.
Please don't share, download or copy this file without permission.
22
Additional Let’s do another puzzle with our artist. Additional Activity 3
Activity 3: (Complete the Square)
Complete the
Square

© 2020 - WhiteHat Education Technology Private Limited.


Note: This document is the original copyright of WhiteHat Education Technology Private Limited.
Please don't share, download or copy this file without permission.
23
What can you notice in the play area?

Let the student drive this

I want you to complete the left square by


connecting the dots.

There should be no extra lines left!

To move the artist without drawing a line, we


use a Jump block.

Which direction should the artist jump


in?

West direction

Drag ​one Jump W block.

After the Jump block, we need to drag ​2 W


blocks, 2 S blocks, 2 E blocks and 2 N
blocks

© 2020 - WhiteHat Education Technology Private Limited.


Note: This document is the original copyright of WhiteHat Education Technology Private Limited.
Please don't share, download or copy this file without permission.
24
Additional Time now for another puzzle in the artist lab. Additional Activity 4
Activity 4: (Complete My Face)
Complete My
Do you see a person’s face in this
Face activity? Encourage Student
Response
Yes

Do you notice something unusual in their Encourage Student


face? Response

One eye is missing.

© 2020 - WhiteHat Education Technology Private Limited.


Note: This document is the original copyright of WhiteHat Education Technology Private Limited.
Please don't share, download or copy this file without permission.
25
I want you to draw the second eye of this face
and help them out!

Remember not to leave any trails on the face!

Which block can make the artist move


without leaving a trail?

Jump

The artist has to jump in the right or east


direction first.

So, drag an East block.

How should the square be completed?

Move North, Move East, Move South


and Move West!

Drag one N block, one E block, one S block


and one W block!

Run and see the other eye of the person!

© 2020 - WhiteHat Education Technology Private Limited.


Note: This document is the original copyright of WhiteHat Education Technology Private Limited.
Please don't share, download or copy this file without permission.
26
© 2020 - WhiteHat Education Technology Private Limited.
Note: This document is the original copyright of WhiteHat Education Technology Private Limited.
Please don't share, download or copy this file without permission.
27
Activity No. Name of the Link
Activity

TEACHER ANGRY BIRD https://studio.code.org/s/course1/stage/4/puzzle/2


ACTIVITY 1 PUZZLE

STUDENT ANGRY BIRD https://studio.code.org/s/coursec-2019/stage/4/puzzle/3


ACTIVITY 1 PUZZLE

STUDENT CROSS THE POND https://studio.code.org/s/courseb-2019/stage/9/puzzle/1


ACTIVITY 2 1

STUDENT DESIGN PHOTO https://studio.code.org/projects/artist_k1


ACTIVITY 3 FRAME

ADDITIONAL CLIMB THE VINE https://studio.code.org/s/courseb-2019/stage/9/puzzle/8


ACTIVITY 1

ADDITIONAL MY TOP DRAWER https://studio.code.org/s/course1/stage/10/puzzle/7


ACTIVITY 2

ADDITIONAL COMPLETE THE https://studio.code.org/s/course1/stage/10/puzzle/2


ACTIVITY 3 SQUARE

ADDITIONAL COMPLETE MY https://studio.code.org/s/course1/stage/10/puzzle/8


ACTIVITY 4 FACE

STUDENT PLAYSTORE APPS https://play.google.com/store/apps/developer?id=WH


ACTIVITY 4 SHOWCASE ITEHAT+EDUCATION+TECHNOLOGY

STUDENT LUNAR-VEHICLE/ https://studio.code.org/projects/gamelab/2nxwHnvljuSL


ACTIVITY 5 ROCKET LAUNCH 0djQpT3P1Hvz8tIbbw4jxLC9Thx0tWM
SIMULATION

STUDENT HIRRANYA VIDEO https://youtu.be/QYgtBGH27-E


ACTIVITY 6

TEACHER REF PRONUNCIATION How to Pronounce Hola


How to Pronounce Salut
How to Pronounce Kon’nichiwa
How to pronounce Ni Hao

© 2020 - WhiteHat Education Technology Private Limited.


Note: This document is the original copyright of WhiteHat Education Technology Private Limited.
Please don't share, download or copy this file without permission.
28
© 2020 - WhiteHat Education Technology Private Limited.
Note: This document is the original copyright of WhiteHat Education Technology Private Limited.
Please don't share, download or copy this file without permission.
29

You might also like