Topic CREATING ALGORITHMS

Class Introduction to Algorithmic thinking to solve abstract

Description challenges. Kids balance logic & abstraction to create inventive
computer art.

Class ADV-C2

Class time 50 mins

Goal ● Construct Algorithms to complete a task

Resources ● Teacher Resources:

Required ○ Use your Code.org login credentials
○ Earphone with mic
○ Notepad and Pen

● Student Resources:
○ Use your Code.org login credentials
○ Earphone with mic(optional)
○ Notepad and Pen

Class structure Warm Up 2 Mins

Teacher-Led Activity 8 Mins
Student-Led Activity 30 Mins
Wrap-Up 5 Mins
Project pointers and cues 5 Mins

From next class we will start working with MIT App inventor so just to be well prepared
refer to Teacher Reference Activity 1 before class.
The reason we are asking to get well versed with MIT App inventor is because in this
class you have to call the parent and inform them about the same to them, the
information of this is mentioned in this lesson plan.

WARM UP SESSION - 2 mins

Teacher starts slideshow from slides 1 to 27.

© 2022 - BYJU’S Future School.

Note: This document is the original copyright of BYJU’S Future School.
Please don't share, download or copy this file without permission.
1
 Refer to speaker notes and follow the instructions on each slide.

TEACHER ACTIVITY - 8 mins

Screen Share initiated by Teacher

Explain these steps to

Let me show you how we can draw. students while you do these
activities.
I am going to do a few coding activities for you and then
you will do the rest.
Teacher Activity
In this activity Pixels indicate the length of the line drawn 1-CREATING ART
on screen.
If we change the value of a pixel, the length of the line on
the screen will change accordingly.

Let us now mentally make an algorithm for drawing a

cage for this monster.

So for a cage now, we need to complete the partly drawn

picture

1. draw a horizontal line

2. turn right/90 degrees
3. draw a vertical line
1.Drag the following blocks
Translating this algorithm into code will draw the cage for one by one, adjust the angle
the monster. and connect as shown.

So you see how we first made an algorithm or set of Solution 1

instructions in our mind and then it was so easy to find
the right blocks to write a computer program or code.

You should always have an algorithm in your mind to

solve a problem and then code your algorithm.

2. Click Run

© 2022 - BYJU’S Future School.

Note: This document is the original copyright of BYJU’S Future School.
Please don't share, download or copy this file without permission.
2
 Teacher Activity
2-CREATING ART

adjust angle in degrees and

connect as shown.
Make sure you read the angle correctly, Here I am setting
the outer angle and not the inner one, you will see the see Below
outer angle is highlighted with color. also choose the
outer angle.

© 2022 - BYJU’S Future School.

Note: This document is the original copyright of BYJU’S Future School.
Please don't share, download or copy this file without permission.
3
 Solution 2

Teacher Activity
3-CREATING ART
Let us now draw the alphabet ‘T’, Watch closely how I do
it with code.

Before that I need to think of an algorithm to do it so this

is the algorithm I am thinking- Edit the pixels as shown
below:
Step 1 draw a line upward
Step 2 draw horizontal line leftward
Step 3 draw horizontal line rightward

Now let’s code accordingly.

© 2022 - BYJU’S Future School.

Note: This document is the original copyright of BYJU’S Future School.
Please don't share, download or copy this file without permission.
4
 Solution 3

Teacher Stops Screen Share

Teacher starts slideshow from slides 28 to 30.

Refer to speaker notes and follow the instructions on each slide.

© 2022 - BYJU’S Future School.

Note: This document is the original copyright of BYJU’S Future School.
Please don't share, download or copy this file without permission.
5
 STUDENT ACTIVITY - 30 mins

Now it's your turn.

● Ask Student to press ESC key to come back to panel

● Guide Student to start Screen Share
● Teacher gets into Fullscreen

Student Initiates Screen Share

Remember Algorithms are a set of instructions you create

in your mind to solve a problem. It is very important to
always have an algorithm in mind before writing the
code.

Use your code.org id and password to login

Student Activity
1-CREATING ART
So when you are solving these activities in your mind you
are basically thinking ALGORITHMS but you are writing it
in computer language.
Click on
Then click on
and what is that computer language?

Great! It's the BLOCKLY Language.

Okay so what is the algorithm to solve this?

© 2022 - BYJU’S Future School.

Note: This document is the original copyright of BYJU’S Future School.
Please don't share, download or copy this file without permission.
6
Great!
Now write code according to the algorithm you have in
mind.

You can write down the algorithm on a paper for the

first few activities. But remember, as you start coding
more and more, you should be able to have the
algorithm in your mind.

In actions

Expected output

you will find move, left, and right code block

In Brushes you will find

Solution 1 WITHOUT
REPEAT

(Students should not use

REPEAT blocks in the first
attempt though the activity
demands it here. We are
building student’s algorithmic
thinking by intentionally
writing longer code blocks.)

© 2022 - BYJU’S Future School.

Note: This document is the original copyright of BYJU’S Future School.
Please don't share, download or copy this file without permission.
7
 Don’t open the default
function, it is just to add the
traces.

Solution 1 WITH REPEAT

Great! Now that you know how to draw a staircase, we

can use the repeat block to make the artist do something
repeatedly. Using the repeat block will also shorten the
code.

© 2022 - BYJU’S Future School.

Note: This document is the original copyright of BYJU’S Future School.
Please don't share, download or copy this file without permission.
8
Q - What is a repeat loop ?
A - A repeat loop tells the computer how many times a
particular task should be repeated.
Just like in the morning when we brush, it’s a loop. You
have to move your tooth brush back and forth, back and
forth.
So if you were a robot, a repeat loop must be written to
brush your teeth.
So this means when we want to perform the same task
again and again, we use the repeat the loop.
Another advantage of the repeat loop is that we don’t
have to write the same code again and again, we just
need to write the code once and put this code inside the
repeat loop block.

You just have to specify how many times you want to

repeat the code inside the block.
eg.Here

Repeat 3 Times as we have 3 staircases

1. Student Activity
2-CREATING ART

2.

3.

Encourage the student to

Always remember, A computer reads the code line by answer.
line in sequence and hence the lesser the number of

© 2022 - BYJU’S Future School.

Note: This document is the original copyright of BYJU’S Future School.
Please don't share, download or copy this file without permission.
9
code lines, the lesser the instructions for the Solution
computer to read and execute the program. We can
save writing similar line of code using repeat blocks

In Loops you will find repeat loop

Student Activity
3-CREATING ART

Again, if you want, you can write down the algorithm on

the paper first.

© 2022 - BYJU’S Future School.

Note: This document is the original copyright of BYJU’S Future School.
Please don't share, download or copy this file without permission.
10
 Solution 3

Now this time, try not to write the algorithm, but just have
it in your mind and then write the code for it

Can you think about an algorithm to draw the alphabet

‘H’?
Great, now that you have an algorithm in your mind let’s
write a code according to your algorithm. Student Activity
4-CREATING ART

© 2022 - BYJU’S Future School.

Note: This document is the original copyright of BYJU’S Future School.
Please don't share, download or copy this file without permission.
11
 Solution 4

Now let's try to complete this kite you will have to guess
the right algorithm and then code.

Student Activity

© 2022 - BYJU’S Future School.

Note: This document is the original copyright of BYJU’S Future School.
Please don't share, download or copy this file without permission.
12
 5-CREATING ART

Solution 5

Can you see that there are gaps between the lines
that need to be drawn

The jump block moves the artist without drawing or

leaving a trail. Let's learn how to use the jump block to
draw a dashed line on this road. Remember to think
algorithmically before coding.

Student Activity
© 2022 - BYJU’S Future School.
Note: This document is the original copyright of BYJU’S Future School.
Please don't share, download or copy this file without permission.
13
 6-CREATING ART
Solution 6

Wow! You are so good at thinking in algorithms .

NOTE: Call the parent to inform them about My profile application creation starting
from the next class. Script and context for the same is mentioned below:

© 2022 - BYJU’S Future School.

