Activity 1-

Activity 2-
Activity 3-
Gauge-

NAME: _______________________________ SCORE:

____________________
GRADE AND SECTION: _______________PARENT’S SIGNATURE:
__________________
DATE SUBMITTED: ______________________

11
Quarter 4|Module 3
Collaborative Development of ICT Content
(Part 2) & Multimedia and Interactivity
 Welcome to the Empowerment Technologies with Grade 11 Self-
Learning Module on Collaborative Development of ICT Content (Part 2) and
Multimedia and Interactivity!

Learning Competency:

 Explore the principles of interactivity and rich content in the context of

Web 2.0 and the participation of the user in the online experience.

 Share anecdotes of how he/she has used ICTs to be part of a social

movement, change, or cause to illustrate aspects of digital citizenship

 Analyze how target or intended users and audiences are expected to

respond to the proposed ICT Project for Social Change on the basis of
content, value, and user experience.

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

A. understood the principles of the rich media content in the

context of Web 2.0 and participation of the user in the online
experience;
B. assessed a Web 2.0 web page; and
C. appreciated the importance of integrating rich media content on
the website.
D. Summarize the concept of multimedia, its categories, its
elements and forms;
E. Recognize and label the multimedia on your chosen website;
and
F. Conceptualize a way to promote an advocacy through a
multimedia.
To achieve the objectives cited above, you are to do the following:
• Take your time reading the lessons carefully.
• Follow the directions and/or instructions in the activities and
exercises diligently.
• Answer all the given tests and exercises.
• If you encounter any difficulty in answering the tasks in this module,
do not hesitate to consult your teacher or facilitator. Always bear in
mind that you are not alone. We hope that through this material, you

2
 will experience meaningful learning and gain a deep understanding of
the relevant competencies. You can do it!

ACTIVITY 1
.

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

3
LESSON

WEB 2.0, WEB 3.0 AND USER PARTICIPATION

IN THE WEB
Do you remember these three evolutions of the web?
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 communities focused on the

focused on companies
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

4
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

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

6
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
Digital image that is
Characters representation played back It is some
It is a set of at speeds of sort of
used to of non-textual
graphics that 15 to 30
construct material, such rhythm,
generate an frames per
sentences, as impression of voice or
phrases, and illustrations, second and some other
motion.
paragraphs. charts or provides the sound.
photographs. illusion of
continuous

7
 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.etesda.gov.ph

8
 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 ➢ It can be expensive.
interactive.
➢ Too muck makes it
 It is flexible.
 It can be used for a wide unpractical.
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

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

Step 3: A dialogue box with options will

appear. Click theCopy linkbutton.
Step 4: Click the
Embedbutton and paste
the copied URL.
Step5: Click theInsertbutton.

Step 6: Click the

Preview button for
checking.

10
 ACTIVITY 2 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?

___________________________________________________________________________

___________________________________________________________________________

___________________________________________________________________________
___________________________________________________________________________

Good job on answering your activity, do your best to answer your

performance task on the next page.!

11
 PERFORMANCE TASK NO. 2
Name: ___________________________ Section: _______________
Date: __________________
Accomplish this activity for your performance no. 2.

ACTIVITY 3 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 or send it to your teacher via messenger.

12
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.
_________________________________________________________________________
_________________________________________________________________________
_________________________________________________________________________
_________________________________________________________________________

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

14
 Answer Key

Here are the answers:

ACTIVITY 1
1. f
2. c
3. a
GAUGE 4. e
1. Interactivity has two categories: linear and non- 5. b
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
ACTIVITY 1
share button at the top of the video.
1. GAMES
4. One of the advantages of the multimedia is that it
2. MUSIC
is expensive.
3. VIDEO
5. The text do not create a word. 4. PODCAST
5. COURSEWARE

15
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-
theonline-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 -
8empowerment-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.
The Audiopedia. “What is Interactivity? What does Interactivity mean?
Interactivity meaning, definition, and explanation.” Posted on March 25,
2017. video, 7:30, https://www.youtube.com/watch?v=t4UhpcAjfpo

The Audiopedia. “What is Multimedia? What does multimedia mean?

Multimedia meaning, definition & explanation.” Posted on August 17,
2016. video, 2:03, https://www.youtube.com/watch?v=xtZYZNIcajo

16