G1_Block Coding I by Uolo

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

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

Coding

Block-based Coding Exploring code.org

Solve Jigsaw Puzzles 2 Commands and Sequences

Command Sequence

Tour to Puzzle Code Studio 3 Loops

Loop

Repeat Loop Appendix A

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

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.

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/

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

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

Observe the missing part Observe the missing part of the elephant in the Workspace.

CODE_ORG CODING BOOKLET_LO_ED.indb 6

Block Coding I

02-Feb-23 2:45:08 PM

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

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

Observe the house Observe the house image to be made in the Workspace.

CODE_ORG CODING BOOKLET_LO_ED.indb 8

Block Coding I

02-Feb-23 2:45:09 PM

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

02-Feb-23 2:45:09 PM

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.

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

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.

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

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.

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

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

CODE_ORG CODING BOOKLET_LO_ED.indb 18

ü/û

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

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

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.

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

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

02-Feb-23 2:45:26 PM

2. Tick mark the correct answer.

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

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

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.

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

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.

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

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.

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

02-Feb-23 2:45:28 PM

Solution 1

Read the instruction

Observe the image Observe the image and think in which direction you need to go to collect all the gems.

Collect the gems Every time we go east we need to collect the gem.

CODE_ORG CODING BOOKLET_LO_ED_Ch03.indd 38

Block Coding I

06-Feb-23 1:07:26 PM

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

06-Feb-23 1:07:26 PM

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.

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

02-Feb-23 2:45:28 PM

Solution 1

Read the instruction

Observe the image Observe the image and think in which directions you need to go to collect all the gems.

Go to east First, we will go east four times

CODE_ORG CODING BOOKLET_LO_ED_Ch03.indd 42

Block Coding I

06-Feb-23 1:07:38 PM

Go to south Below east repeat block put south repeat block

Go to south 3 times

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

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

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.

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.)

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.”

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

02-Feb-23 2:45:31 PM

8. Select the first activity, “Learn to Drag and Drop”, and start doing the activities.

CODE_ORG CODING BOOKLET_LO_ED.indb 50

Block Coding I

02-Feb-23 2:45:31 PM

Block Coding l

Special features • Illustrative approach: Concepts in coding and computer science are delivered through pictorial representations and learner-friendly approaches.

Explore more

Singapore

Gurugram

Tekie_Block_Coding-1_Cover_BL.indd All Pages

Bengaluru

hello@uolo.com

NEP 2020 aligned

Digital coding platform included 02/02/23 4:31 PM