Note: This document is the original copyright of BYJU’S Future School.
Please don't share, download or copy this file without permission.
14
<Begin by greeting the parent> Teacher asks the student to
I have called you, to inform you that from next class go back to Panel
onwards <student name> will start creating mobile
applications using the MIT platform.
MIT ( Massachusetts Institute of Technology ) platform is
a visual programming environment originally provided by
Google and now maintained by Massachusetts Institute
of Technology. This platform allows users to build fully
functional apps for smartphones and tablets.
Run Student Module Activity
1 and showcase My Profile
App that they will be building
in the next few classes.

In the upcoming classes <student name> will be making

this beautiful My Profile App using some coding
knowledge <student name> will be building this
application.

So for testing this application <student name> will require

an android phone.
If possible please arrange one for <student name>
and download MIT AI2 companion application(Link has
been provided in Student-Reference-Activity-1).
If not possible then please install the NOX emulator which
is a 3rd party emulator testing MIT applications on
<student name> system.
The process is very simple the required videos are given
in Student-Reference-Activity-2
If the parent asks that they
have only an IOS device and
why can’t they test on it. So
ask them to arrange android
phone is possible, and also
inform them MIT is not yet

© 2022 - BYJU’S Future School.

Note: This document is the original copyright of BYJU’S Future School.
Please don't share, download or copy this file without permission.
15
 completely compatible with
IOS once it is completely
compatible, the apps which
<student name> will create
will work on both android and
IOS devices

NOTE: If the parent is not able to join then:

- Inform the student about the same
- Ask the student to call their parents in the next
class.
- If you can connect to the parent personally
then drop a message about the same to them.

Teacher Guides Student to Stop Screen Share

WRAP UP SESSION - 5 Mins

Teacher starts slideshow from slides 31 to 35.

Refer to speaker notes and follow the instructions on each slide.

FUN STUDENT ACTIVITY

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

Student Initiates Screen Share

Shall we begin? Student Activity 7-AI DJ

WEBAPP

Before opening this website,

© 2022 - BYJU’S Future School.

Note: This document is the original copyright of BYJU’S Future School.
Please don't share, download or copy this file without permission.
16
 close the webcam from all other
websites where the camera is
used, and then open this
website.

Ask the student to open the link

When you open the website, it will ask you to give for student activity 7.
permission to access the webcam. Please allow it.

Step 1: Start the DJ.

● Click on the Play button.

Did you recognize this music? Which movie’s

theme song is it?

Let the student respond.

Indeed! It is a Harry Potter theme.

You seem to be enjoying this!

Step 2: Control the volume of the music.

● Move your left hand down/up to increase/decrease

the volume of the music.
● Move your right hand down/up to
decrease/increase the speed of the music.

© 2022 - BYJU’S Future School.

Note: This document is the original copyright of BYJU’S Future School.
Please don't share, download or copy this file without permission.
17
You see, in this application, left and right hand wrist
locations are detected.

These detected locations are highlighted using red dots

on the screen.

These locations on the canvas are used to adjust the

volume and speed of the music respectively.

Isn’t it amazing?

Are you wondering how this happens?

Well, the DJ application is capturing our hand movements

using the Artificial Intelligence (AI) techniques in order to
adjust the volume and speed of sound. Just like an
intelligent human can sense the up/down movement, so
can this Artificial Intelligent DJ App.

Great!

© 2022 - BYJU’S Future School.

Note: This document is the original copyright of BYJU’S Future School.
Please don't share, download or copy this file without permission.
18
Let’s move ahead.

Student Stops Screen Share

DID YOU KNOW, UPCOMING CLASS, AND PROJECT POINTERS - 5 Mins

Teacher starts slideshow from slide 36 to 38.

Refer to speaker notes and follow the instructions on each slide.

Project Name: RULED PAGES Note: You can assign the

project to the student in
Goal of the Project:
class itself by clicking on
Today, you learned about algorithms and also understood the Assign Project button
how following a specific order is very helpful in which is available under
successfully running a program. the projects tab.
In this project, you have to practice and apply what you
have learned in the class and draw horizontal lines and a Open the Project Solution
single vertical margin on a blank canvas to create a ruled link and demo the project to
page. the student

