WEEK 14 / DAY 1 – DAY 5

Lesson 5 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 5.0: 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’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.

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’s happening without posting myself.

Uploaded and shared photos.

Updated my profile status/posted about what I’m doing.

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.
a. Mobile Apps – or Mobile Applications threedimensional image or
is a software developed specifically for environment that can be interacted
use on small, wireless computing with in a seemingly real or physical
devices such as smartphones and way by a person using special
tablets, rather than desktop or laptop electronic equipment, such as a
computers. helmet with a screen inside or gloves
fitted with sensors.
b. 3DTV – a television display technology
that enables a three-dimensional h. PowerPoint presentations – may
effect, so that viewers perceive that an contain links, hypertexts, images,
images has depth as well as height sound, graphics, or other multimedia
and width, similar to objects in the real elements.
world. i. Interactive smart boards – allows the
c. Video Games - a game played teacher and the students to have
electronically; manipulating images physical interaction with the subject
produced by a computer program on a matter using this format.
television screen or any other display j. Computer software – allows users to
screen. It could be educational such as interact with text, graphics, sound and
Bookworm, or Multiplayer that allows
video, each of which can be accessed
two or more players to play with one from within any of the others.
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
players.
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
computergenerated simulation of a
 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 5.1: Short-Response Questions
1. Name 3 actions that demonstrates interactivity of Online Shopping? Follow this format:
Action Interactivity (what it do?)
(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 5.2: 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
Multiplayer Online
Role
Playing Game
Interactive
Websites
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 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, roleplaying 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.

Activity 5.3: 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
Other features you would like to incorporate, or how it could be improved.
NAME:
YEAR & SECTION:

MULTMEDIA INFORMATION

WEEK 13/ DAY 1 – DAY 5

Motion Picture
Provide a picture that you find the best example for each type of motion picture. Example, for animation,
you can use your favorite anime like Dragon Ball Z. Use the space provided in the right.
Task 4.2 Types of Motion Picture
 Motion Picture Image Sample
Traditional Animation. A technique in which each frame
is individually drawn by the artist or animator.

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

By Hipocrite at English Wikipedia - Transferred from en.wikipedia to

Commons., Public Domain, https://commons.wikimedia.org/w/index.
php?curid=2098302

Stop Motion Animation: A technique used to bring

static objects create an illusion of movement. Object like
clay figures, puppets and miniatures are often used

by moving in increments while filming each for 1 frame.

By Francesco Madeo - Own work, CC BY-SA 3.0, https://commons.
wikimedia.org/w/index.php?curid=39572403
Film: A series of moving pictures that have recorded and
shown on screens. It is recorded using a motion picture
camera.

Photo by Jakob Owens on Unsplash

Combination of Visual Effects. Most of the films today
use computer generated images (CGI) for special effects
like environment manipulation the and character models.

A computer generated image featuring a house, made in Blender. By

Mayqel, CC BY-SA 3.0, https://commons.wikimedia.org/w/index.
php?curid=2440711

Video producers use different cinematic techniques. Let us discover the common camera shots and
camera angles.

Activity 4.3: Camera Shots

Choose which image matches each camera shot and camera angle’s description.
Task 4.3a Camera Shots
Camera shots are techniques to show the amount of space in a scene.
Extreme Long Shot. Also known as Establishing Shot, it sets up the context for a scene by
showing large amount of landscape to establish general setting.
1. Which of the image below you think is an Extreme Long Shot?

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 intended to place some relationship
character 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 show s the character from the waist up to let the
viewers see the character’s facial expressio ns 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 ne part of the character’s face or object to
o
create an intense mood of emotion.
6. Which of the image below you think is an treme Close-up Shot?
Ex

A. Image 1 B. Image 2
Photo by Peter Forster on Unsplash Photo by Kelli McClintock on Unsplash

Task 4.3b Camera Angles

Camera angles focuses on the viewers’ position to understand the relationship of the
characters, objects and environment.
Bird’s Eye Angle. Usually used for establishing shot, it is an angle that looks down on a
scene.
1. Which of the image below you think is a Bird’s Eye Angle?

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 mera angle, it makes the viewers
ca comfortable
with the characters.
3. Which of the image below you think is an
Ey e-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 th e character, this makes the character look
more powerful and may make the audience fe el 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