Empowerment

Technologies
QUARTER 4
LESSON

1 Multimedia and ICTs

TECHNICAL VOCATIONAL LIVELIHOOD

 EXPECTATIONS

At the end of the learning period, the students shall have:

1. understood the principles of the rich media content in the context of
Web 2.0 and participation of the user in the online experience;
2. assessed a Web 2.0 web page; and
3. appreciated the importance of integrating rich media content on the
website.

PRETEST

Directions: Match each term to its best definition.

A B
a. characterized on the basis of how the person
___1. Rich Content
experiences and perceives something specific
b. other users can contribute to content of the
___2. User Experience
website through comments

c. the overall experience of a person using a product

___3. Online such as a website or computer application,
Environment especially in terms of how easy or pleasing it is to
use.

d. the ability to contribute content and interact with

___4. Semantic Web
other web users.
___5. User
e. a component of Web 3.0
Participation
f. consists of different media formats (sound, video
and images) used at same time and place.
 RECAP

Directions: Name the images shown in the box below.

the situation of two or more people working

together to create or achieve the same
thing. - Cambridge Dictionary

is a website that contains information from

different sources and places them in one
location in a uniform way.

LESSON

WEB 2.0, WEB 3.0 AND USER PARTICIPATION IN THE WEB

Do you remember these three evolutions of the web?

Based on our previous lesson, web 1.0, 2.0, and 3.0

are theoretical concepts that define the problems that
developers, as well as users, could face and tackle.

It all began with Web 1.0, which defined the web as read-
only. It concentrated on content that was mainly owned by
the companies. In 1996, it started from 45 million global
user and eventually grew 1 billion + global users in 2016
when Web 1.0 eventually evolved into Web 2.0. At this state, its focused more
on the community and the contents were from shared information. Due to the
dynamic characteristic, Web 2.0 was described as “the wildly read-write web.”
Unlike the two, the Web 3.0 is best described as a “read-write-execute” and
“the portable personal web.” It focused more on the individual and the
consolidated dynamic content.

WEB 1.0 WEB 2.0 WEB 3.0

“the mostly read only “the wildly read-write “the portable personal
web” web” web”
focused on focused on the
focused on companies
communities individual
home pages blogs lifestream
consolidating dynamic
owning content sharing content
content
HTML, portals XML, RSS the semantic web
widgets, drag & drop
web forms web applications
mashups
user behavior
directories (taxonomy) tagging (folksonomy)
(“me-onomy”)
Netscape Google iGoogle, NetVibes
page views cost per click user engagement
advertising word of mouth advertainment

The image shows the differences of the three

These three terms are very different from each other, but they have one thing
in common: user participation. This term was mentioned in the module 2 as
one of the features of Web 2.0. It is defined as “the owner of the website is not
the only one who is able to post content; others are able to post content of
their own by means of feedback, reviews and evaluations.”

RICH CONTENT IN THE ONLINE ENVIRONMENT AND USER

EXPERIENCE

An active participation of the user is a good sign that the website has a rich
media content. These media contents used advanced technology that allows
advanced animations and/or supports audio/radio for advertising and
communicating immediately for instant user interactions.

These are the examples:

1. YOUTUBE
- To attract and keep an audience, this platform maximizes its rich media
content to show what they valued the most; freedom of expression, freedom
of information, freedom of opportunity and freedom to belong. YouTube
provides the tools where people can freely speak their voices, freely access for
information and education, a chance to discover and build their ventures, and
find communities that shared same interests and passions.

2. FACEBOOK
- Through this social networking site, people freely connect and communicate
with friends and family, easily find communities, and can grow businesses.
Through its rich media content, information may be shared through photos,
videos, messages, and status.

Rich content also influences and modifies the online environment. For website
developers and designers, a well-conceptualized website is a matter of
concern. They are following these elements:

1. USEFULNESS OF THE WEBSITE

The usefulness of a website really depends to the individual who uses it. It is
important to identify the users or target audience to be able to show the
usefulness of the website.

2. ADHERENCE TO FUNCTIONALITY
This is also a challenge to pay attention to accessibility. Integrating rich media
content is not only designed; it must have a function. Failure to view a link
correctly on a specific screen or in a browser is a case of a malfunction. It
greatly affects the user experience and the online environment you are
creating.

3. USABILITY
It is a measure of how simple it is for a user to manipulate the site (especially
for the infrequent or brand-new users) and how convenient it is to use on the
long term (for daily visitors).

4. INFLUENCE
Before, most of the websites developed were Web 1.0, owned by companies,
and serve a commercial purpose such selling products, services,
subscriptions, etc. While it's not more sophisticated than we have now, it
maximizes the functionality of the website for effective advertising to influence
the consumers.

5. VISUAL DESIGN
Aside from the function, rich media content must contribute to the over-all
aesthetic of the website. Integrating rich media content must be placed well
and in strategically places of your websites. It contributes to user experience
and online environment.

When World Wide Web started, it has 45 million global users only, but when
it evolved into Web 2.0, the number of the users got higher. It shows that
having a rich media content gives a different effect on the user experience and
creates a great online environment.

ACTIVITIES

ACTIVITY I: EVALUATING WEB PAGES

In this activity, the learner will choose one website (attach a screen capture
of the home page your chosen website) and evaluate it using the criteria below.
Website Name: ___________________________________________________________
URL: _____________________________________________________________________

Paste here a screen capture.

On the scale 1-10, evaluate the features of the site carefully. Afterward,
write a comment or two as to why you rated certain criteria a certain
value.
Scale Point Criterion: Comment:
Overall look of the
website
Does it look professional?

Navigation
Is the navigation easy to
use? Do the links work?

Content
Does it have relevant
content? Is the information
adequate?

Correctness
Is the site free from
errors?

Images
Are there images that are
related to the site? Are they
displayed correctly?

Customer
Experience
Does the site offer several
ways to contact the
owners?

Write the strengths and weaknesses of the website.

_________________________________________________________________________
_________________________________________________________________________
_________________________________________________________________________
_________________________________________________________________________
_________________________________________________________________________

Write the features that should be present and the features that should
be removed from the website.
_________________________________________________________________________
_________________________________________________________________________
_________________________________________________________________________
_________________________________________________________________________
_________________________________________________________________________
 WRAP-UP

Direction: Explain the organizational chart below based on what you

understand from the lesson

User Participation
Web 1.0 Web 2.0 Web 3.0
"the mostly read "the wildly read- "the portable
only web" write web" personal web"
___________________________________________________________________
___________________________________________________________________
___________________________________________________________________
___________________________________________________________________
___________________________________________________________________

Online
Rich User
Environment Experience
Content

___________________________________________________________________
___________________________________________________________________
___________________________________________________________________
___________________________________________________________________
___________________________________________________________________
 VALUING

Why is it important to create an online environment that is close to the

one we currently have?
___________________________________________________________________________
___________________________________________________________________________
___________________________________________________________________________
___________________________________________________________________________
___________________________________________________________________________
___________________________________________________________________________
There are some websites that does not employ web 2.0 features. Do you
think these websites must upgrade or not? Why?
___________________________________________________________________________
___________________________________________________________________________
___________________________________________________________________________
___________________________________________________________________________
___________________________________________________________________________
___________________________________________________________________________

POSTTEST

Directions: Match column A to column B.

A B
___1. Web 1.0 a. semantic web
b. used advanced technology of immediate user
___2. Web 2.0
interaction

___3. Web 3.0 c. the quality or state of being usable

___4. Rich Media

d. 1 billion + global user (2016)
Content

___5. Usability e. the links must be functional

f. 45 million global user (1996)

 Empowerment
Technologies
QUARTER 4
LESSON

2 Multimedia and Interactivity

TECHNICAL VOCATIONAL LIVELIHOOD

 EXPECTATIONS

At the end of the lesson, students should be able to:

