scratch course-part1-2023.pdf

Scratch Tutorial
for kids
Doaa Mohey Eldin
PhD researcher
Faculty of computers & Artificial intelligence
Cairo University
1
d.mohey2020@gmail.com
Scratch Tutorial for kids by Doaa Mohey

Agenda
• What is a scratch?
• Lets get Started Scratch!
• Introduction of Scratch
• Discuss the scratch workspace
• Graphics Functions in scratch!
– Create Background
– Create your sprite
– Making Resizing
– Dealing with Pixel
• Examples
• Programming in Scratch!
– Control
– Motions
– Conditions
– Presentation &Sound
– Sensing & Movements
– Variable &Numbers
• Animation in Scratch!
• Time to play!
• Experimental projects
2

What is Scratch?
• Scratch is a free programmable toolkit that
enables kids to create their own games,
interactive art, and animated stories.
• Scratch can allow users share their creations
and innovations via internet.
3

What is Scratch?
• Scratch is the world's largest coding community
and coding language for kids with a simple visual
interface that allows young people to create
digital stories, games and animations.
• Scratch is designed, developed and overseen by
the Scratch Foundation, a non-profit organization.
Scratch promotes computational thinking and
problem-solving skills; creative teaching and
learning; self-expression and collaboration; and
equity in computing.
4

What is Scratch?
• The essential goal of scratch is support kids
become fluent with digital media to draw
their ideas powerful.
• Scratch has many capabilities and
componential ideas to be easier for kids and
help them in starting programming and
graphics programs
5

Lets get Started Scratch !
Offline Download
• https://scratch.mit.edu/download
Working online
• https://scratch.mit.edu/projects/edit
or/?tutorial=getStarted
6
• Scratch is always free and is available in more than 70 languages.
• To open scratch, we can use it as the following,

Introduction of Scratch
• Scratch has become the world's largest coding community for
kids.
• In 2022, Scratch reached more than 100 million registered
users.
• Scratch launched in May of 2007 as a downloadable desktop
application.
7

Discuss the scratch workspace
8
Coding
bar
Workspace
-script area
Stage
screen
layers
Menu bar
Animation
bar
objects
Programming
bar

Part 1
• What is a scratch?
• Lets get Started Scratch!
• Introduction of Scratch
• Discuss the scratch workspace
• Graphics Functions in scratch!
– Create Background
– Create your sprite
– Making Resizing
– Dealing with Pixel
• Examples
9

Graphics Functions in Scratch
1. Create Background
• User can draw Scratch background or change
background properties as color, size, front/back layer.
10

11
Create
background
Create
background
Layer
properties

12

13

2. Create Sprite
• Open the folders for the various sprites categories, by double
clicking on the appropriate one in a library of scratch has many
sprites in a program to make the experiment with it.
• In the animation, you may utilize more than one sprite.
• In addition, any user can draw his own graphical sprite
14

2. Create Sprite
15
Open
available
sprites
sprites
Sprites
properties
Show/hidden
sprites
Changing
Sprites
name

3. Making Resizing
• User makes resizing sprite images or parts of images icons to
be smaller or larger by clicking on the dimensions of icons.
16

3. Making Resizing
17

3. Making Resizing
18
Make
enlargement
for each part
of sprite

3. Making Resizing
19
Make
resizing

3. Making Resizing
20
Minimized
part of
sprite

4. Dealing with Pixel
• A pixel:
– is considered a tiny component that makes up a
picture on a computer or television screen is a
pixel.
– is created through the combination of the words
image and element.
21

22
Dealing
with bitmap

23
Pixels

Part 2
• Programming in Scratch!
– Control
– Motions
– Conditions
– Presentation &Sound
– Sensing & Movements
– Variable &Numbers
• Animation in Scratch!
• Time to play!
• Experimental projects
24

Programming in scratch
25
Controls
Motions
Events
Sounds
Sensing
Variables
Looks

• Scratch coding is a visual programming language in which you
have to drag and drop blocks of code and attach them in a way
user connects a jigsaw puzzle.
• Scratch is a free educational website developed by MIT that
provides a great way to learn to code early.
26

• User can make drag and drop or left double click on block to
apply the animation on workspace.
• There is a presentation button to convert the vision into
presentation mode, and cancel it with press Esc button
27

- Event
• Events: the condition of order potions
28
Events

- Event
• Events: the condition of order potions
29
Events
Motion

- Event
30
Events
Motion

- Event
31
Events
Motion

- Motion
• Now, user can add the turn 20 degrees of detected
block in scratch based on motion code.
32

- Motion
33
Motion

- Motion
34
Events
Motion

- Motion
35
Events
Motion
Go
Stop

- Motion
36
Events
Motion
Go
Stop

- Motion
37

- Looks
38
Events
Motion

- Presentation looks
39
Events
Motion

- looks
40
Events
looks

- Control
• Control is:
– the following programming buttons category:
– this is very significant category due to detect number of
times an event happens (how many, how long of happened
event, when time of happed event).
– is a conditional statements are mutually entitled "if
statements: or "if-else" statements
41

- Control
42

- Control
43

- Control
44

- Sound
45

- Sound
Scratch Tutorial for kids by Doaa Mohey 46

- Sound

- Sensing
49

- Sensing
50

- Sensing
51

- Sensing
52

- Sensing

- Numbers
54

- Numbers
55

- Numbers
56

- Numbers
57

- Numbers
58

- Variables
59

- Variables
60

- Variables
61

Animation in scratch
62

Time to play
63

Experimental projects
• Tasks
• Create a game
• Create a story
• Create controls
64

d.mohey2020@gmail.com
65

scratch course-part1-2023.pdf

More Related Content

What's hot

Similar to scratch course-part1-2023.pdf

More from Doaa Mohey Eldin

Recently uploaded

scratch course-part1-2023.pdf