Module in MEDIA AND INFORMATION LITERACY Quarter 2

SHS
MEDIA AND INFORMATION

LITERACY
1
MEDIA AND INFORMATION LITERACY
QUARTER 2
Development Team of the Module:

Authors: Rhessie M. Ambion
Editor: Leylanie V. Adao
Reviewer:
Management Team:
Gemma G. Cortez, Ed.D., CID - Chief
Leylanie V. Adao, EPS - LR
SDO Dasmariñas City
Schools Division Superintendent: Celedonio B. Balderas, Jr.
Asst. Schools Division Superintendent: Bernadette T. Luna
Guide in Using Learner’s Module
For the Parents/Guardian

This module is designed to assist you as the learning facilitator at home. It
provides you with activities and lessons’ information that the learners need
to accomplish in a distance learning modality.
For the Learner

This module is designed to guide you in your independent learning
activities at your own pace and time. This also aims to help you acquire
the competencies required by the Department of Education (DepEd) at the
comfort of your home.
You are expected to answer all activities on separate sheets of paper and
submit the outputs to your respective teachers on the time and date
agreed upon.
2
Quarter 2 | Week 1
I What I need to know?

Content Standard: The learner demonstrates understanding of different resources of media
and information, their design principle and elements, and selection criteria.
Essential Learning Competencies: Describe the impact of massive open –online courses.
Learning Outcomes: Compose a 300-word essay discussing the impact of massive open
online courses.
Lesson 8: Current and Future Trends of Media and Information

Good day learners! Today’s lesson focuses on the current and future trends of media
and information. After this lesson you are expected to do the following:
 Describe the impact of massive open-online courses

 Analyze the benefits and challenges of a massive open online course;
 Compose a 300-word essay discussing the impact of massive open-online
courses
D What I know?
Pre-Test
Multiple Choice. Read each question carefully and choose the letter of the correct answer.
Write your answer in a clean sheet of paper.
1. It simply means learning even without being physically present with the teacher.
a. online education b. absent learning
c. distant education d. none
2. MOOC which means Massive Open Online __________, is an innovative, online course
that encourages people to interact with one another in order to share knowledge.
a. course b. content
c. company d. corporation
3. __________ is a new trend where people are given the convenience of literally wearing
their gadgets for multiple purposes.
a. gadget care b. wearable technology
c. interconnectivity d. high-tech clothing
4. The following are benefits of wearable technology except:
a. enhanced social networking b. healthcare monitoring
c. personal safety d. general increased wired connectivity
5. Outputs of 3D pens resemble __________.
a. painting b. sketches
c. embroideries d. sculpture
3
D What is in?
Watch Your Day in 2020
Watch the “Watch Your Day in 2020” video, in Youtube from GetManiatech from
https://www.youtube.com/watch?v=zJUQENC-SVQ
Answer the following guide questions:
• According to the video, what information will you be able to see in the bathroom mirror?
• What will be the features of the appliances in the kitchen and bedroom?
• Do you think these features can make the world better, as the video states?
D What is it?
Read the article “Technology in the 20th Century,” Source:
ichoosetechnology.com.au from http://www.ichoosetechnology.com.au/home/what-is-ict/ict-
in-the-future
Technology in the 20th Century
Many of the technological advances we are seeing today will shape our daily life in
the future – the way we relax, interact, communicate and conduct business. From virtual
worlds, avatar emotions, artificial intelligence, computer generated storytelling and narrative,
interactive 360 holographic images, mixed reality, stress disorder virtual therapies and so
much more. ICT will continue to advance, empower and transform every aspect of our life.
Check out some of these emerging technologies and trends.
•Haptics technology -- Is a feedback technology (using computer applications) that

takes advantage of the user’s sense of touch by applying force, vibrations and/or motions to
the User. Simple haptics is used in game controllers, joysticks and steering wheels and is
becoming more common in Smartphones. Haptics is gaining widespread acceptance as a
key part of virtual reality systems (i.e. computer simulated environments) - adding the sense
of touch to previously visual only solutions. It is also used in virtual arts, such as sound
synthesis, graphic design and animation. There are many possibilities for Haptics to be
applied to gaming, movies, manufacturing, medical, and other industries. Imagine your
doctor operating on your local hospital from his computer in Australia.
•Contextual awareness -- By combining ‘hard sensor’ information such as where you

are and the conditions around you, combined with ‘soft sensors’ such as your calendar, your
social network and past preferences - future devices will constantly learn about who you are
and how you live, work and play. As your devices learn about your life, they can begin to
anticipate your needs. Imagine your PC advising you to leave home 15 minutes early or
take a different route to avoid a traffic jam on your way to work. Consider a “context aware”
remote control that instantly determines who is holding it and automatically selects the Smart
TV preferences for that person.
4
•Voice and tone recognition -- Not only can voice and tone recognition be used to
confirm a person’s identity but tone recognition can be used to detect a person’s health or
emotional state. This technology will open new opportunities in security and healthcare –
with mobile applications.
•Intelligent routing to devices -- This future technology will be useful to, for example,
local councils. While on the move, staff will be able to provide the precise description and
location of a street-based issue using Smartphones and mobile devices that can take photos
and have GPS (global positioning system) support. Intelligent routing will then alert the
responsible team to action.
•Eye tracking technology -- Eye tracking technology measures eye positions and
movements which are analyzed through computer applications. Future laptops,
smartphones and tablets could contain thousands of tiny imaging sensors built into the
display screen. Eye tracking technology could have many possible applications, including:
• Law enforcement – lie detection
• Airport security – identifying suspicious behavior, e.g. to catch terrorists before they
strike
• Retail – recording, monitoring and analyzing consumer behavior to ‘tailor’ marketing
to individuals
• Safety - alerting and awakening a drowsy or distracted driver would save many
lives
• Health care – assisting people with disabilities or paralysis to communicate (laptop)
and improve mobility (electric wheelchair)
• Human-computer interaction – using screen icons and a blink here or a gaze there.
Say goodbye to the mouse and keyboard.
•Internet glasses -- Technology that can display images directly onto our retinas
while
not blocking our sight is being developed. This technology can be used in eyeglasses and
have uses ranging from e-Gaming to military defense. In the next 10-20 years experts
predict that Internet glasses will replace Smartphones. Imagine these viewing experiences:
• Seeing building schematics and locations of others (especially useful for security or
fire fighters)
• Giving a speech while information is streamed to your eyeglasses in real time
• Receiving turn by turn directions as you walk toward your destination
• Viewing virtual recipes while cooking without losing your rhythm
• Walking down the street, seeing one of your friends show up "on screen" 2 blocks
and 1 cafe away.
Massive Open Online Course
Technology constantly offers endless ways to make the lives of people easier. One of
these is the MOOC, which aims to provide quality learning through online interaction. MOOC
is not equivalent to information giving and seeking; it is designed to promote connectedness
among people across countries all over the world. It aims to promote higher education,
workplace connections, and lifelong learning.
Wearable Technology
5
Wearable technology or simply, wearables, is a new trend where people are given
the convenience of literally wearing their gadgets for multiple purposes. Hence, some say
that it serves as the means of being advanced and fashionable at the same time. It’s
popularity is starting to be known by people all over the world.
3D Technology
3D or three dimensional model displays a picture or item in a form that appears to be

physically present with designated structure. It allows items that appeared flat to the human
eye to be displayed in a form that allows dimensions like width, depth and height to be
represented.
Kinds of 3D Technology:
3D Display – 3D movies; 3D Printing – produces three dimensional outputs, which

resemble actual objects; 3D Pens – drawing lines up in the air using a special type of plastic
ink to come up with three-dimensional drawing resembling sculptures.
Ubiquitous Learning
Information is ubiquitous – meaning it can be found almost everywhere. Learning
nowadays is not anymore confined to what is immediately perceived by the senses. Apart
from seeing signages on the roads, hearing conversations of other people, and the like,
learning is now ubiquitous because of technology. Interconnectivity provides access to
everyone, may it be locally or globally. Also, the use of gadgets that bridge people all over
the globe make interconnectivity easy, and learning more accessible.
E What is more?
Activity 8.1.
Part I. Answer the following questions.
1. What are the technological advances discussed in the article?

2. Which ones did you like best?
3. Which ones already exist?
4. Which ones do you think might become a reality next year? Explain your answer.
5. Do you think these technological advances can make communication in life
better?
6. What problems or issues can they solve?
7. What possible issues can you foresee with these technologies? Explain your
answer.
Part II. Read the following interview:
“Innovative humanities MOOC,“ Source: Visualizing Japan,” (Retrieved from

https://news.mit.edu/2015/visualizing-japan-mooc-nominated-for-japan-prize-0925
Answer the following questions:

8. What is MOOC?
6
9. When and where can a student who has enrolled in an MOOC study and submit
projects or answers?
10. Describe “Visualizing Cultures” as a traditional subject. How many students first
enrolled in the course? Why did the professors change the course “Visualizing
Japan” into an MOOC platform? What are its effects? Did it improve its number of
students? How many professors worked on the MOOC subject?
Put your answers in a clean sheet of paper.
E What I can do?

Activity 8.2: MOOC Enrolment
Situation: Your school supports MOOCs. Your MIL teacher encourages you to enroll
in one of the following courses. This course will be credited to your Senior High School
Curriculum which can be helpful in your college or university education.
Task: Fill out this Registration Form. Submit to your output with brief description.
Massive Open Online Registration Form

Name:
Grade:
Email address:
Preferred MOOC:
Brief description about the MOOC:
Course Objectives
Name of Professors/instructors
Give their academic qualifications
State your reasons of enrolling in
the MOOC
Your signature:
Date:
Research on the sample MOOCs below. You may also experience and enroll in one
course you are interested in.
• coursera.org • edx.org
• novoed.com • model.upou.edu.ph
• mooc-list.com
A What I have learned?

Activity 8.3: Essay Writing:
 Compose a 300-word essay discussing the impact of massive open-online

courses.
7
A What I can achieve?
Additional Resources and References

Additional Resources
Hidalgo, C., Mopera, M. (2015). #Media Trends: Importance of New Media Technology to
Modern Filipinos. SalesianaBOOKS by Don Bosco Press, Inc.
Licuanan, P. (2016). Teaching Guide for Senior High School, Media and Information
Literacy. Commission on Higher Education
References
GetMania tech (2015, January 19). Watch Your Day in 2020. Youtube.
https://www.youtube.com/watch?v=zJUQENC-SVQ
Technology in the 20th Century. ichoosetechnology.com.au.

http://www.ichoosetechnology.com.au/home/what-is-ict/ict-in-the-future
Visualizing Japan. Innovative humanities MOOC.

http://news.mit.edu/2015/visualizing-japanmooc-nominated-for-japan-prize-0925)
Quarter 2 | Week 2
Essential Learning Competencies: Discuss the implication of media and information to an

individual and the society
Learning Outcomes: Conduct a report about an issue discussing the implication of media
and information to an individual and the society
Lesson 9: Media and Information Literate Individual
8
Good day learners! This week you will learn about the Media and Information Literate
individual. At the end of this lesson you are expected to do the following:
 Discuss the implication of media and information to an individual and the society by
conducting a report about the present status of MIL in the country and its value to nation
building with a global perspective.
D What I know?
Pre-Test
Multiple Choice: Read each statement carefully and choose the letter of the correct answer.
1. An individual who knows how to use the different computer applications is called
___________.
a. computer literate b. educated c. intelligent d. skilled
2. Looking for a job has become easier and more convenient because you can send the
requirements through ___________.
a. e-mail b. postage mail c. personal delivery d. hand carry
3. With the use of computers, records can be saved electronically, thus, the process
becomes ___________.
a. papers are filed b. paperless c. records are saved d. records not needed
4. Shopping can be very convenient and time saving through ___________.
a. shopping malls b. online shopping c. direct selling d. networking
5. Payment of bills can be done in the convenience of the home through _________.
a. bill collector b. banks c. online payment d. the malls payment center
D What is in?
Lola Techie
Watch the 3-minute video clip about senior citizens who are technology savvy.
SONA: Lola Techie, hinikayat ang bang may edad na tulad niya na maging tech
savvy. Source: GMA News and Public Affairs (2013, June 28).
https://www.youtube.com/watch?v=e7iUOIiB3Zo

• How did the senior citizens in the video use technology and the Internet in their
daily lives?
• How did the government help the senior citizens become more media and
information literate?
• What makes senior citizens, or people in general, media and information literate?
How about your grandparents, or any senior citizens that you personally know, are
they “techie” as Lola Techie. Explain how.
9
D What is it?
Media and Information Literate Individual
A media literate person can decode, evaluate, analyze and produce both print and
electronic media. The fundamental objective of media literacy is critical autonomy
relationship to all media. Emphases in media literacy training range widely, including
informed citizenship, aesthetic appreciation and expression, social advocacy, self-esteem,
and consumer competence.
Improved Quality of Life

Being computer literate, an individual is also media and information literate because
he has access to the different application available in the internet.
Research in the different areas of learning is available in the internet. Media
information is very convenient for a computer literate individual.
Doing everyday activities can also be convenient like online shopping, bank
transactions, payment of bills, applying for a job can be done online.
A person can cook a new recipe by locating the recipes available in the internet.
Doing minor repairs at home can be searched in the internet.
Greater Political Participation

The Philippines has a well prepared Constitution, however, the political situation in
the Philippines has a long way to go. Unless politicians become sincere and competent in
the positions they are handling, economic progress will take a longtime to take effect. Any
literate Filipino can read or hear news in all forms of media, and political picture is not a
cheerful one.
Better Economic Opportunities

A computer literate individual has greater chances to land a job. Many businesses
find paperless transactions faster and more efficient with the use of the new technology.
Media and information become accessible to everyone both local and international so
different job opportunities are generated.
Improved Learning environment

The learning conditions improved with the availability of the new media. The students
are provided with advanced learning opportunities that enable them to adapt to a constantly
changing environment.
More Cohesive Social Units

With the advent of the mobile phones with internet connection and the computer with
internet, communication with members of the family has been easy. Parents can monitor
children. Parents working in other countries can communicate even daily with their families.
Communication within the community has also been easy so barangay leaders and
the police station can easily respond in time of emergencies.
10
Local government, national government, and international media and information are
easily accessible in the homes.
1. Relate your answers to the characteristics of a media literate individual.

• Use the framework of Aufderheide (1992 as cited in Koltay, 2011):
A media literate person can decode, evaluate, analyze and produce both print and
electronic media. The fundamental objective of media literacy is critical autonomy
relationship to all media. Emphases in media literacy training range widely, including
informed citizenship, aesthetic appreciation and expression, social advocacy, self-esteem,
and consumer competence.
2. Understand that there are many technologies that people use for their businesses,
commerce, and communications.
3. Read the article “Social Media in the Philippines is Widespread, but what is its Impact?”. It
can be accessed here: https://asiafoundation.org/2011/10/12/social-media-in-the-philippines-
is-widespread-but-what-is-its-impact/
Answer the following guide questions:
• How did social networking help in the Philippine elections?
• How did the Asia Foundation help the advocacies of some human rights-based
organizations?
• How did USAID and the authors help non-government organizations help in their
advocacies and objectives?
• How did Ardan Sali of the Bangsamoro Center for Just Peace in the Philippines use
social networking in its advocacies?
• What was the purpose of hashtag #WeWantPnoyTo? Do you think it was an
effective tool for awareness and change?
E What is more?
Activity 9.1: Examining Social Media
1. Answer the graphic organizers.
2. Choose a social media network such as Facebook, Twitter, Instagram, etc.
3. Choose any of the following sectors/communities as discussed in the previous lessons:
education, tourism, business, fisher folk, farmers, barangay level, student council, news
company, etc.
4. You need to use key words only. Limit your answers to 3 for the benefits and 3 for the
issues/challenges as well as others, allowing media content to flow across various platforms.
11
E What I can do?
Activity 9.2: The Anxiety Over the Impact of Technology on Children
1. Watch the 3-minute excerpt of the debate (“The Anxiety Over the Impact of Technology on
Children,” viewable here: https://www.youtube.com/watch?v=EheCmXH0jU0)
2. Create a report answering the following questions:

a. What is the stand of Mr. Nicholas Carr on the issue? Is he on the affirmative or on
the negative? What are his arguments?
b. What is the stand of Ms. Genevieve Bell on the issue? Is she on the affirmative or
on the negative? What are her arguments?
c. Do you think elementary school children should be allowed to own smart phones?
Explain.

Activity 9.3: Question and Answer
Answer the question: What are the benefits of being a media and information literate
individual to the society.

References
GMA News and Public Affairs. (2013, June 28). SONA: Lola Techie, hinikayat ang bang may
edad na tulad niya na maging tech savvy. Youtube. https://www.youtube.com/watch?
v=e7iUOIiB3Zo
12
IntelligenceSquared Debates. (2015, May 15). The Impact of Technology on Children ||
Debate Clip || Smart Technology Is Making Us Dumb. Youtube.
https://www.youtube.com/watch?v=EheCmXH0jU0
Tapnio, E., Rood, S. (2011, October 12). Social Media in the Philippines is Widespread, but
what is its Impact?”. Asiafoundation.org. https://asiafoundation.org/2011/10/12/social-
media-in-the-philippines-is-widespread-but-what-is-its-impact/
Quarter 2 | Week 3
Essential Learning Competencies:
 Describe the different dimensions of Text information and media

 Analyze how the different dimensions are formally and informally produced,
organized and disseminated
 Evaluate a creative multimedia form (living museum, electronic portfolio, others)
Learning Outcomes: Produce a creative text-based (typography campaign survey) output.
Lesson 10.1 Text Media and Information
There are different sources of media and information. These are: Text Media, Visual
Media, Audio Media, Motion Media, Manipulative Media and, Multimedia.
Do you often encounter different kinds of text on a daily basis?
How do you interpret these text?
Do they affect you and your perception about things?
Do they generate response and action on your part?
People who live in a society are normally exposed to different kinds of texts offered
by various formats of media. It may include broadsheets, magazines, textbooks and others.
Regardless of the purpose, people are affected by their constant consumption of text
information.
This lesson will focus on how text information and media are related. At the end of
this lesson, you should be able to do the following:
 Identify the basic elements in creating a text-based presentation.
13
organized and disseminated.
 Evaluate the text-based presentation through the design principles and elements.
D What I know?
Pre-Test
D What is in?
Read the following text message:
I am Attorney Robert Limco of Happy Cola Company. Congratulations! Your

SIM card number has been chosen in our raffle draw. You have won 500,000 pesos.
Please give me your bank account number so we can deposit your reward. For more
details, please contact me.
Answer the following question:

• What is the tone of this fraudulent message? (enticing, scary, informative, formal,
encouraging, etc.)
• Why do you think Filipinos fall for this kind of fraudulent or scam text message?
• Do you think that text-based messages are powerful?
D What is it?
Text – a simple and flexible format of presenting information or conveying ideas whether
hand-written, printed or displayed on-screen.
a. Text is very powerful as well in disseminating information, providing direction and
giving suggestions.
b. Text is available in different sources whether it is formal (news articles, published
books, newspapers, magazines, advertisements, research works, etc.) or informal
(blogs, personal e-mails, SMS or text messages, online messengers, social media
platforms, etc).
• Formal text-based materials are created and distributed by established

institutions (such as publishing companies, news agencies, etc.) and go through a
rigorous process of editing or evaluation and are usually governed by censorship of
the state.
14
• Informal text-based materials, on the other hand, come from personal opinions or
views on different issues, processes, etc.
c. Text can be as short such as a single sentence or phrase, or they can be as
lengthy as news articles or investigative reporting. No matter how brief or lengthy,
however, a text is always carefully written with the intent of sending a very specific
message to the target audience.
d. In our exposure to text media and information, we can either be a consumer or a

producer of content. As a consumer, these are the questions that you need to ask
with regards to the content of text media and information:
• Who or what institution is sending this message?

• What techniques are used to attract and hold attention?
• What is the language used by the writer?
• What views are represented? Are they balanced?
• How might the message be interpreted in different ways?
• What is omitted, slurred or added in the message?
e. As a producer of text media and information, we need to review the media and
information design framework: target audience, author or sender, key content,
purpose, form/style and format.
Text as visual
a. Typeface (also called font, font type, or type) refers to the representation or style of
a text in the digital format.
b. A typeface is usually comprised of alphabets, numbers, punctuation marks,

symbols and other special characters. When fonts are installed in the computer, they
usually come in file formats such as True Type Font (.ttf), Open Type Font (.otf), etc.
c. In the absence of images or drawings, text is the easiest way of communicating to

your audience. The use of various font types can express different emotions or
meaning
Types of Typefaces
15
Design principles and elements – the principles in designing text elements are Emphasis,
Appropriateness, Proximity, Alignment, Organization, Repetition and Contrast.
1. Emphasis - refers to the importance or value given to a part of the text-based content.
When trying to make a point or highlighting a message, you can make the text bold,
italicized, have a heavier weight, darkened or lightened (depending on your background
color) or enlarged.
2. Appropriateness - refers to how fitting or suitable the text is used for a specific audience,
purpose or event. In the creation of text-based content, make sure that the selection criteria
(tone, style, purpose, clarity) is followed. As for the choice of typefaces to be used, refer to
the discussion of the characteristics of the fonts. When it comes to large body text, the font
should be clear enough to read.
3. Proximity - refers to how near or how far are the text elements from each other. When
two things are closely related, we bring them close together. Otherwise, we put text
elements far from each other. For example, the main title and subtitle are usually placed
close to each other.
4. Alignment - refers to how the text is positioned in the page. This can be left, right, center
or justified.
5. Organization - refers to a conscious effort to organize the different text elements in a

page. Organization ensures that while some text elements are separated from each other
(based on the principle of proximity), they are still somehow connected with the rest of the
elements in the page. When there are many elements needed to fit in a page, start by
creating a framework or a compartment for the elements. Divide the space by creating lines
across the page, making it look like a cabinet with various space sizes. Once you are done
compartmentalizing, you can place the different text elements on the boxes.
6. Repetition- concerns consistency of elements and the unity of the entire design.
Repetition encourages the use of repeating some typefaces within the page. When several
typefaces are used on a page, it might distract the audience and fail to communicate what
you want them to get from the content. To strike a balance, do not also use just a single
typeface for a visual design product.
7. Contrast- creates visual interest to text elements. Contrast is achieved when two
elements are different from each other. When you place a white text on a very light yellow
background, contrast is not achieved and the text will be difficult to read, but when you put a
white text on a dark brown background, contrast is created. Contrast can be achieved in
various ways, by joining the following elements: large font with a small font, serif and sans
serif, thin elements with thin elements, cool color and warm color.
E What is more?
Activity 10.1.A: Brochure Making
16
Imagine that you work in an advertising firm. Your task is to create a brochure for a
client with specific needs. You may choose from the following topics:
a. Tourism Campaign – This brochure will invite the readers to spend their summer
vacation in your city.
b. Election Campaign – This brochure will promote to the readers a local politician
who will run for mayor in the upcoming election.
c. School Admission – This brochure will advertise to the readers a college/university

in your place.
d. Community Advisory – This brochure will inform the readers about the new policy
for garbage collection schedule and segregation in your community.
Choose one from the topics above and identify the appropriate content for the
brochure based on the Media and Information Design Framework. Provide answers in the
table:
Put your answer in Activity 10.1.A template.
E What I can do?

Activity 10.1.B. Making Typography Posters
17
1. Identify an advocacy or issue that you would like to campaign about through a
typography poster design. The campaign poster will have a statement consisting of 10-20
words.
Poster statement example:
“Let our children learn and play. Keep them in schools. Stop child labor.”
2. Be reminded of the principles of design. Bear in mind the principle of contrast,

make some text elements large or bold while other text elements are thin or small to create
visual interest. You may also use basic shapes, lines, and some symbols in this design
activity.
3. Refer to the MIL Design Framework to give focus and guidance in the planning
phase.
4. You may use a word processor or any other application software which you think is
appropriate for the activity.

Activity 10.1. C. Poster Gallery
Post your output in the Facebook Page which will be given by your teacher. Include a
short reflection answering the following questions:
a. Why did you choose this advocacy or issue for this campaign poster?
b. How effective do you think is your message to your target audience?
Look at the other learners’ Typography poster and “Like” your favorite campaign
poster.
18
Post Test

Media and Information Literacy. (2019, Septemeber 18). Text Information and Media.
Youtube. https://www.youtube.com/watch?v=bKjqd-NKTN0&feature=share
References
Hidalgo, C., Mopera, M. (2015). #Media Trends: Importance of New Media
Technology to Modern Filipinos. SalesianaBOOKS by Don Bosco Press, Inc.
Quarter 2 | Week 4

 Describe the different dimensions of Visual information and media
19
Learning Outcomes: Produce a creative visual-based (infographic) output.
Lesson 10.2: Visual information and media

Now that you already learned about Text Media and Information. Let us now proceed
with the next topic which is Visual media and information. This topic will focus on the
importance of visual information. This kind of information is preferred by many but it is
important to know that like text information, there a re guidelines that have to be considered
in order to achieve its goal of presenting ideas in a more enticing way.
At the end of this lesson, you must be able to:

• Identify the different types of visual content.
• Describe the purposes of visual media and information.
• Analyze the design principles and elements used in a given visual media.
• Critique the effectiveness of visual information.
D What I know?
Pre-Test
1. Which of the following is not a type of visual media?
a. photography b. memes c. video d. podcast
2. Materials, programs, applications and the like that teachers and students use to formulate
new information to aid learning through the use, analysis, evaluation and production of visual
images.
a. Visual media and information b. text media and information
c. audio media and information d. motion media and information
3. Which of the following is not a primary purpose of visual information?
a. facilitate retention b. create meaning
c. become viral d. gain attention
4. The way a surface feels is called _____________.
a. Value b. text c. texture d. line
5. An area that first attracts attention in a composition.
a. harmony b. center of interest c. balance d. movement
D What is in?
Look at the survey results about “The Power of Visual Content” by DemandGen
Report (2014):
a. Forty percent of people will respond better to visual information than plain text.
b. Publishers who use infographics grow in traffic an average of 12% more than
those who don’t.
20
c. Eighty percent of what is seen is retained.
d. Conversions increase by 86
percent when videos are used in a landing
page.
e. Twenty percent of words on a

web page is read by the average user.
f. Landing pages with videos are

40 times more shareable.
What can be concluded about the

importance of visual content based on the
survey results?
NOW, look at the infographic. Do

you think the infographic was a better way
of presenting the results of the survey.
Why? Are there other ways of presenting
the same information?
D What is it?
1. Visual media and information – materials, programs, applications and the like that
teachers and students use to formulate new information to aid learning through the use,
analysis, evaluation and production of visual images.
2. Types of visual media – photography, video, screenshots, infographics, data

visualization (charts and graphs), comic strips/cartoons, memes, visual note-taking, etc
(Give examples of each type and highlight special characteristics of a given type and its
application).
3. Formally and informally produced visual media – visual media produced by formal
organizations such as schools, government, and established media/publishing outfits are
considered formally produced. Other visual media are considered informally produced.
4. Purpose of visual information – the primary purpose of visual information is to gain

attention, create meaning, and facilitate retention.
5. Visual design elements - the building blocks or basic units in the construction of a visual
image. (Show visual media and information that incorporates most of the design elements.
Point out why these elements are important). The Design Elements are:
a. Line – describes a shape or outline. It can create texture and can be thick or thin.
Lines may be actual, implied, vertical, horizontal, diagonal, or contour lines.
b. Shape – usually a geometric area that stands out from the space next to or around
it, or because of differences in value, color, or texture. Shape may also be organic.
21
c. Value – the degree of light and dark in a design. It is the contrast between black
and white and all the tones in between. Value can be used with color as well as black
and white. Contrast is the extreme changes between values.
d. Texture – the way a surface feels or is perceived to feel. Texture can be added to
attract or repel interest to a visual element. Visual texture is the illusion of the
surfaces peaks and valleys, resulting in a feeling of smoothness or roughness in
objects.
e. Color – determined by its hue (name of color), intensity (purity of the hue), and
value (lightness or darkness of hue). Color and color combination can play a large
role in the design. Color may be used for emphasis, or may elicit emotions from
viewers. Color maybe warm, cool, or neutral. It plays a major role in our visual
perception, as it influences our reactions about the world around us. It is therefore
important to create color palettes that evoke the appropriate audience reactions.
Color has three properties.
f. Form – a figure having volume and thickness. An illusion of a 3-dimensional object

can be implied with the use of light and shading. Form can be viewed from many
angles.
6. Visual Design Principles are:
a. Consistency of margins, typeface, typestyle, and colors is necessary, especially

in slide presentations or documents that are more than one page.
22
b. Center of interest – an area that
first attracts attention in a
composition. This area is more
important when compared to the
other objects or elements in a
composition. This can be by
contrast of values, more colors, and
placement in the format.
c. Balance – a feeling of visual

equality in shape, form, value, color, etc. Balance can be symmetrical and evenly
balanced, or asymmetrical and un- evenly balanced. Objects, values, colors,
textures, shapes, forms, etc. can be used in creating balance in a composition.
d. Harmony – brings together a composition with similar units. If for example your
composition was using wavy lines and organic shapes, you would stay with those
types of lines and not put in just one geometric shape. (Notice how similar Harmony
is to Unity - some sources list both terms).
e. Contrast – offers some change in value creating a visual discord in a composition.

Contrast shows the difference between shapes and can be used as a background to
bring objects out and forward in a design. It can also be used to create an area of
emphasis.
f. Directional Movement – a visual flow through the composition. It can be the

suggestion of motion in a design as you move from object to object by way of
placement and position. Directional movement can be created with a value pattern. It
is with the placement of dark and light areas that you can move your attention
through the format.
g. Rhythm – a movement in which some elements recur regularly. Like a dance, it

will have a flow of objects that will seem to be like the beat of music.
h. Perspective – created through the arrangement of objects in two- dimensional

space to look like they appear in real life. Perspective is a learned meaning of the
relationship between different objects seen in space.
E What is more?
23
Activity 10.2. A. Critiquing Visual
1. Look at the visual image:
2. Identify and describe at

least 3 design elements and
3 design principles employed.
3. Evaluate the visual by

filling up the media and
information design framework
worksheet.
4. Submit in Activity 10.2.A

Submission Bin a one-page
written critique of the visual
based on the media and
information design
framework:
E What I can do?
Activity 10.2. B. Making infographics
1. Research facts and figures about a social or ethical issue on media and
information literacy.
24
2. Using any desktop publishing software, create an infographic to show the facts
and figures visually. (Alternatively, if research takes a long time or is not practical, you can
present facts and figures about yourself or topics that you are familiar with instead).
3. In planning for your infographic, accomplish the Media and Information Design
Framework as shown below:
Activity 10.2. C. Reflection
Write a short paragraph about your evaluation of the activity and your own learning
about becoming a media literate person.
25
Post Test
1. Which of the following is not a type of visual media?

a. photography b. memes c. video d. podcast
2. Materials, programs, applications and the like that teachers and students use to formulate
new information to aid learning through the use, analysis, evaluation and production of visual
images.
a. Visual media and information b. text media and information
c. audio media and information d. motion media and information
3. Which of the following is not a primary purpose of visual information?
a. facilitate retention b. create meaning
c. become viral d. gain attention
4. The way a surface feels is called _____________.
a. Value b. text c. texture d. line
5. An area that first attracts attention in a composition.
a. harmony b. center of interest c. balance d. movement

Media and Information Literacy. (2019, September 18). Visual Information and Media.
Youtube. https://www.youtube.com/watch?v=gllofeck1Sc&feature=share
References
My Home.(2018). MyHome-June 2018-Get your Digital Subscription.

https://www.marzter.com/PH/One-Mega-Group,-Inc./MyHome/Home/283402
26
Quarter 2 | Week 5

 Describe the different dimensions of Audio information and media
Learning Outcomes: Produce a creative audio-based (podcast) output.
Lesson 10.3: Audio information and media

After learning about text information and visual information, let us proceed with
another source of information which is Audio information. You are expected to do the
following after this lesson:
 Identify the different types of audio content.

 Describe the purposes of audio media and information.
 Analyze the design principles and elements used in a given audio media.
 Critique the effectiveness of particular audio information.
D What I know?
D What is in?
Watch a video clip of a Charlie Chaplin movie (silent movie) without audio.
Charlie Chaplin. (2017, March 23). Charlie Chaplin – The Lion Cage – Full Scene
(the Circus, 1928).Youtube. https://www.youtube.com/watch?
v=_0a998z_G4g&feature=share
How did you find the experience of watching something without audio?
27
Perhaps you answered, “I was more focused on the film without the audio” - Maybe
we are so used to media that use multiple forms and channels. Audio, if not used well, can
be distracting. That is why it’s important to ensure that the key message and intention are
consistent across the different media that you will use.
You may also answered, “It was boring” - We are not used to singular media
anymore, and that can be a good example of convergence of media and how it is prevalent
in our daily lives. Audio is a powerful tool to set the mood and convey emotions that visuals
can’t.
Play the following samples of audio files for each type.
a. Radio broadcast - live or recorded audio sent through radio waves to reach a wide
audience.
Michael Go. (2014, August 22). Sample Radio News Broadcast. Youtube.
https://www.youtube.com/watch?v=YXda-9hSKD0&feature=share
b. Music - vocal and/or instrumental sounds combined in such a way as to produce beauty
of form, harmony, and expression of emotion. It is composed and performed for many
purposes, ranging from aesthetic pleasure, religious or ceremonial purposes, or as an
entertainment product.
MorningLightMusic. (2018, August 8). Most Happy Background Music For Videos.
Youtube. https://www.youtube.com/watch?v=MU0Yp0qmYEs&feature=share
c. Sound recording - recording of an interview, meeting, or any sound from the

environment.
Sound Shark. (2017, January 24). Bird Sounds Audio Recording Sample. Youtube.
https://www.youtube.com/watch?v=qdaYSep11_c&feature=share
d. Sound clips/effects - any sound, other than music or speech, artificially reproduced to
create an effect in a dramatic presentation, as the sound of a storm or a creaking door.
Shen Mico. (2016, September 21). Horror sound effect. Youtube.

https://www.youtube.com/watch?v=Svc2H3AEeJ4&feature=share
e. Audio Podcast - a digital audio or video file or recording, usually part of a themed series,
that can be downloaded from a website to a media player or computer.
Michael at Podcast Examples. (2015, May 23). Podcast Intro Examples VOLUME 1 –
Intro Machine, Lifehacker, & More!. Youtube. https://www.youtube.com/watch?
v=7K2QlkAvFeg&feature=share
D What is it?
Types and Categories of Audio Information
1. Different samples of audio files.
28
a. Radio broadcast - live or recorded audio sent through radio waves to reach a
wide audience.
b. Music - vocal and/or instrumental sounds combined in such a way as to produce

beauty of form, harmony, and expression of emotion. It is composed and performed
for many purposes, ranging from aesthetic pleasure, religious or ceremonial
purposes, or as an entertainment product.
c. Sound recording - recording of an interview, meeting, or any sound from the

environment.
d. Sound clips/effects - any sound, other than music or speech, artificially

reproduced to create an effect in a dramatic presentation, as the sound of a storm or
a creaking door.
e. Audio Podcast - a digital audio or video file or recording, usually part of a themed
series, that can be downloaded from a website to a media player or computer.
2. Different ways of storing audio media:
a. Tape - magnetic tape on which sound can be recorded.
b. CD - a plastic-fabricated, circular medium for recording, storing, and playing back

audio, video, and computer data.
c. USB drive - an external flash drive, small enough to carry on a key ring, that can
be used with any computer that has a USB port.
d. Memory Card - (aka flash memory card or storage card) is a small storage
medium used to store data such as text, pictures, audio, and video, for use on small,
portable, or remote computing devices.
e. Computer hard drive - secondary storage devices for storing audio files.
f. Internet/Cloud - websites or file repositories for retrieving audio files, and more
precisely the files are stored in some datacenter full of servers that is connected to
the Internet.
3. Different audio file formats:
a. MP3 (MPEG Audio Layer 3) - a common format for consumer audio, as well as a
standard of digital audio compression for the transfer and playback of music on most
digital audio players.
b. M4A/AAC (MPEG-4 Audio/Advanced Audio Coding) - an audio coding standard

for lossy digital audio compression. Designed to be the successor of the MP3 format,
AAC generally achieves better sound quality than MP3 at similar bit rates.
c. WAV - is a Microsoft audio file format standard for storing an audio bitstream on
PCs. It has become a standard file format for game sounds, among others.
d. WMA (Windows Media Audio) - is an audio data compression technology

developed by Microsoft and used with Windows Media Player.
29
Elements and principles of sound design.
a. Elements of Sound Design – the objects or things that we have to work with:
• Dialogue - speech, conversation, voice-over.
• Sound Effects - any sound other than music or dialogue.
• Music - vocal or instrumental sounds (or both) combined in such a way as to

produce beauty of form, harmony, and expression of emotion.
• Silence - absence of audio or sound.
b. Principles of Sound Design – the techniques for combining the different

elements or objects.
• Mixing - the combination, balance and control of multiple sound elements.
• Pace - Time control. Editing. Order of events: linear, non-linear, or multi-linear.
• Transitions - How you get from one segment or element to another. Types of
transitions:
- Segue - one element stops, the next begins ("cut" in film).
- Cross-fade - one element fades out, the next fades in, and they overlap on
the way.
- V-Fade - First element fades to inaudible before the second element begins.
- Fade to Black - V-Fade with some silence between elements.
- Waterfall - As first element fades out, the second element begins at full
volume. Better for voice transitions, than for effects.
• Stereo Imaging - Using left and right channel for depth
E What is more?
Activity 10.3.A. Producing Podcasts
1. Plan to design a podcast about your school, class subject, or a class or school
activity or advocacy.
30
2. As a guide for the podcast planning, answer the questions below (Media and
Information Design Framework). Your task is to create a 5-minute podcast on a
chosen topic using any recording device and computer software.
3. General procedure for creating a podcast:
a. Planning - choosing a topic and answering the guide questions
b. Pre-recording - choosing your equipment and software for recording
c. Creating your Podcast - audio recording and converting to MP3
d. Uploading your Podcast - choosing where to upload through RSS Feed
4. Informing people about the Podcast
5. See attached rubrics for assessment
6. After completing the activity, submit your output (podcast) to the submission bin or
google drive which will be given to you by your teacher.
E What I can do?

Activity 10.3.B. Listening
1. Play at least 5 podcasts from the submission bin.
31
2. Comment or critique the podcast using the rubrics below to assess your
classmates’ output.

Activity 10.3.C. Reflection.
Write a short reflection on what you learned about podcasts, as well as the
importance of sound or audio in media production.

32
References
Michael Go. (2014, August 22). Sample Radio News Broadcast. Youtube.
https://www.youtube.com/watch?v=YXda-9hSKD0&feature=share
Michael at Podcast Examples. (2015, May 23). Podcast Intro Examples VOLUME 1 – Intro
Machine, Lifehacker, & More!. Youtube. https://www.youtube.com/watch?
v=7K2QlkAvFeg&feature=share
MorningLightMusic. (2018, August 8). Most Happy Background Music For Videos. Youtube.
https://www.youtube.com/watch?v=MU0Yp0qmYEs&feature=share
Sound Shark. (2017, January 24). Bird Sounds Audio Recording Sample. Youtube.
https://www.youtube.com/watch?v=qdaYSep11_c&feature=share
Shen Mico. (2016, September 21). Horror sound effect. Youtube.

https://www.youtube.com/watch?v=Svc2H3AEeJ4&feature=share
Quarter 2 | Week 6

 Describe the different dimensions of Motion information and media
Learning Outcomes: Produce a creative motion-based (storyboard and motion media

presentation output.
33
Lesson 10.4: Motion Information and Media
Good day learners! Today’s lesson is about motion media and information. At the
end of this lesson you should be able to do the following:
 Define motion media and information and key terms such as: animation, frames
per second (FPS), rendering, and storyboard.
 Explain the basic steps involved in producing motion media and information.
 Classify motion media according to their format, purpose, method, types,
sources, audience.
There is no universally adopted definition for motion media. Motion media in essence
is visual media that gives the appearance of movement. Motion media can be a collection of
graphics, footage, videos. It is combined with audio, text and/or interactive content to create
multimedia. Some examples of motion media and information are animations, videos, live
streaming, screencasts, others.
D What I know?
34
D What is in?
Flipbook
Watch this video about flipbook animation.
Flip Book Compilation by Pro Animators by Andymation https://youtu.be/JVzf9rtgf9Y
Notice how minor changes in the picture for each page create the illusion of motion.
1. Think of a simple motion and create a motion media by making a flipbook.

2. Draw the picture to show the starting position of the object/subject. This must be
drawn in the last page of your flipbook.
3. Next, draw the last picture on the top page of your flipbook.
4. Draw the pictures in between in the succeeding pages until you finish all the pages of
the flipbook.
5. Show your flipbook to another family member for feedback.
6. Describe your work. How does the picture changes or creates the illusion of
movement or blending?
D What is it?
Motion Media
In motion media:
• each picture is a frame and that motion is created by rendering or showing

consecutively several frames per second.
• 24 frames (pictures) or more per second makes for a smooth animation.; videos,
film, slides also make use of frames.
• the series of graphics or images follow a sequence to create a story. This sequence
is often called a storyboard which shows a set of components (audio, visual, videos, etc)
changing in time to create a story or a message.
• Motion media can be produced formally and informally. Informally produced motion
media are created by individuals often for personal use. Formally produced motion media
are created by professionals who follow industry standards in creating, editing and producing
motion media. Formal production of animations involves the following steps:
• writing the story - writers and directors create the story board
• script is written and dialogue is recorded
• animators sketch major scenes; inbetweeners fill in the gaps
• background music and background details are added
35
• drawings are rendered
• Videos are produced in the same manner except that instead of drawing the scenes
they are acted out and shot. Once the scenes have been shot, all clips are edited and put
together in a final product.
Motion Media Formats, Types and Sources
Widely accepted formats, types and sources of motion-media and how these
are decided/selected by creators and users of motion media and information and
information.
• According to format:
• Animations - animated gifs (Graphic Interchange Format), Flash,

Shockwave, Dynamic HTML
• Video formats/Video Codecs - motion media use large resources. Codecs

compresses and decompresses video files. Examples are H.26N series,
Quicktime, DivX, MPG, MP4
• According to purpose: education, entertainment, advertising
• According to source: personal, social media, media companies
• According to audience: private or public; directed or general
• In some of these, media convergence can be observed with one artefact falling into
several categories
Basic methods on determining the credibility of motion media:
• Validity of information – Is it peer reviewed and verifiable
• Source - Primary or secondary source? Does the video capture the actual event or
does it simply present information learned about an event
• Relationship of the author to the event – Does he have firsthand knowledge
Technical methods of detecting tampering/fake video:
• Smoothness of video – This is often detected when movements are not smooth;
when action seems to jump from one position to another, as if some action was
missing
• Lighting coverage matches - One way to detect lighting matches is to look at the
shadows; the source of light determines the size and direction of the shadow
• Scale and size consistent- scale refers to how the size of the objects in reference
to one another are near the real thing. If the picture is reduced or enlarged by a
36
certain percent then all of the objects should be resized by that percent. Objects that
are far away are usually smaller than objects that are nearer.
Advantages of motion media and information:
• It captures motion in a manner that can be viewed repeatedly
• It can show processes in detail and in sequence
• Simulations allow for safe observation
• It can cut across different cultures and groups
• It allows scenes, history, events and phenomenon to be recreated
• It enables learning with emotions
Limitations of motion media and information:
• Compared to other forms of visual media the viewer cannot always interrupt the
presentation.
• It is often times more costly than other forms of visual media.
• Other data may be presented best using still images. Examples are graphs,
diagrams, maps.
• It is subject to misinterpretation
E What is more?
Activity 10.4.A: Animation
Have you experienced making an animation before.
Watch the following video presentations about creating a simple animation using
Microsoft PowerPoint. Explore the software and learn the steps on how to use the software
by going through basic features such as:
 creating movement
 establishing direction of motion or motion path
 establishing the speed of the motion
 other features
Video Presentations:
 SIMPLE SOLUTION. (2017, August 14) CREATING A SIMPLE POWERPOINT
ANIMATION. Youtube. https://www.youtube.com/watch?
v=HfJVDyHwWZM&feature=share
 Danual Bridgemohan. (2012, June 4). How to do a simple animation in Powepoint.
Youtube. https://www.youtube.com/watch?v=lyHNnFpRxYo&feature=share
37
You may also use other animation software you are competent with.
Submit your simple animation to the Submission Bin which will be given by your teacher.
E What I can do?

Activity 10.4. B. Mini Project and Storyboard
Read on storyboards using any of the following sites:
 Columnfivemedia. How to Create Engaging Motion Graphics in Four Steps.

Retrieved from http://www.columnfivemedia.com/how-to-create-engaging-motion-
graphics-in-four-steps
 Stanford. * Great Steps in Creating A Great Storyboard. Retrieved from
http://stanford.edu/class/gsbgen542/cgi-bin/files/8StepsGreatStoryboarding.pdf
Choose a topic that interest you. Think of your target audience for your chosen topic.
How would you present the topic to your audience using motion media and information?
What is your message? What do you need to know about your message and your audience?
Write your thoughts and questions on a sheet of paper.”
Plan your script and storyboard. The story should be played out in 1 minute. Steps in
creating a storyboard:
• Create a timeline of your story. This will allow you to identify key events in your
story.
• Draw a mind map. A mind map will help flesh out all ideas that you have. Write
down all your ideas and draw lines to indicate the connections of these ideas.
• Identify key scenes. Now let us start your storyboard. Get/give a manila paper.
Fold it into 8 squares. For each square, draw 3 lines at the bottom. The space above
is where you draw your key scenes. The lines below are where you write the details.
Submit your output using following format: (Use the Storyboard Template)
A. Mini Project Description (Those in italics are sample answers)

Name: ___________________
Topic : Bullying
Audience : Children age 13-16
Description of Audience: High school children who are leaders in their school
Message: Bullying can happen anywhere. Bullying must not be allowed in
school.
B. Script:
C. Storyboard
38
You can produce your projects using any of the following:
• Play-acting. Capture the play as a video through their cellphones and cameras.
• Use an animation-maker software.
• Using other presentation softwares or other software.
39
Submit the final storyboard and finished project using the filename:
MotionLastname_Firstname in the Activity 10.4.B Submission Bin, or to the folder/page
which will be given and explained to you by your teacher.

Activity 10.4.C. Mini Project Evaluation
View the different projects, choose and comment the top three favorites aside from
your own. Use the rubric as basis for rating. (your teacher will also be a part of the
evaluators)
Activity 10.4. D. Reflection
Submit a reflection on “What I learned about designing a motion media”. Answer

also the following questions in your reflection:
• What are the best three motion media that you have seen?
• What makes these motion media memorable?
• Other reflections on motion media and information that you may want to share.
Submit your reflection paper in to your teacher.

Post Test
Arrange the steps involve in the formal production of animations. Write your answer in a
clean sheet of paper.
__________1. videos are produced
__________2. drawings are rendered
__________3. background music and background details are added
__________4. animators sketch major scenes; inbetweeners fill in the gaps
__________5. script is written and dialogue is recorded
__________6. writing the story - writers and directors create the story board
40
References
Columnfivemedia. How to Create Engaging Motion Graphics in Four Steps. Retrieved from
http://www.columnfivemedia.com/how-to-create-engaging-motion-graphics-in-four-
steps
Demz DIYs. (2019, February 17). 25 Most Flipbook Animations Videos – Flipbook
Animasyonu !! Don’t Miss To Watch. Youtube. https://www.youtube.com/watch?
v=NvD1115epMM&feature=share
Danual Bridgemohan. (2012, June 4). How to do a simple animation in Powepoint. Youtube.
https://www.youtube.com/watch?v=lyHNnFpRxYo&feature=share
Stanford. * Great Steps in Creating A Great Storyboard. Retrieved from

http://stanford.edu/class/gsbgen542/cgi-bin/files/8StepsGreatStoryboarding.pdf
SIMPLE SOLUTION. (2017, August 14) CREATING A SIMPLE POWERPOINT

ANIMATION. Youtube. https://www.youtube.com/watch?
v=HfJVDyHwWZM&feature=share
Quarter 2 | Week 7

 Describe the different dimensions of manipulative information and media
41
Learning Outcomes: Produce a creative manipulative-based presentation (online survey)

output using design principle and element.
Lesson 10.5: Manipulative Information and Media
Good day learners! Today’s topic is about Manipulatives/Interactive Media. At the

end of this lesson, you should be able to:
• Explain what manipulatives / interactive media are.
• Compare the different platforms and uses of manipulatives / interactive media

software.
D What I know?
Pre-Test
Matching Type: Match Column A with column B. Write the letter of the correct answer in a
Column A Column B
_______1. A software application developed specifically A. 3D TV

for use on small, wireless computing devices such as
smartphones and tablets.
B. Mobile Apps
_______2. A television display technology that enables a
three-dimensional effect.
C. Role-playing games (RPG)
_______3. A game played by electronically manipulating
images produced by a computer program on a television
screen or other display screen, it allows two or more
D. Social Media
players to play with one another or play together.
_______4. A game in which players assume the roles of

characters in a fictional setting. Players take responsibility E. Video games (multi-player)
for acting out these roles within a narrative, either through
literal acting or through a process of structured decision-
making or character development. F. Virtual Reality
_______ 5. Websites or online services where users

(actual people) are the creators and consumers of the
content, and where social interactions (commenting, liking,
posting, talking) are the main features of content.
42
D What is in?
What is manipulation?
Manipulation is changing by artful
means or unfair means so as to serve
one’s purpose. What is media
manipulation? Media manipulations
are created to appeal to the emotion
of the audience or to make a product
appealing to the target audience.
Interacting with Social Media
Think about your experiences

using your social media accounts
(e.g. Facebook, Instagram, Twitter,
etc.).
Why do you think Facebook is

very popular? What are the ways in
which you interact with your social
media accounts?
Look at the following

infographic about the “Top Ten Most
Popular Actions on Facebook:”
Which of the actions have you done
on Facebook.
Which of the following actions

are interactive?.
All of these are, by definition, interactive, since all actions require the user to click a
button on Facebook, which itself is an interaction. What content do you provide to Facebook
everytime you do that action?
D What is it?
Definition of interactive media and interactivity:
a. Interactive Media – a method of communication in which the program's outputs

depend on the user's inputs, and the user's inputs in turn affect the program's
outputs. Interactive media engage the user and interact with him or her in a way that
non-interactive media do not. Websites and video games are two common types of
43
interactive media. (Definition taken from Investopedia via
http://www.investopedia.com/terms/i/interactive-media.asp)
b. Interactivity – the communication process that takes place between humans and
computer software. The most constant form of interactivity is typically found in
games, which need a continuous form of interactivity with the gamer. Database
applications and other financial, engineering and trading applications are also
typically very interactive. (Definition taken from Technopedia via
https://www.techopedia.com/definition/14429/interactivity)
c. One area where interactivity is most useful is in online training. Interactivities in this
area allow learners to interact with the course in terms of action and/or thinking.
Different platforms of interactive media:
a. Mobile apps - a software application developed specifically for use on small,

wireless computing devices such as smartphones and tablets, rather than desktop or
laptop computers.
b. 3D TV - a television display technology that enables a three-dimensional effect, so

that viewers perceive that an image has depth as well as height and width, similar to
objects in the real world.
c. Video games (multi-player) - a game played by electronically manipulating

images produced by a computer program on a television screen or other display
screen. Multiplayer games allow two or more players to play with one another or play
together.
d. Role-playing games (RPG) - a game in which players assume the roles of

characters in a fictional setting. Players take responsibility for acting out these roles
within a narrative, either through literal acting or through a process of structured
decision-making or character development.
e. Massively Multiplayer Online Role Playing Game (MMORPG) - any story-driven

online video game in which a player, taking on the persona of a character in a virtual
or fantasy world, interacts with a large number of other players. f. Interactive
websites (pools, surveys, exams, exercises)
g. Virtual reality and immersive environments - the computer-generated

simulation of a three- dimensional image or environment that can be interacted with
in a seemingly real or physical way by a person using special electronic equipment,
such as a helmet with a screen inside or gloves fitted with sensors.
h. Social media - websites or online services where users (actual people) are the
creators and consumers of the content, and where social interactions (commenting,
liking, posting, talking) are the main features of content. Examples are Facebook,
Twitter, Instagram, Snapchat, Vine, etc. Relate this topic to their output in the
previous activity.
Different ways of interacting with the Internet:
a. Online shopping - compare prices; compare features of similar items; add to cart;
choose payment type; track delivery; get advice from experts; search products; check
44
local availability; get product recommendations. b. Online gaming - choose a game;
play with computer; play with others; choose a level, in-game customization, etc.
c. Online classes - interact with content; interact with instructors; interact with
classmates.
d. Chat - group chat; search groups; search friends; translate language.
e. News and information - exchange information; give reaction; news on demand;

monitor views.
f. Videos - choose your own adventure; get multimedia content; experience game
elements.
Types of interactivity and their purposes:
a. Click on images
b. Hotspot - a special region to act as a trigger to another web page. The hotspot
could be a circle, triangle, rectangle or polygon.
c. Rollover - an image or portion of an image that changes in appearance when the

mouse cursor moves over it.
d. Tabs - clicking on them displays a relevant content with an appropriate graphic.
e. Timeline - a menu slide that branches to different events.
f. Numbers/processes - the number of clicks and the time spent in an interactive

function provide data points.
g. Slideshow - non-linear interactive slideshow where the pathway through the show
is determined by the user's interaction with it.
h. Frequently asked questions (FAQs)
i. Flip cards - a card that when clicked flips to display a description and other
information.
Emerging interactive media:
a. Interactive television - also known as ITV or iTV. A form of media convergence,

adding data services to traditional television technology. Throughout its history, these
have included on-demand delivery of content, as well as new uses such as online
shopping, banking, and so forth. ITV enables the viewer to issue commands and give
feedback information through an electronic device called a setup box. The viewer can
select which program or movie to watch, at what time, and can place orders in
response to commercials. New setup boxes also allow access to email and e-
commerce applications via internet.
b. Allow viewers to participate in games shows - viewers compete with on-screen

contestants
c. Select alternate endings to their favorite program
d. Encourage children to interact with educational programs
45
E What is more?
Activity 10.5.A. Interacting with the Internet
Perform each activity and follow the instructions given.
1. Social Media:
a. Name at least 5 actions that give social media its interactivity.
b. Interact with your teacher’s social media account by doing the 5 actions you have
listed.
c. Write a brief evaluation or assessment of the social media you used, focusing on
the following: - Social media as a means of communicating to people - Interactivity of social
media - Social media as a way of posting of news - Other features you would like
incorporated, or how it could be improved
2. Online Diagnostic Exam:
a. Search for an online psychological test on the Internet.
b. Take the test and submit your results either through email or printout.
c. Write a brief evaluation or assessment on the diagnostic exam taken, focusing on

the following: - The practicality of an online diagnostic exam - Interactivity of an online exam
- Other features you would like incorporated, or how it could be improved
3. Online Game:
a. Search for an online game, read the description and detailed specifications.
b. List all the interactive actions that are available for game.
c. Write a brief evaluation or assessment on the online game played, focusing on the
following: - The enjoyment or entertainment from a game online - Interactivity of an online
game - Other features you would like incorporated, or how it could be improved
4. Online Shopping:
a. Go to an online shopping site.
b. Choose items to purchase and add to cart.
c. Determine the total price of all items to be purchased.
d. Screenshot (Print Screen) the list of items and their price.
e. Submit a copy of the screenshot through email.
f. Write a brief evaluation or assessment on the online shopping experience, focusing

on the following: - As a means of communicating to people - Interactivity of online shopping -
Other features you would like incorporated, or how it could be improved
46
Submit a written reflection, including a compilation of your answers to all the
questions above and what you have learned in interactivity and interactive media
E What I can do?

Activity 10.5.B. Making an Online Form
1. Think of a topic for survey research wherein the respondents will be your classmates.
2. Pick 5 questions to use for the survey.
3. Prepare for the project and fill in the table below:
4. Using any Internet application or computer software, you must create an online form that
can then be filled up by your classmates.
6. Post the link of the completed survey form in Submission Bin which will be given by your
teacher. Answer at least 5 survey forms posted by your classmates.
7. After all respondents have answered the forms, collate the data and save it on a
worksheet. Create charts or graphs to display the survey results.
8. You must also come up with a write up of the survey problem, present the data in
graphical form, and give their data analysis of the results.
9. Submit the final output to the Submission Bin.
47
Activity 10.5.C. Reflection.
Write a short reflection about the activity, and how it might have helped you become
more media-literate.

Post Test
Matching Type: Match Column A with column B. Write the letter of the correct answer in a
Column A Column B
_______1. A software application developed specifically A. 3D TV

for use on small, wireless computing devices such as
smartphones and tablets.
B. Mobile Apps
_______2. A television display technology that enables a
three-dimensional effect.
C. Role-playing games (RPG)
_______3. A game played by electronically manipulating
images produced by a computer program on a television
screen or other display screen, it allows two or more
D. Social Media
players to play with one another or play together.
_______4. A game in which players assume the roles of

characters in a fictional setting. Players take responsibility E. Video games (multi-player)
for acting out these roles within a narrative, either through
literal acting or through a process of structured decision-
making or character development. F. Virtual Reality
_______ 5. Websites or online services where users

(actual people) are the creators and consumers of the
content, and where social interactions (commenting, liking,
posting, talking) are the main features of content.
48
Dusty Porter. (2016).Google Forms Full Tutorial From Start to Finish. Youtube.
https://www.youtube.com/watch?v=LxlfPLPI0wM&feature=share
References
Quarter 2 | Week 8

 Describe the different dimensions of Multimedia information and media
Learning Outcomes: Produce a creative electronic portfolio.
Lesson 10.6: Multimedia information and media

Our last topic in this course is about multimedia information and media. At the end of
this lesson, you must be able to:
• Define multimedia and its characteristics.
• Summarize the design principles and elements in different forms of information and
media (text, audio, visual, motion and manipulative / interactive).
• Create a five-minute video presentation for your electronic portfolio, showcasing

your previous projects
49
D What is in?
Watch this multimedia video:
Department of Health (Philippines). (2014, June 10). Family Planning TVC 2014. Youtube.
https://www.youtube.com/watch?v=2pNWpojebjc&feature=share
a. What is the video all about?
b. Did the video effectively convey the information to you?
c. What are the components of the video?
d. How did the components contribute to conveying of the information?
D What is it?
1. In the past, people used a single, unique medium when presenting information: As
discussed in the first part of the course, people used the human voice as a type of medium
until writing was discovered.
2. Over the years, it has been established that information can be expressed through
text, speech, sound, graphics or images, animation, and video. A combination of these
media sources is considered multimedia.
3. Dave Marshall defines multimedia as “the field concerned with the computer-
controlled integration of text, graphics, drawings, still and moving images (video), animation,
audio, and any other media where every type of information can be represented, stored,
transmitted and processed digitally.” 4. While traditional or analog media still co-exist with
computer-controlled media, Savage and Vogel (2009) assert that the contemporary definition
of multimedia is mostly in the digital form. Moreover, both trending and emerging forms of
multimedia are described as ubiquitous, interactive, massive, and immersive.
E What is more?
Activity 10.6.A Media and Information Design Framework
In the previous lessons you have learned about the different types of information and
media. For each type, you have learned and made use of design principles and elements for
your projects.
50
2. Write down design principles or tips when working with the different formats. Write
your answers in the template.
E What I can do?

Activity 10.6.B. Creating Multimedia Content
In creating a multimedia content, you have to consider the components of the Media
and Information Design Framework. Review the framework.
51
Scenario: You work for a company that creates multimedia content for educational
purposes. One day, your supervisor tasks you with the creation of a multimedia product that
talks about how green plants manufacture their own food (photosynthesis), a lesson
intended for Grade 4 students. What are the things that you will have to consider in creating
this multimedia product? Put your answer in the Template.
E What else can I do?

Activity 10.6.C. Multimedia Presentation
1. Design Process:
a. Pre-production- research, storyboarding, plan
b. Production- creating the product
c. Post-Production- evaluation, redesign, documentation
d. Presentation- showcasing, gathering of comments
2. Create a five-minute video presentation for your electronic portfolio, showcasing your
previous projects:
Lesson 1: podcast of MIL Concepts

Lesson 2: timeline of exposure to traditional/new media
Lesson 3: sketch/drawing on how media is affecting everyday life
Lesson 4: sketch on how media is affecting everyday life
Lesson 5: essay on media and information sources
Lesson 6: presentation (postcard, collage, advertisement, infomercial) about latest
issue in society using codes, conventions and languages
Lesson 7: campaign add to combat societal issue
Lesson 8: 300-word essay about the power of media and information to affect
change
Lesson 9: Report about the implication of media and information to an individual and
society
Lesson 10.1: text-based presentation- typography poster
Lesson 10.2: visual-based presentation- infographics
Lesson 10.3: audio-based presentation- podcast
Lesson 10.4: motion-based presentation- storyboard and video presentation
Lesson 10.5: manipulative/interactive presentation- online form/ survey
52
Review the MIL Design Framework:
3. Create a storyboard for the multimedia presentation. This will be hand-drawn on

bond paper with pen or pencil.
4. Review and gather the previous projects mentioned above.
5. Identify the multimedia presentation software to be used (refer to the answers in

the MIL Design Framework).
6. Start multimedia production.
7. Submit you Multimedia Presentation in Submission Bin which will be given by your
teacher.
8. Fill-up the activity checklist (a sample checklist is provided below). This will also
serve as a progress report.
53
Activity 10.6.D. Multimedia Presentation Feedback.
Using the rubric below, evaluate at least 3 multimedia presentation posted by your
classmates. You may also give your comments and critique.
54
Selection Criteria in evaluating a multimedia product, there are two major aspects
that are of prime importance- technology and content. Below are selection criteria that can
be used to evaluate multimedia.
55
References
Department of Health (Philippines). (2014, June 10). Family Planning TVC 2014. Youtube.
https://www.youtube.com/watch?v=2pNWpojebjc&feature=share
56

Module in MEDIA AND INFORMATION LITERACY Quarter 2

Uploaded by

Copyright:

Available Formats

Module in MEDIA AND INFORMATION LITERACY Quarter 2

Uploaded by

Document Information

Original Description:

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Module in MEDIA AND INFORMATION LITERACY Quarter 2

Uploaded by

Copyright:

Available Formats

SHS

MEDIA AND INFORMATION

Development Team of the Module:

Guide in Using Learner’s Module

For the Parents/Guardian

For the Learner

I What I need to know?

Lesson 8: Current and Future Trends of Media and Information

 Describe the impact of massive open-online courses

Answer the following guide questions:

Technology in the 20th Century

•Haptics technology -- Is a feedback technology (using computer applications) that

•Contextual awareness -- By combining ‘hard sensor’ information such as where you

Massive Open Online Course

3D or three dimensional model displays a picture or item in a form that appears to be

3D Display – 3D movies; 3D Printing – produces three dimensional outputs, which

Part I. Answer the following questions.

1. What are the technological advances discussed in the article?

Part II. Read the following interview:

“Innovative humanities MOOC,“ Source: Visualizing Japan,” (Retrieved from

Answer the following questions:

Put your answers in a clean sheet of paper.

E What I can do?

Massive Open Online Registration Form

A What I have learned?

 Compose a 300-word essay discussing the impact of massive open-online

Additional Resources and References

Technology in the 20th Century. ichoosetechnology.com.au.

Visualizing Japan. Innovative humanities MOOC.

Essential Learning Competencies: Discuss the implication of media and information to an

Lesson 9: Media and Information Literate Individual

Answer the following questions:

Improved Quality of Life

Greater Political Participation

Better Economic Opportunities

Improved Learning environment

More Cohesive Social Units

1. Relate your answers to the characteristics of a media literate individual.

2. Create a report answering the following questions:

A What I have learned?

A What I can achieve?

Additional Resources and References

Essential Learning Competencies:

 Describe the different dimensions of Text information and media

Learning Outcomes: Produce a creative text-based (typography campaign survey) output.

Lesson 10.1 Text Media and Information

I am Attorney Robert Limco of Happy Cola Company. Congratulations! Your

Answer the following question:

• Formal text-based materials are created and distributed by established

d. In our exposure to text media and information, we can either be a consumer or a

• Who or what institution is sending this message?

b. A typeface is usually comprised of alphabets, numbers, punctuation marks,

c. In the absence of images or drawings, text is the easiest way of communicating to

5. Organization - refers to a conscious effort to organize the different text elements in a

c. School Admission – This brochure will advertise to the readers a college/university

Put your answer in Activity 10.1.A template.

E What I can do?

Poster statement example: