Government Property Senior High School

NOT FOR SALE

Media and
Information
Literacy
Quarter 4 – Module 5:
Dimensions and Resources of Media
and Information

Department of Education • Republic of the Philippines

Media and Information Literacy – Grade 11 Alternative Delivery Mode Quarter 4

– Module 5: Dimensions and Resources of Media and Information
First Edition, 2020

Republic Act 8293, section 176 states that: “No copyright shall subsist in any work of
the Government of the Philippines. However, prior approval of the government agency or
office wherein the work is created shall be necessary for exploitation of such work for profit.
Such agency or office may, among other things, impose as a condition, payment of royalties.
Borrowed materials included in this module are owned by the respective copyright
holders. Effort has been exerted to locate and seek permission to use these materials from
the respective copyright owners. The publisher and author do not represent nor claim
ownership over them.

Published by the Department of Education Secretary:

Undersecretary:
Assistant Secretary:
Development Team of the Module
Author/s: Christina B. Takiang
Editor:Cherlita M. Sulague
Reviewers:Jackie Lou P. De Mata
Illustrator: Jennelaiza J. Woo
Layout Artist: Merry Easter Abigail Ranido
Management Team: Nelson B. Absin

Printed in the Philippines by _____________________________

Department of Education – Bureau of Learning Resources (DepEd – BLR)
Office Address: ______________________________________
Telefax: ______________________________________
E-mail Address: ______________________________________

11
 Media and
Information
Literacy
Quarter 4 – Module 5:
Dimensions and Resources of Media
and Information

This instructional material was

collaboratively developed and reviewed

by educators from public and private schools, colleges, and or/universities.

We encourage teachers and other education stakeholders to email their
feedback, comments, and recommendation s to the Department of

Education at action@deped.gov.ph.
We value your feedback and recommendations.

3
Department of Education • Republic of the Philippines
 INTRODUCTORY MESSAGE
People use different media sources in order to gain information a media source is
any resource that serves as a means of communicating to a general public audience. These
sources are important because the standard in which we receive a message shapes the
message. Information is power and essential ingredients in decision making. To gain
appropriate relevant and quality information for your study or research work you need to
know the various sources of information available. There are several dimension that would
help

This module is expected to deepen your knowledge on different dimension and

sources of media and information their design principle and elements, and selection criteria.
Also you will produces a living museum or electronic portfolio or any other creative forms of
multimedia showcasing their / his/her understanding, insights, and perceptions of the
different resources of media and information.

Specifically, this module consists of the following lessons:

• Lesson 13 – Text Information and Media
• Lesson 14– Visual Information and Media
• Lesson 15– Audio Information and Media
• Lesson 16 – Motion Information and Media
• Lesson 17– Manipulative Information and Media
• Lesson 18– Multimedia Information and Media

GENERAL INSTRUCTIONS
For the teacher:
To facilitate and ensure the students’ learning
from this module, you are encouraged to do
the following:
For the learners: 1. Clearly communicate learning
To be guided in achieving the objectives competencies and objectives
of this module, do the following: 2. Motivate through applications and
1. Read and follow instructions connections to real life.
carefully. 3. Give applications of the theory
2. Answer the pretest before going 4. Discuss worked-out examples
through the lessons. 5. Give time for hands-on unguided
3. Take note and record points for classroom work and discovery
clarification. 6. Use formative assessment to give
4. Compare your answers against feedback
the key to answers found at the 7. Introduce extensions or
end of the module. generalizations of concepts
5. Do the activities and fully 8. Engage in reflection questions
understand each lesson. 9. Encourage analysis through higher
6. Answer the self-check to monitor order thinking prompts
what you learned in each lesson. 10. Provide alternative formats for student
7. Answer the posttest after you work
have gone over all the lessons.

5
Lesson
Text and Information
13 media
Informative texts or media provide information about a topic or
situation and can include newspaper articles, manuals and handbooks,
textbooks, brochures and menus or recipes. The internet with websites
presents a wide range of examples of informative texts which give the
reader information about particular subjects. Informative writing which
provides facts is often quite formal and will often use the passive voice.

In this lesson the learners are expected to demonstrate

understanding of different resources of media and information, their design
principle and elements, and selection criteria the advantage and limitations
and its value.

What I Need to Know

Learning objectives

At the end of this lesson, the learners must be able to:

1. Describes the different dimensions of text information and
Media.
2. Comprehends how text information and media is /are
formally and informally produced, organized and
disseminated.
3. Evaluates the reliability and validity of text information and
media and its/their sources using selection criteria.
4. Produces and evaluates a creative text-based
presentation using design principle and elements.
(MIL11/12TIM-IVb-3 MIL11/12TIM-IVb-4-6)

What I Know
Pretest

Let’s see how much you know before we discuss the lesson.Below is an
example of a fraudulent text message. Answer the questionsthat follow on a
separate sheet of paper.

6
GLOBE: Congrats! You’re the one selected postpaid Plan given P150
discount billing, to get your P150 discount billing, just text 150 then send
to 29056509391. Thank You Globe Postpaid Subscriber!

1. What is the tone of this fraudulent message?(Enticing, scary,

informative, formal, encouraging)
2. Why do you think Filipinos fall for this kind of fraudulent or scam text
message?
3. Do you think that text-based message are powerful?
4. Why so many people fall in a text scam?
5. What do you do when you get a fraudulent or scam text message?

What’s In
Review

In the previous lesson you have learned that a social media has
enabled people to be channels of information, thereby becoming a medium
of communication. As a responsible social media user you should also
know how media affects your own family, community and self.

7
 What’s New
Activity 13.1

Source: https://quotesnhumor.com/ Source:https://www.swagshirts99.com/ top-40-most-funniest-text-ever/

product/gym-quote-t-shirt/

1. ________________________ 2. _________________________
__________________________ ___________________________
__________________________ ___________________________

Source:http://talkingrepolyo.blogspot.com/ Source: https://www.pinterest.ph/faith3555/converse-

2010/06/bawal-tumawid-k.html/ advertisments/

8
3. ________________________ 4. _________________________
__________________________ ___________________________
__________________________ ___________________________

What is It
Discussion

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 as disseminating information, providing
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.
• 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?

9
• 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?
Source: https://www.alamy.com/stock-photo-high-
e.As a producer of text media and information, we school100703449-

concept.html-word -cloud-backgroundneed to review the media and

information design

framework: target audience, author or sender, key content, purpose,

form/style and

What you will do

format.

Activity 13.2: Question and Answer

Directions:Answer the questions briefly. Write your answers in a separate
sheet of paper

Based on the given picture answer the following questions.

1. Who or what institution is sending this message?

1. What techniques are used to attract and hold attention?
2. What is the language used by the writer?
3. What views are represented? Are they balanced?
4. How might the message be interpreted in different ways?
5. What is omitted, slurred or added in the message?

Typeface
Typeface (also called font, font type, or type) refers to the
representation or style of a text in the digital format. A typeface is usually

10
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.
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 Typeface Serif

Serif - connotes formality and readability in large amount of texts. This font
is usually used for the body text of books, newspapers, magazines and
research publication. Also, serif fonts give a classic or elegant look when
used for title or heading.
Examples: Times New Roman, Garamond, Baskerville

Sans Serif
Sans serif - brings a clean or minimalist look to the text. This font is used
for clear and direct meaning of text such as road signage, building directory
or nutrition facts in food packages. Also, sans serif fonts give a modern look
and is used primarily in webpage design.
Examples: Arial, Helvetica, Tahoma, Verdana, Calibri

Slab Serif
Slab serif- carries a solid or heavy look to text. This font can be used for
large advertising sign on billboards.
Examples: Rockwell, Playbill, Blackoak

Script
Script- draws much attention to itself because of its brush-like strokes. This
must be used sparingly and not to be used in large body text. This font is
usually used in wedding invitation cards or other formal events.

Examples: Edwardian, Vladimir, Kunstler

Decorative
Display or decorative- caters to a wide variety of emotions (such as
celebration, fear, horror, etc.) or themes (such as cowboys, circus, holidays,
summer, kiddie, etc.)

Examples: Chiller, Jokerman, Curlz MT

11
Design principles and elements
These are 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.

12
 What’s More
Enrichment

Ac What you will do

tivity
13.3:Identify and check the word/s in a word bank below on what
design elements and principle applied in the image.

Word Bank

Emphasis Appropriateness Proximity Alignment

Organization Repetition Contrast

What you will do

Source: https://blog.bannersnack.com/elements-and-principles-of-design/

Activity 2.2:Imagine that you own an advertising firm, you

need to create a brochure for a client with specific needs. You need
to identify the appropriate content for the brochure based on the
media and Information Design framework. You will be provide answer
in the table.Write your answers in a separate sheet of paper

Learners' Answers
Component Guide Questions
• Who are the possible readers of this
Target Audience
brochure
Sender/Author • Who is the author of this brochure?
• What is the tone of the text in the brochure?
• What are the sample phrases or taglines
Key content that you will?
• What are the facts/figures that you will

13
 include in the brochure?
• What are the font types/colors/ highlights
that you will use in the brochure?
Purpose
• What are the words or phrases that you
need to emphasize in the brochure?
•
• What are the blank of the brochure? - paper
type, texture, glossy, matte
• folding (three-fold, two-fold)
Medium / Format
• full color, black and white
• Aside from the brochure, what other text-
based formats that you can use to deliver
your message?

What I Have Learned

Generaliza
Complete the sentence below. Write your answers on a separate sheet of
paper.

1. As a producer of text media and information, we

need____________________
______________________________________________________
_____________
________________________________________________________________
___

2. Text is very powerful in a way that

______________________________________
________________________________________________________________
___

14
________________________________________________________________
___

What Can
I Do
Application

Identify an advocacy or issue that they would like to campaign about

through a typography poster design. The campaign poster will have a
Design statement consisting of
-2010words.
Framework
Poster statement example: "Not all heroes wear capes.
This time, they are on
house clothes."
In the bottom part of a poster, include an explanation-200
(150
words)
about the campaign.

Source:https://www.covid19.gov.ph/homeliners
-advocacy-campaign
-launched
-today/

Questions for
Poster Planning

Target Audience Who are the possible readers of this poster?

Sender/Author Who is the author of this poster?

What is the tone of the text in the poster? What are the sample phrases or
Key content taglines that you will? What are
facts/figures
the that you will include in the
poster?

Purpose What is the intention of the poster?

What are the font types, colors and shapes that you will use in the poster?
Form/Style What are the words or phrases that you need to emphasize ter?
in the pos
How will you organize your
text elements?

15
 What are the blank of the brochure? - paper type, texture, glossy, matte,
Medium / Format
folding (threefold, two-fold), full color, black and white , totally online

Assessment
Posttest

Direction: Write the correct Letter answer at the blank space provided.
_____1. Creates visual interest to text elements
A. Contrast C. Alignment
B. Repetition D. Organization

_____2. A simple and flexible format of presenting information or conveying

ideas whether hand written, printed or displayed on screen.
A. Format C. Decorative
B. Text D. Script

_____3. This font is usually used in wedding invitation cards or other formal
events.
A. Format C. Decorative
B. Serif D. Script

_____4. Refers to how the text is positioned in the page. This can be left,
right, center or justified.
A. Contrast C. Alignment
B. Repetition D. Script

_____5. This concerns consistency of elements and the unity of the entire
design.
A. Organization C. Contrast
B. Repetition D. Alignment

_____6. This refers to how near or how far are the text elements from each
other.
A. Organization C. Proximity
B. Repetition D. Alignment

_____7. This font is usually used for the body text of books, newspapers,
magazines and research publication.
A. Decorative C. San Serif
B. Serif D. Script

_____8.This refers to the importance or value given to a part of the text-

based content.

16
 A. Organization C. Contrast
B. Emphasis D. Alignment

_____9. Creates visual interest to text elements

A. Organization C. Contrast
B. Emphasis D. Alignment

_____10. This font can be used for large advertising sign on billboards.
A. Script C. Slab Serif
B. Decorative D. San serif

Additional Activity

Instructions: Design a statement t-shirt with the topic “We heal as

one” be sure that you promotes Media and Information Literacy skills.

Example Statement T-shirt

Sources:https://www.theverge.com/2020/2/27/21155937/coronavirus-merch-shirts-amazon-etsy

Congratulations!
You have completed your journey in this lesson.
You did a great job!
It’s now time to go on to the next adventure…

17
 Lesso
n
Visual Information
14 and Media
Visual media are sources of information in the form of visual
representations. These can be abstractions, analogues, rough illustrations,
or digital reproductions of the objects. Visual message design is a symbol
with meaning.
In this lesson the learners are expected to understands the similarities and
differences of the different types of visual media and information and gain
comprehensive knowledge how to analyze, design, develop, implement
(utilize) and evaluate them.

What I Need to Know

Learning
objectives

At the end of this lesson, the learners must be able to:

1. Describes the different dimensions of visual information and media
2. Comprehend how visual information and media is/are formally and
informally produced, organized, and disseminated
3. Evaluates the reliability and validity of visual information and media
its/their sources using selection criteria.
4. Produces and evaluates a creative visual-based presentation using
design principle and elements.(MIL11/12VIM-IVc-7-10).

18
 What I Know
Pretest

Let’s see how much you know before we discuss the lesson
Direction: Write YES if you agree the statement and NO if you disagree.
______1Forty percent of people will respond better to visual information
than plain text.
______2.Publishers who use infographics grow in traffic of an average of
12% more than those who don't.
______3.Eighty percent of what is seen is retained.
______4.Conversions increase by 86 percent when videos are used in a
landing page.
______5.Twenty percent of words on a web page is read by the average
user

What’s In
Review

In the previous lesson you have learned that text is very powerful as
well in disseminating information, providing direction and giving
suggestions. As a producer of text media and information, you need to
review the media and information design framework: target audience,
author or sender, key content, purpose, form/style and format. You also
knew how to evaluate the reliability and validity of text information and
media and their source using selection criteria.

19
 What’s New
Activity

What you will do

Activity 14.1:
Question and Answer
Answer the questions briefly. Write your answers in a separate sheet of paper

What
is It
Discussion

Visual
media
and
informati
on -
materials,
programs,
application
s and the
https://www.demandgenreport.com/industr
y-topics/%20ric
h-media/290
6-the-power-of-visual-content-infoqraphi
c
like that
teachers 1. What is the important ofual
Viscontent based on the survey result?
and 2. Do you think the infographic was a better way of presenting the results of
students the survey?
use to 3. Do you have any other ways of presenting the same information?
formulate
new
information to aid learning through the use, analysis, evaluation and
production of visual images.
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).

Common Visual Media File Types

20
1. JPEG (also known as JPG), file types ending in .jpg
JPEG stands for Joint Photographic Experts Group, which
created this standard for this type of image formatting.
JPEG files are images that have been compressed to store
a lot of information in a small-size file. Most digital cameras
store photos in JPEG format, because then you can take
more photos on one camera card than you can with other
formats.

2. TIFF (also known as TIF), file types ending in .tif

TIFF stands for Tagged Image File Format. TIFF images
create very large file sizes. TIFF images are uncompressed
and thus contain a lot of detailed image data (which is why
the files are so big) TIFFs are also extremely flexible in
terms of color (they can be grayscale, or CMYK for print, or
RGB for web) and content (layers, image tags).

3. GIF, file types ending in .gif

GIF stands for Graphic Interchange Format. This format
compresses images but, as different from JPEG, the
compression is lossless (no detail is lost in the
compression, but the file can’t be made as small as a
JPEG).GIFs also have an extremely limited color range
suitable for the web but not for printing. This format is
never used for photography, because of the limited number
of colors. GIFs can also be used for animations.

4. PNG, file types ending in .png

PNG stands for Portable Network Graphics. It was created
as an open format to replace GIF, because the patent for
GIF was owned by one company and nobody else wanted
to pay licensing fees. It also allows for a full range of color
and better compression. It’s used almost exclusively for
web images, never for print images. For photographs, PNG
is not as good as JPEG, because it creates a larger file.
But for images with some text, or line art, it’s better,
because the images look less “bitmappy.”

21
 5. BMP. Short for "Bitmap." It can be pronounced as "bump," "B-M-P,"
or
simply a "bitmap image." The BMP format is a commonly
used raster graphic format for saving image files. It was
introduced on the Windows platform, but is now recognized
by many programs on both Macs and PCs.

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

Purpose of visual information

▪ The primary purpose of visual information is to gain attention,
create meaning, and facilitate retention.

Visual design elements

▪ The building blocks or basic units in the construction of a
visual image. 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.
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

22
 What you will do

Activity 14.2:Answer the questions briefly. Write your Answers in a separate sheet of
paper. Evaluate the magazin e visual appearance by filling up the media and
information design framework worksheet.

Source: https://www.vippng.com/preview/wbTbJ_cool-food-magazine-covers/
Source: https://www.vippng.com/preview/wbTbJ_coo l-food-magazine-covers/

Framework worksheet.
Component Guide Questions Answers

Target Who is the intended

Audience audience?

Sender/Author What is the purpose?

What is the topic or

Key Content message? What are the
facts?

How was the information

presented? Did it make use
Form / Style of appropriate design
elements and principles?

Medium / Is this the best platform to

Format use? Why?

23
Design Principles and Elements
The elements and principles of design are the building blocks used to
create a work of art. The elements of design can be thought of as the things
that make up a painting, drawing, design etc. Good or bad - all paintings will
contain most of if not all, the seven elements of design. The Principles of
design can be thought of as what we do to the elements of design. How we
apply the Principles of design determines how successful we are in creating
a work of art.

Visual Design Principles are:

1. Consistency of margins, typeface, typestyle, and colors is

necessary, especially in slide presentations or documents
that are more than one page.

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

3. Balance - a feeling of visual equality in shape, form, value,

color, etc. Balance can be symmetrical and evenly
balanced, or asymmetrical and unevenly balanced. Objects,
values, colors, textures, shapes, forms, etc. can be used in
creating balance in a composition.

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

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

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

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

24
 8. 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.

What’s More
Enrichment

Information Graphics or Infographics - are graphic visual

representations of Information, data or knowledge intended to present
information quickly and clearly.

What you will do

Activity 14.3:Below is an Example visual

of -based presentation (Infographics).Identify
at least 5 design elements and 5 design principle.

Source:https://www.who.int/images/default
-source/wpro/health
-topic/covid
-19/slide2.jpg?sfvrsn=6fc5f651_
8

DESIGN ELEMENTS DESIGN PRINCIPLE

1. 1.

2. 2.

3. 3.

4. 4.

5. 5.

25
What I Have Learned
Generalization

Complete the sentence below. Write your answers on a separate sheet of

paper.

1. Information graphic or infographics are

________________________________________
__________________________________________________________
_______________
____________________________________________________________
_____________
2. The elements and principles of design are
_____________________________________
____________________________________________________________
_____________
____________________________________________________________
_____________

26
 What I Can Do
Application

Direction
: Create text and visual media composed of not less
digital
thanposters
6
informing people of valuable information that they need to know.(Example “Safety tips
during rainy season”).Use any type of media(Example: PowerPoint presentation or
Canva).
Sample poster:

Asses
sment
Posttest

Direction:
Write the
correct
Letter
answer at
the blank
space
Source:https://www.facebook.com/photo/?fbid=2190125571015070&set=a.266352763392370
provided.

_____1. Created through the arrangement of objects in two-Dimensional

space to look like they appear in real life
A. Perspective C. Balance
B. Rhythm D. Harmony

_____2. Brings together a composition with similar units

A. Perspective C. Balance
B. Rhythm D. Harmony

_____3. Offers some change in value creating a visual discord in a

composition.
A. Perspective C. Contrast
B. Rhythm D. Harmony

_____4. An area that first attracts attention in a composition

A. Perspective C. Contrast
B. Center of Interest D. Harmony

_____5. The degree of light and dark in a design.

A. Value C. Texture
B. Shape D. Color

_____6. Determined by its hue (name of color), intensity (purity of the hue),
and value (lightness or darkness of hue).

27
 A. Value C. Texture
B. Shape D. Color

_____7. Describes a shape or outline.

A. Value C. Line
B. Shape D. Color

_____8.A feeling of visual equality in shape, form, value, color, etc.

A. Perspective C. Balance
B. Rhythm D. Harmony

_____9. Creates visual interest to text elements

A. Organization C. Contrast
B. Emphasis D. Alignment

_____10. The margins, typeface, typestyle, and colors is necessary,

especially in slide presentations or documents that are more than
one page.
A. Consistency C. Balance
B. Rhythm D. Directional Movement

Additional Activity

Instructions: Produce a still life photography using your personal things (watch, phone,
notebook, books, etc.)Applying at least 3of the discussed visual design principle

Congratulations!
You have completed your journey in this lesson.
You did a great job!
It’s now time to go on to the next adventure…

Lesso
n
Audio Information
15 and Media

28
 Audio helps recall memories, enhance brain activity and stimulate
the brain (Molineux, 2007). Audio media is very useful in developing the
listening skills of students (especially for language learning). Audio media
supports distance learning. Audio media helps in memorization (music,
mnemonics, etc.).

In digital just like the computer, audio is processed by converting the

analog signal into a digital code using PCM (Phase change memory). Audio
frequency (AF) is an electrical alternating current within the 20 to 20,000
hertz range that can be used to produce acoustic sound.

What I Need to Know

Learning objectives

At the end of this lesson, the learners must be able to:

1. Describes the different dimensions of audio
information and media 2. Comprehends how audio
information and media is/are formally
3. And informally produced, organized, and disseminated.
4. Evaluates the reliability and validity of audio information
and media its/their sources using selection criteria
5. Produces and evaluates a creative audio-based
presentation using Design principle and elements.

What I Know
Pretest

Let’s see how much you know before we discuss the lesson
Direction: Identify what type of storage media in a given picture below.
Write your answers in a separate sheet of paper

29
 What’s In
Review

In the previous lesson you have learned that visual 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. And forty percent of people will
respond better to visual information than plain text.

As explained in the previous discussion primary purpose of visual

information is to gain attention, create meaning, and facilitate retention. But
before we proceed to the next topic, let’s try to evaluate how much you
know about audio information media

What’s New
Activity 15.1

What you will do

Direction: Write true or false for the following statements

______1.Tape is magnetic tape on which sound can be recorded
______ 2. M4A/AAC is 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
______3. Radio broadcast - live or recorded audio sent through radio
waves to reach a wide audience

30
 ______4. WAV is a Microsoft audio file format standard for storing an
audio bitstream on PCs. ______5.Internet cloud is a secondary
storage devices for storing audio files.

What is It
Discussion

Hearing the act of perceiving sound by the ear, while listening

requires concentration so that you brain processes meaning from words
and sentences. Listening leads to learning.

Source: https://open.lib.umn.edu/app/uploads/sites/189/2016/06/4.1.1.jpg

Benefits of Listening
Listening should not be taken for granted. Before the invention of
writing, people conveyed virtually all knowledge through some combination
of showing and telling. Elders recited tribal histories to attentive audiences.
Listeners received religious teachings enthusiastically. Myths, legends,
folktales, and stories for entertainment survived only because audiences
were eager to listen. Nowadays, however, you can gain information and
entertainment through reading and electronic recordings rather than
through real-time listening.

What you will do

Activity 15.2:Direction: Choose and encircle the correct answer from the
given options (Hear or Listen).

1. I can _____________ the baby crying. She must be hungry.

HEAR LISTEN TO

2. Hey! _____ it’s that spooky sound again.

HEAR LISTEN!

3.I can’t _____ you. My dad’s vacuuming.

HEAR LISTEN TO

4. Can you _____ again? Did she say John or Jan?

HEAR LISTEN

31
5. We _____ the car crash and ran outside to help.
HEAR LISTEN TO

6. Be quiet, please. I’m _____ the news.

HEAR LISTENING TO

7. Are you allowed to _____ music at work?

HEAR LISTEN TO

8 .I haven’t seen any lightning but I just _____ some thunder.

HEAR LISTEN TO

9. Listen! Do you _____ the church bells? It must be midday.

HEAR LISTEN TO

10. I called out to grandma but she didn’t _____ me. She wasn’t wearing
her hearing aid.
HEAR LISTEN

Design Principle and Elements

Characteristic and Purposes of Sound
1. Volume-intensity of a sound
2. Tone-the audible characteristic of a sound
3. Pitch-is how high or low a sound is
4. Loudness-refers to the magnitude of the sound heard
Purposes of a sound:
1. Give instructions or information
2. Provide feedback
3. To personalize or customize

Elements of the Sound Design

1. Dialogue- speech, conversation, voice-over
2. Sound Effects-any sound other than music or dialogue
3. Music-vocal or instrumental sounds (or both) combined in such a
way as to produce beauty of form, harmony, and expression of
emotion

Principle of Sound Design

1. Mixing- the combination, balance and control of multiple sound
elements
2. Pace-time control, editing, order of events(linear, non-linear or multi-
linear)
3. Stereo imaging- Using left and right channel for depth. This refers
to the aspect of sound recording and reproduction.
4. Transition-how you get from one segment or element to another

Types of Transitions
1. Segue - one element stops, the next begins ("cut" in film).

32
 2. Cross-fade - one element fades out, the next fades in, and they
overlap on the way.
3. V-Fade - First element fades to inaudible before the second element
begins.
4. Fade to Black - V-Fade with some silence between elements.
5. Effects.
6. Stereo Imaging - Using left and right channel for depth.

What’s More
Enrichment

Activity
15.3: What you will do
Direction
: Identify the different controls (knobs) in sound mixer

What you will do

Write your answer in the box

Source: https://www.instructables.com/id/How-to-use-an-audio-mixer-soundboard/

Activity 15.4:Direction: Write true or false for the following statements

_______1.One of the purpose of a sound is to give entertainment

_______2.Mixing time control, editing, order of events (linear, non- linear or
multi-linear) _______3.Volume is the intensity of a sound.
_______4.Transition is how you get from one segment or element to
another.
_______5.Dialogue any sound other than music or dialogue.
_______6.Purpose of the sound is to personalize or customize.
_______7.Sound Effects-any sound other than music or dialogue
_______8.Pace-time control, editing, order of events (linear, non-linear or
multi-linear) _______9.Cross fade one element stops, the next begins
("cut" in film).

33
_______10.Transition-how you get from one segment or element to another

What I Have Learned

Generalization

Complete the sentence below. Write your answers on a separate

sheet of paper.

1. Listening requires concentration so

that_________________________________
______________________________________________________
_____________
______________________________________________________
_____________

2. Listening should not be taken for

grantedbecause_______________________
______________________________________________________
_____________
______________________________________________________
_____________

What I Can Do
Application

Direction: Listen the video clip without reading the subtitle and answer the
following question briefly.

Video clip: https://www.youtube.com/watch?v=VqLDseWoFDEf

Source: https://freshdesk.com/customer-service-skills/listening-vs-hearing-blog/

1. Did you hear the audio or did you listen to the audio?

34
____________________________________________________________
_____________
____________________________________________________________
_____________
____________________________________________________________
_____________

2. What was the monologue all about?

_____________________________________________________________
____________
_____________________________________________________________
____________
_____________________________________________________________
____________

Assessment
Posttest

Direction: Select the correct answer from the box below and write
the correct answer on the blank before each item.

Hearing tone computer hard drive

Listening volume loudness
Phon wav tape decibel

______________1. The act of perceiving sound by the ear

______________2. Secondary storage devices for storing audio files.

______________3. Intensity of a sound

______________4. The audible characteristic of a sound

______________5. Requires concentration so that you brain processes

meaning from words and sentence

______________6. Refers to the magnitude of the sound heard

______________7. Unit of subjective loudness

______________8. Magnetic tape on which sound can be recorded.

35
 ______________9. Noise of sound measurement

______________10.A Microsoft audio file format standard for storing an

audio bitstream on PCs.

Additional Activity

Direction: design a podcast about your school, class subject, or a class or schoo
activity
or advocacy. Create a 5-minute podcast on their topic using any recording device and
computer software. As a guide for the podcast planning answer the question below.

Component Guide Questions Answers

Target Who are the possible readers of

Audience this infographic?

Who is the author of this

Sender/Author
infographic?

• What is the tone of the text in

the infographic?
• What are the sample phrases or
taglines that you will use to
Key Content
relate the information?
• What are the facts/figures that
you will include in the
infographic?

What is the intention of the

Form / Style
infographic?

• What are the font types, colors

and shapes that you will use in
the infographic?
Medium / • What are the words or phrases
Format that you need to emphasize in
the infographic?
• How will you organize your text
and visual elements?

Congratulations!
You have completed your journey in this lesson.
You did a great job!
It’s now time to go on to the next adventure…

36
 Lesso
n
Motion Information
16 and Media
Motion media are graphics that use video footage and/or animation
technology to create the illusion of motion or rotation, and are usually
combined with audio for use in multimedia projects. Motion graphics are
usually displayed via electronic media technology, but may be displayed via
manual powered technology (e.g. thaumatrope, phenakistoscope,
stroboscope, zoetrope, praxinoscope, flip book) as well.The term is useful
for distinguishing still graphics from graphics with a transforming
appearance over time without over-specifying the form.

What I Need to Know

Learning objectives

At the end of this lesson, the learners must be able to:

1. Describes the different dimensions of motions
information and media
2. Comprehends how motion information and media is/are
formally and informally produced,organized,and
disseminated
3. Evaluates the reliability and validity of motion
information and media and its/their source using
selection criteria
4. Produce and evaluates a creative motion-based
presentation using design principle and elements.
( MIL11/12MIM-IVef15)

What I Know
Pretest

37
 Let’s see how much you know before we discuss the lesson.
Direction: Put ( ) if the word/s are examples of motion media. If not put✓ an (x).

__________ 1. Animation
__________ 2. Pictures
__________ 3. Videos

__________ 4. Live streaming

5. Screenshot
__________
6. Screencast
__________
7. Camera
__________
8. Mp3
__________
9.Mp4
__________
10 Radio

What’s In
Review

In the previous lesson you have learned that audio media is media
that uses audio or recordings to deliver and transfer information through the
means of sounds. You also learned the different types of audio and its uses
and differentiate the hearing and listening

38
 What’s New
Activity 16.1

What you will do

Activity 16.1: Classify the items on the list. Write your answers in a separate sheet of
paper

1. Identify and name the logos inside the box?

2. Sort the logos that falls to their classification?
3. Explain the classification scheme.

What is It
Discussion

Motion Media and Information

Motion Media is visual media that gives the appearance of a movement can
be a collection of graphics, footage, videos. It is combined with audio, text
and/or interactive content to create multimedia

2 Forms of Motion Media:

Informal - created by individuals often for personal use
Formal-created by professionals who follow industry standards in creating,
editing and producing motion media.

Steps in Formal Production of Animations:

•Writing the Story
•Script is written and dialogue is recorded
•Animators sketch major scenes, in between are fill in
the gaps
•Background music and background details are
added
•Drawings are rendered Types of Motion Media
▪ ANIMATION – Animated GIFs (Graphic Interchange Format),
Flash, Shockwave, Dynamic HMTL
▪ VIDEO FORMATS / VIDEO CODECS – MP4, DivX, MPG, 3GP, AVI,
MKV, etc.

Accordi
ng
to
Purp

39
 ose:
▪

Educ
ation
▪ Entertainment ▪ Advertising

Accord
ing
to
So
urc
e:
▪

Per
son
al
▪ Social Media
▪ Media Companies

Accordin
g to
Audie
nce:
▪
Privat
e/
Public
▪ General / Directed

Credibility of Motion Media

▪ Determining the Credibility of Motion Media:
▪ Validity of Information
▪ Source
▪ Relationship of the Author to the event

Technical Methods to Detect Fake/Tampered Video:

1.Smoothness of the 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.

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

3. Scale and Size Consistent - scale refers to how the size of the
objects in reference to one another are near the real thing.

Advantages of Motion Media:

▪ It captures motion in a manner that can be viewed repeatedly

40
 ▪ It can show processes in detail and in sequence
▪ It enables learning with emotions
▪ It can cut across different cultures and groups
▪ It allows scenes, history, events and phenomenon to be recreated

Limitations of Motion Media:

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

What you will do

Activity 16.2: Question and Answer

Directions: Answer the questions briefly. Write your answers in a
separate sheet of paper

1. What are the best three motion media that they have seen?
2. What makes these motion media memorable?
3. Other reflections on motion media and information that they may
want to share.

Elements of Motion Media

• Speed– Afast movement gives vigor and vitality, intensifying
emotions. A slow movement connotes lethargy, solemnity or
sadness.
• Direction– indicatesa movement from one direction to another. It can
also refer to the growing or shrinking of an object.
• Timing –canbe objective or subjective. Objective timing can be
measured in minutes, seconds, days, etc. Subjective timing is
psychological or felt.Timing can be used to clarify or intensify the
message or the event. Using a pause can help time the events.
• Transition –used to switch between scenes.
• Sound and Color– adds meaning to the motion
• Blurring – Inanimation, blurring can provide the illusion of fast
movement. In videos, it is often used to censor information for
security or decency.

41
 What’s More
Enrichment

Activity
16.3: What you will do
Question
and
Answer
Based on your answer in the Activity 1, choose 1 motion media that you
arefamiliar with and evaluate it using Media and Information Design
Framework.
Sample Rubric
Component Guide Questions Answers
Who are the possible viewers of the video? What are
Target
their age group? Are there sensitivities that must be
Audience
considered? (political, cultural, social or spiritual)
Who is the owner/creator of the video? What is his
Sender/Author
agenda, reputation and known advocacy?
What is the intention of the video? What emotions are
Purpose
drawn out by the video?
What is the main message of the motion media?
Key Content What are the actions/events (key scenes) that helped
develop this message?
How was the information presented? Did it make use
Form / Style of appropriate design elements and principles? What
is the tone of the video? How was this conveyed?
Medium / Is this the best platform to use? Why? How
would you Format classify this video?

What I Have Learned

Generalization

Complete the sentence below. Write your answers on a separate

sheet of paper.
1If the picture is reduced or enlarged by a certain percent then
because ______
_________________________________________________________
_____________
_________________________________________________________
_____________

2 .Timing can be used

to__________________________________________________
_________________________________________________________
_____________

42
 _________________________________________________________
_____________

What I Can Do
Application

Instructions: As a learner you need to read on storyboards using any of the

following sites: ✓ Columnfivemedia. How to Create Engaging Motion
Graphics in Four Steps.
Retrieved from
Links: https://www.columnfivemedia.com/how-to-create-engaging-
motion-graphicsin-four-steps.
Choose a topic and Think of your target audience for your chosen
topic.
1. How would you present the topic to your audience using motion
media and information?
2. What is your message?
3. What do you need to know about your message and your audience?
4. Write your thoughts and questions on a sheet of paper."

Assessment
Posttest

Direction: Write the correct Letter answer at the blank space provided.
____1. It is visual media that gives the appearance of a movement can be a
collection of graphics, footage, videos. It is combined with audio, text
and/or interactive content to create multimedia.
A. Media C.Motion Media
B.Motion D.Visual Media

____2. A fast movement gives vigor and vitality, intensifying emotions. A

slow movement connotes lethargy, solemnity or sadness.
A. Speed C. Direction
B. Timing D. Transition

____ 3.Used to switch between scenes.

A. Speed C. Direction
B. Timing D. Transition
____ 4.It can provide the illusion of fast movement. In videos, it is often
used to censor information for security or decency.
A. Speed C. Direction
B. Timing D. Transition

____ 5. Adds meaning to the motion

A. Speed C. Sound and Color
B. Blurring D. Transition

43
 ____ 6. It’s Indicates a movement from one direction to another. It can
also refer to the growing or shrinking of an object.
A. Direction C. Sound and Color
B. Blurring D. Transition

____ 7.This scale refers to how the size of the objects in reference to one
another are near the real thing.
A. Smoothness of the video C. Scale and Size Consistent
B. Lighting Coverage Matches D. Animation

____ 8. 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.
A. Smoothness of the video C. Scale and Size Consistent
B. Lighting Coverage Matches D. Animation

____ 9.One way to detect lighting matches is to look at the shadows; the
source of light determines the size and direction of the shadow.
A. Smoothness of the video C. Scale and Size Consistent
B. Lighting Coverage Matches D. Animation

____ 10. This is created by professionals who follow industry standards in

creating, editing and producing motion media.
A. Formal C. Scale
B. Informal D. format

Additional Activity

I. Create a timeline of your story. This will allow you to identify key events in
your story.

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." You should submit your outputs in the following
format:

A. Mini Project Description (Those in italics are sample

answers) Name of Learners:
Topic: Bullying
Audience: Children age 13-16

44
. Description of Audience: High school children who are leaders in their
school Message: Bullying can happen anywhere. Bullying must not be
allowed in school.

Sample Storyboard:

Source: https://www.template.net/business/storyboard-templates/advertising-storyboard-template/

Storyboard Sample Rubrics

Criteria 5 4 3 2

The main idea

The main idea is The story has a
stands out, The message is
visible; the theme but
Clarity of completely clear and
message is with message is not
message developed and completely
one or two clear nor
enhanced with developed
confusing points developed
details

Content is Content is
wellsuited to Content is relevant but not Content is difficult
audience and wellsuited to suited to for the audience
Relevance of audience and
purpose, audience and to understand and
message make connections purpose; and make purpose; some does not connect
and provide connections connections may to their experience
insights be present
Sequencing and One or two
Attention to detail pacing is evident segments in the
is evident from the but a there are sequencing is/are Little to no
Development of start of the story segments that lack confusing but planning done; the
story to the end.; details; one or two story can still be story cannot be
sequencing and gaps are evident understood. understood
pacing is smooth but story can still Several gaps are
be understood present

45
 Motion design Motion design
Motion design
Design somewhat helps
helps deliver the helps deliver the Motion design is
(to be used in deliver the
message and message and inappropriate and
the following message and
maximizes creates some not helpful
week) creates some
audience impact audience impact audience impact
II.Create a Motion-based Presentation based on your storyboard. You can
produce 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 (Animaker,
Aurora 3d PowerPoint presentation).

Sample Rubric

Criteria 4 3 2 1

Message is clear
Message is clear with some confusing Message is not
Message and relevant to points, has some clear, has some is not relevant
audience relevance to relevance
audience
Storyboard Sequencing and Minimal gaps are Poor and confusing Little to no
pacing is smoot evident sequencing and planning don
pacing. Gaps are
present

Motion design Motion design Motion design Motion design

Design maximizes creates some creates some is inappropriate
audience impact audience impact audience impact and not helpful

Congratulations!
You have completed your journey in this lesson.

You did a great job!

It’s now time to go on to the next adventure…

46
 Lesso
n Manipulative
Information and
17 Media

There are two types of Manipulatives media the traditional and

digital. Traditional Manipulative Media is actually being used in
certain schools, wherein they use different materials that the students
can use to have a hands-on experience regarding the lesson. Digital
Manipulatives are computationally enhanced versions of physical
objects, created in an effort to expand the range of concepts that
children can explore through direct manipulation. (Patten et al, as
cited in Zuckerman et al 2005) They contain embed computational
and communication hardware inside physical objects. (Resnick, et al
cited in Britez 2009)

What I Need to Know

Learning objectives

At the end of this lesson, the learners must be able to:

1. Describes the different dimensions of manipulative
information and media

47
 2. Comprehends how manipulative information and media
is/are formally and information produced, organized,
and disseminated.
3. Evaluates the reliability and validity of manipulate
information and media and its/their sources using
selection criteria.
4. Produces and evaluates a creative manipulative-based
presentation using design principle and elements.
(MIL11/12MPIMIVgh-19-22).

What I Know
Pretest
Question and Answer
Direction: Answer the questions briefly in your own words .Below is the
sample infographics about top 10 most
popular action of Facebook.

3. Which of the following actions are

interactive?
Source: http://images.marketin_____________________________g-
interactive.com.s3.amazonaws.com/w_____________________________________p-content/
uploads/2015/11/facebook.png _

______________________________________________________
_____________ ______________________________.
4. What content a user is providing to Facebook every time they do that
action?
_______________________________________________________
_______
_______________________________________________________
____________ ___________________________________.

What’s In
Review

48
 In the previous lesson you have learned that motion
information media is visual media that gives the appearance of a
movement can be a collection of graphics, footage, videos. It is
combined with audio, text and/or interactive content to create
multimedia. We also categorized the different formats of motion
media and information and how the format affects the design of the
media presentation, and using for evaluating the design on popular
motionbased media presentation based on their design and use of
elements.

What’s New
Activity 17.1

What you will do

Activity 5.1: How well do you know an Interactive Media?Write your answers in a
separate sheet of paper

1. How much you know about the image inside the box?
Can you name them all?
2. How much time do you spend on this interactive media
daily?
3. What are the advantage and disadvantage in
interactive media?

What is It
Discussion

49
 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
interactive media
Example
1. Social media (Facebook) - sent friend request; responded
to friend request; liked a post; followed a site; commented
on a friend's post; uploaded a file; chat with a friend; sent
private message.
2. Online booking - search for flights; booked a flight and
paid through credit card; web-check-in.
Platforms of interactive media:
1. 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.
2. 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.

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

4. 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.
5. 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.
6. Interactive websites (pools, surveys, exams, exercises)
7. Virtual reality and immersive environments - the
computer-generated simulation of a three-dimensional

50
 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

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

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

What you will do

typically very interactive.

Activity 17.2:Short-Response Questions

Directions: Answer the questions briefly.
1. Name 3 actions that demonstrate the interactivity of online
shopping?
a. ____________________
b. ____________________
c. ____________________

2. Name 4 advantages and 4 disadvantages of online

gaming.
a.____________________
b.____________________

c.____________________
d.____________________

51
Interacting with Social Media

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 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 iTVA 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

52
 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 onscreen contestants
c. Select alternate endings to their favorite program d. Encourage
children to interact with educational programs

What’s More
Enrichment
Instruction: Think about the future of TV News
Broadcasting .Give 5 ways may soonbe able to interact with a
TV news broadcast. Write your answers in a separate sheet of
paper.

1. ______________________________________.
2. ______________________________________.
3. ______________________________________.
4. ______________________________________.
5. ______________________________________.

What I Have Learned

Generalization

Complete the sentence stem below. Write your answers on a blank

space provided.
1. Interactive media
engage______________________________

53
 _________________________________________________
_____________
_________________________________________________
_____________ __________.

2. Interactivity is the communication process that

________________
_________________________________________________
_____________
_________________________________________________
_____________ __________.

What I Can Do
Application

Your Task is to complete the worksheet below.

Interactive Media Non-Interactive Interactive
Action
Example
Platform Action
Looting at the highest Asking others to Mobile apps Candy' Crush score
send you life

Mobile apps

3D TV

Video games
Web design and production
Virtu
al
realit
y and

imme
rsive
envir
onme
nt

54
Social media

Multi-player online game

Assessment
Posttest
Direction: Write the correct Letter answer at the blank
space provided.

________ 1.A software application developed specifically for use on

small, wireless computing devices such as smartphones and tablets,
rather than desktop or laptop computers..

. A. Mobile Apps C. Video Games

B. 3D TV D. Role playing Games

.________ 2.A game played by electronically manipulating images

produced by a computer program on a television screen or other
display screen.

. A. Mobile Apps C. Video Games

B. 3D TV D. Role playing Games

.________ 3.A 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.
A. Mobile Apps C. MMORPG

. B. 3D TV D. Role playing Games

________ 4.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.
A. Mobile Apps C. MMORPG

. B. 3D TV D. Role playing Games

________ 5.A 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
A. Social media C. MMORPG

55
 . B. 3D TV D. Role playing Games

________ 6.Interact with content; interact with instructors; interact with

classmates.
A. Online Shopping C.
Online classes
B. Online gaming D.
chat

.________ 7. A card that when clicked flips to display a description and

other

information
A. Online Shopping C. Online classes
B. Online gaming D. Flip cards
.

________ 8.compare prices; compare features of similar items; add

to cart; choose payment type; track delivery; get advice from
experts; search products; check local availability; get product
recommendations
A. Online Shopping C. Online classes

B. Online gaming D. Flip cards

.________ 9.a menu slide that branches to different events.

A. Online Shopping C. Timeline

B. Online gaming D. Flip cards

.________ 10. A special region to act as a trigger to another web

page.

A. Online Shopping C. Timeline

B. Hotspot D. Flip cards

Additional Activities

Making an Online Form

Instruction:Think of a topic for survey research wherein the
respondents will be
your classmates. Pick 5 questions to use for the survey and fill in the table
below.

56
 Component Guide Questions Answers
Target Audience Who are the respondents?

Sender/Author Who is the researcher?

Key content What are the survey questions?

Purpose What is the research problem?

Form / Style What are considered in designing the electronic form?
What is the software used for creating the electronic form?

Medium / Format How would you implement the electronic form?

Use the link below for your guide on how to create a google forms

Links:https://zapier.com/learn/google-sheets/how-to-use-google-forms/

Congratulations!

You have completed your journey in this lesson.

You did a great

job! Lesson It’s now time to go on to the

next adventure…

Multimedia Information

18 and Media
Multimedia is 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. A Multimedia sources can sometimes be found by searching
online library catalogs, such as the Library Catalog.
The learners will synthesize overall knowledge about different
information and media sources by producing and subsequently
evaluating a creative multimedia presentation.

57
 What I Need to Know
Learning objectives
At the end of this lesson, the learners must be
able to:

1. Describes the different dimension of multimedia

information and media. 2. Comprehends how multimedia

information and media is /are formally and informally

produced, organized, and disseminated.
3. Evaluates the reliability and validity of motion
information and media and its/their sources using
selection criteria.
4. Synthesizes overall knowledge about different
information and media sources by producing and
subsequently evaluating a creative multimedia form
(living museum, electronic portfolio, others).
(MIL11/12MM-IVij-23-26).

What I Know
Pretest

Let’s see how much you know before we discuss the next
lesson .Write the correct Letter answer at the blank space provided.
____1. What six elements can be combined to create
multimedia?

A.Colour, hypertext, images, music,

voiceover and video B. Audio, hypertext,
images, colour, music and animation
C. Text, links, animation, video, sound effects and music
_____ D.2 Audio, images, .Interactive multimedia allows the viewer
of the multimedia presentation to animation, hypertext, text and
video Control what and what sequence the elements of
multimedia are delivered.
A. True
B. False
___3. How can multimedia be displayed?

58
A. Magazines, television and books
B. Computers, T.V's and Websites
C. Magazines, newspapers and books
D. Computers, newspapers and Websites

___4 .is an element of multimedia that uses symbols, numbers

and letters to Display information.
A. Animation
B. Audio
C. Text
D. Video
___5. A simulation of movement created by displaying a series of
pictures or framesis known as a___.
A.
Image
B.
Graphic
C.
Video
D.
Animation

What’s In
Review
In the previous lesson you have learned that there are
2 types of
manipulative media the traditional and digital. Traditional
Manipulative Media is actually being used in certain schools, wherein
they use different materials that the students can use to have a
hands-on experience regarding the lesson. Digital Manipulatives are
computationally enhanced versions of physical objects, created in an
effort to expand the range of concepts that children can explore
through direct manipulation.

What’s New

What you will do

Activity 18.1

59
 Activity 6.1:Question and Answer
Direction: Below is the video that explain “How is covid-19 spread and how

do you protect yourself against it”.Write your answers in a separate sheet of

paper.

Click the link:https://www.youtube.com/watch?v=1APwq1df6Mw

1. What is the video all about?

2. Did the video effectively convey the information to you?
3. What are the components of the video?
4. How did the components contribute to conveying of the
information?

What is It
Discussion
As discussed in the first part of the course, people used the
human voice as a type of medium until writing was discovered. 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.
Multimedia is 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.

60
History of Multimedia
Multimedia is a media that uses multiple form of information
content and information processing.
The Basic Elements of Multimedia
1. Text-characters that are used to create words,
sentences, and paragraphs.
2. Graphics-A digital representation of non-text
information, such as a drawing, chart, or photograph.
3. Animation-Flipping through aseries of still images. It is
a series of graphics that create an illusion of motion.
4. Video-photographic images that are played back at
speeds of 15 to 30 frames a second and the provide the
appearance of full motion.
5. Audio-music, speech, or any other sound.

Categorization Two types of Multimedia presentation

1. Linear- active content progresses often without any
navigational control for the viewer such as a cinema
presentation.
2. Non-linear -uses interactivity to control progress as
with a video game or self-paced computer based
training. Hypermedia is an example of non-linear
content.

What you will do

Activity 18.2:Direction: Write the correct Letter answer at the blank

space provided.

___1.Multimedia is mainly created for

A.Teaching and learning
B. Entertainment
C. Advertising
D. All of the above

61
 ____2.What is multimedia?
A.Multimedia is the presentation of information using images.
B. Multimedia is the presentation of information using a
variety of forms.
C. Multimedia is the presentation of information in only one
form.
D. Multimedia is the presentation of information through the
media.

____3.Interactive multimedia allows the viewer of the

multimedia presentation to control what and what sequence the
elements of multimedia are delivered.
A.
True
B.
False
_____4.Is a navigation link from one website page to another.
A. Hypertext
B. Text
C.A homepage
D. Button

_____5.A digital camera, computer monitor, microphone,

keyboard and Headphones are all examples of

A. Software
B. Hardware
C. Multimedia
D. Presentation Tools

Usage
Multimedia finds its application in various areas including, but not
limited to:
• Education, multimedia can be used as a source of
information. Students can search encyclopedias such
as Encarta, which provide facts on a variety of different
topics using multimedia presentations.
• Advertising and selling products on the Internet.-
Some businesses use multimedia for training where
CD-ROMs or on-line tutorials allow staff to learn at their
own speed, and at a suitable time to the staff and the
company.

62
 • Entertainment- is heavily used in the entertainment
industry, especially to develop special effects in movies
and animations (VFX, 3D animation, etc.). Multimedia
games are a popular pastime and are software
programs available either as CD-ROMs or online. Some
video games also use multimedia features.
• Engineering- is a powerful tool for engineering
education that can be used in many different ways,
such as: support to class presentations, tutorial for off-
class consultancies or complementary activities, virtual
laboratories, simulators, center of activities to be used
in a laboratory or at home, distance
• Medicine- intended for use by medical doctors, nurses
and other interested persons. It describes ways in
which multimedia can assist in their work. These
include the areas of diagnosis and the application to
training. Matters that are important to patients are also
dealt with.
• Mathematics and Scientific research –mainly used
for modeling and simulation
• Business- such as mobile marketing, live casting and
podcasting, photo, video and file sharing, can spread
the word about your company and help build brand
awareness in a very unique and powerful way. This
particular type of social media also has the ability to go
viral quickly.
Advantages of using Multimedia
• It is very user-friendly. It doesn’t take much energy out
of the user, in the sense that you can sit and watch the
presentation, you can read the text and hear the audio.
• It is multi sensorial. It uses a lot of the user’s senses
while making use of multimedia, for example hearing,
seeing and talking.
• It is integrated and interactive. All the different
mediums are integrated through the digitization
process. Interactivity is heightened by the possibility of
easy feedback.
• It is flexible. Being digital, this media can easily be
changed to fit different situations and audiences
• It can be used for a wide variety of audiences, ranging
from one person to a whole group.
Disadvantages of using Multimedia
• Information overload. Because it is so easy to use, it
can contain too much information at once.

63
 • It takes time to compile. Even though it is flexible, it
takes time to put the original draft together.
• It can be expensive. As mentioned in one of my
previous posts, multimedia makes use of a wide range
of resources, which can cost you a large amount of
money.
• Too much makes it unpractical. Large files like video
and audio has an effect of the time it takes for your
presentation to load. Adding too much can mean that
you have to use a larger computer to store the files.
Hypertext and Hypermedia
• Hypertext is a text which contains links to other texts. The
term was invented by Ted Nelson around 1965.

64
 • Hypermedia is not constrained to be text-based. It can include other media,
e.g., graphics, images, and especially the continuous media –sound and
video.

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:
CONTENT Target Audience
Who are the possible users?
What aspects of the users are to be considered? (persons with disability,
language barrier, reading level, culturally-sensitive, etc.)

Sender / Author
Who is the author of this multimedia product? How credible is the author?

Key content What is the tone (authoritative, informative, encouraging, enticing, etc.) of
the multimedia product?
Is the information correctly presented?

Purpose Does it meet the objectives of the topic?

Form / Style What are the elements (text, sound, images, animation, etc.) used? Do the
TECHNOLOGY
elements help in conveying the message?
Do the elements follow the different principles of design? Is it pleasing to
the eyes?
Do the sound and video run smoothly together?
Medium / Format
Is the selected format commonly used?
Is it easy to use?
Does it allow the user to cancel or return to an action? Are the instructions
easy to use?

The 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

What’s More
Enrichment
 Instruction : Createa multimedia content, you need to
consider the components of the Media and Information Design
Framework. Write your answers in a
separate sheet. 53

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

Component Guide Questions Answers

Target Audience Who are your intended audience? Can you describe
the audience in terms of reading or comprehension
level, learning styles and socio-economic background?

Sender/Author Who is creating this product? What kind of institutions/

companies usually create this kind of product?

Key content What topics are included? Is the information well-

researched or verified?

Purpose What do you intend to accomplish after your audience

will use the product? Is the product designed to
entertain, to educate, to inform or to call for action?

Form / Style What will be the tone of the message? What fonts,
color or shapes that you will use? Do you need
background music? Does the product have animation
or not?

Medium / Format What information or media types will you use or

combine to create the product? What devices will be
used to create and run the product?

What I Have Learned

Generalization

Complete the sentence below. Write your answers on a blank space provided.
1. Multimedia is a media that uses______________________________
___________________________________________________________________

66
 ___________________________________________________________________
.

2. Multimedia finds its application in various areas including, but not limited
to:______
_______________________________________________________________
____
___________________________________________________________________
.

What I Can
Application

Create a five -minute video presentation for your electronic portfolio, showcasing
your previous Activity. Below is the guide in creating of your video

The storyboard illustrates the The storyboard includes The thumbnail There is no evidence
video presentation structure thumbnail sketches of sketches on the of a storyboard or
Script/ with thumbnail sketches of each video scene and storyboard are not in script.
Storyboard each scene. Notes of includes text for each logical sequence and do
proposed transition, special segment of the not provide
effects, sound and title tracks presentation, descriptions complete descriptions of
incl: text, color, placement, of background audio for the video scenes,
graphics, etc. Notes about each scene, and notes audio background, or
proposed dialogue/ narration about proposed shots and notes about the
text are included. dialogue. dialogue.
Criteria The4 content includes a clear Information is presented as The content does not Content lacks a
3
statement of purpose or 2
a connected theme with 1 present a clearly central theme, clear
Content/ theme and is creative, accurate, current stated theme, is point of view and
Organization compelling and clearly written. supporting information that vague, and some of the logical sequence of
A rich variety of supporting contributes to supporting information. Much of
information in the video understanding the information does not the supporting
contributes to the project's main idea. seem to fit the main information is
understanding of the project's Details are logical and idea or appears as a irrelevant to the
main idea. Events and persuasive information is disconnected series of overall message. The
messages are presented in a effectively used. The scenes with no viewer is unsure what
logical order. content includes a clear unifying main idea. the message is
point of view with a because there is little
progression of ideas and persuasive
supporting information. information and only
one or two facts about
the topic are
articulated.
Information is
incorrect, out of date,
or incomplete

Video was completed and had all Video was completed and Video was made, but The video had no
required elements. The video contained all had very little if any transitions or audio
was well edited and required items. Editing editing. Many poor support of any kind.
moves smoothly from scene to was not done as well as it shots remain. Video
Quality scene with proper use of should have been. Some was very fragmented
transitions. Audio and other poor shots remain. Movie and choppy with little
enhancements were well is still somewhat choppy. to no audio
used. Audio67and other reinforcement.
enhancements were
utilized, but not for
maximum effect.
 Assessment
Posttest
Direction:Select the correct answer from the box below and write the
correct answer on the blank space before each item.

Graphics Hypermedia Text

Animation Linear Multimedia
Non-linear Hypertext VideoAudio

___________1. A digital representation of non-text information, such as a drawing,

Chart, or photograph.
_________2. Characters that are used to create words, sentences, and paragraphs.
_________3. Photographic images that are played back at speeds of 15 to 30 frames a
second and the provide the appearance of full motion.
_________4. Flipping through a series of still images. It is a series of graphics that
create an illusion of motion.
_________5. Music, speech, or any other sound.
_________6. Uses interactivity to control progress as with a video game or selfpaced
Computer based training. Hypermedia is an example of non-linear
Content.
_________7. Active content progresses often without any navigational control for the
Viewer such as a cinema presentation.
_________8.is 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.
_________9. Is a text which contains links to other texts. The term was invented by Ted
Nelson around 1965.
_________10. Is not constrained to be text-based. It can include other media, e.g.,
Graphics, images, and especially the continuous media –sound and
Video

68
 Additional Activities

Create a Production of a 3-minute video trailer about a campaign that you passionate about.For instance, you
can create a video about raising awareness on covid-19 problem in your city/area and what people can do about this issue.

Congratulations!
You have completed your journey in this Module.
You did a great job!

It’s now time to go on to the next adventure…

Key Answers

69
References
“Media and Information Literacy: Curriculum for Teachers”. 2020 UNESCO Press ISBN 97892-3-
104198- 959- 18-0787-8 (ES)
https://unesdoc.unesco.org/ark:/48223/pf0000192971

“Media and Information Literacy Curriculum Guide by Deped.” Accessed May 31, 2020.
https://unesdoc.unesco.org/ark.

Media and Information literacy teaching guide by CHED. Accessed May 31, 2020.
“Https://Www.teacherph.com/Media-Information-Literacy-Senior-High-School-
TeachingGuide/.”

“The 5 Types of Digital Image Files: TIFF, JPEG, GIF, PNG, and Raw Image Files,”:
Accessed May 31, 2020
https://www.ivanexpert.com/blog/2010/05/the-5-types-of-digital-image-files-tiff-jpeg-gif-pngand-
raw-image-
files- and-when-to-use-each-one/

“An Outline for Visual Technical Communications”: The Storyboard Techwhirl. Retrieved
from
http://techwhirl.com/storyboard-outline-visual-technical- communications/ on September 8, 2015

Definition: Interactivity, Technopedia Retrieved from

https://www.techopedia.com/definition/14429/interactivity on September 8, 2015

70
How can I tell if a website is credible? Tutorial 2016 Retrieved from
https://www.edb.utexas.edu/petrosino/Legacy_Cycle/mf_jm/Challenge%201/ website
%20reliable.pdf on
September 8, 2015

The Power of Visual Content [Infographic]" Retrieved from

http://www.demandgenreport.com/industry-topics/rich-media/2906-the-power-of-visualcontent-
infographic.html#.VUDqrfnF_r3 on September 8, 2015

How to Use an Audio Mixer (soundboard): Markusaurelius in Living Retrieved from

https://www.instructables.com/id/How-to-use-an-audio-mixer-soundboard/

“Evaluation of Multimedia”Commonwealth Educational Media Centre for Asia of Learning,

Reddi, U & Mishra, S. (2003 Retrieved from
http://cemca.org.in/ckfinder/userfiles/files/Section9.pdf on February 8, 2016

Communicating ideas with film, video and multimedia: Shelton, S.M. (2004) A practical guide to
information motion-media. Carbondale: South Illinois Press
Some Ideas about Composition and Design Elements, Principles and Visual Effects. Retrieved
from https://www.goshen.edu/art/ed/Compose.htm#elements on September 8, 2015

.Graphic Design in the Age of Interactive Media. Sperka, Martin and Stolar, Anton Retrieved from
http://newmedia.yeditepe.edu.tr/pdfs/ isimd_05/16.pdf on September 8, 2015

Technopedia, Definition: Interactivity. Retrieved from

https://www.techopedia.com/definition/14429/interactivity on September 8, 2015

“The Basics of Motion “Media Retrieved from https://vimeo.com/7440725 on

October 20, 2015

71
72
For inquiries or feedback, please write or call:
Department of Education – Division of Misamis Oriental
Don A. Velez St., Cagayan de Oro City
Contact number: 0917 899 2245
Email address: misamis.oriental@deped.gov.ph

73