Story:

You have accidentally bought blank A4 papers, but your

school assignment requires ruled pages. The lines you
draw by hand may be uneven or slanted. You cannot go
out to buy ruled papers now.

But your computer coding skills may save you this time!
You create an app that is designed to create a ruled page
so that you can take a printout and use it for your
assignment.

Can you create this app?

© 2022 - BYJU’S Future School.

Note: This document is the original copyright of BYJU’S Future School.
Please don't share, download or copy this file without permission.
19
The project will take only 30 minutes to finish. You
can try and finish it immediately after this class.

I am very excited to see your project solution and I know

you both will do really well.

Bye Bye!

NOTE: If the teacher has time like 3-4 minutes, the teacher should quickly help the
student to download NOX emulator.

Revision and upcoming classes

Teacher starts slideshow from slides 39 - 45.

Refer to speaker notes and follow the instructions on each slide.

Teacher Clicks

Additional Activities

Teacher starts slideshow from slides 46 - 51.

Refer to speaker notes and follow the instructions on each slide.

STUDENT ADDITIONAL ACTIVITY

Student Initiates Screen Share

Additional Activity
You can try some more challenging activities. 1-CREATING ART

Can you think about an algorithm to draw alphabet ‘E’,

© 2022 - BYJU’S Future School.

Note: This document is the original copyright of BYJU’S Future School.
Please don't share, download or copy this file without permission.
20
Great now that you have algorithm in your mind lets write
a code according to your algorithm

Solution A1

Can you think about an algorithm to draw alphabet ‘P’,

Great now that you have algorithm in your mind lets

write a code according to your algorithm

Additional Activity
2-CREATING ART

© 2022 - BYJU’S Future School.

Note: This document is the original copyright of BYJU’S Future School.
Please don't share, download or copy this file without permission.
21
 Solution A2

Help the artist to complete the square. Click on remix

and start

Additional Activity 3-
COMPLETE SQUARE 1

Required output -

© 2022 - BYJU’S Future School.

Note: This document is the original copyright of BYJU’S Future School.
Please don't share, download or copy this file without permission.
22
While coding, to turn left or right, we use angle to move.

Degrees are the amount you want to turn.

For example: You are facing east to enjoy the sunrise and your friend is coming from
North direction and says “Hi”, you will have to turn 90 degrees to see your friend and
shake his hand.

East (E), West (W), North (N), South (S) these 4 directions are exactly 90 degrees apart
from each other.

When you turn one complete circle we say you have turned 360 degrees. like the earth
rotates one complete rotation in 24 hours so we say the earth turns 360 degrees in 24
hours.

© 2022 - BYJU’S Future School.

Note: This document is the original copyright of BYJU’S Future School.
Please don't share, download or copy this file without permission.
23
Jump block: This block lets you jump to any position on the screen without drawing
anything. Jump to horizontal position over vertical position. As you know this screen
has 400 pixels width and 400 pixels height. We will use the jump block to check the
position of the artist on screen. You can try changing the number until you get the
artist to the exact position.

Solution AA 3:

© 2022 - BYJU’S Future School.

Note: This document is the original copyright of BYJU’S Future School.
Please don't share, download or copy this file without permission.
24
 Help the artist to complete the Additional Activity 4-
square COMPLETE SQUARE 2

Required output:

© 2022 - BYJU’S Future School.

Note: This document is the original copyright of BYJU’S Future School.
Please don't share, download or copy this file without permission.
25
Solution for AA 4

© 2022 - BYJU’S Future School.

Note: This document is the original copyright of BYJU’S Future School.
Please don't share, download or copy this file without permission.
26
 Activity No. Name of the Link
Activity

Teacher Activity 1 CREATING ART https://studio.code.org/s/express-2022/lessons/4/levels/3

?redirect_warning=true

Teacher Activity 2 CREATING ART https://studio.code.org/s/express-2022/lessons/4/levels/4

?redirect_warning=true

Teacher Activity 3 CREATING ART https://studio.code.org/s/express-2022/lessons/4/levels/2

