Professional Documents
Culture Documents
Mil Module 121314
Mil Module 121314
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 the payment
of royalty.
Borrowed materials (i.e., songs, stories, poems, pictures, photos, brand names,
trademarks, etc.) included in this book 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.
14
Multimedia Information
This instructional material was collaboratively developed and reviewed by educators from public and priv
Lesson 1:
Text Information and Media........................................................1
What’s In.................................................................................................................1
What I Need to Know..............................................................................................1
What’s New: Text...................................................................................................2
What Is It: Design Principles and Elements of Text................................................3
What’s More: Fonts.................................................................................................6
What I Have Learned..............................................................................................7
What I Can Do........................................................................................................7
Lesson 2:
Visual Information and Media..........................................................8
What’s In................................................................................................................8
What I Need to Know.............................................................................................8
What’s New............................................................................................................9
What Is It: Visual Media Design Elements.............................................................9
What’s More: Visual Media Design Principles.....................................................15
What I Have Learned............................................................................................18
What I Can Do......................................................................................................19
Lesson 3:
Audio Information and Media...................................................20
What’s In..............................................................................................................20
What I Need to Know...........................................................................................20
What’s New: Audio..............................................................................................21
What Is It: Types and Categories of Audio Information.......................................21
What’s More: Elements and Principles of Sound Design......................................22
What I Have Learned............................................................................................23
What I Can Do......................................................................................................23
Lesson 4:
Motion Information and Media.................................................24
What’s In..............................................................................................................24
What I Need to Know...........................................................................................24
What’s New: Motion Picture................................................................................25
What Is It: Types of Motion Picture and Tecniques..............................................25
What’s More: Script and Storyboard....................................................................32
What I Have Learned............................................................................................35
What I Can Do................................................................................................
35 ...................................................................................................................
Lesson 5:
Interactive Media.......................................................................36
What’s In..............................................................................................................36
What I Need to Know...........................................................................................36
What’s New: Platforms of Interactive Media........................................................37
What’s More.........................................................................................................39
What I Have Learned............................................................................................40
What I Can Do......................................................................................................41
Lesson 6:
Multimedia Information and Media..........................................42
What’s In..............................................................................................................42
What I Need to Know...........................................................................................42
What’s New: Multimedia Devices........................................................................43
What’s More: Multimedia Usage and Applications..............................................46
What I Have Learned............................................................................................48
What I Can Do......................................................................................................48
Summary........................................................................................................................................49
Assessment: (Post-Test).................................................................................................................51
Key to Answers..............................................................................................................................54
References......................................................................................................................................65
What This Module is About
Welcome to Module 7!
This module is about the different elements of Multimedia: Text, Visual, Audio, Motion, and
Interactive. You will learn different design elements and design principles to effectively use
multimedia to communicate and decode messages.
In this module, you will encounter series of activities will give you confidence to evaluate the
reliability and validity of multimedia sources using selection criteria. You will be given tasks that will
lead you to produce and compose your own creative multimedia.
At the end lesson, you will understand the impact of multimedia to the creative industries,
education, journalism and science.
i
9. Describe the different dimensions of audio information and media. (MIL11/12AIM- IVd-11)
10. Comprehend how audio information and media is/are formally and informally produced,
organized, and disseminated. (MIL11/12AIM-IVd-12)
11. Evaluate the reliability and validity of audio information and media and its/their sources using
selection criteria. (MIL11/12AIM-IVd-13)
12. Produce and evaluate a creative audio-based presentation using design principle and elements
(MIL11/12AIM-IVd-14)
13. Describe the different dimensions of motion information and media.
(MIL11/12MIM-IVef-15)
14. Comprehend how motion information and media is/are formally and informally produced,
organized, and disseminated. (MIL11/12MIM-IVef-16)
15. Evaluate the reliability and validity of motion information and media and its/their sources
using selection criteria. (MIL11/12MIM-IVef-17)
16. Produce and evaluate a creative motion-based presentation using design principle and
elements. (MIL11/12MIM-IVef-18)
17. Describe the different dimensions of manipulative information and media.
(MIL11/12MPIM-IVgh-19)
18. Comprehend how manipulative information and media is /are formally and informally
produced, organized, and disseminated (MIL11/12MPIM-IVgh-20)
19. Evaluate the reliability and validity of manipulative information and media and its/their
sources using selection criteria. (MIL11/12MPIM-IVgh-21)
20. Produce and evaluate a creative manipulative-based presentation using design principle and
elements. (MIL11/12MPIM-IVgh-22)
21. Describe the different dimension of multimedia information and media
(MIL11/12MM-IVij-23)
22. Comprehend how multimedia information and media is /are formally and informally
produced, organized, and disseminated (MIL11/12MM-IVij-24)
23. Evaluate the reliability and validity of motion information and media and its/their sources
using selection criteria (MIL11/12MM-IVij-25)
24. Synthesize overall knowledge about different information and media sources by producing
and subsequently evaluating a creative multimedia form (living museum, electronic portfolio,
others) (MIL11/12MM-IVij-26)
i
How to Learn from this Module
You are required to read the learning materials. Follow the activities and answer the pre-test
and post-test at the end of each learning activities:
To achieve the objectives cited above, you are to do the following:
1. Follow the directions and read the instructions carefully
2. Answer all the given tests and exercises.
i
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
i
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
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
v
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 is text 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!
Task 1.1
Checklist
✔ (Example )Television Notebook Poster
Radio Paper Smartphone
Book Magazine Tarpaulin
Newspaper Journal Computer
Wall Pen Wood
Texts are the words in written or printed format. Today, it can also be found on screens like
TV and smartphones.
2
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?
3
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
4
Below are the Design Principles and Elements of Text. Let us understand each.
1. Emphasis – Use different size, weight, color, contrast and orientation to present texts
with greater value.
5
5. Consistency –Use at least 2 or 3 colors, font styles and design styles for the whole
composition or content.
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)
6
3. (Explain here)
Text, when used properly, is a powerful tool for communicating information, persuasion and
suggestion. Texts can be observed in formal platforms like newspapers, books, magazines,
advertisements and anything printed or informal platforms like online blogs, e-mails, text messages,
social media and anything on-screen.
Presenting information through fonts also require understanding of the different types of fonts
and design principles and elements of text.
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).
7
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.
8
What’s New
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.
9
We create meaning of what we see by using different types of visual information. Let us
discover these types.
1
Color: Most of us give meaning to colors based on
preferences, culture, experiences and human psychology. We
might think 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)
1
Environment: We observe the environment we see and give
interpretations of the situation of the people in the
environment.
1
We can produce good visual media by understanding the different Visual Design Principles
and Elements.
Design Elements is the use of colors, space, texture, and other components in an
artistic representation.
Sample Image Element
Space. Using the canvas, you can use some
spaces to creatively produce stunning and
clever designs. Use spaces to make a direct
message since it creates focus to other
elements making it stand out.
1
Texture. Textures give designs a sense of
realistic effects. It can add tactility and depth.
However, use this technique in moderation as
it may overwhelm your design.
All images from this table were drawn by Jay Michael A. Calipusan.
1
1.
1
2.
3.
1
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.
1
Contrast can make your design more visually
appealing by making other objects pop-out from
other objects of your design. Contrast maybe the
difference of two elements of your design like
black and white or thin and thick.
1
Balance. Always distribute the visual weight of
objects, colors, texture, and space.
All images from this table were drawn by Jay Michael A. Calipusan.
1
Activity 2.4: Interpret the Scene
Explain each image if did or did not execute the visual design principles properly.
2.
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
2
communicate correctly if you apply these principles.
2
What I Can Do
2
Lesson
Audio Information and Media
3
What’s In
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.
2
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
2
2. Different ways of storing audio media.
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, portable,
port. or remote computing devices.
Computer hard drive - secondary storage devices found in personal computers and can store
audio files.
What’s More
2
Principles of Sound Design. The
techniques for combining the different
elements or objects.
• Mixing - the combination, balance
and control of multiple sound
elements.
• Pace - Time control. Editing. Order of
events: linear, non-linear, or multi-
linear.
• Transitions - How you get from one
segment or element to another.
• Stereo Imaging - Using left and
right channel for depth
2
What I Have Learned
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.
2
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.
2
What’s New
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.
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.
3
There are many ways to produce a motion picture. Let us explore the different motion
pictures produced throughout the history.
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).
3
Film: A series of moving pictures that have recorded and
shown on screens. It is recorded using a motion picture
camera.
Video producers use different cinematic techniques. Let us discover the common camera
shots and camera angles.
3
A. Image 1 B. Image 2
Photo by Patrick Perkins on Unsplash Photo by Max Bender on Unsplash
3
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
3
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
3
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
3
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?
3
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.
3
Story Board. It describes what happens in your video by making thumbnail of images. It
usually looks like a comic 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.
3
Activity 4.4: Storyboarding
Think of an original story to be played in 1 minute. Create a script and storyboard for your
story. For more information about screenplay and storyboard, visit https://thewritepractice.
com/screnplay-process/ and https://boords.com/blog/how-to-make-a-storyboard
4
The sequence of the scenes are smooth, the details of the story are
Story 5
evident from start to end.
4
What I Have Learned
By understanding motion media, we can analyze, explore and understand the possible
messages and information of media that we watch and hear. This will also help us create our own craft
in producing films.
We explored the different ways to produce motion pictures like animation, films, computer
generated image or the combination of all ways. In making films, using cinematic techniques are very
crucial for better production and always make good scripts and storyboard.
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/
4
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.
4
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.
Perso
Actions Done on Facebook Perso n
n 2
1
Clicked the ‘like’ button.
Watched a video.
Read an article.
4
Interactive Media allows users to interact with text, graphics, sound, and video; each of
which can be accesses from within any of the others. It engages the user and interacts with the user. It
allows interactivity between the technology (the computer) and the user (human); the computer
responds to or communicates with the user as a response to user’s actions. Example of using an
interactive media through Online Booking. When we book a flight online, we use the website as our
media. We, the users, interact with that media through clicking on the dates and payment for our
flight.
There are different platforms or dimensions of interactive media and these are (a) Mobile
apps, (b) 3D TV, (c) Video Games, (d) Role-Playing Games, (e) Massively Multiplayer Online Role
Playing Game, (f) Interactive websites, (g) Virtual Reality and Immersive Environments,
(h) Power Point, (i) Interactive smart boards, and (j) computer software.
Below are the different platforms of interactive media. Let us understand each.
4
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.
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.
4
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.
4
Lesson
Multimedia Information and Media
6
What’s In
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.
Before smartphones became essential in our generation, people used cellular phones that can
only send texts or do voice calls, no cameras, no video and no picture. Today, we can do video call
with audio and chat at the same time (at the same person) using an app in our phone.
This is the age where most people are heavily relying on multimedia to communicate, transact
and express their thoughts and passion.
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.
4
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.
5
Video
Footage
Interactivit ✔
y
5
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.
Static Media ― also known as linear media, Dynamic Media ― also known as non-linear
refers to contents that lacks interactivity. media, refers to contents that provides
Common examples are books and newspapers, interactivity with its users. Websites can be a
these multimedia may have texts and pictures static media or dynamic media but most known
but the readers are unable to control its contents websites today such as Facebook and Youtube
or no observable timely updates or changes. are good examples of dynamic media because
these websites provide the users to contribute
to the site’s contents through posting,
Activity 6.2: Type of Multimedia comments, uploading pictures and videos,
which leads to dynamic contents to the 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
5
Lazada
Screenshot from Lazada mobile
app
Billboard
Photo by Muhamad
Syazwan Jonizar on
Unsplash
5
Electronic Presentation
Photo by Teemu Paananen
on Unsplash
5
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.
5
3. Journalism – Stories and
research for journalist can now be
accessed in an instant with
cellular signals and internet
connection. Journalism’s mode of
content delivery started with
newspapers, radio, and television.
Today, we can access these
contents in different platforms
like laptop and smartphones.
Journalists can also have
podcasts, live
feeds from social networking Photo by Austin Distel on Unsplash
sites, online radio and subscription feeds. Sharing news contents is now easier through web
applications like Facebook and Twitter. Journalism can now reach broader audience in an
instant and the readers/viewers can also instantaneously give feedbacks to the content that can
also be heard by other people. This generation allows everyone to deliver news that was once
only limited to journalists by profession.
5
What I Have Learned
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.
5
Summary
1. Texts are written words, printed or on-screen format, a powerful tool for communication and
keeping information.
Type of fonts: Serif, Sans-serif, script, decorative
2. Text Design Principles and Elements: Emphasis, Appropriateness, Space, Alignment,
and Consistency.
3. Visual Media are images or frames of images that we can construct and reconstruct to give
different meaning to it.
Types of Visual Information: Facial Expression, Body Language, Color, Environment, and
Symbols.
4. Visual Design Principles and Elements
Design Element: Space, Lines, Size, Pattern, Texture, and Colors.
Design Principles: Focal Point, Contrast, Balance, Rhythm, Perspective, and Unity.
5. Infographics are graphic visual representations of information, data or knowledge intended
to present information quickly and clearly.
6. Audio is a sound within the range of human hearing.
Forms of Audio: Radio Broadcast, Sound Recording, Sound Clips/Effects, and Music Audio
Storage: Tape, CD, USB Drive, Memory Card, and Computer Hard Drive.
Common Audio Extensions (Formats): .MP3, .M4A, .WAV, and .WMA.
7. Audio Design Principles and Elements
Design Elemet: Dialogue, Waterfall, Sound Effects, Music, and Silence. Design
Principles: Mixing, Pace, Transitions, and Stereo Imaging.
8. 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.
Types of Motion Picture:Traditional Animation, Computer Animation, Stop Motion Animation,
Film, and Combination of Visual Effects.
9. Cinematic Techniques
Camera Shots: Extreme Long Shot, Long Shot, Full Shot, Mid-shot, Close-up, and Extreme
Close-up.
Camera Angles: Bird’s Eye Angle, High Angle, Eye-level Angle, Low Angle, and Dutch Angle.
10. How to Evaluate a Video: Timeliness (when?), Reliability (how?), Authority (who?), and
Purpose (why? what?).
11. Script, also known as screenplay, is the text that describes the action, scenes, camera
instructions and words to be spoken by the actors.
12. Story Board describes what happens in your video by making thumbnail of images.
13. Interactive Media allows users to interact with text, graphics, sound, and video.
Different Platforms of Interactive Media: 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.
5
14. 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.
15. Multimedia is form with the combination of any of these content forms: Text, Audio, Still
Images, Animation, Video Footage, and Interactive Media.
Types of Multimedia:
Static Media ― also known as linear media, refers to contents that lacks interactivity. Dynamic
Media ― also known as non-linear media, refers to contents that provides
interactivity with its users.
16. Multimedia Usage and Applications: Creative Industries, Education, Journalism, and
Science.
5
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
6
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.
6
References
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-text-
message.html
Beal, Vangie. “Text.” Accessed January 15, 2020, https://www.webopedia.com/
TERM/T/text.html
Merriam-webster.com. “Text” Accessed January 15, 2020, https://www.merriam-
webster.com/dictionary/text
Rouse, Margaret. “ Typeface.” Accessed January 15, 2020, https://whatis.techtarget.
com/definition/typeface
Fonts.com. “Type Classification.” Accessed January 15, 2020, https://www.fonts.com/
content/learning/fontology/level-1/type-anatomy/type-classifications
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
Bear, Jacci Howard.”How to Use Script Fonts Properly in Graphic Design.” Accessed January
15, 2020, https://www.lifewire.com/script-font-information-1073829
Beata Ratuszniak. “Man in Front of Multiple Art Prints.” Accessed January 16, 2020,
https://unsplash.com/photos/-6mZyblCys4/
Openpsyc.blogspot. “Bottom Up vs. Top-down Processing.” Accessed January 16, 2020,
http://openpsyc.blogspot.com/2014/06/bottom-up-vs-top-down-processing. html
Saul McLeod. “Visual Theory Perception.” Accessed January 16, 2020, https://www.
simplypsychology.org/perception-theories.html
Reference.com. “What are the Types of Visual Media.” Accessed January 16, 2020,
https://www.reference.com/technology/types-visual-media-18e9b6c9751ecd10
Joseph Spacey. “11 Types of Visual Information.” Accessed January 16, 2020, https://
simplicable.com/new/visual-information
Dictionary.com. “Design Elements”. Accessed January 17, 2020, www.dictionary.com/
browse/design-elements
Getty.edu. “Principles of Designs” Accessed January 17, 2020, www.getty.edu/
education/teachers/building_lessons/principles_design.pdf
Venngage.com. “The Ultimate Infographic Design Guide.” Accessed January 17, 2020,
https://venngage.com/blog/infographic-design/
Merriam-Webster. “Audio.” Accessed January 17, 2020, https://www.merriam-webster.
com/dictionary/audio
6
References
Dictionary.com. “Audio.” Accessed January 17, 2020, https://www.dictionary.com/
browse/audio
Joel Weidenfeld. “Top 10 Amazing Uses for Sound.” Accessed January 17, 2020,
http://listverse.com/2012/11/14/top-10-amazing-uses-for-sound/
CHED, Teaching Guide for Senior High School: Media and Information Literacy, 2016
internationalstudent.com/study-film/history-of-film/
Matthewhunt.com, “Cinema: An International History of Film,” Accessed January 17, 2020,
http://www.matthewhunt.com/cinema/
Collins Dictionary, “Film,” Accessed January 17, 2020, https://www.collinsdictionary.
com/dictionary/english/film
Collins Dictionary, “Animation,”Accessed January 17, 2020,https://www.collinsdictionary.
com/dictionary/english/animation
Science Daily,”Computer Animation,” Accessed January 17, 2020, https://www.
sciencedaily.com/terms/computer_animation.htm
Cambridge Dictionary, “Screenplay,” Accessed January 17, 2020, https://dictionary.
cambridge.org/us/dictionary/english/screenplay
Wave Video, “What IS a Storyboard and How CAn You MAke One for Your Video,
Accessed January 17, 2020, https://www.animatron.com/blog/what-is-a-storyboard/
https://www.animatron.com/blog/what-is-a-storyboard/
Prime Education, “Cinematic Techniques/ Critical Studies,” Accessed January 17, 2020,
https://shop.primeeducation.com.au/cinematic-techniques-critical-studies/