SENIOR HIGH SCHOOL

Media and Information Literacy

QUARTER 2 – Module 2
Dimensions and Resources of Media and
Information

https://tinyurl.com/y4sdaw89

Senior High School

Division of Bohol
Department of Education • Republic of the Philippines

1
Media and Information Literacy – Grade 11/12
Alternative Delivery Mode
Quarter 2 – Module 2: 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 Division of Bohol (for classroom use):

Development Team of the Module

Writer/s: Golda M. Cagol, MA

Prixie Cara Doliente
Marivel F. Tesio

Editor/ Technical Working Group (TWG):Marcelita I. Balili

Layout Artist: Golda M. Cagol
Education Program Supervisor (EPS): Pablito P. Villalon

Printed in the Philippines by _____________________________

Department of Education – Division of Bohol
Office Address: ______________________________________
Telefax: ______________________________________
E-mail Address: ______________________________________

2
Media and Information
Literacy
Quarter 2 – Module 2
Dimensions and Resources of Media and Information

This learning material was conspired and materialized by the

selected senior high school teachers of Bohol Division who are
teaching the subject and reviewed by the Technical Working Group
(TWG) from the department and quality assured by the Division
Office. We fortify all teachers who are experts in this field and other
education stakeholder to email their feedback, comments, and
recommendations to the Division of Bohol.

We value and appreciate your feedback and recommendations.

Division of Bohol

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 dimensions 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 produce 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 1- Text Information and Media
 Lesson 2 - Visual Information and Media
 Lesson 3 - Audio Information and Media
 Lesson 4 - Motion Information and Media
 Lesson 5 - Manipulative Information and Media
 Lesson 6 - Multimedia Information and Media

GENERAL INSTRUCTION

For the learners: For the teacher:

To be guided in achieving To facilitate and ensure

the objectives of this module, do the students’ learning from this
the following: module, you are encouraged to
1. Read and follow instructions do the following:
carefully. 1. Clearly communicate learning
2. Answer the pretest before competencies and objectives
going through the lessons. 2. Motivate through applications
3. Take note and record points and connections to real life.
for clarification. 3. Give applications of the theory
4. Do the activities and fully 4. Discuss worked-out examples
understand each lesson. virtually or by means of
5. Answer each and every activity SMS/Call via mobile phone
to monitor what you learned in 5. Give ample time for hands-on
each lesson. unguided modular work and
6. Answer the posttest after you discovery.
have gone over all the lessons. 6. Use formative assessment to
7. Directions in each activity are give feedback.
provided, follow and read it 7. Introduce extensions or
carefully. Use a separate answer generalizations of concepts
sheets for your answers. 8. Engage in reflection questions
8. Please return the modules 9. Encourage analysis through
after all activities has been higher order thinking prompts
accomplished. 10. Provide alternative formats
9. The ADDITIONAL ACTIVITY for student work.
part in this module is an 11. If possible, provide template
OPTIONAL activity. Therefore, of Answer Sheet for convenience.
you may or may not answer it.

4
 Lesson
Text Information and Media
1

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.
Informative Text and Media plays an important role in communication process
through circulation of knowledge, providing forum for discussion of issues, teach
ideas, skills for a better life, to express our thoughts and opinions.

WHAT I NEED TO KNOW

In this lesson, you will be able to:

1. describe the different dimensions of text information and media;
2. explain how text information and media is /are formally and informally produced,
organized and disseminated;
3. evaluate the reliability and validity of text information and media and its/their
sources using selection criteria; and
4. produce a creative text-based presentation using design principle and elements.

WHAT I KNOW
Pretest

Let’s see how well you know about the lesson before we discuss.
Directions: Below is a common example of a fraudulent text message circling around.
Answer the questionsthat follow in a separate sheet of paper.

https://tinyurl.com/yyz2chh5

1. What is the tone of this fraudulent message?

a. formalb. scary c. informative d. tempting e. encouraging
2. If you were the receiver of the text would you fall for it? Why?
3. Why do you think Filipinos fall for this kind of fraudulent or scam text
message?
4. Do you think that text-based message iseffective to use for fraud and other
negative intentions? Why?

5
 WHAT’S IN
Recapitulation

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

Directions: The following are various common text information that we

encounter every day. What comes to your mind upon reading it? Use a separate sheet
of paper for your answer.

Activity 1.1

1. Source:https://tinyurl.com/yy3tmf5t 2. Source: https://tinyurl.com/yxpgzq7c

3.Source: https://tinyurl.com/yxg35e8q 4. Source: https://tinyurl.com/yxdmh3sl

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,
publishedBooks, newspapers, magazines, advertisements, research works, etc.)
orInformal (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

e. As a producer of text media and information,

we need to review the media and information design
framework: target audience, author or sender, key
content, purpose, form/style and format.

Source: https://tinyurl.com/y2ct8utq

7
 WHAT YOU WILL DO

Activity 1.2
Directions: The following illustration is an official announcement of the
opening of classes for School Year 2020-2021. Read and observe the
illustration. Then, answer briefly the questions that follows it. Write your
answers in a separate sheet of paper

Source:https://tinyurl.com/y3gdsnlw
1. Who or what institution is sending this message?
2. What techniques are used to attract and hold attention?
3. What is the language used by the writer?
4. How will you interpret the message?
5. Do you think something is omitted, slurred or added in the message?
Why?

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

8
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- carries a solid or heavy look to text. This font can be used for large
advertising sign on billboards.
Examples: Rockwell, Playbill, Blackoak

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

9
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

WHAT
WHAT YOUYOU WILL
WILL DO DO

Activity 1.3
Directions: Evaluate the design elements and principle applied on the
image.Select the correct answers found inside the text box and write it in a
separate sheet of paper.

Emphasis Organization Appropriateness Repetition

Proximity Contrast Alignment

1.Source: https://tinyurl.com/yyd2modt

_______________________

2.Source:https://tinyurl.com/y4gqbjn5

__________________________

3. Source https://tinyurl.com/y6g5nhx5

______________________________

10
 4. Source: https://tinyurl.com/y4oketa3
Lesson
1

______________________

Activity 1.4.Directions: Imagine that you own an advertising firm, you need to
create a brochure for a client with specific needs. To help you identify the appropriate
content for the brochure based on the Media and Information Design Framework.
Here are the following topics that you can choose according to your interest.You are
free to choose one:

1. Tourism Campaign – This brochure will invite the readers to spend their
summer vacation in your city.
2. Election Campaign – This brochure will promote to the readers a local
politician who will run for mayor in the upcoming election.
3. School Admission – This brochure will advertise to the readers a
college/university in your place.
4. Community Advisory – This brochure will inform the readers about the new
policy for garbage collection schedule and segregation in your community.

After choosing one topic,please provide answers in the table below.Write your
answers in a separate sheet of paper.

use?

11
 style

WHAT I HAVE LEARNED

Generalization

Directions: Complete the sentence stem below. Write your answers on a separate
sheet of paper.
1. Because of the advancement of media and information,netizens are empowered to
express themselves to certain issues in the society, thus, this brings them countless
opportunities such as_____________________________________________________________
____________________________________________________________.
2. However, along with these opportunities are risks and challenges such as ________
___________________________________________________________________
___________________________________________________________________.
3. Text is very powerful in a way that _______________________________________________
___________________________________________________________________.

WHAT I CAN DO
Application

Directions: Observe the following example of a typography poster with a

poster statement, "Not all heroes wear capes.”Then, read and follow the task
as listed.

“Not all heroes

wear capes.”

https://tinyurl.com/y6bxrxws

TASK:

12
 1. Identify an advocacy or issue that suits the following image.

https://tinyurl.com/y54ms9yj

2. Fill in the table below after identifying the advocacy based on your
answer in number 1.

Your Answer
Target Audience
Sender/Author
Key Content
Purpose
Form/style
Medium/format

3. Create your own typography poster design with a campaign statement

consisting of 10-15 words (like the sample above).Use a long bond paper
for your typography poster, you may use any art materials available at
home.
4. Write an explanation of the poster made.

ASSESSMENT
Posttest

Directions: Read each question carefully. Write your answer in a separate sheet of
paper.

_____1. Creates visual interest to text elements

A. Contrast B. Repetition C. Alignment D. Organization
_____2. A simple and flexible format of presenting information or conveying ideas
whether hand written, printed or displayed on screen.
A. Format B. Text C. Decorative D. Script
_____3. This font is usually used in wedding invitation cards or other formal events.
A. Format B. Serif C. Decorative D. Script
_____4. Refers to how the text is positioned in the page. This can be left, right, center
or justified.
A. Contrast B. Repetition C. Alignment D. Script
_____5. This concerns consistency of elements and the unity of the entire design.
A. Organization B. Repetition C. Contrast D. Alignment
_____6. This refers to how near or how far are the text elements from each other.

13
A. Organization B. Repetition C. Proximity D. Alignment
_____7. This font is usually used for the body text of books, newspapers, magazines
and research publication.
A. Decorative B. Serif C. San Serif D. Script
_____8.This refers to the importance or value given to a part of the text-based content.
A. Organization B. Emphasis C. Contrast D. Alignment
_____9. Creates visual interest to text elements
A. Organization B. Emphasis C. Contrast D. Alignment
_____10. This font can be used for large advertising sign on billboards.
A. Script B. Decorative C. Slab Serif D. San serif

ADDITIONAL ACTIVITY

WHAT YOU WILL DO

(Note: This activity is optional.)

Directions: Design a statement t-shirt with the topic “We heal as one” be sure that
you promote Media and Information Literacy skills.

SAMPLE STATEMENT T-SHIRT

https://tinyurl.com/y6sx6cjy https://tinyurl.com/y6nompw4

Congratulations!!!
You have completed this lesson. Great job!
It’s now time to go on to the next level of adventure…

14
 Lesson Visual Information and Media
2

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.

Visual media is a colloquial expression used to designate things like TV, movies,
photography, painting and so on. But it is highly inexact and misleading. All the so-
called visual media turn out, on closer inspection, to involve the other senses
(especially touch and hearing.)

In this lesson the learners are expected to understand the similarities and
differences of the different types of visual media and information and gain
comprehensive knowledge on how to analyze, design, develop, implement (utilize) and
evaluate them.

WHAT I NEED TO KNOW

In this lesson, you will be able to:

1. identify the different dimensions of visual information and media;

2. explain how visual information and media is/are formally and informally produced,
organized, and disseminated;
3. evaluate the reliability and validity of visual information and media and its/their
sources using selection criteria;and
4. produce a creative visual-based presentation using design principle and elements.

WHAT I KNOW
Pretest

Let’s see how much you know before we discuss the lesson.
Directions: Select and write the complete answer in a separate answer sheet.

1. What kind of pictures are these?

A.

https://tinyurl.com/y68godu7https://tinyurl.com/y3n6oy69

a. Infographics b. screenshots c. photography d. memes

15
 B.

https://tinyurl.com/y6sr4sbw

a. Infographics b. screenshots c. photography d. memes

C.

https://tinyurl.com/y4ha87z8

a. Infographics b. screenshots c. photography d. memes

D.

https://tinyurl.com/y2vacgp8
b. Infographics b. screenshots c. photography d. memes

2. It is an image format commonly used for images on the webin software

programs. It is also popular choice for application graphics
a. JPEG b. PNG c. GIF d. TIFF
3. It is used for emphasis, and/ or elicit emotions from viewers.
a. Color b. value c. shape d. line

WHAT’S IN
Recapitulation

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.

16
 WHAT’S NEW

WHAT YOU WILL DO

Information Graphics or Infographics - are graphic visualrepresentations of

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

Activity 2.1: Directions: Below is an example of visual-based presentation

(infographics).Identify at least two design elements and principle used
dominantly. Write your answer in a separate sheet of paper.

https://tinyurl.com/
y3y9qs6v

DESIGN ELEMENTS DESIGN PRINCIPLE

1. 1.
2. 2.

WHAT IS IT
Discussion

Visual media and information – materials, programs, applications and the like
thatteachers and students use to 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.

17
 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 18 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. (Show at least one example for each
purpose and ask learners their reactions or responses to each one).
Visual design elements - the building blocks or basic units in the construction of a
visual image. (Show visual media and information that incorporates most of the design
elements. Point out why these elements are important).
The Design Elements are:
a. Line – describes a shape or outline. It can create texture and can be thick or
thin. Lines may be actual, implied, vertical, horizontal, diagonal, or contour
lines.
b. Shape – usually a geometric area that stands out from the space next to or
around it, or because of differences in value, color, or texture. Shape may also
be organic.
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.

18
 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 createcolor 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.
Examples:

19
 WHAT YOU WILL DO

Activity 2.2: Directions: Observe the image at

your left side, and answer the following questions
briefly. Write your answers in a separate sheet of
paper.
1. What is the importance of Visual content
based on the survey result?
2. Do you think the infographicsis a better
way of presenting the results of the survey?
3. Do you have any other ways of presenting
the same information?

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
https://tinyurl.com/yyfa2fkp
composition. This can be by
contrast of values, more
Symmetrical VS Asymmetrical Layout
colors, and placement in the
format.

20
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 https://tinyurl.com/y63cmbmc
would stay with those types Balance and Harmony
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.
ht
It is with the placement of
tps://tinyurl.com/y6slqaaj
dark and light areas that you
Repetition
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.

ht
tps://tinyurl.com/y68jnavn

Movements and Perspectives 21

 “Harmony can be achieved through repetitionand Rhythm.”

https://
tinyurl.com/y5o3xye9

WHAT’S MORE
Enrichment

WHAT
WHAT YOUYOU WILL
WILL DO DO

Activity 2.3: Directions: 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.

https://tinyurl.com/y3zedpal

22
FRAMEWORK WORK SHEET

Component Guide Questions Answers

Target Audience Who is the intended
audience?
Sender/Author What is the purpose?
Key Content What is the topic or
message? What are the
facts?
Form/Style How was the information
presented? Did it make
use of appropriate design
elements and principles?
Medium/Format Is this the best platform to
use? Why?

WHAT I HAVE LEARNED

Generalization

TRUE OR FALSE. Directions: AnswerT if the statement is true and F if it is

false.
______ 1. It is considered as the building blocks used to create a work of art.
______ 2. Visual representations of Information in a form of graphics, explicitly present
information quickly and clearly.

WHAT I CAN DO
Application

Directions: You have two options in completing this activity. Work only
one. Model text and visual media found below for your guidance.

Option 1: Using any mobile photo editor app or computer software in your
convenience (e.g. MSPowerPoint, CS6, Adobe) create text and visual
media composed of not less than 3 pictures/illustration informing people
of valuable information that they need to know. (Example: “Preventive
Measure on the spread ofCovid 19”).

Option 2:Make a collage to create text and visual media composed of not
less than 3 pictures/illustration informing people of valuable information
that they need to know. (Example: “Preventive Measure on the spread
ofCovid 19”).

23
SAMPLE TEXT AND VISUAL MEDIA

https://tinyurl.com/yyboy7q2

ASSESSMENT
Posttest

Directions: Read each question carefully and identify the correct answer by writing it
completely in your separate answer sheet.

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

like they appear in real life
A. Perspective B. Rhythm C. Balance D. Harmony
_____2. Brings together a composition with similar units
A. Perspective B. Rhythm C. Balance D. Harmony
_____3. Offers some change in value creating a visual discord in a composition.
A. Perspective B. Rhythm C. Contrast D. Harmony
_____4. An area that first attracts attention in a composition
A. Perspective B. Center of Interest C. Contrast D. Harmony
_____5. The degree of light and dark in a design.
A. Value B. Shape C. Texture D. Color
_____6. Determined by its hue (name of color), intensity (purity of the hue), and value
(lightness or darkness of hue).
A. Value B. Shape C. Texture D. Color
_____7. Describes a shape or outline.
A. Value B. Shape C. Line D. Color
_____8.A feeling of visual equality in shape, form, value, color, etc.
A. Perspective B. Rhythm C. Balance D. Harmony
_____9. Creates visual interest to text elements
A. Organization B. Emphasis C. Contrast 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 B. Rhythm C. Balance D. Directional Movement

24
 ADDITIONAL ACTIVITY

WHAT YOU WILL DO

(Note: This activity is optional.)

Directions: Produce a still life photography using your personal things

(watch, phone, notebook, books, etc.) Applying at least 3 of the discussed visual
design principles.

Congratulations!!!
You have completed this lesson. Great job!
It’s now time to go on to the next level of adventure…

25
 Lesson
Audio Information and Media
3

Audio helps recall memories, enhance brain activity and stimulate the brain
(Molineux, 2007). Audio most commonly refers to sound, as it is transmitted in signal
form.
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.).
An audio signal is a representation of sound, typically using either a level of
electrical voltage for analog signals, or a series of binary numbers for digital signals.
Audio signals have frequencies in the audio frequency range of roughly 20 to
20,000 Hz, which corresponds to the lower and upper limits of human hearing. Audio
signals may be synthesized directly, or may originate at a transducer such as
a microphone, musical instrument pickup, phonograph cartridge, or tape
head. Loudspeakers or headphones convert an electrical audio signal back into sound.
Digital audio systems represent audio signals in a variety of digital formats. 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

