MIL11 Q4 MOD5 v1

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 recommendations to the Department of Education
at [email protected].
We value your feedback and recommendations.
Department of Education • Republic of the Philippines
3
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 learners: For the teacher:

To be guided in achieving the objectives To facilitate and ensure the students’
of this module, do the following: learning from this module, you are
1. Read and follow instructions encouraged to do the following:
carefully. 1. Clearly communicate learning
2. Answer the pretest before going competencies and objectives
through the lessons. 2. Motivate through applications
3. Take note and record points for and connections to real life.
clarification. 3. Give applications of the theory
4. Compare your answers against 4. Discuss worked-out examples
the key to answers found at the 5. Give time for hands-on unguided
end of the module. classroom work and discovery
5. Do the activities and fully 6. Use formative assessment to
understand each lesson. give feedback
6. Answer the self-check to monitor 7. Introduce extensions or
what you learned in each lesson. generalizations of concepts
7. Answer the posttest after you 8. Engage in reflection questions
have gone over all the lessons. 9. Encourage analysis through
higher order thinking prompts
10. Provide alternative formats for
student work
4
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.
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
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.
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/
3. ________________________ 4. _________________________
__________________________ ___________________________
__________________________ ___________________________
6
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?
• 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-
school-concept-word-cloud-background-
e.As a producer of text media and information, we 100703449.html
need to review the media and information design
7
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 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.
8
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
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.
9
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.
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
10
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'
Component Guide Questions
Answers
• 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
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

Generalization
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 ______________________________________
11
___________________________________________________________________
___________________________________________________________________
What I Can 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 10-20 words.
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 (150-200 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 the facts/figures 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 in the poster?
How will you organize your text elements?
12
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.
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
13
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…
14
Lesson
Visual Information and
14 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

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).
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
15
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.
What’s New
Activity
What you will do

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/industry-topics/%20rich-media/2906-the-power-of-visual-content-infoqraphic
like that
teachers 1. What is the important of Visual content 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.
16
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
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.”
5. BMP. Short for "Bitmap." It can be pronounced as "bump," "B-M-P," or
17
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
18
What you will do
Activity 14.2:Answer the questions briefly. Write your Answers in a separate sheet of
paper. Evaluate the magazine 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_cool-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?
Form / Style Did it make use of
appropriate design elements
and principles?
Medium / Is this the best platform to

Format use? Why?
19
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 un-
evenly 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.
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.
20
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 of visual-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.
What I Have Learned

Generalization
1. Information graphic or infographics are ________________________________________
21
_________________________________________________________________________
_________________________________________________________________________
2. The elements and principles of design are _____________________________________
_________________________________________________________________________
_________________________________________________________________________
What I Can Do
Application
Direction: Create text and visual media composed of not less than 6 digital posters
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

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

A. Perspective C. Contrast
_____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
22
_____6. Determined by its hue (name of color), intensity (purity of the hue), and value
(lightness or darkness of hue).
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.


_____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!
Lesson
Audio Information and
15 Media
23
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

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
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
24
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
______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
25
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
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
26
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).
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
27
_______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).
_______10.Transition-how you get from one segment or element to another
What I Have Learned

Generalization
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?
_________________________________________________________________________
_________________________________________________________________________
_________________________________________________________________________
28
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.
______________9. Noise of sound measurement
______________10.A Microsoft audio file format standard for storing an audio bitstream on
PCs.
29
Additional Activity
Direction: design a podcast about your school, class subject, or a class or school 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.
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
Key Content
taglines that you will use to
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!
30
Lesson
Motion Information and
16 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

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
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
31
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
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
32
▪ VIDEO FORMATS / VIDEO CODECS – MP4, DivX, MPG, 3GP, AVI, MKV, etc.
According to Purpose:
▪ Education
▪ Entertainment
▪ Advertising
According to Source:
▪ Personal
▪ Social Media
▪ Media Companies
According to Audience:
▪ Private / 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
▪ 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.
33
What you will do

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

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?
34
Medium / Is this the best platform to use? Why? How would you
Format classify this video?
What I Have Learned

Generalization
1If the picture is reduced or enlarged by a certain percent then because ______
______________________________________________________________________
______________________________________________________________________
2 .Timing can be used to__________________________________________________

______________________________________________________________________
______________________________________________________________________
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-graphics-
in-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
____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.
35
____ 4.It can provide the illusion of fast movement. In videos, it is often used to censor
information for security or decency.
____ 5. Adds meaning to the motion

A. Speed C. Sound and Color
B. Blurring D. Transition
____ 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.
____ 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.
____ 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
. Description of Audience: High school children who are leaders in their school
Message: Bullying can happen anywhere. Bullying must not be allowed in school.
36
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 well-
relevant but not Content is difficult
suited to audience Content is well-
suited to for the audience
Relevance of and purpose, suited to audience
audience and to understand and
message make connections and purpose; and
purpose; some does not connect
and provide make 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 to segments that lack confusing but planning done; the
story 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
37
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
Poor and confusing
Sequencing and Minimal gaps are sequencing and Little to no
Storyboard
pacing is smoot evident pacing. Gaps are planning don
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!
38
Lesson
Manipulative
17 Information and 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

