Professional Documents
Culture Documents
2
Media and Information
Literacy
Quarter II – Week 4 & 5
Different Dimensions Multimedia
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 the exploitation of such work for a
profit. Such agency or office may, among other things, impose as a condition the payment of
royalties.
Borrowed materials (i.e., songs, stories, poems, pictures, photos, brand names,
trademarks, etc.) included in this CLAS are owned by their respective copyright holders.
Every effort has been exerted to locate and seek permission to use these materials from their
respective copyright owners. The publisher and authors do not represent nor claim ownership
over them.
Division LR Evaluators: Ronald S. Brillantes, Mary Jane J. Parcon, Jim Paul M. Belgado,
Cynchea H. Cabaňero, Rhea D. Romero, Rosario T. Gonzales,
Liezl O. Arosio, Karl Gabriel G. Buenafe
Lesson 1
Learning Competencies:
Describe the different dimensions of: text information and media, visual information
and media, audio information and media, motion information and media, multimedia
information and media, and manipulative information and media.
Objectives: 1. Identify the different dimensions of text, visual, audio, motion, multimedia
and manipulative information and media;
2. Discuss the different dimensions of text, visual, audio, motion, multimedia
and manipulative information and media; and
3. Evaluate the different dimensions of text, visual, audio, motion, multimedia
and manipulative information and media.
People Media utilizes texts most of the time to deliver their messages, this is no
surprise since we can find texts anywhere, from books, television shows, websites,
billboards, newspapers, t-shirts or even in the sand if someone decides to write something
on the beach.
1
Different Typeface
SERIF fonts have each character with small extra strokes at the end of the vertical and
horizontal stroke.
Use: for formality and its readability in any texts that printed in small sizes like books and
letters.
Examples: Times New Roman, Georgia, Rockwell
SANS SERIF fonts do not have serifs. Unlike the classical serif fonts, sans serifs are new or
modern.
Use: for elegance and its readability in any on-screen display like monitors and portable
computers.
Examples: Arial, Impact, Calibri
DECORATIVE fonts have extreme features or exaggerated serifs designed to fit into a theme
or emotion.
Use: Titles, headlines
Examples: Chiller, Curlz MT, Jokerman
1. Emphasis – Use different size, weight, color, 4. Alignment –Use text alignment to set
contrast and orientation to present texts with symmetry, formality or free style.
greater value.
Image: “Yay! Party!” by Jay Michael A. Calipusan Image: “Felipenas!” by Jay Michael A. Calipusan
2
Visual Information and Media
Visual media are images or frames of images that we can construct and reconstruct
to give different meaning to it. We can observe it with photographs, videos, infographics
comics, memes and other objects that projects an image.
Psychologist Richard Gregory proposed that how we see things involves a lot of
hypothesis testing to make sense of it. We based our perceptions on past experiences and
stock knowledge.
Types of Visual Information
Body Language: Postures and gestures can Color: Most of us give meaning to colors
mean more than words. We predict people’s based on preferences, culture, experiences
motives and emotions by reading body and human psychology. We might think
language. that color blue is a masculine color and
symbol of peace. Most companies prefer
blue because it represents trust but it also
means loneliness and mourning for other
cultures. (Read more about Color
Psychology).
3
Elements of Visual Design
4
Design Principles describe the ways that artists use element of art in a work of art.
Sample Image Principle
5
The Psychology and Meaning of Colors
from colorspsychology.org
Red – associated with passion, love and desire. Green – associated with growth, harmony,
Increases respiration rate, raises blood pressure freshness, and fertility. Known as the color of
and enhances metabolism. Attracts attention money, good health, calmness ans slows
and signifies dangers. human metabolism.
Brown – associated with reliability and Gray – neutrality, wisdom, intelligence,
dependability, people who are reserved and not futuristic, stable, dignity and maturity. Lack
looking to attract attention from others. of confidence and energy, depression, and
Represents maturity, predictability and boredom. Increases sense of sophistication
dullness. and calmness.
Orange – associated with happiness, Purple – associated with royalty, power,
enthusiasm, creativity, determination, and nobility, luxury, ambition, wealth, wisdom,
stimulation. dignity, creativity and magic.
Yellow – associated with energy, intellect, White - associated with purity virginity,
cheerfulness and stimulates mental activity. light, goddess, perfection, safety, cleanliness,
Indicates honor, loyalty, and connected with and faith.
cowardice.
Blue – associated with uniqueness, Black – associated with power, elegance,
authenticity, sympathetic, compassionate, formality, death, evil, and mystery. The
idealistic, spiritual and sincere. Known as the symbol of grief.
color of peace, men and sadness.
Pink – associated with gentle love, tenderness,
vulnerability and youth. Known as the color for
women.
One of the first discoveries regarding sound was made in the sixth century B.C. by
the Greek mathematician and philosopher Pythagoras. He noted the relationaship between
the length of a vibrating string and the tone it produces.
Sound – is the only core formula of communication for animals while it is the key for
humans to communicate with spoken languages besides body languages.
Audio is a sound range of human hearing.
Audio – relating to or employed Reception – the action or Transmission – the action or
in the transmission, reception process of receiving something process of transmitting
or reproduction of sound. sent, given or inflicted. something or the state of being
transmitted.
6
Tape – magnetic tape on which sound can be CD – a plastic-fabricated, circular medium for
recorded. recording, storing, and playing back audio,
video, and computer data.
USB/Flash Drive – an external flash drive, Memory Card – is a small storage medium used
small enough to carry on a key ring, that can be to store data such as text, pictures, audio, and
used with any computer that has a USB port. video, for use on small, portable, or remote
computing devices.
Computer Hard Drive – secondary storage devices found in personal computers and can store
audio files.
Common Audio file formats
MP3 (MPEG Audio Layer) – a common format M4A/AAC (MPEG-4 Audio/Advanced Audio
for consumer audio, as well as a standard of Coding) – an audio coding standard for lossy
digital audio compression for the transfer and digital audio compression. Designed to be the
playback of music on most digital audio players. successor of the MP3 format, AAC generally
achieves better sound quality than MP3 at
similar bit rates.
WAV – is a Microsoft audio file format standard WMA (Windows Media Audio) – is an audio
for storing an audio bitstream on PCs. It has data compression technology developed by
become a standard file format for game sounds, Microsoft and used with Windows Media Player.
among others.
Elements of Sound Design – the objects or Principles of Sound Design – the techniques
things that we have to work with. for combining the different elements or objects.
▪ Dialogue – speech, conversation, voice- • Mixing – the combination, balance and
over. control of multiple sound elements.
▪ Waterfall – as first element fades out the • Pace – time control, editing, order of events:
second element begins at full volume. linear, non-linear, or multilinear.
Better for voice transitions.
▪ Sound Effects – any sound other than • Transitions – how you get from one
music or dialogue. segment or element to another.
▪ Music – vocal or instrumental sounds (or • Stereo Imaging – using left and right
both) combined in such a way as to channel for depth.
produce beauty of form, harmony, and
expression of emotion.
▪ Silence – absence of audio or sound.
Fortunately, films have been used and highly recommended in school curriculums
as a teaching aid. Even at early age, we try to understand motion media and in addition to
that, we learn new languages, codes and conventions, different cultures and behaviors. This
is why it is very important to understand what motion media offers and how they are
composed, for us to determine fantasy, realism, history, events, and significant or
irrelevant.
Motion Picture - is a series of images projected on screen in rapid succession. The slight
change of positions and movements of each image makes an illusion of motion. These
images are called frames. Most motion media have 24 frames per second, which means, in
a video, they project 24 images in every 1 second. Today, most motion picture are saved in
digital format called video.
▪ Extreme Long Shot – also known as a Establishing Shot, it sets up the context for
a scene by showing large amount of landscape to establish general setting.
▪ Long Shot – may show landscape but focuses on a specific setting where the action
will take place.
▪ Full Shot - shows the entre object or character intended to place some relationship
between characters and environment.
▪ Mid-Shot – also known as social shot, it shows the character from the waist up to
let the viewers see the character’s facial expressions in connection with other
characters or environment.
▪ Close-up – also known as personal shot, it shows only a character’s face for the
viewers to understand and emphatize with the character’s emotions.
▪ Extreme Close-up – shows and focuses on one part of the character’s face or object
to create an intense mood of emotion.
▪ Bird’s Eye Angle – usually used for establishing shot, it is an angle that looks down
on a scene.
▪ High Angle – used to demonstrate to the viewers the perspective of a character. By
making the camera to look down on a character, the subject may look vulnerable,
small or weak.
▪ Eye-level Angle – the most commonly used camera angle, it makes the viewers
comfortable with the characters.
▪ Low Angle – the camera is looking up to the character look more powerful and may
make the audience feel vulnerable or small in the presence of that character.
▪ Dutch Angle – tilts the camera to disorient the viewers. This effect is used to
demonstrate confusion or strange scenes.
When producing a motion media, most professionals use script (screenplay) and
story board in their production.
Script – also known as screenplay, is the text that describes the action, scenes, camera
instructions and words to be spoken by the actors.
Story Board – it describes what happens in your video by making thumbnail of images. It
usually looks like a comis strip. While scripts use texts, storyboards are mainly visual.
Making story boards before filming helps you to plan more effectively, finalize your ideas
and predict possible problems during production.
8
Interactive Media
Watching videos and listening to music can be exhilarating but it is more exciting
to have option to control the output of what you are watching on screen. Manipulative
media or interactive media gives us the option to do so, we can control what will be
viewed, what the actions of a character we play, what item to purchase, what song to play
and more.
Interactive Media – allows users to interact with text, graphics, sound, and video; each
of which can be accessed from within any of the others, it engages the user and interacts
with the user.
Hypertext - a software system that links topics on the screen to related information and
graphics, which are typically accessed by a poin-and click method.
Website – a location connected to the internet that maintains one or more pages on the
World Wide Web.
World Wide Web – abbreviated as WWW or known simply as the web. It is an information
space where documents and other web sources are identified by Uniform Resources
Locators (URLs), interlinked by hypertext links, and can be accessed via the internet.
Educational games - are games that are designed to help people to learn about certain
subjects, expand concepts, reinforce development, understand historical events or culture,
or assist them in learning a skill as they play.
a. Mobile Apps – or Mobile Applications is a software developed specifically for use on small
wireless computing devices such as smartphones and tablets, rather than desktop or laptop
computers.
f. Interactive Websites – these are websites that let users take on a pool, survey, exams,
exercises or even allow online social interaction such as social media sites (e.g. Facebook,
Twitter, etc.).
9
g. Virtual Reality and Immersive Environments – the computergenerated simulation of
a threedimensional image or environment that can be interacted with in a seemingly real or
physical way by a person using special electronic equipment, such as a helmet with a screen
inside or gloves fitted with sensors.
h. PowerPoint presentations – may contain links, hypertexts, images, sound, graphics, or
other multimedia elements.
i. Interactive smart boards – allows the teacher and the students to have physical
interaction with the subject matter using this format.
j. Computer software – allows users to interact with text, graphics, sound and video, each
of which can be accessed from within any of the others.
b. Hotspot - a special region to act as a trigger to another web page or site. It could be a
circle, triangle, rectangle, or polygon.
c. Slideshow - a non-linear interactive slideshow where the pathway through the show is
determined by the user’s interaction with it.
d. Timeline - a menu slide that branches to different events.
e. Hover - an image, text, or portion of it that changes in appearance when the mouse
cursor moves over it.
• Static Media – also known as libear media, refers to contents that lacks interactivity.
Common examples are books and newspapers, these multimedia may have texts and
pictures but the readers are unable to control its contents or no observable timely
updates or changes.
• Dynamic Media – also known as non-linear media, refers to contents that provides
interactivity with its users. Websites can be a static media or dynamic media but
most known websites today such as Facebook and Youtube are good examples of
dynamic media because these websites provide the users to contribute to the site’s
contents through posting, comments, uploading pictures and videos, which leads to
dynamic contents to the media.
4. Science - The fields of Engineering, Mathematics, Science, and Medicine have been using
multimedia for the past few years to improve their research and productivity. Engineers use
computer software to simulate trainings and designs. Mathematical and scientific research
used multimedia for modeling, faster processing of data and communications. Medicine
have been using modern technology to train students and doctors like virtual surgery,
simulate human anatomy with different conditions of injuries and diseases.
11
Let’s Practice
Directions: Explain each images whether it follow or not the design principles and
elements of text. Write your answer on the space provided.
1.
2.
Directions: Analyze the given pictures and answer the questions below. Write your answer
on a separate paper.
SAMPLE IMAGE QUESTIONS
12
Let’s Do More
Directions: Look for an images that corresponds to each type of shot or use your mobile
phone to take a photo.
Directions: Identify the given images and write the correct camera angle.
1. 4.
2. 5.
3. 6.
13
Let’s Sum It Up
Directions: List down four (4) advantages and disadvantages of online gaming.
Advantages Disadvantages
1. 1.
2. 2.
3. 3.
4. 4.
Directions: List down three (3) actions that demonstrates interactivity of Online Shopping.
Action Interactivity
(Example : Click on Add to Cart button) Allows for items to be added to cart and
ready for check-out or payment.
1. 1.
2. 2.
3. 3.
14
3
Directions: Think of an original story to be played in 1 minute. Create a script and
storyboard for your story on a separate paper.
Name:
Title:
Message of the video:
Date:
Script:
Storyboard:
Rubrics:
VERY
WEAK FAIR GOOD
CRITERIA GUIDE QUESTIONS GOOD
7 8 9
10
The main idea is delivered clearly and
MESSAGE
developed with good details.
The sequence of the scenes are smooth,
STORY the details of the story are evident from
start to end.
It shows creativity and uniqueness of
CREATIVITY ideas.
TOTAL
15
Let’s Assess
Directions: Read each question carefully and choose the correct answer.
Circle the letter of the correct answer.
1. What type of Visual Design Principles and Elements that suggest to always
distribute the visual weight of objects, colors. texture, and space?
A. Size C. Focal Point
B. Rhythm D. Balance
2. What camera angle is used to disorient the audience through tilting the camera to
emphasize confusion or tension of the scene?
A. Low Angle Shot C. Establishing Shot
B. Long Angle Shot D. Dutch Angle Shot
3. What camera angle is best suited to introduce a powerful politician for your film?
A. High Angle Shot C. Establishing Shot
B. Low Angle Shot D. Dutch Angle Shot
4. What is the process of making a visual sketch for the possible scenes of film or
video?
A. Scripting C. Cinematic Techniques
B. Storyboarding D. Visual Effects
8. Which of the refers to the communication process that takes place between
humans and computer software?
A. Motion Media C. Interactive Media
B. Social Media D. Mass Media
10. What is the text that describes the action, scenes, camera instructions and
conversation of the actors?
A. Storyboard C. Hypermedia
B. Script D. Typeface
16
Answer Key
17
References
Module
Website
Spratt, Annie. “Vintage page sheet background.” Accessed January 16, 2020,
https:// unsplash.com/photos/_dAnK9GJvdY
Daily Mail Reporter. “How the Romans Invented the Text Message..and the origins
of some of the most common words and phrases.” Accessed January 15, 2020,
https://www.dailymail.co.uk/news/article-2082934/How-Romans-invented-
textmessage.html
Bear, Jacci Howard. “Serif Font Definition.” Accessed January 15, 2020,
https://www. lifewire.com/serif-font-information-1073831
Bear, Jacci Howard.”The Purpose and Best Uses for a Sans Serif Font”Accessed
January 15, 2020, https://www.lifewire.com/sans-serif-font-information-
1073828
Beata, Ratuszniak. “Man in Front of Multiple Art Prints.” Accessed January 16,
2020, https://unsplash.com/photos/-6mZyblCys4/
18
FEEDBACK SLIP
3. Were you guided by anybody from your family while using this
CLAS?
4. Was there any part of this CLAS that you found difficult? If yes,
please specify what it was and why.
None
NAME OF SCHOOL:
Date Received:
Date Returned: