About this book This coding book is supplementary to the main “Mel n Conji” content book. This book represents a 21st-century approach to learning coding concepts and developing computational thinking and problem-solving skills. To prepare students for the digital age, the curriculum is interwoven with well-thought-out concept graduation with real-life examples and practice problems.
Block Coding l
Special features • Illustrative approach: Concepts in coding and computer science are delivered through pictorial representations and learner-friendly approaches.
• Learning through real-life examples: Age-appropriate examples that enable learners to relate to the concept and learn about the unknown from the known. • Extensive practice: Multiple practice scenarios to reinforce learnings. • Coding Challenges: Includes projects through which learners can demonstrate their learning outcomes in coding and computer science.
Explore more
About Uolo UOLO partners with K12 schools to bring technology-based learning programs. We believe pedagogy and technology must come together to deliver scalable learning experiences that generate measurable outcomes. UOLO is trusted by over 8,000 schools with more than 3 million learners across India, South East Asia, and the Middle East.
Singapore
Gurugram
Tekie_Block_Coding-1_Cover_BL.indd All Pages
Bengaluru
hello@uolo.com
© 2023 UOLO EdTech Pvt. Ltd. All rights reserved.
NEP 2020 aligned
Digital coding platform included 02/02/23 4:31 PM
Computer Science
CODE_ORG CODING BOOKLET_LO_ED_FM.indd 1
03-Feb-23 3:13:07 PM
Contents 1
Introduction to Coding
1
Coding
Block-based Coding Exploring code.org
Solve Jigsaw Puzzles 2 Commands and Sequences
13
Command Sequence
Tour to Puzzle Code Studio 3 Loops
25
Loop
Repeat Loop Appendix A
47
iii
CODE_ORG CODING BOOKLET_LO_ED.indb 3
02-Feb-23 2:45:06 PM
CODE_ORG CODING BOOKLET_LO_ED.indb 4
02-Feb-23 2:45:06 PM
Chapter 1
Introduction to Coding Can you read the talk bubbles in the picture below?
Yes. Then you know English. Can you read the talk bubbles in this picture too?
No. This is because we do not know all these languages. 1
CODE_ORG CODING BOOKLET_LO_ED.indb 1
02-Feb-23 2:45:06 PM
We must know the same language to communicate with each other. As you know, a computer is a machine. A machine cannot understand our languages. So how can we make a computer do a task for us? We must learn a language that computers can understand too. We can use that language to tell the computer its tasks. These languages are called computer languages. Coding is telling the computer its task in a computer language. With coding, we can make a computer do a task for us. Additionally, learning coding helps us to: 1. Think and ask questions. 2. Understand problems. 3. Think of solutions. 4. Solve problems in many ways. 5. Break down a bigger problem into smaller ones to solve it easily. 6. Learn how to decide what to do in different situations. 7. Learn how to decide what to do and when. 2
CODE_ORG CODING BOOKLET_LO_ED.indb 2
Block Coding I
02-Feb-23 2:45:07 PM
What Coding Language Should We Learn? We must start with block-based coding to learn how to code.
But, Why? Using block-based coding, we can: 1. Easily remember the colour-coded code blocks. 2. Code with a simple drag-and-drop method. 3. Code without worrying about the rules of the language. 4. Be future-ready. 5. Learn to code while having fun. 6. Express ourselves by making digital cards or apps.
Chapter 1 • Introduction to Coding
CODE_ORG CODING BOOKLET_LO_ED.indb 3
3
02-Feb-23 2:45:07 PM
Block-Based Coding Block-based coding is visual programming. In this, we use colourful blocks. These colourful blocks are the instructions. We use them to make the computer do a task. In 2003, MIT introduced the first block coding language.
In block-based coding, you join blocks just like Lego. Exploring Code.org It’s time to start the coding journey. We will be learning block-based coding on a platform called Code.org. Code.org is an educational platform where we learn to code.
4
CODE_ORG CODING BOOKLET_LO_ED.indb 4
Block Coding I
02-Feb-23 2:45:08 PM
Let’s explore the platform. Follow the steps given below to sign in to the platform. 1
Go to Code.org Open chrome. Type in the link below in the address bar. https://code.org/
2
Sign into Code.org Click on Sign in button. Sign in using an existing Gmail account or by creating a new one.
Note: You can also use your parents’ email ID. Ask your teacher or parent to help you sign in.
Chapter 1 • Introduction to Coding
CODE_ORG CODING BOOKLET_LO_ED.indb 5
5
02-Feb-23 2:45:08 PM
Solve the Jigsaw Puzzle Puzzle 1 Complete the picture of the elephant. To open the activity Open chrome. Type the link given below in the address bar. https://bit.ly/elephant-e Ask your teacher or parent to help you. 1
Read the instruction Instructions Arrange the blocks to form the image
2
Observe the missing part Observe the missing part of the elephant in the Workspace.
6
CODE_ORG CODING BOOKLET_LO_ED.indb 6
Block Coding I
02-Feb-23 2:45:08 PM
3
Place the missing part Left click the missing part.
Hold the button and drag the picture block to complete the picture.
Once the puzzle is complete, a sound will be played. You will also see a message as shown below.
Chapter 1 • Introduction to Coding
CODE_ORG CODING BOOKLET_LO_ED.indb 7
7
02-Feb-23 2:45:09 PM
Puzzle 2 Make a picture of the house with the given picture blocks. To open the activity Open chrome. Type the link given below in the address bar. https://bit.ly/house-h Ask your teacher or parent to help you. 1
Read the instruction Instructions Arrange the blocks to form the image
2
Observe the house Observe the house image to be made in the Workspace.
8
CODE_ORG CODING BOOKLET_LO_ED.indb 8
Block Coding I
02-Feb-23 2:45:09 PM
3
Place the missing part Left click the missing part.
Hold the button and drag the picture block to complete the picture.
Chapter 1 • Introduction to Coding
CODE_ORG CODING BOOKLET_LO_ED.indb 9
9
02-Feb-23 2:45:09 PM
4
Complete the picture Left click the missing part. Hold the button and drag the picture block to complete the picture.
Once the puzzle is complete, a sound will be played. You will also see a message as shown below.
10
CODE_ORG CODING BOOKLET_LO_ED.indb 10
Block Coding I
02-Feb-23 2:45:10 PM
Puzzle-Solving Challenge Make a picture of a computer with the given picture blocks.
To open the activity Open chrome. Type the link given below in the address bar. https://bit.ly/comp-p Ask your teacher or parent to help you.
Chapter 1 • Introduction to Coding
CODE_ORG CODING BOOKLET_LO_ED.indb 11
11
02-Feb-23 2:45:10 PM
CODE_ORG CODING BOOKLET_LO_ED.indb 12
02-Feb-23 2:45:10 PM
Chapter 2
Command and Sequence Command is giving instructions to someone to do something. See the picture below. What instruction is the woman giving to her dog?
Right! The woman is instructing the dog to sit. Similarly, we can give commands to a computer to do a task. In block-based programming, the blocks are the commands. We use the code blocks to give commands to a computer. 13
CODE_ORG CODING BOOKLET_LO_ED.indb 13
02-Feb-23 2:45:11 PM
Commands to turn a computer character in different directions: Block
To turn a character in a direction
North or Up
South or Down
East or Right
West or Left
When we give more than one command in an order, it is called a Sequence.
14
CODE_ORG CODING BOOKLET_LO_ED.indb 14
Block Coding I
02-Feb-23 2:45:11 PM
Practice Number the pictures below in the correct sequence.
Chapter 2 • Command and Sequence
CODE_ORG CODING BOOKLET_LO_ED.indb 15
15
02-Feb-23 2:45:12 PM
Let’s try once again! Number the pictures in the circle before them to put them in the correct sequence.
There is a sequence in every process happening around us.
16
CODE_ORG CODING BOOKLET_LO_ED.indb 16
Block Coding I
02-Feb-23 2:45:12 PM
Have you observed any sequence in your daily life? Let’s look at the journey of a seed becoming a fruit. 1. Take a pot and fill it with soil. 2. Put in the seed and cover it with soil. 3. With proper sunlight and water, it will sprout. 4. After some time it will flower. 5. Then, the fruit comes.
This sequence cannot be changed. The seed will not grow into a plant if the sequence is not followed.
Chapter 2 • Command and Sequence
CODE_ORG CODING BOOKLET_LO_ED.indb 17
17
02-Feb-23 2:45:13 PM
Practice 1. Tick (ü) the set of pictures which are in the correct sequence. Cross (û) the sets of pictures that are not in the correct sequence. 1
18
CODE_ORG CODING BOOKLET_LO_ED.indb 18
2
3
4
ü/û
Block Coding I
02-Feb-23 2:45:18 PM
2. Number the pictures to put them in the correct sequence.
Chapter 2 • Command and Sequence
CODE_ORG CODING BOOKLET_LO_ED.indb 19
19
02-Feb-23 2:45:20 PM
Tour to Puzzle Code Studio Let us first understand the Puzzle Code Studio. The Puzzle Code Studio includes four main parts, as shown below in the picture.
Play Area
: Where the program will run.
Toolbox
: Holds the blocks needed to solve the puzzle.
Workspace : Where you will drag the blocks from Toolbox to code. Instructions : Step-by-step instructions to solve the puzzle. We need a sequence of steps to do a task. But the sequence can be fixed or flexible. Fixed sequence : There is only one way to do the task. Flexible sequence : There can be more than one way to do the task. 20
CODE_ORG CODING BOOKLET_LO_ED.indb 20
Block Coding I
02-Feb-23 2:45:21 PM
Example Observe the picture below. Is there more than one way to make the angry bird reach the bad pig?
What type of sequence is this? Solution
Fixed Sequence Only one way to do the task.
Chapter 2 • Command and Sequence
CODE_ORG CODING BOOKLET_LO_ED.indb 21
21
02-Feb-23 2:45:22 PM
Example Observe the picture below. Is there more than one way to make the angry bird reach the bad pig?
What type of sequence is this? Solution
Flexible Sequence More than one way to do the task.
22
CODE_ORG CODING BOOKLET_LO_ED.indb 22
Block Coding I
02-Feb-23 2:45:23 PM
Coding Challenge Help the angry bird catch the bad pig. To open the activity Open chrome. Type the link given below in the address bar. https://bit.ly/birdPig Ask your teacher or parent to help you.
Chapter 2 • Command and Sequence
CODE_ORG CODING BOOKLET_LO_ED.indb 23
23
02-Feb-23 2:45:24 PM
CODE_ORG CODING BOOKLET_LO_ED.indb 24
02-Feb-23 2:45:24 PM
Chapter 3
Loops Do you remember when we talked about your school routine?
Wake up
Brush your teeth
Take bath
Wear your uniform
Have your breakfast
Ready for School
We keep following the same routine every day. So we are repeating the same sequence every day. In coding, this kind of repetition is called a loop. 25
CODE_ORG CODING BOOKLET_LO_ED.indb 25
02-Feb-23 2:45:25 PM
Loop is an action of doing something over and over again. Let’s see one more example of a loop. While we swim, we repeat the same actions over and over until we reach the end.
What if you cannot see an end while swimming? You will get tired. It shows that it’s really important to know when to end or stop something. A loop is defined by two things: Something to do over and over again. Know when to stop. 26
CODE_ORG CODING BOOKLET_LO_ED.indb 26
Block Coding I
02-Feb-23 2:45:26 PM
Practice 1. Tick (ü) which picture shows an example of a loop.
Eating chips
Doctor visit
Playing catch
Folding clothes
Chapter 3 • Loops
CODE_ORG CODING BOOKLET_LO_ED.indb 27
27
02-Feb-23 2:45:26 PM
2. Tick mark the correct answer.
28
CODE_ORG CODING BOOKLET_LO_ED.indb 28
Loops
Commands
Sequence
Events
Block Coding I
02-Feb-23 2:45:26 PM
Repeat Loop
Can you clap three times?
To tell someone to clap three times or to say “clap, clap, clap,” - which way do you think is easier?
Chapter 3 • Loops
CODE_ORG CODING BOOKLET_LO_ED.indb 29
29
02-Feb-23 2:45:27 PM
What is simpler to say: Clap three times Or Clap, Clap, Clap?
Clap 3 times
Yes, you are right. If we say clap, clap and clap it will take more time and energy. A good programmer always tries to use the most efficient way. 30
CODE_ORG CODING BOOKLET_LO_ED.indb 30
Block Coding I
02-Feb-23 2:45:27 PM
In such cases, we use repeat loop.
Clap
Repeat
The repeat loop is used if we want to repeat a task certain number of times. Let’s see more examples. Example
1. Observe the picture below. Can you do this by using a repeat loop?
Chapter 3 • Loops
CODE_ORG CODING BOOKLET_LO_ED.indb 31
31
02-Feb-23 2:45:27 PM
Solution
Here we are repeating 5 times west. Here we are satisfying both conditions of the loop: a. We are repeating the west direction. b. We know we need to stop after doing it 5 times.
32
CODE_ORG CODING BOOKLET_LO_ED.indb 32
Block Coding I
02-Feb-23 2:45:27 PM
2. Observe the picture below. What directions do we have to repeat to get the acron?
Chapter 3 • Loops
CODE_ORG CODING BOOKLET_LO_ED.indb 33
33
02-Feb-23 2:45:27 PM
Solution
Here, we have to repeat three directions (east, south and west) four times each to reach the acorn.
34
CODE_ORG CODING BOOKLET_LO_ED.indb 34
Block Coding I
02-Feb-23 2:45:28 PM
Practice Help the Scrat to reach the acorn. To open the activity Open chrome. Type the link given below in the address bar. https://bit.ly/acorn-a1 Ask your teacher or parent to help you. 1. Here you only need to add one block to reach the acorn. Complete the code.
Chapter 3 • Loops
CODE_ORG CODING BOOKLET_LO_ED.indb 35
35
02-Feb-23 2:45:28 PM
2. Use the repeat block to reach the acorn. To open the activity Open chrome. Type the link given below in the address bar. https://bit.ly/acorn-a Ask your teacher or parent to help you.
Let us see one more example.
36
CODE_ORG CODING BOOKLET_LO_ED.indb 36
Block Coding I
02-Feb-23 2:45:28 PM
Example
We need to collect all the gems.
To open the activity Open chrome. Type the link given below in the address bar. https://bit.ly/treasure-t Ask your teacher or parent to help you.
Chapter 3 • Loops
CODE_ORG CODING BOOKLET_LO_ED.indb 37
37
02-Feb-23 2:45:28 PM
Solution 1
Read the instruction
2
Observe the image Observe the image and think in which direction you need to go to collect all the gems.
3
Collect the gems Every time we go east we need to collect the gem.
38
CODE_ORG CODING BOOKLET_LO_ED_Ch03.indd 38
Block Coding I
06-Feb-23 1:07:26 PM
4
Collect all gems We need to do it four times to collect all gems.
Chapter 3 • Loops
CODE_ORG CODING BOOKLET_LO_ED_Ch03.indd 39
39
06-Feb-23 1:07:26 PM
5
Repeat block We can use repeat block to make the code shorter.
There are two ways we can collect gems: without the repeat loop or with the repeat loop. A good programmer will use loops to make the code efficient.
40
CODE_ORG CODING BOOKLET_LO_ED_Ch03.indd 40
Block Coding I
06-Feb-23 1:07:26 PM
Example
2. Observe the picture. Program the character to get all the gems.
To open the activity Open chrome. Type the link given below in the address bar. https://bit.ly/treasure-t2 Ask your teacher or parent to help you.
Chapter 3 • Loops
CODE_ORG CODING BOOKLET_LO_ED.indb 41
41
02-Feb-23 2:45:28 PM
Solution 1
Read the instruction
2
Observe the image Observe the image and think in which directions you need to go to collect all the gems.
3
Go to east First, we will go east four times
42
CODE_ORG CODING BOOKLET_LO_ED_Ch03.indd 42
Block Coding I
06-Feb-23 1:07:38 PM
4
Go to south Below east repeat block put south repeat block
Go to south 3 times
5
Go to west Below south repeat block put west repeat block.
Go to west 5 times.
Chapter 3 • Loops
CODE_ORG CODING BOOKLET_LO_ED.indb 43
43
02-Feb-23 2:45:29 PM
Let’s practice more questions. Practice 1. Observe the picture. Program the character to get all the gems.
To open the activity Open chrome. Type the link given below in the address bar. https://bit.ly/treasure-t3 Ask your teacher or parent to help you. 44
CODE_ORG CODING BOOKLET_LO_ED.indb 44
Block Coding I
02-Feb-23 2:45:29 PM
2. Observe the picture. Program the character to get all the gems.
To open the activity Open chrome. Type the link given below in the address bar. https://bit.ly/treasure-t4 Ask your teacher or parent to help you.
Chapter 3 • Loops
CODE_ORG CODING BOOKLET_LO_ED.indb 45
45
02-Feb-23 2:45:29 PM
Coding Challenge Help the boy collect all the gems. To open the activity Open chrome. Type the link given below in the address bar. https://bit.ly/treasure-t5 Ask your teacher or parent to help you.
46
CODE_ORG CODING BOOKLET_LO_ED.indb 46
Block Coding I
02-Feb-23 2:45:29 PM
Appendix A
Code.org Sign in Steps to Sign in to Code.org 1. Open the browser and type the link code.org.
2. Click on “sign in.”
3. Sign up either using an existing Gmail account or by creating a new one. (You can use your parents’ email ID.)
47
CODE_ORG CODING BOOKLET_LO_ED.indb 47
02-Feb-23 2:45:30 PM
4. It will ask you for details like, “Are you a student or a teacher”? Fill in your details there.
NOTE: Always enter an age of 18 or older; otherwise, you will be unable to access all of the activities. 5. After you sign up, you will see your dashboard. On top, click on “Course Catalog.”
48
CODE_ORG CODING BOOKLET_LO_ED.indb 48
Block Coding I
02-Feb-23 2:45:31 PM
6. Scroll down a little in Grades K–5 and select “K–5 Courses.”
7. Select “Pre-reader Express”.
Appendix A • Code.org Sign in
CODE_ORG CODING BOOKLET_LO_ED.indb 49
49
02-Feb-23 2:45:31 PM
8. Select the first activity, “Learn to Drag and Drop”, and start doing the activities.
50
CODE_ORG CODING BOOKLET_LO_ED.indb 50
Block Coding I
02-Feb-23 2:45:31 PM
About this book This coding book is supplementary to the main “Mel n Conji” content book. This book represents a 21st-century approach to learning coding concepts and developing computational thinking and problem-solving skills. To prepare students for the digital age, the curriculum is interwoven with well-thought-out concept graduation with real-life examples and practice problems.
Block Coding l
Special features • Illustrative approach: Concepts in coding and computer science are delivered through pictorial representations and learner-friendly approaches.
• Learning through real-life examples: Age-appropriate examples that enable learners to relate to the concept and learn about the unknown from the known. • Extensive practice: Multiple practice scenarios to reinforce learnings. • Coding Challenges: Includes projects through which learners can demonstrate their learning outcomes in coding and computer science.
Explore more
About Uolo UOLO partners with K12 schools to bring technology-based learning programs. We believe pedagogy and technology must come together to deliver scalable learning experiences that generate measurable outcomes. UOLO is trusted by over 8,000 schools with more than 3 million learners across India, South East Asia, and the Middle East.
Singapore
Gurugram
Tekie_Block_Coding-1_Cover_BL.indd All Pages
Bengaluru
hello@uolo.com
© 2023 UOLO EdTech Pvt. Ltd. All rights reserved.
NEP 2020 aligned
Digital coding platform included 02/02/23 4:31 PM