1. Describes the different dimensions of manipulative information and
media
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
39
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.marketing-interactive.com.s3.amazonaws.com/wp-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
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 motion-
based 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
40
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
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.
41
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 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.____________________
Interacting with Social Media
42
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 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
43
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______________________________
______________________________________________________________
______________________________________________________________
__________.
2. Interactivity is the communication process that ________________

______________________________________________________________
______________________________________________________________
__________.
What I Can Do
Application
Your Task is to complete the worksheet below.
44
Interactive Media Non-Interactive Interactive Action
Platform Example 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
Virtual reality and
immersive
environment
Social media
Multi-player online
game
Assessment
Posttest
________ 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
.________ 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
.
45
________ 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
. 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
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
.________ 9.a menu slide that branches to different events.

A. Online Shopping C. Timeline
.________ 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
46
your classmates. Pick 5 questions to use for the survey and fill in the table below.

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!
Lesson
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.
What I Need to Know

Learning objectives
47
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. Audio, images, animation, hypertext, text and video
_____2.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
___3. How can multimedia be displayed?
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
48
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
Activity 18.1
What you will do
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
49
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.
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
50
C. Advertising
D. All of the above
____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.
• 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,
51
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.
• 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.
52
• 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
TECHNOLOGY What are the elements (text, sound, images, animation, etc.) used? Do the
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
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
Is it interactive or or
information not?
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______________________________
___________________________________________________________________
___________________________________________________________________.
2. Multimedia finds its application in various areas including, but not limited to:______
___________________________________________________________________
___________________________________________________________________.
54
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
Criteria 4 3 2 1
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
with thumbnail sketches of each video scene and storyboard are not in script.
each scene. Notes of includes text for each logical sequence and
Script/ proposed transition, special segment of the do not provide
Storyboard effects, sound and title tracks presentation, descriptions complete descriptions
incl: text, color, placement, of background audio for of the video scenes,
graphics, etc. Notes about each scene, and notes audio background, or
proposed dialogue/ narration about proposed shots notes about the
text are included. and dialogue. dialogue.
The content includes a clear Information is presented The content does not Content lacks a
statement of purpose or as a connected theme present a clearly central theme, clear
theme and is creative, with accurate, current stated theme, is point of view and
compelling and clearly written. supporting information vague, and some of logical sequence of
A rich variety of supporting that contributes to the supporting information. Much of
information in the video understanding the information does not the supporting
Content/ contributes to the project's main idea. seem to fit the main information is
Organization 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 overall message. The
messages are presented in a effectively used. The of 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 Video was completed Video was made, but The video had no
all required elements. The and contained all had very little if any transitions or audio
video was well edited and required items. Editing editing. Many poor support of any kind.
moves smoothly from scene was not done as well as it shots remain. Video
Quality to 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. Audio and other reinforcement.
enhancements were
utilized, but not for
maximum effect.
55
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 self-
paced
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
56
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.
57
58
References
“Media and Information Literacy: Curriculum for Teachers”. 2020 UNESCO Press ISBN 978-
92-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-Teaching-
Guide/.”
“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-png-
and-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
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-visual-
content- 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
61
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
62
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: [email protected]
63

MIL11 Q4 MOD5 v1

Uploaded by

Copyright:

Available Formats

MIL11 Q4 MOD5 v1

Uploaded by

Document Information

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

MIL11 Q4 MOD5 v1

Uploaded by

Copyright:

Available Formats

Government Property Senior High School

NOT FOR SALE

Department of Education • Republic of the Philippines

First Edition, 2020

Published by the Department of Education

Printed in the Philippines by _____________________________

This instructional material was collaboratively developed and reviewed

We value your feedback and recommendations.

Department of Education • Republic of the Philippines

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

Specifically, this module consists of the following lessons:

For the learners: For the teacher:

In this lesson the learners are expected to demonstrate understanding of different

What I Need to Know

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

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

Source: https://quotesnhumor.com/ Source:https://www.swagshirts99.com/

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

• Who or what institution is sending this message?

What you will do

Activity 13.2: Question and Answer

Based on the given picture answer the following questions.

1. Who or what institution is sending this message?

Examples: Edwardian, Vladimir, Kunstler

Examples: Chiller, Jokerman, Curlz MT

Design principles and elements

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

Ac What you will do

Emphasis Appropriateness Proximity Alignment

What I Have Learned

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

2. Text is very powerful in a way that ______________________________________

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

Questions for Poster Planning

Target Audience Who are the possible readers of this poster?

Sender/Author Who is the author of this poster?

Purpose What is the intention of the poster?

_____9. Creates visual interest to text elements

Example Statement T-shirt

What I Need to Know

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

What you will do

Activity 14.1: Question and Answer

Common Visual Media File Types

1. JPEG (also known as JPG), file types ending in .jpg

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

3. GIF, file types ending in .gif

4. PNG, file types ending in .png

5. BMP. Short for "Bitmap." It can be pronounced as "bump," "B-M-P," or

Formally and informally produced visual media

Purpose of visual information

Visual design elements

Component Guide Questions Answers

Target Who is the intended

Sender/Author What is the purpose?

What is the topic or

How was the information

Medium / Is this the best platform to

Visual Design Principles are: