www.shsph.blogspot.

com

Empowerment
Technologies
QUARTER 2
MODULE

1 Multimedia and ICTs (Part I)

TECHNICAL VOCATIONAL LIVELIHOOD

www.shsph.blogspot.com
Empowerment Technologies – Grade 12
Quarter 2 – Module 1: Multimedia and ICTs (Part I)
First Edition, 2020

Republic Act 8293, Section 176 states that no copyright shall subsist in any
work of the Government of the Philippines. However, prior approval of the
government agency or office wherein the work is created shall be necessary for
exploitation of such work for profit. Such agency or office may, among other things,
impose as a condition the payment of royalties.

Borrowed materials (i.e., songs, stories, poems, pictures, photos, brand

names, trademarks, etc.) included in this module are owned by their respective
copyright holders. Every effort has been exerted to locate and seek permission to use
these materials from their respective copyright owners. The publisher and authors
do not represent nor claim ownership over them.

Published by the Department of Education - Schools Division of Pasig City

Development Team of the Self-Learning Module

Writer: Chirelyn P. Delavega
Editor: Name
Reviewers: Janeth M. Pineda
Illustrator: Name
Layout Artist: Rizza Joy Magno
Management Team: Ma. Evalou Concepcion A. Agustin
OIC-Schools Division Superintendent
Aurelio G. Alfonso EdD
OIC-Assistant Schools Division Superintendent
Victor M. Javeña EdD
Chief, School Governance and Operations Division
Manuel A Laguerta EdD
Chief, Curriculum Implementation Division

Education Program Supervisors

Librada L. Agon EdD (EPP/TLE/TVL/TVE)

Liza A. Alvarez (Science/STEM/SSP)
Bernard R. Balitao (AP/HUMSS)
Joselito E. Calios (English/SPFL/GAS)
Norlyn D. Conde EdD (MAPEH/SPA/SPS/HOPE/A&D/Sports)
Wilma Q. Del Rosario (LRMS/ADM)
Ma. Teresita E. Herrera EdD (Filipino/GAS/Piling Larang)
Perlita M. Ignacio PhD (EsP)
Dulce O. Santos PhD (Kindergarten/MTB-MLE)
Teresita P. Tagulao EdD (Mathematics/ABM)

Printed in the Philippines by Department of Education – Schools Division of

Pasig City
 www.shsph.blogspot.com

Empowerment
Technologies

QUARTER 2

MODULE
1. Rich Content in the Online
1 Environment and the User Experience
2. Web 2.0, Web 3.0 and User
Participation in the Web
www.shsph.blogspot.com
Introductory Message

For the Facilitator:

Welcome to the Empowerment Technologies with Grade 12 Self-Learning

Module on Multimedia and ICTs (Part I)!

This Self-Learning Module was collaboratively designed, developed and

reviewed by educators from the Schools Division Office of Pasig City headed by its
Officer-in-Charge Schools Division Superintendent, Ma. Evalou Concepcion A.
Agustin, in partnership with the City Government of Pasig through its mayor,
Honorable Victor Ma. Regis N. Sotto. The writers utilized the standards set by the K
to 12 Curriculum using the Most Essential Learning Competencies (MELC) in
developing this instructional resource.

This learning material hopes to engage the learners in guided and independent
learning activities at their own pace and time. Further, this also aims to help learners
acquire the needed 21st century skills especially the 5 Cs, namely: Communication,
Collaboration, Creativity, Critical Thinking, and Character while taking into
consideration their needs and circumstances.

In addition to the material in the main text, you will also see this box in the
body of the module:

Notes to the Teacher

This contains helpful tips or strategies that
will help you in guiding the learners.

As a facilitator you are expected to orient the learners on how to use this
module. You also need to keep track of the learners' progress while allowing them to
manage their own learning. Moreover, you are expected to encourage and assist the
learners as they do the tasks included in the module.
www.shsph.blogspot.com
For the Learner:

Welcome to the Empowerment Technologies Self-Learning Module on

Multimedia and ICTs (Part I)!

This module was designed to provide you with fun and meaningful
opportunities for guided and independent learning at your own pace and time. You
will be enabled to process the contents of the learning material while being an active
learner.

This module has the following parts and corresponding icons:

Expectations - This points to the set of knowledge and skills

that you will learn after completing the module.

Pretest - This measures your prior knowledge about the lesson

at hand.

Recap - This part of the module provides a review of concepts

and skills that you already know about a previous lesson.

Lesson - This section discusses the topic in the module.

Activities - This is a set of activities that you need to perform.

Wrap-Up - This section summarizes the concepts and

application of the lesson.

Valuing - This part integrates a desirable moral value in the

lesson.

Posttest - This measure how much you have learned from the
entire module.
www.shsph.blogspot.com

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.
www.shsph.blogspot.com

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
www.shsph.blogspot.com
“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
www.shsph.blogspot.com
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
www.shsph.blogspot.com
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.

www.shsph.blogspot.com
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.
_________________________________________________________________________
_________________________________________________________________________
_________________________________________________________________________
_________________________________________________________________________
_________________________________________________________________________
www.shsph.blogspot.com

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

___________________________________________________________________
___________________________________________________________________
___________________________________________________________________
___________________________________________________________________
___________________________________________________________________
www.shsph.blogspot.com

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)

www.shsph.blogspot.com

KEY TO CORRECTION

Here are the answers:

References
Yuvienco, Joel. Empowerment Technologies (Student Reader). 1st ed. Pasig
City: Department of Education, 2016.
Innovative Training Works, Inc. Empowerment Technologies. 1st ed. Manila:
Rex Bookstore, 2016.
Strickland, Marta. “The Evolution of Web 3.0.” Powerpoint presentation,
Slideshare. Published on April 24, 2008. Accessed August 19, 2020
https://www.slideshare.net/mstrickland/the-evolution-of-web-30/27-
The_Evolution_to_Web_30Web
Getting, Brian. “Basic Definitions: Web 1.0, Web 2.0, Web 3.0.” Practical
Ecommerce. Published on April 18, 2007. Accessed on August 19, 2020.
https://www.practicalecommerce.com/Basic-Definitions-Web-1-0-Web-
2-0-Web-3-0
Unknown. “5 Elements of the Online User Experience.” Interaction Design
Foundation. Published on 2016. Accessed on August 19, 2020.
https://www.interaction-design.org/literature/article/5-elements-of-the-
online-user-experience
Hingpit, Rosden. “Lesson * Empowerment Technologies.” Powerpoint
presentation. Slideshare. Published on Jan 16, 2018. Accessed on August
19, 2020. https://www.slideshare.net/RosdenHingpit/lesson-8-
empowerment-technologies?fbclid=IwAR1-
YMXcCseyWr3a_YYbFw5jqyCaENE7Vuv4EfBaTu3Crfz0fJDyKreWKkg
Reis, Rick. “The Role of Presence in the Online Environment.” n.d.
Accessed on August 19, 2020.
https://tomprof.stanford.edu/posting/1081#:~:text=The%20online%20e
nvironment%20is%20often,the%20instructor%2C%20and%20the%20con
tent.