11
Media and Information Literacy
Quarter 2:
Module
15
Interactive Media
What’s In
Photo by Alex Holyoake on Unsplash
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.
What I Need to Know
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
Activity 15.1: Wonder at This
1. Think about your first-time using Facebook. What were the steps you did to
create and access your account? How did you post your first thought?
2. Why do you think Facebook is very popular? Enumerate the ways in which you
interact with Facebook.
Let us 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.
Actions Done on Facebook Person Person
1 2
Clicked the ‘like’ button.
Watched a video.
Messaged a friend on a one-to-one basis.
Commented on a friend’s photo or video.
Read an article.
Read a news story.
Commented in a friend’s profile status.
Logged in to see what is happening without posting myself.
Uploaded and shared photos.
Updated my profile status/posted about what I am doing.
Name of your Partner: ______________________________Section: _______________
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.
8. Mobile Apps – or Mobile Applications 9. Interactive Websites – these are
is a software developed specifically for use websites that let users take on a pool,
on small, wireless computing devices such survey, exams, exercises or even allow
as smartphones and tablets, rather than online social interaction such as social
desktop or laptop computers. media sites (e.g. Facebook, Twitter,
9. 3DTV – a television display technology etc.).
that enables a three-dimensional effect, so 10. Virtual Reality and Immersive
that viewers perceive that an image has Environments – the computer-generated
depth as well as height and width, similar to simulation of a three-dimensional image or
objects in the real world. environment that can be interacted with in
10. Video Games - a game played a seemingly real or physical way by a
electronically; manipulating images person using special electronic equipment,
produced by a computer program on a such as a helmet with a screen inside or
television screen or any other display gloves fitted with sensors.
screen. It could be educational such as 11. PowerPoint presentations – may
Bookworm, or Multiplayer that allows two contain links, hypertexts, images, sound,
or more players to play with one another or graphics, or other multimedia elements.
together. 12. Interactive smart boards – allows
11. Role-Playing Game – or RPG is a the teacher and the students to have
game in which players assume the roles of physical interaction with the subject
characters in a fictional setting. matter using this format.
The players take responsibility for acting 13. Computer software – allows users to
out these roles within a narrative, either interact with text, graphics, sound, and
through literal acting or through a video, each of which can be accessed from
process of structured decision-making or within any of the others.
character development.
12. 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 many other
players.
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
Activity 15.2: Short-Response Questions
1. Name 3 actions that demonstrates interactivity of Online Shopping? Follow this format:
Action Interactivity (what it does?)
(i.e. Click on Add to cart button) Allows for items to be added to cart ready
for check-out or payment.
1.
2.
3.
2. Name 4 advantages and disadvantages of online gaming. Follow this format:
Advantages Disadvantages
1. 1.
2. 2.
3. 3.
4. 4.
Activity 15.3: Interactive media and its interactivity
To be able check your understanding of interactive media and interactivity, complete the
worksheet below:
Interactive Media Example Non-Interactive Interactive Action
Platform Action
e.g. Mobile Apps Plants vs Zombies View available cards Play with cards against AI
Heroes or Online
Mobile Apps
3D TV
Video Game
Role Playing Game
Massively Multi-
player Online Role
Playing Game
Interactive Web-
sites
Virtual Reality and
Immersive
Environments
Slide presentations
Computer software
Interactive smart
boards
What I Have Learned
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 examples 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, power point 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.
Activity 15.4: Search Online
Search for an online IQ, psychological test, or diagnostic test on the internet. Take
the test and submit your results either through email or printout. Write a brief evaluation or
assessment on the test taken, focusing on the following:
a. The practicality of an online IQ, psychological test, or diagnostic test.
b. Interactivity of the online exam
c. Other features you would like to incorporate, or how it could be improved.
Multimedia Information and Media
What’s In
Photo by Alex Holyoake on Unsplash
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.
What I Need to Know
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.
What’s New
Activity 15.4: Wonder at This
You are going to build a robot, which of the features below you would like to include to
your robot and why? You may choose many features as you please.
☐ Talk ☐ Hear ☐ Record ☐ Show images
☐ Can be controlled ☐ Play videos ☐ Fly ☐ Teleport
☐ Long distance communication ☐ Superspeed ☐ Transform
Wonder at this: As you read the text above:
1. Why would you like your robot to be designed that way?
2. What could be the most important features a robot can have?
3. Would you consider a good robot should have a combination of:
• the power of our smartphones
• and human designed machines for transportation?
Multimedia is form with the combination of any of these content forms: Text, Audio, Still
Images, Animation, Video Footage, and Interactive Media.
Activity 15.5: Multimedia Devices
Below are modern multimedia devices, identify which individual content forms are available
to each device and put a check (✔) on the box provided (✔).
Task 6.1 Individual Content Forms
Image by OpenClipart- Image by Mabel Amber, Image by William Image by Free-
Vectors from Pixabay still incognito... from Iven from Pixabay Photos from
Pixabay Pixabay
iPod Digital Camera Smartphone Smart Watch
(Example)
Text
Audio ✔
Still Images
Animation
Video
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 Dynamic Media ― also known as non-linear media,
media, refers to contents that lacks refers to contents that provides interactivity with its
interactivity. Common examples are users. Websites can be a static media or dynamic
books and newspapers, these media but most known websites today such as
multimedia may have texts and Facebook and Youtube are good examples of
pictures but the readers are unable to dynamic media because these websites provide the
control its contents or no observable users to contribute to the site’s contents through
timely updates or changes. posting, comments, uploading pictures and videos,
which leads to dynamic contents to the media.
Activity 15.6: Type of Multimedia
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:
dynamic Arcade games allow players to
control the outcome of the media
through the role they are playing.
There is an interaction between the
machine and the players.
Arcade Game Machine
Photo by Tree Andree on Unsplash
Magazine
Photo by True Agency on Unsplash
Comic Book
Photo by Miika Laaksonen on
Unsplash
Lazada
Screenshot from Lazada mobile app
Virtual Reality Glasses
Photo by Hammer & Tusk on
Unsplash
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 Usage and Applications
1. Creative Industries – Most
creative industries
nowadays use multimedia
to reach broader audience.
Using the creativity, skills
and talents of individuals to
create different contents
such as fine arts,
entertainment,
commercials, journalism
and software services.
Photo by Darren Chan on Unsplash
2. Education – Different institutions use
multimedia projects to help students
and faculty members learn faster and
cater their current learning
preferences. Multimedia offers an
alternative or ubiquitous means of
acquiring knowledge through various
mediums and platform. Students may
use internet from their smartphones for
research or watch video tutorials from
Youtube from their laptop. Institutions
can also take advantage of computer
simulation technologies using virtual
reality or augmented reality. The
image in the right is a student pilot
learning how to fly a commercial
airplane through computer simulation.
Photo by Jervis Dreamond Leonardo
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.
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
Photo by Science in HD on
students and doctors like virtual surgery,
Unsplash
simulate human anatomy with different conditions of injuries
and diseases.
Activity 15.7: Enumeration
Enumerate different multimedia devices or applications that each individual on the list
below that they can use to aid their tasks.
Task 6.3 Enumeration
Individual 2 multimedia devices or applications
(Example) Engineer 3D Modeling software Smartphone
Student
Scientist
Video Blogger
Digital Artist
Writer
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.
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.
49
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.
Module
16
Objective: After completing the module, you should be able to…
1. Identify the slide-making application parts and its uses.
2. Open/create/save a slide presentation file.
3. Navigate through the slide-making application.
What I Know
Direction: Read the questions carefully and select the best answer
by writing only the letter of your choice on a separate sheet of paper.
1. __________ the portion of the desktop display where user can edit or
modify file contents.
a. slides preview column
b. dashboard
c. status bar
d. work area
2. __________ is a key combination that performs a certain command, such as
closing a window or saving a file.
a. function keys
b. cursor keys
c. keyboard shortcut
d. second function keys
3. __________ a graphical summary of various pieces of important
information, typically used to give an overview (in this case) of an
application.
a. slide
b. dashboard
c. option
d. menu bar
4. __________ the process or activity of accurately ascertaining one's action in
manipulating desktop displays to finish work at the least possible time.
a. navigation
b. projection
c. animation
d. transition
5. __________ a preset format for a document or a file, used so that the
format does not need to be recreated each time it is used.
a. dashboard
b. scroll bar.
c. option
d. template
6. __________ a preset setting or configuration of a computer unit that is
automatically executed when user has not made a choice.
a. Auto Recover
b. AutoText
c. Default
d. Auto Correct
7. __________ an act of saving data to a storage location, usually the hard drive
a. select
b. save
c. option
d. edit
8. __________ a graphical control element in the form of a small window that
communicates information to the user and prompts them for a response.
a. dialog box
b. projection
c. animation
d. transition
9. __________. the bar on top of a window, desktop app, or a dialog box that
displays the file name, application name, and display control buttons.
a. title bar
b. menu bar
c. scroll bar
d. status bar
10. __________. the bar usually at the window or screen bottom, showing
information about a file being edited or a program running.
a. title bar
b. menu bar
c. scroll bar
d. status bar
Learning Activities
To Read:
Application and App Navigation
To appreciate or make or even use a slide presentation, one must
necessarily know how to go about at the application’s desktop. Basically, it
is the loading, navigation, saving and exiting the application that essentially
matters for the crash course on Slide Show. So, let us discuss it in detail
one after the other. There may be some other approaches to the procedure
but for the sake of this discussion, this teacher uses the most convenient
way for a beginner learner. For learners’ information, this module uses
PowerPoint® at MS® Office Plus 2016.
Loading the application
From the system’s desktop, we are to load the application thru
the following steps:
1. Click Start button and wait for the Start menu to appear.
2. Locate PowerPoint® at the Start menu and click.
3. Wait for the application to load.
4. Click Blank Presentation and the application will open
the PowerPoint® desktop ready for you to work on
Navigating the PowerPoint desktop
The presence of the computer is for the encoder to perform in swift
and easy way the difficult and cumbersome task such as slide-making.
PowerPoint® desktop is just like any of the MS® Office apps; see Fig. 16b1
below, it is consisting of the dashboard at the upper part, the slides display
at the left side margin, the slide edit work area at the right of slides display
to extreme right margin, and the status bar at the bottom margins of the
display.
1.
3.
2.
4.
Fig. 16b1 PowerPoint® Desktop. From left to right 1. dashboard 2. slides preview column 3. work area 4.
status bar
What is the dashboard?
Dashboard. It the graphical summary of various pieces of important
information, typically used to give an overview of an application.
1. 2.
3. 4.
Fig. 16b2 PowerPoint® Dashboard. Follow the number 1. title bar 2. menu bar 3. tool buttons 4. buttons display
area
The dashboard see Fig. 16b2 above is consists of the title bar, menu
bar and tool buttons display area. Title bar is the uppermost part of the
application desktop composed from the left of Quick Access Tool Bar,
application and file name in the middle and the window control buttons at
the right side.
What is the dashboard’s purpose?
The dashboard is there to be accessed during work on slide for
convenience. One would just simply click on the menu or button to perform
a particular action. It is suggested to memorize often used tool buttons
rather than memorizing the entire dashboard parts.
Title bar is used to identify the application employed and the name of
the file currently in manipulation. It accommodates the Quick Access Tool
Bar at its left end where buttons here can be added or removed by the user
depending on the necessity and convenience. This bar also serves as window
handle when in restore mode where you can move the window from one
place to another thru drag and drop.
Menu bar provides the menu tabs that serve as switch to open the
available actions and options. When the tab is clicked, the tool buttons for
the menu are displayed at the tool button display area. Greyed buttons,
options and menus are inapplicable for the time being. It requires taking
prior action to be a normal active desktop item that can be executed.
Example of this is Redo (↻), it is grey if nothing has been Undo (↺) first.
1. 2.
1.
3. 4.
Fig. 16b3 PowerPoint® Menu bar. Follow the number 1. inactive menu tab, 2. active menu tab, 3. inactive tool
buttons, 4.
active tool buttons
What is the slides preview column?
The area at the left of PowerPoint® desktop where numbered slides
appear in column, see also Fig. 16b1 above. This displays the thumbnail
view of each slides of the presentation being worked on. The area is
adjustable to increase or decrease thumbnail view according to user
convenience and necessity thru drag and drop. User can also perform slides
shuffling thru same drag and drop method here to accommodate desired
slide succession.
What is the work area?
The part of the desktop where the whole slide is displayed and can be
modified, see also Fig. 16b1 above. The area occupies the biggest share of
the desktop and accommodates all the editing actions including control and
playback for the presentation. During the presentation playback, the
desktop preview turns full screen to accommodate widest possible view of
the presentation in play.
What is the status bar?
Status bar can be found at the bottom margins of the desktop display,
see also Fig. 16b1 above. This is the part that displays information about a
file being edited or a program running.
Saving the file
Saving the file being worked on is simply the act of saving data to a
storage location selected by the user in which by default, to the hard drive.
Whenever one is working a task at a computer, it is but necessary to save
and often do it after the work was done. Saving the file is the natural thing
to do but doing it after the task was done is a mistake. The user has to save
the file the moment the work started for good reasons. First, loss of the work
happens when accidental power interruption occurs outside of the
AutoRecover time. Some application does not have AutoRecover feature.
Second, when saved at start, user can simply press the Ctrl+S key-
combination whenever pauses thereby provide security of work for the
efforts done.
How to save a new file
1. Click File menu
2. Choose Save option from the subsequent menu that will appear.
3. Click Browse to specify the desired location to save your file.
4. Type the desired filename at the File name: field.
5. Click Save button to execute the action.
6. Proceed on working the slides.
How to save a file during the work
One cannot just rely on the AutoRecover for the security that work
will not be lost if ever power service interruption happens. So, the user can
perform shortcut key-combination Ctrl+S to save work anytime he pauses
for a break. This can also be done by clicking Save ( ) button at the Quick
Access Tool Bar if the Save button is present there.
Exiting the application and shutdown
It is necessary to save the file worked on to finally secure and
close the session. The following steps will end up working on the
PowerPoint® application and exit.
1. Press Ctrl+S or equivalent Save ( ) button at the Quick Access Tool Bar to
secure that file has really been saved.
2. Click the Close ( ) button at the rightmost upper margin to close the
application window.
3. Click Start button
4. Choose Power
5. Select Shut Down
23 | P a g e
ACTIVITY SHEET 16.1
Name & Section: _____________________________ Date: ________
Subject: __________________________ Teacher: ___________________
Instruction:
Label the parts and draw a rectangle that will cover the area for 1. work
area 2. slides preview column 3. dashboard 4. status bar in this picture
below.
Figure 16.1
24 | P a g e
Figure 16.2. Label the parts of dashboard according to the corresponding number.
4.___________________ 1._____________________
2._____________________ 3. ____________________
25 | P a g e