In this lesson, you will be able to:

1. identify the different dimensions of audio information and media;

2. evaluate the reliability and validity of audio information and media and its sources
using selection criteria;and
3. produce and evaluate a creative audio-based presentation using Design principle
and elements.

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

4
1 2 3

5 6 7 8

26
 WHAT’S IN
Recapitulation

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

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.

WHAT YOU WILL DO

Activity 3.1:Directions: Choose the correct and appropriate answer from the given
options below. Write the complete answer in a separate sheet.

HEAR LISTEN TO LISTEN LISTENING TO HEARD

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

2. Hey! _____ it’s that spooky sound again.
3.I can’t _____ you. My dad’s vacuuming.
4. Can you _____ again? Did she say John or Jan?
5. We _____ the car crash and ran outside to help.
6. Be quiet, please. I’m _____ the news.
7. Are you allowed to _____ music at work?
8 .I haven’t seen any lightning but I just _____ some thunder.
9. Listen! Do you _____ the church bells? It must be midday.
10. I called out to grandma but she didn’t _____ me. She wasn’t wearing her hearing
aid.

27
 WHAT IS IT
Discussion

Audio media means prerecorded magnetic tapes used for

noncommercialplayback of sound on audio equipment. “Audio equipment” means
equipment used to play audio media and equipment used for recording sound for
subsequent noncommercial playback.

Types and Categories of Audio Information:

a. Radio broadcast - live or recorded audio sent through radio waves to reach a
wide audience.
b. Music - vocal and/or instrumental sounds combined in such a way as to
produce beauty of form, harmony, and expression of emotion. It is composed and
performed for many purposes, ranging from aesthetic pleasure, religious or ceremonial
purposes, or as an entertainment product.
c. Sound recording - recording of an interview, meeting, or any sound from the
environment.
d. Sound clips/effects - any sound, other than music or speech, artificially
reproduced to create an effect in a dramatic presentation, as the sound of a storm or a
creaking door.
e. Audio Podcast - a digital audio or video file or recording, usually part of a
themed series, that can be downloaded from a website to a media player or computer.
Different ways of storing audio media:
a. Tape - magnetic tape on which sound can be recorded.
b. CD - a plastic-fabricated, circular medium for recording, storing, and playing
back audio, video, and computer data.
c. USB drive - an external flash drive, small enough to carry on a key ring, that
can be used with any computer that has a USB port.
d. Memory Card - (aka flash memory card or storage card) is a small storage
medium used to store data such as text, pictures, audio, and video, for use on small,
portable, or remote computing devices.
e. Computer hard drive - secondary storage devices for storing audio files.
f. Internet/Cloud - websites or file repositories for retrieving audio files, and
more precisely the files are stored in some datacenter full of servers that is connected
to the Internet.

Different audio file formats:

a. MP3 (MPEG Audio Layer 3)- a common format for consumer audio, as well
as a standard of digital audio compression for the transfer and playback of music on
most digital audio players.
b. M4A/AAC (MPEG-4 Audio/Advanced Audio Coding) - an audio coding
standard for lossy digital audio compression. Designed to be the successor of the MP3
format, AAC generally achieves better sound quality than MP3 at similar bit rates.
c. WAV - is a Microsoft audio file format standard for storing an audio bitstream
on PCs. It has become a standard file format for game sounds, among others.
d. WMA (Windows Media Audio) - is an audio data compression technology
developed by Microsoft and used with Windows Media Player.

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

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

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 – are animation options within a presentation.
6. Stereo Imaging - Using left and right channel for depth.

WHAT YOU WILL DO

Activity 3.2:Directions: Write TRUE or FALSE for the following statements.Write

your answer in a separate sheet of paper.
_______1.One of the purposes 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’S MORE
Enrichment

WHAT YOU WILL DO

Activity 3.3. Directions: Design a podcast about your school, class subject, or a class
or school activity or advocacy. Create a 3-4 minute podcast on your topic using any
recording device and computer software. As a guide for the podcast planning answer

29
the question below. Once the podcast is ready for submission upload it in our
Facebook private page.
Visit this link for PODCAST samplehttps://www.youtube.com/watch?
v=jYUpx9NhjOQor you may simply search YouTube for your favorite videos.

Component Guide Questions Answers

Target Audience Who is the intended audience?
Sender/Author What is the purpose of the
podcast?
Key Content What is the topic or message?
What are the facts?
Form/Style How was theintention of the
podcast?
Medium/Format Is this the best platform to
use? Why?

PODCAST RUBRICS

WHAT I HAVE LEARNED

Generalization

Directions: Complete the sentences below. Once you have already completed your
answer write the whole sentence on a separate sheet of paper.

1. Listening requires concentration so that___________________________________________

_____________________________________________________________________________________
_____________________________________________________________________________________
2. Listening should not be taken for grantedbecause_________________________________
_____________________________________________________________________________________
_____________________________________________________________________________________
3. Audio media is very useful in______________________________________________________

30
_____________________________________________________________________________________
_____________________________________________________________________________________
4. The purpose of sound is _________________________________________________________
____________________________________________________________________________________
____________________________________________________________________________________

WHAT I CAN DO
Application

Directions: Listen to the video clip (follow the given link below) without reading the
subtitle and answer the following question briefly. Write your answers on a separate
sheet of paper

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

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

2. What was the monologue all about?

_____________________________________________________________________________________
_____________________________________________________________________________________
_____________________________________________________________________________________

ASSESSMENT
Posttest

hearing tone computer hard drive listening

volume loudness phone wav

tape decibel

I. Directions: Select the correct answer from the box below and write the correct
answer on your separate sheet of paper.

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

II. MULTIPLE CHOICE. Write your answer in a separate answer sheet.

11. Vocal and/or instrumental sounds combined in such a way as to produce beauty
of form, harmony, and expression of emotion.
a. Music b. sound effects c. sound recording d. audio podcast
12. - websites or file repositories for retrieving audio files, and more precisely the files
are stored in some datacenter full of servers that is connected to the Internet.
a. Cyber Space b. Internet/Cloud c. Ethernet d. World Wide Web

31
13. A digital audio or video file or recording, usually part of a themed series, that can
be downloaded from a website to a media player or computer.
a. Audio Podcast b. Audio Vlog c. Blogging d. Audio Video Vlog

14. - any sound, other than music or speech, artificially reproduced to create an effect
in a dramatic presentation, as the sound of a storm or a creaking door.
a. music b. sound recording c. podcasting d. Sound clips/effects
15. The following are elements of sound design, EXCEPT;
a. dialogue b. mixing c. sound effects d. music

Congratulations!!!

32
 You have completed this lesson. Great job!
It’s now time to go on to the next level of adventure…

33
 Lesson
Motion Information and Media
4

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.
According to (Roblyer 2006) it is a form of media that has the appearance of
movingtext and graphics on a display.Its purpose is tocommunicate information in
multiple ways. It was also defined as an integrated sight and sound kinetic
media(Shelton,2014).

WHAT I NEED TO KNOW

In this lesson, you will be able to:

1. describe the different dimensions of motions information and media;

2. explain how motion information and media is/are formally and informally
produced,organized,and disseminated;
3. evaluate the reliability and validity of motion information and media and its/their
source using selection criteria; and
4. produce a creative motion-based presentation using design principle and elements.

WHAT I KNOW
Pretest

Let’s see how much you know before we discuss the lesson.
Directions: On your separate answer sheet put a checkin each number if the word/s
given are examples of motion media. If not put an X.

___1. Animation ___6. Screencast

___2. Pictures ___7. Camera
___3. Videos ___8. Mp3
___4. Live streaming ___9.Mp4
___5. Screenshot ___10. Radio

Write F if the statement is false and T if it is true. Write your answer in your answer sheet.

___1. Animation is a method in which figures are manipulated to appear as moving images
___2. MPEG-4 Part 14 is also known as MP4
___3. A screencast is also known as video screen capture or a screen recording.
___4. Live streaming is a simultaneously recorded and broadcast in real time.
___5. MP3 is a coding format for digital audio.

34
 WHAT’S IN
Recapitulation

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

WHAT YOU WILL DO

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

1. What are these types of logo/symbol?

2. Sort the logo that falls on their classification. Use the table below in sorting.
Write only the file format extension.

AUDIO VIDEO

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:

1. Informal - created by individuals often for personal use

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

35
Types of Motion Media

1. ANIMATION –Animated GIFs (Graphic Interchange Format), Flash, Shockwave,

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

36
SAMPLE MOTION MEDIA 1

https://tinyurl.com/y68u8wkg

SAMPLE MOTION MEDIA 2

https://tinyurl.com/y3a76e4c

WHAT YOU WILL DO

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

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

37
Elements of Motion Media

• Speed– A fast movement gives vigor and vitality, intensifying emotions. A slow
movement connotes lethargy, solemnity or sadness.
• Direction– indicates movement from one direction to another. It can also refer to the
growing or shrinking of an object.
• Timing –can be 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

WHAT YOU WILL DO

Activity 4.3:
Directions: Based on your answer in Activity 4.2, choose 1 motion mediafrom the
given sample above (“Frozen” and “The Avengers”) then, evaluate it using Media and
Information Design Framework below. Write your answers in a separate sheet of
paper.

Component Guide Questions Answers

Target Audience Who are the possible viewers of
the video? What are their age
group? Are there sensitivities that
must be considered? (political,
cultural, social or spiritual)
Sender/Author Who is the owner/creator of the
video? What is his agenda,
reputation and known advocacy?
Key Content What is the main message of the
motion media? What are the
actions/events (key scenes) that
helped develop this message?
Form/Style How was the information
presented? Did it make use of
appropriate design elements and
principles? What is the tone of the
video? How was this conveyed?
Medium/Format Is this the best platform to use?
Why? How would you classify this
video?

WHAT I HAVE LEARNED

Generalization

Directions: Complete the sentence below. Write the whole sentence in a separate
sheet of paper.
1. The advantage of motion media is _________________________________________
___________________________________________________________________________
___________________________________________________________________________

38
 2. Timing can be used to_____________________________________________________
___________________________________________________________________________
___________________________________________________________________________

WHAT I CAN DO
Application

Directions: You can choose one of the following activities to work on.

Option 1: As a learner you need to read on storyboards using the following website:
✓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.

Option 2: Create an Animated Flipbook

Directions:
1. Complete the following activity. Use the rubric located below the activity to
assess how you are to complete the required components.
2. (Optional): Feel free to share your project progress or the final project with a
short video or picture on Facebook using the hashtag #MILMotionmediaProject.
*If you are under 18, you must have your teacher or parent or guardian’s
permission to post.
3. (Optional): For teachers and parent’s looking to use as a graded activity, a
rubric worth 30 points is located at the bottom of the activity.

The Activity
This is a student choice and voice activity, meaning that you can get to choose
what flipbook you want to create! This is a fun way to practice your drawing skills and
put the elements and design principles into practice.
( Note:Your teacher will send you a sample flipbook project in your Facebook group page
for reference or you may view this link https://www.youtube.com/watch?v=Un-
BdBSOGKY)

General Notes:
1. The flipbook must have at least 10-20 pages or more.
2. You can use a clear piece of paper (bond paper would be preferable). Cut it
into small rectangles or squares, roughly 3x5 inches in size (you can make
the same sized pieces by folding paper into rectangles, unfolding it, putting
it on top of additional pages and then cutting along the folding one page of
evenly sized pages). Stack the pages into the flipbook of 10-20 pages. Fasten
the pages of the book together with a binder clip or heavy- duty stapler.
3. Draw by starting at the back page of your flip book. (The last drawing should
be the final action of your book/story. You may use a light board to make it
drawing easier.)
4. Use the elements and principles of design in motion media in making
your flipbook.
Materials Needed:
 Paper (preferably clear bond paper)
 Scissors

39
  Pencil and eraser
 Coloring materials
 Binder clips, rubber bands or heavy-duty stapler
Use the following Rubrics to assess you work.

Flip Book Drawings Movement