A. Summarize the concept of multimedia, its categories, its elements and
forms;
B. Recognize and label the multimedia on your chosen website; and
C. Conceptualize a way to promote an advocacy through a multimedia.

PRETEST

Directions: Arrange the letters to form the correct word.

ANSWER SCRAMBLED LETTERS EXAMPLE

Fireboy and Watergirl from

_______________1. SEMAG Y8.com

______________ 2. SUMIC Sangay ng Pasig Hymn

_______________3. ODIVE Alex Gonzaga’s Vlog

_______________4. ASTCOPD TED Talks

_______________5. AREWOURCES TESDA.com

RECAP

Directions: Arrange the terms mentioned from our previous lesson.

ANSWER SCRAMBLED LETTERS

___________________________1. IHCR TENTOC
___________________________2. RESU XEPEEEIRNC
___________________________3. OILNNE VIROENNNMET
___________________________4. SMANTEIC EBW
___________________________5. RESU ARTPPICITAION
 LESSON

However, this pandemic hinders us to have a face-

to-face interaction. For M. Scott Peck, all human
interactions are opportunities to learn and to teach.
Thankfully, developers managed to add interactivity
with our web pages.

These days, we could quickly send and receive

messages in several ways, and with that,
we could accomplish the engagement we 're
looking for. However, the interaction may differ
depending on the level:

1. When the reply is not related to previous messages,

it not interactive;
2. it is reactive when the reply is related only to one immediately previous
message; and
3. when the responses were related to a few previous messages and to the
relationship between them, it is interactive.

These messages could not only be transmitted

and received by traditional media such as text,
graphics/drawings and images, but can also
be achieved by multimedia.

Multimedia is any computer information that can be

represented through audio, video, and animation
integrated with any traditional media. This information
can be represented, stored, transmitted and processed
digitally.
These are the basic elements of multimedia:
TEXT GRAPHIC ANIMATION VIDEO AUDIO
A digital
image that is
Digital
played back
Characters representation It is some
It is a set of at speeds of
used to of non-textual sort of
graphics that 15 to 30
construct material, such rhythm,
generate an frames per
sentences, as voice or
impression second and
phrases, and illustrations, some other
of motion. provides the
paragraphs. charts or sound.
illusion of
photographs.
continuous
motion.

It has two categories:

1. linear multimedia – it does not

feature any sort of navigational
abilities and it progresses in
chronological order. It is useful to
transmit a fixed message.

For example: Video presentation

2. non-linear multimedia – it allows free

movement around all aspects of the
multimedia in any order.
For example: Hypermedia like games

Here are the multimedia contents that you can search on certain websites
and link to your own web page:

VIDEO
It is a series of recorded motion picture which are shown on television or
viewed on a screen (Cambridge Dictionary). You can share your self-made
video through video hosting sites such as YouTube.
SOUND, MUSIC, or AUDIO
It is something that you can listen, or that can be heard. For example:
Spotify
ONLINE GAMES
Before we had Mobile Legends, users enjoyed browser-based games like
online games found in Y8.com and Facebook. Browser-based games can be
run and played without installing it in your device.
ONLINE TEST
Online survey forms and tests that automatically display the results when
finished.
You can try: 5 Love Languages and 16 Personalities
COURSEWARE
Online courses that simulate the classroom online. TESDA offers online
courses that can be done at home. Check their website: www.e-
tesda.gov.ph
PODCAST
This term is a combination of of “iPod” and “broadcast”. An episodic series
of digital audio files (or text files) that a user can download to a personal
device for listening (Wikipedia). For example: TED Talks and Ear Biscuits
VODCAST
It is a video stored in a digital form that you can download from the Internet
and play and viewed on a device (Cambridge Dictionary). For example:
YouTube series/shows like Good Mythical Morning, Facebooks live
streaming videos

Here are the advantages and disadvantages of multimedia:

ADVANTAGES DISADVANTAGES
✓ It is very user-friendly. ➢ Information overload
✓ It is multi-sensorial. ➢ It takes time to compile.
✓ It is integrated and interactive. ➢ It can be expensive.
✓ It is flexible. ➢ Too muck makes it unpractical.
✓ It can be used for a wide variety
of audiences.

How to embed YouTube video on your personal

website? One of the multimedia you can embed in your personal website
is a video. It can be your personal video or a YouTube video. Note: For these
procedures, I used YouTube video and Google Site.
Step 1: Search a video you on YouTube website that you want to embed in
your personal website.

Image source: https://www.youtube.com

Step 2: Go to the bottom of the video and click the Share button.

Step 3: A dialogue box with options will

appear. Click the Copy link button.
Step 4: Click the Embed button and paste
the copied URL.
Step 5: Click the Insert button.
Step 6: Click the Preview
button for checking.

ACTIVITIES

ACTIVITY I.
Directions: Encircle the multimedia that has been integrated into your
chosen website. Label multimedia whether it is a linear or non-linear
multimedia unit. For this activity, you will use the screen capture of the
website you used for the activity in Quarter 2, Module 1.
Paste here a screen capture.

ACTIVITY II.
Directions: Improve the home page design by adding at least 2 multimedia
(one per category) content on your drawing. For this activity, use the personal
website design you made from Collaborative Development of ICT Content (Part
I) module. Use short bond paper to redraw your design. You may use any
drawing or coloring materials.

WRAP-UP

Directions: Compose a paragraph summarizing the lesson about multimedia

and how multimedia can achieve interactivity and improve the user
experience.
___________________________________________________________________________
___________________________________________________________________________
___________________________________________________________________________
___________________________________________________________________________
___________________________________________________________________________
___________________________________________________________________________
___________________________________________________________________________
___________________________________________________________________________

VALUING

If you will choose among the multimedia mentioned, what will you use to
promote this advocacy: Stop strand discrimination. We are all equal.

Draw here your design.

What multimedia did you choose?
___________________________________________________________________________
Why did you choose that multimedia?
___________________________________________________________________________
___________________________________________________________________________
___________________________________________________________________________
___________________________________________________________________________
___________________________________________________________________________

POSTTEST

Directions: Underline the error in the statement.

1. Interactivity has two categories: linear and non-linear.
2. Browser-based games must like Farmville and Pet Society need to be
installed in your device.
3. If you want to share a YouTube video, look for the share button at the top
of the video.
4. One of the advantages of the multimedia is that it is expensive.
5. The text do not create a word.
 Empowerment
Technologies
QUARTER 4
LESSON
ICT PROJECT
3

TECHNICAL VOCATIONAL LIVELIHOOD

 EXPECTATIONS
At the end of the lesson, the learner should be able to:
✓ identify the steps in creating website using WIX, an online WYSIWYG (What
You See Is What You Get) editor;
✓ understand the advantages of using online collaborative tools;
✓ enumerate the different roles of contributor; and
✓ collaborate in creating a website.

PRETEST

Answer the following questions by encircling the letter of your choice.

1. What element can be used as web page background?

a. color b. image
c. video d. all of the above
2. What icon gives the user the freedom to move the element front and
back?
a. b.
c. d.
3. Which among the icons below allows the user to copy an element?
a. b.
c. d.
4. Who is this contributor that has complete access to the website but
cannot change the payment information, remove or duplicate the site?
a. admin b. limited admin
c. blog writer d. website manager
5. Which contributor has the ability to write posts but cannot create or
manage categories?
a. admin b. limited admin
c. blog writer d. website manager
 RECAP

What are the important steps to follow in creating website using MS Word.

Step 1:

Step 2:

Step 3:

Step 4:

Step 5:

Step 6:

LESSON

Websites let you market your products online and sell them. When we talk of
products we are not just talking about food, clothes or services, but ideas can
be marketed as well. With the aid of the Internet, websites are wonderful
platform to market your products.

These online WYSIWYG editors are free and for subscription website tools
that are easy to use and accessible over the Internet. Users will enjoy the
various templates, designs, and layouts that are available for use. These
online tools have drag and drop tools to facilitate the creation of web pages
without the need of coding.

Wix.com is one of the most popular web building tools featuring

a WYSIWYG editor, and many businesses and individual use Wix to create
websites. They also give users a range of templates, in addition to allowing
them to access their easy-to-use-editor.
Here are the easy steps to create a website using www.wix.com.

1. Open your web browser and type in the address www.wix.com then press
Enter button. You will be directed to the site’s home page. Click Sign in
button to create your account.

2. The Sign Up/Log In page will appear. Sign up is used for creation of new
account while Log in for existing account. You are given three (3) choices
for the account creation:
✓ Continue with Facebook
✓ Continue with Google
✓ Continue with Apple
Choose whatever is appropriate for you. Please bear in mind that you are
creating a free subscription account, but premium is also available if you
wish to utilize the full service of this online WYSIWYG editor.
3. You will be given several questions to answer. You may answer it or skip
it.

After finishing the questions, this page will emerge. Click Choose a
Template.

Note: ADI stands for Artificial Design Intelligence. It is the first-ever artificial
intelligence that designs a website. But for this lesson, you will have to Choose
a Template so that you can have the freedom to create your own site.

4. Your next step is to choose from the available template the design that you
wish to have for your website. There are different designs to choose from.
For every template, you have the option to either View or Edit it. The View
button allows you to have a quick peek at the overall layout of the template
while the Edit button redirects you to the template’s edit page.
5. Once you are on the Edit page, you can now make the necessary changes
to suit your website’s content.

As you can see, there are plenty of toolbars that you need to get acquainted
to, but don’t be alarmed they are easy to use and understand.

There are several menus on the upper part of the Editor. They are Site,
Setting, Tools, Dev Mode, Help Upgrade. In this module, we will discuss
that which is relevant for a free account.
Switch Page – it allows you to see which page you are working on.

Desktop/Mobile – your website should be accessible on both desktop and

mobile environment. You can click Desktop to edit your website on desktop
mode and click Mobile to edit on mobile environment. This is to ensure
that whatever device the user of your website is using to access your
website, the web page is displayed accurately.

Saved – any changes made in your web page should be saved immediately
for the correction to take effect.

Preview – this enables you to view your site even without publishing.

Publish – saved and finished website can now be accessed over the Internet
once you click this button.
Reminder: Published website can still be edited. Make the necessary
changes on the page that you wish to edit and then save it. In order to
enforce the changes, you have to publish the website again by clicking the
Publish button.

Buttons on the
left side of the
Editor dictates
what can be
incorporated in
your website’s
design.
Menus & Pages – A site menu is an important part of a website. This allows
your visitor to navigate between your pages or sections. This button
enables you to select the page you would like to place the menu button
on.
Background – You can apply color, image or video as background to other
pages on your site.
Add – The Wix Editor contains hundreds customizable elements (i.e.
images, text, shapes, strips, and more) that you can use to create your
site.
Add Apps – More than 300 popular web apps, powerful services and
amazing features fill the Wix App Maket to enhance your website. Most of
the applications are free to use, designed for mobile use and can be linked
to your website with just a few clicks.
Media - The Media Manager includes all the media files, such as images,
videos, audio, docs and vector art, on your website. This also contains
media files that you have uploaded, free Wix media and your purchased
media.
Start Blogging – This button permits you to create blogsite within your
website.
 Editor Toolbar
is the set of
icons on the
right side of the
Editor.

Icon Action Description

Copy Copy an element

Paste Paste an element

Duplicate Duplicate an element

Delete Delete an element

Arrange Move elements forwards or backwards

Align Align elements

Distribute Distribute multiple elements evenly

Match Size Make multiple elements the same size

Rotation Rotate elements

W/H Size Change the width and height of

elements

X/Y Position Accurately position elements using the

X and Y parameters

Show on Show an element on all pages of your

All Pages site
6. Saving and publishing the website will be your last action to make your
website live or accessible over the Internet

Invite Contributor

This is one of the Site Actions that can be utilized by the user of Wix. This
feature allows the owner (creator of the site) of the website to invite other
people to help manage their site. They are called ‘contributors’. Being the
website owner, you have the right to manage all aspects of your site including
inviting contributors and handling their permission. Each invited contributor
must have their own Wix account.

Note: Currently, it is not feasible for more than one contributor

to edit a site at a time. Proper scheduling is desired to ensure
every contributor will be able to fulfill their role.

How do you invite a contributor? You have to go to your account’s dashboard.

There are three ways to do this. If you are in the Edit environment of your
website, go to Site and at the bottom of the list, click Exit Editor. Still in Edit
environment, go to Settings then click My Dashboard. And lastly, you can
Log in to your account and straight away you’ll be directed to your dashboard.

Once you are in your dashboard, look for the specific website that you wish
to be shared to other people. Click Site Action button then choose Invite
Contributor.

The Invite People to This Site page will appear. Type in the email address
of your contributor, choose the assigned Role for them then click Send
Invite. The contributor’s invitation will be sent to their email address and
the recipient must respond by confirming the request.
When you invite a contributor, you choose the role that you assign to them.
As the owner, you have to define the kind of access that a contributor can
have over your website. The key is to identify what type of access that is
relevant to a particular contributor. This role assignment can also be changed
by the owner from time to time.

Below are the general available Roles for Contributor in Wix.

1. Admin
Has complete access to the website but cannot change the payment
information, remove or duplicate the site.
2. Limited Admin
The contributor has full access to the site but cannot change the payment
information, remove or duplicate the file or publish the site.
3. Website Manager
This person can help you create or design your website but has limited
access in your site's dashboard to prevent viewing sensitive and business
information.
4. Limited Website Manager
May edit the site, access the dashboard to monitor site settings and
applications, but the site cannot be published by this person.
5. Back Office Manager
Has the authority to access the dashboard to manage site settings and
apps but cannot change the site. Contributors with this role will be able to
access and manage confidential and business information.
6. Blog Editor
A Blog Editor has full access to every feature in the Blog Manager including
publishing, deleting, and editing blog posts and managing categories but
not other areas of your site.
7. Blog Writer
This contributor can write posts but cannot create or manage categories.
 ACTIVITIES

Activity 1. Website Creation: Collaborative Work Using Wix

1) This is a group activity with five (5) members.
2) Form a group with common interest or hobby such as playing basketball
or online game, cooking, fashion or designing clothes, music, vlogging and
etc.
3) Create a website using Wix and design the site based on your group’s
interest.
4) The website should include two blog posts originally written by the group
members.
5) Templates can be used provided that majority of the images and videos
embedded are self-produced.
6) Link to other related websites should be included in your site’s layout.

Category 20 15 10 12
Web Skills Navigation is Navigation is Navigation Navigation is
clear, properly clear and links contains links missing.
labeled, and work. that do not
links are work.
correct
Content The content is The content is The content is The content
complete and clear and somewhat has
has links to complete. complete. incomplete
related information.
information.
Correctness The output is The output The output The output
free from contains has several contains many
errors. minimal errors. errors.
errors.
Layout and Appearance Appearance is Layout is Layout is not
Design looks organized and inefficient for organized.
professional. consistent. readers.
Images Images have a Images are Some images No images or
strong relation related to the are related to images are not
to the website website. the website. related.
and most are
self-produced.
 WRAP-UP

1. What are the benefits of using an online collaborative tool such as

www.wix.com?

2. Enumerate the Roles of Contributors in Wix.

a.
b.
c.
d.
e.
f.
g.

VALUING

Between MS Word and Wix, which application do you prefer and why?
Place your answer here:
 POSTTEST

Answer the following questions by encircling the letter of your choice.

1. What is the command button that permits copying of element?

a. b.
c. d.
2. Who is this person that has complete access to the website but cannot
make changes on the payment information, remove or duplicate the site?
a. admin b. limited admin
c. blog writer d. website manager
3. What element is used to design the web page background?
a. color b. image
c. video d. all of the above
4. Who is this contributor that can post things but cannot make or manage
categories?
a. admin b. limited admin
c. blog writer d. website manager
5. What is this icon that allows elements to move backwards and forwards?
a. b.
c. d.
 Empowerment
Technologies
QUARTER 4
LESSON Online Platforms for
4 ICT Content Development (Google Slides)

TECHNICAL VOCATIONAL LIVELIHOOD

 EXPECTATIONS
At the end of the lesson, the learner should be able to:
✓ explain the function of Google Slide;
✓ enumerate the steps in creating presentation material using Google Slide;
✓ create a presentation material using Google Slide; and
✓ discuss the relevance of using Google Slide as an alternate presentation
tool.

PRETEST

Answer the following questions by encircling the letter of your choice.

1. It is an online presentation application that allows you create and format

presentations and collaborate with other people.
a. Google Doc b. Google Form
c. Google Sheet d. Google Slide
2. This step allows you to build a presentation material using Google Slide.
a. Add slide transitions b. Create a presentation
c. Edit and format a d. Share and work with others
presentation
3. Among the choices, which is not included in editing and formatting a
presentation?
a. Add, duplicate, & delete a b. Change animations and
slide transitions
c. Insert a text box or object d. Share with specific people
4. Although Google Slide is an online application which was developed by
Google, this file format is generally compatible with what Microsoft
application?
a. MS Access b. MS Excel
c. MS PowerPoint d. MS Word
5. If you share your presentation material created in Google Slide to a non-
Gmail account, what kind of file access can be granted to that person?
a. Edit b. Comment
c. View d. Comment and View
 RECAP

What makes Google Form an example of cloud computing application?

LESSON

Google Slides is an online presentation app that lets you create and format
presentations and work with other people. This application allows you to build
your presentation materials right in your web browser, there is no special
software required. But it is important to know that this app is compatible with
Microsoft PowerPoint file formats.

Before you can create a slide presentation using Google Slide, you must have
a Gmail account if none you should create one first.

Figure 1: https://docs.google.com/presentation/u/1/?tgif=d

How to create a presentation using Google Slide

Step 1: Create a presentation
To create a new presentation:
 1. Open the Slides home screen at slides.google.com.
2. In the top left, under "Start a new presentation," click New . This will
create and open your new presentation. You can also create new
presentations from the URL https://slides.google.com/create.

Figure 2: https://docs.google.com/presentation/u/1/?tgif=d

Step 2: Edit and format a presentation

You can add, edit, or format text, images, or videos in a presentation.
▪ Insert a text box or object
1. On your computer, open a presentation in Google Slides.
2. Go to the slide where you want to add a text box or object.
3. At the top, click Insert.
4. Choose what you want to add, then click Text box, Image, Shape,
or Line.
5. The object will get added to the slide and you can arrange or format
it however you want.

Figure 3: https://docs.google.com/presentation/d/1eiAPiBp-iSbimiWjmnOM9bwZjiRhcl4gFJLqHYEtxgs/edit#slide=id.p
 ▪ Add, duplicate, & delete a slide
Insert a slide:
To add a slide with the same layout as the current slide:
1. On your computer, open a presentation in Google Slides.
2. In the top left, click New slide .
To add a slide with a different layout:
1. On your computer, open a presentation in Google Slides.
2. In the top left, click New slide with layout .
3. Choose a slide.

▪ Animate text or images

1. On your computer, open a presentation in Google Slides.
2. Click the text or image you want to animate.
3. Click Insert Animation.

Add slide transitions

1. On your computer, open a presentation in Google Slides.
2. On the left, click the slide you want to transition to.
3. Click Slide Change transition.

Change animations and transitions

When you add new animations, they are automatically set to "fade in."
You can change transitions and animations in the panel on the right.
1. On your computer, open a presentation in Google Slides.
2. Click View Animations.
3. Click the animation you want to change.
4. To change the speed of the animation, drag the slider.
5. To animate lists one line at a time, check the box next to "By
paragraph."
Note: Not all animations will work when viewing the presentation in
some browsers.

Step 3: Share and work with others

You can share files and folders with people and choose whether they
can view, edit, or comment on them.
Step 1: Find the file you want to share
Share a single file
1. On a computer, go to Google Drive, Docs, Sheets, or Slides.
2. Click the file you want to share.
3. Click Share or Share .
 Figure 4: https://docs.google.com/presentation/d/1eiAPiBp-iSbimiWjmnOM9bwZjiRhcl4gFJLqHYEtxgs/edit#slide=id.p

Step 2: Choose who to share with & how they can use your file
Share with specific people
1. Select the file you want to share.
2. Click Share or Share .
3. Under "Share with people and groups," enter the email address
you want to share with.
• Important: If you share with an email address that isn’t a
Google Account, they can only view the file.
4. To change what people can do to your doc, on the right, click
the setting icon Viewer, Commenter, or Editor.
5. Choose to notify people.
• If you want to notify people that you shared a doc with
them, check the box next to Notify people. Remember, each
email address you enter will be included in the email.
• If you don't want to notify people, uncheck the box.

Figure 5: https://docs.google.com/presentation/d/1eiAPiBp-iSbimiWjmnOM9bwZjiRhcl4gFJLqHYEtxgs/edit#slide=id.p

6. Click Share or Send.

 ACTIVITIES

Activity 1. Create a Creative Presentation Material about YOURSELF Using Google Slides.

• Your name, contact info, wix website, social media

• Short bio or favorite quotation
• Career timeline/Careee Goals
• Main achievements (preferably quantifiable)
• Awards, accolades, and other types of recognition (if applicable)
• Something more personal — an interest, hobby, aspiration.
After this, you must embed the link of your Google Slide to your Wix Website.
The criteria for the said activity are as follows:

Criteria Points
Apply key points in creating effective presentation (this was
previously discussed in your PowerPoint lesson):
✓ Minimize – keep slide counts to a minimum to maintain a
clear message
✓ Clarity – avoid using fancy fonts that makes presentation
40
material difficult to read
✓ Simplicity – use bullets or short sentences
✓ Visuals – use graphics to help in your presentation
✓ Consistency – design is uniform
✓ Contrast – use light font on dark background or vice versa
✓ Themes – suitable Google Slide theme was applied 20

✓ Animation – relevant animation was used 20

✓ Shared with fellow student – share with at least four students

with a setting to viewer and commenter only; and share with 20
your subject teacher as well with a setting to editor
 WRAP-UP

1. Explain the function of Google Slide.

2. List down the steps in creating presentation material using Google Slide.
Step 1:

Step 2:

Step 3:

VALUING

In three sentences, discuss the significance of using Google Slide as an

alternate presentation tool.
Place your answer here:
 POSTTEST

Answer the following questions by encircling the letter of your choice.

1. Although Google Slide is an online application which was developed by

Google, this file format is generally compatible with what Microsoft
application?
a. MS Access b. MS Excel
c. MS PowerPoint d. MS Word
2. It is an online presentation application that allows you create and format
presentations and collaborate with other people.
a. Google Doc b. Google Form
c. Google Sheet d. Google Slide
3. If you share your presentation material created in Google Slide to a non-
Gmail account, what kind of file access can be granted to that person?
a. Edit b. Comment
c. View d. Comment and View
4. This step allows you to build a presentation material using Google Slide.
a. Add slide transitions b. Create a presentation
c. Edit and format a d. Share and work with others
presentation
5. Among the choices, which is not included in editing and formatting a
presentation?
a. Add, duplicate, & delete a b. Change animations and
slide transitions
c. Insert a text box or object d. Share with specific people