Teacher Reference MIT TEACHER https://docs.google.com/document/d/e/2PACX-1vTSVSo

Activity 1 GUIDE oc99svDx4SinvfenhP7QjytqupcivM-XuY-WwOshBUp6W
aeQJvDCtyKFit7EeMRS2Lax9Ztsr/pub

Student Activity 1 CREATING ART https://studio.code.org/projects/artist/rRYNQEBvcaEeVz

WA5SgqMX-txf6fGT4-3yz1hQ8DkjY

Student Activity 2 CREATING ART https://studio.code.org/s/express-2022/lessons/4/levels/8

?redirect_warning=true

Student Activity 3 CREATING ART https://studio.code.org/s/express-2022/lessons/4/levels/2

Student Activity 4 CREATING ART https://studio.code.org/s/course2/stage/4/puzzle/7?id=73

933

Student Activity 5 CREATING ART https://studio.code.org/s/course2/stage/4/puzzle/4

Student Activity 6 CREATING ART https://studio.code.org/s/course2/lessons/4/extras?id=17

3490

Student Activity 7 AI DJ WEBAPP https://mahdihat791.github.io/Ai-DJ/

Student Module MY PROFILE https://drive.google.com/file/d/1uvHbXZaqoVKgPetLNR1

Activity 1 APP DEMO xozJ1W4MOHNNv/view?usp=sharing

Student Reference MIT AI2 https://play.google.com/store/apps/details?id=edu.mit.ap

© 2022 - BYJU’S Future School.

Note: This document is the original copyright of BYJU’S Future School.
Please don't share, download or copy this file without permission.
27
Activity 1 Companion App pinventor.aicompanion3&hl=en_IN&gl=US
DOWNLOAD

Student Reference NOX STUDENT https://docs.google.com/document/d/e/2PACX-1vQ99Fa-

Activity 2 GUIDE L4Fy-j5apoqW82zj4ZvVWOXvAgjX4e3lWpZFHEaHqLx9
b3kUqNuIKavG1CK4KCm5mT098Oyl/pub

Additional Activity 1 CREATING ART https://studio.code.org/s/express-2022/lessons/4/levels/2

Additional Activity 2 CREATING ART https://studio.code.org/s/express-2022/lessons/4/levels/2

Additional Activity 3 COMPLETE https://studio.code.org/projects/artist/cNrxKp1Wc63Y5E

SQUARE 1 OukBQQ6M0PsmW1SRF8J0PT1ZJ7wWs/view

Additional Activity 4 COMPLETE https://studio.code.org/projects/artist/DCZUV5sZdRBa8H

SQUARE 2 KJVNGwDoKhjsia2wmiIWU6nyY4g74/view

PRACTICE PRACTICE https://studio.code.org/s/frozen/stage/1/puzzle/1

ACTIVITY 1

PRACTICE PRACTICE https://studio.code.org/s/frozen/stage/1/puzzle/2

ACTIVITY 2

PRACTICE PRACTICE https://studio.code.org/s/frozen/stage/1/puzzle/3

ACTIVITY 3

REFERENCE REFERENCE https://www.youtube.com/watch?v=H1-paxNG4kw

VIDEO 1

Project Solution Ruled Pages https://studio.code.org/projects/artist/MT5Lvu_GLYDYTH

bm8eqYLSJ0snhpP8EfMku_p7XkWP8

Teacher Reference Visual aid link https://s3-whjr-curriculum-uploads.whjr.online/5a481f99-b

Visual aid link ca3-4acd-8ee9-12093a3474eb.html

Teacher Reference In-class quiz https://s3-whjr-curriculum-uploads.whjr.online/

In-class quiz
b43938ed-a1d3-4d53-8a5f-3ff0c8d86a9e.pdf

© 2022 - BYJU’S Future School.

Note: This document is the original copyright of BYJU’S Future School.
Please don't share, download or copy this file without permission.
28
© 2022 - BYJU’S Future School.
Note: This document is the original copyright of BYJU’S Future School.
Please don't share, download or copy this file without permission.
29