Full Flipbook is The drawing show effort The sequence of drawings
Credit constructed using at and clearly illustrate the shows believable
(10 least 15 pages; the following principle (and movement with only minor
pts.) pages are all the possibly additional errors
same size. principles as well)
Partia Flipbook is The drawings show some The sequence of drawings
l constructed using at effort and an attempt has shows movement but is
Credit least10 pages; the been made to demonstrate jerky or skips around.
(8 pages are roughly the identified principles.
pts.) the same size.
Little Flipbook is The drawings show little The sequence of drawings
Credit constructed using at effort and do not does not show clear
(6 least 8 pages, the demonstrate identified movement or is not
pts.) pages are not the principles complete.
same size.

ASSESSMENT
Posttest

Directions: Read carefully each statement. Write your complete answer in a separate
sheet of paper.
____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 B.Motion C.Motion Media D. Visual Media
____2. A fast movement gives vigor and vitality, intensifying emotions. A slow
movement connotes lethargy, solemnity or sadness.
A. Speed B. Timing C. Direction D. Transition
____ 3.Used to switch between scenes
A. Speed B. Timing C. Direction 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 B. Timing C. Blurring D. Transition
____ 5. Adds meaning to the motion
A. Speed B. Blurring C. Sound and Color 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 B. Blurring C. Sound and Color 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 B. Lighting Coverage
C. Scale and Size Consistent 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 B. Lighting Coverage Matches
C. Scale and Size Consistent 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 B. Lighting Coverage Matches
C. Scale and Size Consistent D. Animation
____ 10. This is created by professionals who follow industry standards in creating,
editing and producing motion media.
A. Formal B. Informal C. Scale D. format

40
 ADDITIONAL ACTIVITY

WHAT YOU WILL DO

I. Directions: Create a timeline of your story. Identify key events in your story.

(Note: This activity is optional)

Identify key scenes.

Now let us start your storyboard.
1. Get/give a manila paper.
2. Fold it into 8 squares.
3. 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 Learner :
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.

Sample Story Board

https://tinyurl.com/yydq5x6l

41
Story Board Rubrics

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 software or other software (Animaker, Aurora 3d
PowerPoint presentation).
Be guided with this Rubrics.

Criteria 4 3 2 1
Message Message is Message is Message is not It is not
clear and clear with clear and relevant at all
relevant to some irrelevant
audience confusing
points, has
some relevance
to the
audience
Storyboard Sequencing Minimal gaps Poor and Little to no
and pacing is are evident confusing planning done.
smooth sequencing
and pacing.
Gaps are
present.
Design Motion design Motion design Motion design Motion design
maximizes create huge creates some is
audience audience audience inappropriate
impact impact impact and not
relevant and
helpful

42
 Congratulations!!!
You have completed this lesson. Great job!
It’s now time to go on to the next level of adventure…

43
 Lesson
Lesson Manipulative Information and
4
5 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

In this lesson, you will be able to:

1. describe the different dimensions of manipulative information and media;

2. explain how manipulative information and media is/are formally and informally
produced, organized, and disseminated;
3. evaluate the reliability and validity of manipulative information and media and
its/their sources using selection criteria; and
4. produce and evaluate a creative manipulative-based presentation using design
principle and elements.

WHAT I KNOW
Pretest

Directions: Answer the questions briefly in your own words. Below is the sample
infographics about most active users in social media. Write your answers in your
separate answer sheet.

1. Which of the following interactive/ social media network is the most used?_____
________________________________________________________________________________
Why?

https://tinyurl.com/y2vfown9

44
 WHAT’S IN
Recapitulation

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

WHAT YOU WILL DO

Activity 5.1: Directions: How well do you know an Interactive Media? Name
the following famous logos. Write your answers in a separate sheet of paper.
Use the table below in sorting.

1. Identify and name the logo inside the box.

2. Sort the logo that falls on their classification. Use the table of
classification scheme below.

Social Media Internet Video Web Service for Web Browser

Network Hosting Service Online Classes

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.

45
 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
manipulatingimages 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
ofcharacters 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 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
typically interactive.

WHAT YOU WILL DO

Activity 5.2:Short-Response Questions

Directions: Answer the questions briefly. Use a separate sheet for your answers.

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

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

47
WHAT’S MORE
Enrichment

WHAT YOU WILL DO

Activity 5.3.Directions: Think about the future of TV News Broadcasting. Give 5

ways how tobe 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

Directions: Complete the sentence stem below. Once you have completed your
answers write the complete sentence on a separate sheet of paper.

1. Interactive media engages_______________________________________________________

___________________________________________________________________________________
_____________________________________________________________________________.
2. Interactivity is the communication process that _________________________________
___________________________________________________________________________________
_____________________________________________________________________________.

WHAT I CAN DO
Application

Directions: Complete the worksheet below. Number 1 is done for you. Write
your answers in a separate sheet.

INTERACTIVE EXAMPLE NON- INTERACTIVE

MEDIA INTERACTIVE ACTION
PLATFORM ACTION
Mobile Apps Candy crush Looting at the Asking others to
highest score send you life
3D TV

Web Design and

Production
Virtual Reality
and immerse
environment
Social Media

Multiplayer online
game

48
 ASSESSMENT
Posttest

Directions: Read with comprehension. Select the correct answer and write it in a
separate sheet.
________ 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 B. 3D TV C. Video Games 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 B. 3D TV C. Video Games 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 B. 3D TV C. MMORPG 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 B. 3D TV C. MMORPG D. Role playing Games
________ 5.A Website 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. Mobile Apps B. 3D TV C. MMORPG D. Role playing Games
________ 6.Interact with content; interact with instructors; interact with classmates.
A. Online Shopping B. Online gaming C. Online classes D. chat
________ 7. A card that when clicked flips to display a description and other
information.
A. Online Shopping B. Online gaming C. Online classes 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 B. Online gaming C. Online classes D. Flip cards
________ 9.a menu slide that branches to different events.
A. Online Shopping B. Online gaming C. Online classes D. Flip cards
________ 10. A special region to act as a trigger to another web page.
A. Online Shopping B. Hotspot C. Timeline D. Flip cards

Congratulations!!!
You have completed this lesson. Great job!
It’s now time to go on to the next level of adventure…

49
 Lesson
Lesson Multimedia Information and
4
6 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

In this lesson, you will be able to:

1. describe the different dimension of multimedia information and media;

2. explain how multimedia information and media is /are formally and informally
produced, organized, and disseminated;
3. evaluate the reliability and validity of motion information and media and its/their
sources using selection criteria; and
4. synthesize overall knowledge about different information and media sources by
producing and subsequently evaluating a creative multimedia form (living museum,
electronic portfolio, others).

WHAT I KNOW
Pretest
Let’s see

Directions: Let’s see how much you know before we discuss the next lesson. Read
each statement and find the correct answers from the choices. In your separate
answer sheet write the complete answer.
____1. What six elements can be combined to create multimedia?
A. Color, hypertext, images, music, voiceover and video
B. Audio, hypertext, images, color, 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 frames
are known as a
A. Image B. Graphic C. Video D. Animation

50
 WHAT’S IN
Recapitulation

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

WHAT YOU WILL DO

Activity 6.1:
Directions: You have two options to complete this activity. Choose only one.
Option 1: Below is a video link that explainshow Covid-19 spreads not just in
the Philippines but all over the world and how do you protect yourself against
it. In your own resources and initiative find ways to view the video. And
answer the questions that follows: (Write your answer in a separate answer
sheet.)Follow this 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?

Option 2: Read the article below and answer the questions that follows.

Coronavirus disease (COVID-19): How is it transmitted?

9 July 2020 | (WHO) World Health Organization
Source: https://tinyurl.com/y2shs5mz
COVID-19 is caused by the SARS-CoV-2 virus, which spreads between people,
mainly when an infected person is in close contact with another person.
The virus can spread from an infected person’s mouth or nose in small liquid
particles when they cough, sneeze, speak, sing or breathe heavily. These liquid
particles are different sizes, ranging from larger ‘respiratory droplets’ to smaller
‘aerosols’.
Other people can catch COVID-19 when the virus gets into their mouth, nose or
eyes, which is more likely to happen when people are in direct or close contact (less
than 1 meter apart) with an infected person.
Current evidence suggests that the main way the virus spreads is by respiratory
droplets among people who are in close contact with each other.
Aerosol transmission can occur in specific settings, particularly in indoor,
crowded and inadequately ventilated spaces, where infected person(s) spend long
periods of time with others, such as restaurants, choir practices, fitness classes,
nightclubs, offices and/or places of worship. More studies are underway to better
understand the conditions in which aerosol transmission is occurring outside of

51
medical facilities where specific medical procedures, called aerosol generating
procedures, are conducted.
The virus can also spread after infected people sneeze, cough on, or touch
surfaces, or objects, such as tables, doorknobs and handrails. Other people may
become infected by touching these contaminated surfaces, then touching their eyes,
noses or mouths without having cleaned their hands first.

1. What is the article all about?

2. Did the article effectively convey the information to you?

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.
HISTORY OF MULTIMEDIA
Multimedia is a media that uses multiple form of information content and
information processing.
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 6.2:Directions: Read carefully the given statement. Write your complete
answers in your separate answer sheet.

____1.Multimedia is mainly created for What you will do

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

52
____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.
• Advertisingand 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,
• 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.
• Mathematicsand Scientific research –mainly used for modeling
andsimulation
• 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.

53
 • 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. 53
• 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 are the aspects of the users to he 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?

Technology Form/Style 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? it pleasing to the eyes?
On 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, gearing of comment

WHAT’S MORE
Enrichment

WHAT YOU WILL DO

54
 Activity 6.3:Directions: Create a multimedia content, you need to consider the
components of the Media and Information Design Framework. Write your answers
in a separate sheet.

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.

Note: the scenario above is just an example, you can choose any product to promote
for as long as you consider the components of Media and Information design
framework.

Please be guided with the following components:

WHAT I HAVE LEARNED

Generalization

Directions: Complete the sentence below. Once you have completed the sentence
write it in a separate sheet of paper.

1. Multimedia is a media that uses_______________________________________________

_________________________________________________________________________________
____________________________________________________________________________________.

3. Multimedia finds its application in various areas including, but not limited
to:_______________________________________________________________________________
_________________________________________________________________________________.

55
 WHAT I CAN DO
Application

Directions:Create a 3-4 minute video presentation for your electronic portfolio,

showcasing your previous activities. Below is a guide in creating your video. Once you
are ready to submit your E-Portfolio, upload it in our private page.

Criteria 4 3 2 1
Script/ The storyboard The storyboard The thumbnail There is no evidence
Storyboard illustrates the video includes thumbnail sketches on the of storyboard or
presentation structure sketches of each video storyboard are not script.
with thumbnail sketches scene and includes in logical sequence
of each scene. Notes of text for each segment and do not provide
proposed transition, of the presentation, complete
special effects, sound descriptions of descriptions of the
and title tracts include: background audio for video scenes, audio
text, color, placement, each scene and notes background, or
graphics, etc. Notes about proposed shots notes about the
about proposed and dialogue dialogue.
dialogue/narration text
are included
Content/ The content includes a Information is The content does Content lacks a
Organizatio clear statement of presented as a not present a central theme, clear
n purpose or theme and is connected theme with clearly stated point of view and
creative compelling and accurate, current theme, is vague, logical sequence of
clearly written. A rich supporting information and some of the information
variety of supporting that contributes to supporting Mix of the supporting
information in the video understanding the information does information is
contributes to the project’s main idea. not seem to fit the irrelevant to the
understanding of the Details are logical and main idea or overall message. The
project’s main idea. persuasive information appears as a viewer is unsure
Events and messages is effectively used. The disconnected scene what the message is
are presented in a content includes a with no unifying because there is little
logical order. clear point of view with main idea. persuasive
a progression of ideas information and only
and supporting one or two facts
information. about the topic are
articulated.
Information is
incorrect, out of date
or incomplete
Quality Video was completed Video was completed Video was made, The video had no
and had all required and contained all but had very little transitions or audio
elements. The video was required items. of any editing. support of any kind
will edited and moves Editing was not done Many poor shots
smoothly from scene to as well as it should remain. Video was
scene with proper use of have been. Some poor very fragmented
transitions. Audio and shots remain. Movie is and choppy with
other enhancements still somewhat choppy. little to no audio
were well used. Audio and other reinforcement
enhancement were
utilized, but not for
maximum effect.

ASSESSMENT
Posttest

Directions:Read each item below. Choose the correct answer from the word
pool. Write your answer in a separate sheet of paper.

Graphics Hypermedia Text Animation Linear

Multimedia Non-linear Hypertext Video Audio

56
_________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

ADDITIONAL ACTIVITY

WHAT YOU WILL DO

(Note: This activity is optional.)

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 community and what people can do about this issue.
Once the video trailer is ready for submission upload it in our private page.

Congratulations!!!
You have completed this lesson. Great job!
It’s now time to go on to the next level of adventure…

57
KEYANSWERS

Lesson 1. Pretest
1. d. tempting
2. answer may vary
3. answer may vary
4. answer may vary

Lesson 1. Activity 1.1

1. alarming, threatening / SMS text
2. implies freedom, hope and determination / text are bold and strong
3. humorous but true /text are bold and clear
4. reminds us to think twice before we respond like posting in social media / text
are bold and clear

Lesson 1. Activity 1.2

1. Deped Secretary Leonor Magtolis-Briones / Department of Education
2. Text styles and color
3. Formal Language
4. Answer may vary
5. Answer may vary

Lesson 1. Activity 1.3

1. Proximity
2. Emphasis
3. Contrast
4. Appropriateness

Lesson 1. Activity 1.4(Performance Task)

Lesson 1. Generalization – Answer may vary
Lesson 1. Application (Performance Task)
Lesson 1. Assessment – Post Test
1. A
2. B
3. D
4. C
5. A
6. C
7. B
8. B
9. C
10.D

Lesson 2. Pretest
1.
A. a
B. a
C. c
D. d
2. a
3. a

Lesson 2. Activity 2.1

1. 80% of people remember what they see
2. Answer may vary
3. Answer may vary

Lesson 2. Activity 2.2 (Answers may vary for as long as it suits the magazines visual
appearance)

58
 Answers: Sports fanatic/lover
To give current events/updates about sports
Top Players/ MVP

Lesson 2. Activity 2.3

Design elements – lines & value
Design Principle – Center of Interests & Harmony

Lesson 2. Generalization
1. T
2. T

Lesson 2. Application (performance Task)

Lesson 2. Posttest
1. A
2. D
3. C
4. B
5. A
6. D
7. C
8. C
9. D
10.A

Lesson 3. Pretest
1. Floppy Disk/Diskette
2. Hard Drive
3. Memory Card
4. External Hard Drive
5. USB/Pen Drive
6. DVD
7. CD-R /Compact Disc Recordable
8. Magnetic Tape/ Cassette Tape

Lesson 3. Activity 3.1

1. T
2. F
3. T
4. T
5. F

Lesson 3. Activity 3.2

1. Hear
2. Listen
3. Hear
4. Listen
5. Heard
6. Listening to
7. Listen to
8. Heard
9. Hear
10.Hear

Lesson 3. Activity 3.3

1. T
2. F
3. T
4. T

59
 5. F
6. T
7. T
8. T
9. F
10.7

Lesson 3. Generalization
1. Answers may vary
2. Answers may vary

Lesson 3. Application
1. Answers may vary
2. Answers may vary

Lesson 3. Assessment. Posttest

1. Hearing
2. Computer Hard Drive
3. Volume
4. Tone
5. Listening
6. Loudness
7. Phone
8. Tape
9. Decibel
10. Wav
11. A
12. B
13. A
14. D
15. B

Lesson 3. Activity 3.4

Answer may vary

Lesson 4. Pretest
1. /
2. X
3. /
4. /
5. X
6. /
7. X
8. X
9. X
10.X

1. T
2. T
3. T
4. T
5. T

Lesson 4. Activity 4.1

1. File format
2. Video format: AVI, MP4, MPG
Audio format: FLV, MOV, WMV
3. Answers may vary

Lesson 4. Activity 4.2

60
 1-3. Answers may vary

Lesson 4. Generalization
1. Answer may vary
2. Timing can be used to clarify or intensify the message or the event

Lesson 4. Application (Performance Task)

Answers may vary

Lesson 5. Pretest
1. Facebook
2. Answers may vary

Lesson 5. Activity 5.1(Note: Classification scheme maybe explain briefly.)

1. Facebook, Instagram / IG, Twitter, Pinterest, YouTube, Google Classroom,
Tiktok, Zoom, Gmail, Chrome

2. Social Media Network: Facebook, Instagram, Twitter

3. Internet Video Hostingservice: YouTube, Tiktok
4. Web service intended for online classes/teleconferencing, it streamline the
process of sharing files: Google Classroom, Zoom
5. Web Browser: Chrome

Lesson 5. Activity 5.2

1. A. add to cart
b. Buy
c. Checkout
2. Answers may vary

Lesson 5. Activity 5.3

1 – 5 Answers may vary

Lesson 5. Generalization
1. Interactive media engage the user and interact with him or her in a way that
non – interactive media do not.
2. Interactivity is a communication process that takes place between humans and
computer software.

Lesson 5. Application
Answers may vary

Lesson 5. Assessment. Posttest

1. A
2. C
3. C
4. B
5. A
6. C
7. A
8. A
9. C
10.B

Lesson 6. Pretest
1. D
2. A
3. B
4. C
5. D

61
Lesson 6. Activity 6.1
1-4 Answers may vary

Lesson 6. Activity 6.2

1. A
2. B
3. B
4. A
5. B

Lesson 6. Activity 6.3 (Performance Task)

Lesson 6. Generalization
1-3 Answers may vary

Lesson 6. Assessment. Posttest

1. Graphics
2. Text
3. Video
4. Animation
5. Audio
6. Non-linear
7. Linear
8. Multimedia
9. Hypertext
10.hypermedia

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

63