Mil Module 7
Mil Module 7
Mil Module 7
Quarter 2 - Module 7:
Multimedia Information
ii
What I Know
3. It is a design principle of text that suggest of using contrasting size and colors to
present different value of information.
A. Alignment B. Emphasis
C. Appropriateness D. Consistency
4. Observe the image below and find the possible violation of the design principles and
elements of texts.
A. The colors are not emphasized to match the theme.
B. The fonts used are not appropriate for the theme.
C. The alignment is inconsistent.
D. The spacing is too close.
5. Your friends asked you to make a poster about peace, what background color is best
suited for this theme?
A. Black B. Yellow
C. Blue D. Green
6. A Visual Design Principles and Elements that suggest to always distribute the visual
weight of objects, colors, texture, and space.
A. Size B. Focal Point
C. Rhythm D. Balance
8. It is the process of making a visual sketch for the possible scenes of a film or video.
A. Scripting B. Storyboarding
C. Cinematic Techniques D. Visual Effects
9. Which is NOT a strong basis to evaluate a video as academic source for your research?
A. Good Visual Effects B. Timeliness
C. Authority D. Reliability
10. Producing a motion picture through manually drawing each frame by hand is called
A. Stop Motion Animation B. Computer Generated Image
C. Traditional Animation D. Virtual Reality
iii
11. What camera angle is best suited to introduce a powerful politician for your film?
A. Low Angle Shot B. Long Angle Shot
C. Establishing Shot D. Dutch Angle Shot
12. What camera angle is used to disorient the audience through tilting the camera to
emphasize confusion or tension of the scene.
A. High Angle Shot B. Long Angle Shot
C. Establishing Shot D. Dutch Angle Shot
14. A type of multimedia that allows users to interact with text, graphics, sound, and video.
A. Interactive Applications B. Text Media
C. Motion Capture D. None of the choices
15. A type of media that is connected to the internet and maintains one or more pages on
the World Wide Web.
A. Website B. Media Player
C. Motion Media D. Multimedia Presentation
iv
Lesson
Text Information and Media
1
What’s In
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.
This lesson will discuss what text is and how this media can be used effectively to
present our ideas and express what we feel. The topics include different font types, and
design principles and elements of text.
The great 1st century Roman orator, Quintilian, once wrote that
“After you have chosen your words, they must be
weaved together into a fine and delicate fabric”.
Quintilian’s metaphor can now the observed everywhere as we write and record our
words through texts in different platforms.
Texts are words in written, printed or on-screen format. It is a very powerful tool for
communication and information.
1
What’s New
This is your mother, I lost my phone and I need to call you. Please load this
number for at least 200.00. I don’t have much time. This is an emergency!
Texts are the words in written or printed format. Today, it can also be found on screens
like TV and smartphones.
What Is It
https://en.wikipedia.org/wiki/Serif#/media/File:Times_New_Roman_
sample.svg
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
How your sample Serif font was used?
https://en.wikipedia.org/wiki/Sans-serif#/media/File:Helvetica.svg
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
How your sample Sans Serif font was used?
https://en.wikipedia.org/wiki/Script_typeface#/media/File:Cursive.svg
SCRIPT fonts are styles that mimics handwriting.
Use: for stylistic presentation of texts like weddings and
memories.
Examples: Brush Script, Lucida Handwriting, Comic Sans
https://upload.wikimedia.org/wikipedia/commons/4/4e/Jim_Crow_
sample.png
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, contrast and orientation to present texts
with greater value.
What’s More
Texts in digital format have different designs called Typeface, often called as fonts. It
consists of alphabets, numbers and special characters set.
1. (Explain here)
2. (Explain here)
3. (Explain here)
What I Can Do
There are many type of file formats of fonts we can install in our computer. Search
the difference of True Type Font (.ttf), Open Type Font (.otf), Web Open Font Format
(.webm), and Scalable Vector Graphics (.svg).
Lesson
Visual Information and Media
2
What’s In
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.
In the previous lesson, we learned about Texts Information Media, in this lesson, we
will learn Visual Information and take advantage to its potential for relaying or understanding
messages by identifying the types of visual information and observe the design elements
and principles.
What Is It
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.
All images from this table were drawn by Jay Michael A. Calipusan.
3.
3.
All images from this table were drawn by Jay Michael A. Calipusan adapted from different ads to fit this activity.
What’s More
Design Principles describe the ways that artists use of elements of art in a work of art.
All images from this table were drawn by Jay Michael A. Calipusan.
Activity 2.4: Interpret the Scene
Explain each image if did or did not execute the visual design principles properly.
2.
3.
4.
All images from this table were drawn by Jay Michael A. Calipusan adapted from different image scenes to fit for
this activity.
Your knowledge of visual information and media is very crucial in the current society.
Most people are visually entertained and visually learning due to easier access of visual
media. Learning how to spot the hints and meanings of different visual designs can help you
keep up with this growing visually oriented society.
Eventually, you will have to create your own visual design, you must use elements
and objects to match with the correct design principles in order to engage your target
audience. You can communicate correctly if you apply these principles.
What I Can Do
Using visual media to channel information can be very effective if the elements and
principles are used properly. Visual information can be aided with audio media to deliver a
stunning impact to our audience.
Remember how we tend to relate with love songs when we are pleased or feel pain?
Pinoys are known to love singing in karaoke, this is not surprising since most of Filipinos
grew up listening to music in their home, neighbors, schools and places they visited. Music is
an audio that is same as hearing someone talk, the audio that music produced was
composed to please our ears and hopefully deliver the message or information.
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 relationship between
the length of a vibrating string and the tone it produces.
Did you know? Sound is the only core formula of communication for animals while it
is the key for humans communicate with spoken languages besides body languages.
What’s New
Wonder at this: After you imagine trying to communicate without talking, think about this:
1. Describe how you imagined yourself trying to communicate without talking?
2. Do you think your guardian or parent will understand you without talking?
3. Can you find other ways to communicate using sound without talking?
What Is It
USB drive - an external flash drive, small Memory Card - is a small storage medium
enough to carry on a key ring, that can be used to store data such as text, pictures,
used with any computer that has a USB audio, and video, for use on small,
port. portable, or remote computing devices.
Computer hard drive - secondary storage devices found in personal computers and can
store audio files.
What’s More
We have learned that audio is a sound the we can hear. We can use audio to store
sound through recording and play it by reading the storage device for our audio. We can
broadcast audio, communicate, compose music and more! With the new age (present), we
can take advantage of our technological advancements to store audio from analog to digital
format and listen to it anytime with our MP3 players or any audio player software.
What I Can Do
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
Lesson
Motion Information and Media
4
What’s In
We learned in the previous lesson that we can store audio, this means we can also
store data, texts, images and video.
Most of us experience motion media from our earliest childhood. We watch cartoons,
anime, films, advertisements, TV series, computer games and stream videos. These are all
part of our culture.
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.
What’s New
What Is It
Did you know? Filming began in 1890s and it was just under a minute long without
sound because of the limits of technology.
CC BY 3.0, https://en.wikipedia.org/w/index.php?curid=31407257
Computer Animation: The art of creating animation using
computer. It can be in a form of (2d) two-dimensional or
three-dimensional (3d).
Video producers use different cinematic techniques. Let us discover the common
camera shots and camera angles.
A. Image 1 B. Image 2
Photo by Patrick Perkins on Unsplash Photo by Max Bender on Unsplash
Long Shot. May show landscape but focuses on a specific setting where the action will
take
place.
2. Which of the image below you think is a Long Shot?
A. Image 1 B. Image 2
Photo by eberhard grossgasteiger on Unsplash Photo by JC Gellidon on Unsplash
Full Shot. Shows the entire object or character intended to place some relationship
between characters and environment.
3. Which of the image below you think is a Full Shot?
A. Image 1 B. Image 2
Photo by Jeffrey Lin on Unsplash Photo by rawpixel on Unsplash
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
4. Which of the image below you think is a Mid-Shot?
A. Image 1 B. Image 2
Photo by Nicholas Green on Unsplash Photo by Christopher Campbell on Unsplash
Close-up. Also known as personal shot, it shows only a character’s face for the viewers to
understand and empathize with the character’s emotions.
5. Which of the image below you think is a Close-up Shot?
A. Image 1 B. Image 2
Photo by Helena Lopes on Unsplash Photo by Filipe Almeida on Unsplash
Extreme Close-up. Shows and focuses on one part of the character’s face or object to
create an intense mood of emotion.
6. Which of the image below you think is an Extreme Close-up Shot?
A. Image 1 B. Image 2
Photo by Peter Forster on Unsplash Photo by Kelli McClintock on Unsplash
A. Image 1 B. Image 2
Photo by Denys Nevozhai on Unsplash Photo by Nikita Karimov on Unsplash
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.
2. Which of the image below you think is a High Angle?
A. Image 1 B. Image 2
Photo by Aliyah Jamous on Unsplash Photo by Hanna Postova on Unsplash
Eye-level Angle. The most commonly used camera angle, it makes the viewers
comfortable
with the characters.
3. Which of the image below you think is an Eye-level Angle?
A. Image 1 B. Image 2
Photo by Alexis Brown on Unsplash Photo by Bao Truong on Unsplash
Low Angle. The camera is looking up to the character, this makes the character look
more powerful and may make the audience feel vulnerable or small in the presence of that
character.
4. Which of the image below you think is a Low Angle?
A. Image 1 B. Image 2
Photo by Ryan Tang on Unsplash Photo by Shubham Sharma on Unsplash
Dutch Angle. Tilts the camera to disorient the viewers. This effect is used to demonstrate
confusion or strange scenes.
5. Which of the image below you think is a Dutch Angle?
A. Image 1 B. Image 2
Photo by Victoriano Izquierdo on Unsplash Photo by Artem Kovalev on Unsplash
Choosing videos and films as resources for your academic works may be tricky. Let us
explore T.R.A.P. by Middlesex Community College to help us evaluate these videos and films.
Timeliness (When?)
Check for the date it was published or last updated
Inspect the relevance of old videos as your source
Will the video exist for years to come or does it have backups for viewing?
Reliability (How?)
Check for credibility and accuracy of the video
Always consider the copyright of the video
Know the cast or persons involved in the video
Is the video bias or a propaganda?
Authority (Who?)
Who uploaded, owns or distributes the video?
Know if the writers, producers or creators are expert or experienced of the what
they
are trying to communicate
Purpose (Why? What?)
What particular audience does the video intend to reach?
Is it created to entertain, inform, share, advertise, or influence views and beliefs?
Does the information of the video suits what you need?
Check the content: Its topic, story, goal, theme. Is it a report or documentary?
What’s More
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.
Sample from a screenplay, showing dialogue and action descriptions.
What I Can Do
The use of lightings in a film plays a major role in the whole output of the film, this
cinematic technique is an indicator of nonverbal mood and emotion of the film.
There are still many cinematic techniques that we must learn. Search for the Camera
Movement, Sound and Lighting, Diegetic and Non-diegetic sound cinematic techniques.
You may start with this link https://www.primeeducation.com.au/cinematic-techniques-
critical-studies/
Lesson
Interactive Media
5
What’s In
Watching videos and listening to music can be exhilarating but it is more exciting to
have the 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 - 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 point-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 Resource Locators
(URLs), interlinked by hypertext links, and can be accessed via the internet.
What’s New
Let’s do this:
Ask two persons (it may be your seatmates, friends, neighbors, or guardians/parents)
about the actions that they have done on Facebook. Ask them to check the box next to the
statement that they agree to have done. Below is a table where they will check the box on
the actions that they have done on Facebook.
1 2
Clicked the ‘like’ button.
Watched a video.
Read an article.
Below are the different platforms of interactive media. Let us understand each.
players.
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.
b. 3DTV – a television display technology
that enables a three-dimensional
effect, so that viewers perceive that an
images has depth as well as height
and width, similar to objects in the real
world.
c. Video Games - a game played
electronically; manipulating images
produced by a computer program on a
television screen or any other display
screen. It could be educational such as
Bookworm, or Multiplayer that allows
two or more players to play with one
another or together.
d. Role-Playing Game – or RPG is a
game in which players assume the
roles of characters in a fictional setting.
The players take responsibility for
acting out these roles within a
narrative, either through literal acting or
through a process of structured
decision-making or character
development.
e. Massively Multiplayer Online Role
Playing Game – or MMORPG is any
story-driven online video game in
which a player, taking on the persona
of a character in a virtual world,
interacts with a large number of other
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.).
g. Virtual Reality and
Immersive Environments –
the computer- generated
simulation of a three-
dimensional image or
environment that can be
interacted with in a seemingly
real or physical way by a
person using special
electronic equipment, such as
a helmet with a screen inside
or gloves fitted with sensors.
h. 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.
Interactivity is the communication process that takes place between humans and the
different dimensions of interactive media. The most common types of interactivity include:
a. Click – the action where the user uses the left mouse button or the right button. Example
is when you click the like button.
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.
What’s More
2.
3.
Advantages Disadvantages
1. 1.
2. 2.
3. 3.
4. 4.
Activity 5.2: Interactive media and its interactivity
To be able check your understanding of interactive media and interactivity, complete the
worksheet below:
The concept of Interactive Media is the engagement of the user through interactivity
by allowing users to interact with text, graphics, sound, and video.
A website, with the help of internet connection, is one of the best example that we
can observe today, website’s hyperlinks and scripted features like buttons, comments
sections, upload page, streaming and more.
The different platforms of interactive media are mobile apps, 3DTV, video games,
role- playing games, massively multiplayer online role playing game, interactive websites,
virtual reality and immersive environments, powerpoint presentations, interactive smart
boards, and computer software. The list goes on, but to determine and interactive media,
most of them have something to click, a hotspot, slideshows, timeline, and hover.
What I Can Do
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.
Hypermedia is a system in which various forms of information, as data, text,
graphics, video, and audio, are linked together by a hypertext program.
In the previous lessons, we learned a lot about text media, visual media, audio media,
motion media, and interactive media.
In this lesson, we will learn the different forms of multimedia that are made possible
with the combination of 2 or more media that are mentioned in the first paragraph.
Did you know? Multimedia may be a Static Media or an Active Media. Let us explore
more about these media by reading the whole content of this lesson.
What’s New
Multimedia is form with the combination of any of these content forms: Text, Audio,
Still Images, Animation, Video Footage, and Interactive Media.
(Example)
Text
Audio ✔
Still Images
Animation
Video
Footage
Interactivity ✔
Multimedia started to stablish its description during 1990s where computers and
internet are starting to emerge. The two types of multimedia: Static media and Active media.
Task 1.2: Determine the type of each media examples in the boxes below, write static
for Static Media or dynamic for Dynamic Media and provide an explanation of your choice in
the relative box.
Task 6.2 Determine Me
Media/Device Type Explanation
Example: Example:
Magazine
Photo by True Agency on Unsplash
Comic Book
Photo by Miika Laaksonen on
Unsplash
Lazada
Screenshot from Lazada mobile app
Billboard
Photo by Muhamad Syazwan
Jonizar on Unsplash
Electronic Presentation
Photo by Teemu Paananen on
Unsplash
What’s More
Multimedia can also be observed in the form of live or recorded presentations, games
and simulations.
Advertisements, education, entertainment, business and science take advantage to
multimedia to aid their objectives and goals.
Multimedia Principle
Multimedia can be recorded, played, displayed and interacted. This is all possible
because of the presence of multiple forms of media such as texts, audio, images, motion
pictures and interactivity. Most of the multimedia devices are now electronic.
The availability of internet allows multimedia to be essential to everyone’s lives for
communications, research and entertainment.
Multimedia may be a Static Media or an Active Media where static media lacks
interactivity and dynamic media provides interaction with the user. Multimedia’s impact can
be observed almost everywhere, in creative industries, education, journalism, science and
more.
What I Can Do
Mayer’s Cognitive Theory of Multimedia Learning states that “people learn more
deeply from words and pictures than from words alone”. The craft of using multimedia for
better communication and learning relies on how the human mind works: [1] the auditory and
visual channels processing of information, [2] each channel has a limited capacity, [3]
learning is an active process of filtering, selecting, organizing, and integrating information
based upon prior knowledge.
Search for multimedia principle and report your findings to your teacher.
Assessment: (Post-Test)
1. A Visual Design Principles and Elements that suggest to always distribute the visual
weight of objects, colors, texture, and space.
A. Size B. Focal Point
C. Rhythm D. Balance
2. A type of media that allows a user to connect with other devices through the internet.
A. Websites B. Media Player
C. Motion Media D. Multimedia Presentation
5. It is a design principle of text that suggest of using contrasting size and colors to
present different value of information.
A. Alignment B. Emphasis
C. Appropriateness D. Consistency
6. Your friends asked you to make a poster about peace, what background color is best
suited for this theme?
A. Black B. Yellow
C. Blue D. Green
9. It is the process of making a visual sketch for the possible scenes of a film or video.
A. Scripting B. Storyboarding
C. Cinematic Techniques D. Visual Effects
10. Producing a motion picture through manually drawing each frame by hand is called
A. Stop Motion Animation B. Computer Generated Image
C. Hand-drawn Animation D. Virtual Reality
11. What camera angle is best suited to introduce a powerful politician for your film?
A. High Angle Shot B. Long Angle Shot
C. Establishing Shot D. Dutch Angle Shot
12. 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 B. Long Angle Shot
C. Establishing Shot D. Dutch Angle Shot
13. Which is NOT a strong basis to evaluate a video as academic source for your research?
A. Good Visual Effects B. Timeliness
C. Authority D. Reliability
14. A type of multimedia that allows users to interact with text, graphics, sound, and video.
A. Manipulative Applications B. Text Media
C. Motion Capture D. None of the choices
15. Observe the image below and find the possible violation of the design principles and
elements of texts.
A. The colors are not emphasized to match the theme.
B. The fonts used are not appropriate for the theme.
C. The alignment is inconsistent.
D. The spacing is too close.