Saint Vincent Institute

Poblacion, Maribojoc
S.Y. 2020 - 2021

Name: ________________________ Year and Section: _________________ Date: ___________ Score: _______

COMPUTER TECHNOLOGY 10
FIRST QUARTER: (WEEK ONE)
Lesson 1: What is Scratch?
CONCEPT NOTES
BRIEF HISTORY
When we trace the history of the Massachusetts Institute of Technology (MIT), a private research university in Cambridge,
we see that it has been their mission to contribute to the education in computing.
In 1967, the LOGO programming language was born through geniuses Daniel G. Bobrow, Wally Feurzeig, Seymour Papert,
and Cynthia Solomon. LOGO allows a child to control the movement (Move and turn commands) of “turtle graphics,” which are
blocks of program commands. Their study revealed that a child can learn the principle of geometry by playing with the movable
turtle graphics objects.
With the contribution of LOGO programming in children’s learning, MIT continued the development of LOGO by
introducing StarLogo, which uses graphical blocks to represent commands. Once again, it had improved the programmer’s
productivity which gave the opportunity for children to start programming in their early years.
The 30 years of involvement of MIT in computer programming in education led to another revolutionary ICT tool. The
MIT Media Lab’s Lifelong Kindergarten Group developed SCRATCH, which funded by the US National Science Foundation (NSF).

SCRATCH
The name “SCRATCH” came from the techniques used by
disc jockeys, otherwise known as DJs or deejays, to produce
funky sound effects. To create scratch audio, a DJ spins a vinyl
record back and forth and the sound created is mixed with the
music. Similarly, you can mix graphics and audios when
programming in Scratch. Sounds cool, right?

Scratch is also called the “Youtube of Interactive Media”

because you can create your own stories, games, and
animations and share them on the Scratch Website wherein
members of the community can respond by commenting
constructively. Feedback serves to boost confidence and
encourages users to create even more projects.

Three Core Design Principles for Scratch

More Tinkerable. Scratch has the same look and feel as Lego
bricks when children attempt to tinker and construct
structures out of the bricks. Scratch uses graphical “programming blocks” to create a program.

More Meaningful. Real-life activities are the most successful tools in learning which is why Scratch supports different themes for
stories, games, animations, and simulations which can be customized in projects.

More Social. Collaboration/sharing is embedded in the scratch user interface which allows members to supporting another,
collaborate with each other, and critique each other’s work.

Word Bank

Scratch – a drag-and-drop-programming language used for making program rich in visuals

Tinkering - Repairing, adjusting, or work with something in an unskilled or experimental.

Activity #1

SELF-CHECK

Identify the word or phrase being asked in the following statements.

_______1. Used in LOGO programming that allows a child to control the movement of an image.
_______2. The original programming language which uses graphical blocks to represent commands.
_______3. A person who creates sound using a vinyl record that mixes with music.
_______4. The group that developed Scratch Programming.
_______5. It is also called the Youtube of Interactive Media.
_______6. Repairing, adjusting, or work with something in an unskilled or experimental.
_______7. Year LOGO programming was born.
_______8. Came from the techniques used by disc jockeys or deejays.
_______9. The number of years MIT being a part in computer programming in education.
_______10. More tinkerable, more meaningful, and __________ are the three core design principles for Scratch.

Activity #2

If you are going to create your own project using Scratch, what content vehicle will you choose? Choose only one and briefly explain
your choice below.

ANIMATIO
STORIES GAMES N

(You can visit this website for your guide; https://scratch.mit.edu )

______________________________________________________________
STORIE
S ______________________________________________________________

______________________________________________________________

______________________________________________________________
GAMES
______________________________________________________________

______________________________________________________________

______________________________________________________________
ANIMATION ______________________________________________________________

______________________________________________________________

ACTIVITY #3

Reflect Upon

1. How different is Scratch from other programming language?

__________________________________________________________________________________________________________

__________________________________________________________________________________________________________

__________________________________________________________________________________________________________

2. Why is it important for children at your age to learn how to program?

__________________________________________________________________________________________________________

__________________________________________________________________________________________________________

__________________________________________________________________________________________________________

3. Do you think you can convince a friend to try out Scratch

__________________________________________________________________________________________________________

__________________________________________________________________________________________________________

__________________________________________________________________________________________________________

ACTIVITY #4

Concept Web. Write down words you think are related to scratch after having a brief history and overview. Make a short summary
of understanding on the topic.

S C R A T C H

SUMMARY OF THE LESSON

Saint Vincent Institute

Poblacion, Maribojoc
S.Y. 2020 - 2021

Name: ________________________ Year and Section: _________________ Date: ___________ Score: _______

COMPUTER TECHNOLOGY 10
FIRST QUARTER: (WEEK TWO)
Lesson 2: Look and Feel of the Scratch Environment
CONCEPT NOTES
MIT has already released two versions of Scratch. The first version was released to the public on January 8, 2007 followed
by four more in a series. Scratch 1.4 was succeeded by Scratch 2.0 after four years.
Scratch 2.0 was officially released on May 9, 2013. This version allowed direct editing from the web browser, be it in an
online or offline editor.
In order for Scratch to run smoothly, you need to run it with the following system requirements:
 Windows, Mac, or Linux (32 bit) operating system
 Adobe Air version 2.6+ (already included when you download Scratch)
 Over 23 MB of free hard drive space

SCRIPTS TAB***
MENU BAR STAGE* CURSOR TOOLS

BLOCKS PALETTE
SPRITE LIST** SCRIPTS AREA

TIPS WINDOW

When launching the application, you should see a single window divided into 3 major panes:

*Top Left (STAGE)

**Bottom Left (SPRITE LIST)

***Right (SCRIPTS TAB) which is composed of the Blocks Tab and Scripts Area. Tabs also contain the Costumes and Sounds. If
you are using an online editor, you can see the Backpack at the bottom right which allows you to share your project and recycle
existing sprites and scripts.

STAGE

The Stage is where the sprites are drawn, move, and interact. It is similar to a graphical paper wherein each box is
considered as 1 step. There are 480 steps horizontally and 360 steps vertically. During the start of your project, the sprite is in step 0
or (0,0) coordinates.

y 3
x
 Untitled-6 4
180
2
1

x
-240 (0, 0) 240 x

-180

1. Presentation mode Icon allows you to hide all scripts and scripts and other tools. The stage is zoomed-in for better
appreciation. Try to press the icon and observe what happens. If you want to go back to the original mode, click the Zoom
Out button or press the ESC key.

2. Project Name is only available in the online editor. You can edit the box and this lets you see the name of the current
project.

3. Green Flag, when clicked, will start your program

4. Stop, when clicked, will start your program.

5. Mouse (x,y) Display Area is located at the bottom part of the Stage where you can see the coordinates of the mouse position.

5
1
6
2

7 3 4
8

SPRITE LIST
When you are starting a new project, Sprite List shows all the names and thumbnails for the sprites in your project. By
default, a cat-costumed sprite is provided for new projects.

1. Thumbnail for the Stage allows you to see the background image for the Stage. By default, it’s a plain white backdrop.

2. Sprite Library gives you the option to change the sprite according to the category and theme of your project.
 Sprite Library

3. Paint Editor lets you draw your own costume. If you can draw using Paint. Net then you will have no difficulty in using the Paint
Editor which utilizes vector and bitmap graphics.

Paint Editor

4. Upload Sprite allows you to upload or import sprite from any local file.

5. Sprite from Camera allows you to get a new sprite directly from the camera connected to your computer.

6. Thumbnail for Sprite is a display of an active sprite which is highlighted with a light blue border. Each sprite has three properties:
scripts, costumes, and sounds. You can access the properties by a single click on the thumbnail or a double click on the Stage.

1
2
3
4

Sprite Properties

When you right-click the thumbnail, different sprite options will displayed:

1 – info shows the sprite information

2 – duplicate allows you to copy the highlighted sprite with a different name
3 – delete allows you to delete a sprite from your project

4 – save to local file allows you to save or store a sprite to a sprite file on your computer

5 – hide allows a sprite to be visible or not

7. Sprite Information shows the attributes of a selected sprite. You can also change the name of the sprite in this option.

1
Click this icon 2

4
3

6
5

Sprite information will be shown

1 – edit box is located at the top, allowing you to change the sprite’s name.

2 – x and y values shows the current position of the sprite.

3 – sprite direction displays the direction of the sprite. You can drag the blue line in a clockwise or counter-clockwise direction.

4 – rotation style consist of three buttons: Rotate, Left-right flip, and No rotate. These buttons are used when you went to control the
costume appearance as the direction changes.

5 – can drag in player is a checkbox that directs whether or not the sprite can be dragged in Presentation mode.

6 – show is another checkbox that allows you to show/hide the sprite at the program design time.

8. New backdrop buttons allow you to choose, create, upload, or take a shot directly from your camera to set as a new background.

BLANKS TAB

Blocks Tab
1 Current Category is highlighted

2 !0 Basic Scratch Blocks Pallete Categories

3 available blocks in the current category

Activity #1

Identify, draw and describe the icons in the following statements.

1 SPRITE LIBRARY 3 CURSOR TOOLS 5 PAINT EDITOR

2 PRESENTATION MODE ICON 4 UPLOAD SPRITE

Activity #2

Answer the following questions directly.

1. What is a stage?

2. What are the following system requirements for scratch to run smoothly?

3. What are the two versions of scratch released by MIT?

4. When launching the scratch application, you should see a single window divided into 3 major panes. What are these panes?

5. What is the function of Paint Editor?

Activity #3

We already know the two versions of Scratch released by MIT but we have a few overview on these versions. Research some
information related to the two versions and compare the two versions.

SCRATCH 1.4

SCRATCH 2.0
Activity #4

Answer these questions.

1. How would you describe the environment of Scratch?

2. As soon-to-be “Scratcher” do you like the idea of using Scratch? Why or why not?