2. How often do you browse online to watch
videos?
Where do you usually prefer to watch? Why?
What are the things that you are getting from
watching videos?
PRE- ACTIVITY
3. INTERACTIVE offers multiple choices or
scenarios, the viewer chooses which sequences
or subjects to explore, "interacts" with viewers
MULTIMEDIA is the use of artistic and
communicative media: text, sound, video,
animation and graphics in the same program or
presentation
DISCUSSION
4. • Any computer-delivered electronic system that
allows the user to control, combine, and
manipulate different types of media, such as text,
sound, video, computer graphics, and animation.
• Integrate computer, memory storage, digital
(binary) data, telephone, television, and other
information technologies. Their most common
applications include training programs, video
games, electronic encyclopedias, and travel
guides.
INTERACTIVE MULTIMEDIA
6. 1. VIDEOS
Through video hosting sites, you can take a
video and show it to the entire world (e.g.
YouTube)
2. SOUNDS, MUSIC OR AUDIO
If videos are too much for you, you can always
record sounds. You can share your sound
bites to the entire world (e.g. Sound Cloud)
MULTIMEDIA CONTENTS
7. 3. ONLINE GAMES
Game developers now create what is called
“browser-based games”. You do not need to
install these games to your computer as they run
in most updated web browsers (Adventure
Quest, Farmville, Candy crush)
4. ONLINE TESTS
Online survey forms and tests that automatically
display the results when finished (Online IQ and
Personality Tests).
8. 5. COURSEWARE
Online courses that simulate the classroom
online (e.g.-learning Courses using a Learning
Management System)
6. PODCASTS
An episodic series of audio or textiles
streamed online (e.g., Stuff You Should Know,
TED Talks, The Starters, Ear Biscuits)
9. 7. VODCASTS
An episodic series of video streamed online
(e.g., YouTube series/shows like Video Game
High School, Good Mythical Morning)
10. Designing interactive multimedia
is critical in making these elements
easy to use and understand while
at the same time creating an
effective and useful program.
DESIGNING
INTERACTIVE MULTIMEDIA
11. 1. Determine the needs and goals
-set up a schedule of events (timeline) and designate
tasks
2. Learn the content
In some case the content of the program may not be
familiar to you - learn about the content yourself or use a
subject matter expert
3. Generate ideas
Brainstorming to generate creative ideas.
Better to do this activity with a group.
Designing Principles
12. 3. Generate ideas
Brainstorming to generate creative ideas.
Better to do this activity with a group.
BRAINSTORMING produces a long list of ideas -
bad ones are eliminated and some plan/method
of instruction needs to be developed.
13. 4. Storyboard
Preparing textual & pictorial displays of
EACH screen/scene
Each screen should be roughly illustrated
and serve the purpose of generating further
ideas.
5. Flowchart the program
A series of diagrams describing the flow of
the program.
The flowchart will contain information about
what screen leads from one to another, what
happens if a particular response is made, when
14. 6. Detailed design
A paper based design stage where detailed
information about the project and its content is
created.
Each frame is detailed including graphics, text,
multimedia components, navigation and actions.
7. Program it
Translate the storyboard/flowchart into a series
of instructions on the computer. i.e. Put the plan
into practice!
This should be a prototype and is subjected to
15. 8. Produce support materials
User manuals
Technical manuals
Worksheets
CD Cover
9. Evaluate and revise
Get feedback from users
Fix bugs
Final production
The team
Almost all multimedia projects are developed by
16. The Types of Specialists Include:
-Graphic Designers
-Programmers
-Producers (handle the day to day management
of people and finances)
-Project Managers (oversee the projects timeline
and resources)
-Writers - creative and technical
-User Interface Designers
-Sound Designers
-Videographers
-Animators - 2-D and 3-D
17. . Post-activity
Identify the following:
1. Means the use of artistic and communicative
media: text, sound, video, animation and
graphics in the same program or presentation
2. Any computer-delivered electronic system that
allows the user to control, combine, and
manipulate different types of media, such as text,
sound, video, computer graphics, and animation.
3. It connects the user to the content and help
shape the interactive experience.
18. GROUP ACTIVITY
Vlogging
Create an informative video about the locality
where you are currently staying. You may feature
delicacies, beautiful sites or tourist spots, your
favorite place to go, history and the like. Your
video must not exceed with the duration of 6
minutes to 10 minutes. Also, the Principles of
design must be observed in your vlog. Once
20. Saturn is a gas
giant and has rings
Saturn
Venus is the
second planet from
the Sun
Venus
Neptune is very far
away from Earth
Neptune
Mars is actually a
cold place
Mars
NOTEBOOK LESSON INFOGRAPHICS
21. Mercury
Mercury is the closest planet
to the Sun and the smallest
Mars
Despite being red, Mars is a
cold place full of iron oxide dust
Jupiter
Jupiter is a gas giant and the
biggest planet of them all
Saturn
Saturn is composed mostly of
hydrogen and also helium
NOTEBOOK LESSON INFOGRAPHICS
22. Despite being red, Mars is a very cold place 1st Mars
Jupiter is a gas giant and the biggest planet 2nd Jupiter
Neptune is the farthest planet from the Sun 3rd Neptune
Saturn is composed mostly of hydrogen and
helium 4th Saturn
NOTEBOOK LESSON INFOGRAPHICS
23. Venus is very hot, even hotter than
Mercury
Mercury is the closest planet to the
Sun
Despite being red, Mars is actually
a cold place
Neptune is the farthest planet from
the Sun
35%
20%
30%
15%
Venus
Mercury
Neptune
Mars
NOTEBOOK LESSON INFOGRAPHICS
24. Jupiter Mars
Mercury
Venus
Jupiter is the biggest planet
in the Solar System
Venus is terribly hot, even
hotter than Mercury
Despite being red Mars is
actually a very cold place
Mercury is the closest
planet to the Sun
NOTEBOOK LESSON INFOGRAPHICS
25. NOTEBOOK LESSON INFOGRAPHICS
Neptune
Neptune is the fourth-
largest planet by
diameter
Mercury
Mercury is the closest
planet to the Sun
Jupiter
Jupiter is the biggest
one in the Solar System
Venus
Venus is the second
planet from the Sun
26. Jupiter Mars
Mercury
Venus
Jupiter is the biggest planet
in the Solar System
Venus is terribly hot, even
hotter than Mercury
Despite being red, Mars is
actually a very cold place
Mercury is the closest
planet to the Sun
NOTEBOOK LESSON INFOGRAPHICS
27. 80% 30% 45% 65% 92%
Venus is the second planet from the
Sun
It’s the biggest planet in the Solar
System
Saturn is composed of hydrogen
and helium
It’s a cold place. It’s full of iron oxide
dust
It’s the smallest planet in the Solar
System
NOTEBOOK LESSON INFOGRAPHICS
28. It's the farthest one
Neptune
C
It's the smallest one
Mercury
A
Mars is a very cold
place
Mars
B
It’s the biggest
planet
Jupiter
D
NOTEBOOK LESSON INFOGRAPHICS
29. Mercury is the smallest planet in the Solar
System Mercury
It’s a cold place. It’s full of iron oxide dust Mars
Jupiter is the biggest planet in the Solar
System Jupiter
Saturn is composed of hydrogen and also
helium Saturn
Venus has a beautiful name, but also a
poisonous atmosphere Venus
NOTEBOOK LESSON INFOGRAPHICS
30. Mercury is the smallest planet
Saturn is the ringed planet
Mars is actually a cold place
Venus has a poisonous atmosphere
Jupiter is the biggest planet
1
Mercur
y
5
Saturn
2
Mars
3
Venus
4
Jupiter
NOTEBOOK LESSON INFOGRAPHICS
31. Mercury Jupiter
Venus Mars
Mercury is the
closest planet to
the Sun
Despite being red,
Mars is a cold
place
Venus is the
second planet from
the Sun
Jupiter is the
biggest planet of
them all
50% 70%
40% 60%
NOTEBOOK LESSON INFOGRAPHICS
32. Venus
Mercury is the
smallest planet
Mercury
Neptune is very far
away
Neptune
It’s a gas giant and
has rings
Saturn
Jupiter is the biggest
planet
Jupiter
NOTEBOOK LESSON INFOGRAPHICS
33. Saturn
It’s composed of
hydrogen and also
helium
50%
Mercury
Mercury is the closest
planet to the Sun
60%
Mars
Despite being red,
Mars is a very cold
place
80%
Neptune
Neptune is the
farthest planet from
the Sun
90%
Jupiter is the biggest
planet of them all
Jupiter
70%
NOTEBOOK LESSON INFOGRAPHICS
34. Mars Despite being red, Mars is now a
cold place
Venus Venus is the second planet from the
Sun
Mercury Mercury is the smallest planet of
them all
Jupiter Jupiter is a gas giant and the
biggest one
50
%
60
%
75
%
25
%
NOTEBOOK LESSON INFOGRAPHICS
35. Venus is the second
planet from the Sun
Venus
Despite being red,
Mars is a cold place
Mars
Jupiter is the biggest
planet of them all
Jupiter
Mercury is the closest
planet to the Sun
Mercury
10% 20% 30% 40%
NOTEBOOK LESSON INFOGRAPHICS
36. Mars is a very cold
place
Mars
Jupiter is the biggest
planet
Jupiter
Neptune is the farthest
planet
Neptune
70
%
40
%
90
%
NOTEBOOK LESSON INFOGRAPHICS
37. 30%
40%
50%
60%
Neptune is the farthest planet
from the Sun
Venus is the second planet from
the Sun
Jupiter is the biggest planet of
them all
Mercury is the closest planet to
the Sun
Neptune
Venus
Mercury
Jupiter
NOTEBOOK LESSON INFOGRAPHICS
38. It’s the smallest one in the
Solar System
Mercury
It’s the biggest planet in the
Solar System
Jupiter
It’s composed of hydrogen and
helium
Saturn
It’s a cold place. It’s full of iron
oxide dust
Mars
Venus has a very poisonous
atmosphere
Venus
It’s the farthest planet from the
Sun
Neptune
NOTEBOOK LESSON INFOGRAPHICS
39. A
Saturn is a gas giant, composed mostly of
hydrogen and helium Saturn
Mercury is the smallest planet in the entire
Solar System Mercury
B
C
Despite being red, Mars is a cold place full of
iron oxide dust Mars
D
Venus has a beautiful name and is the second
planet from the Sun Venus
E Jupiter
Jupiter is a gas giant and the biggest planet of
them all
NOTEBOOK LESSON INFOGRAPHICS
40. Despite being red,
Mars is actually a
very cold place
Mars
Saturn is composed
mostly of hydrogen and
helium
Saturn
Jupiter is a gas giant
and the biggest
planet
Jupiter
Mercury is the
closest planet to the
Sun
Mercury
35% 65% 40% 70%
NOTEBOOK LESSON INFOGRAPHICS
41. Despite being red, Mars is actually a very cold
place
Venus has a beautiful name and is the second
planet from the Sun
Earth is the third planet from the Sun and the
one we live on
Neptune is the fourth-largest planet in the Solar
System
Jupiter is the
biggest planet of
them all
Jupiter
01
Saturn is a gas
giant and has rings
Saturn
02
NOTEBOOK LESSON INFOGRAPHICS
42. Instructions for use
In order to use this template, you must credit Slidesgo and Freepik in your final presentation and include links to
both websites.
You are allowed to:
- Modify this template.
- Use it for both personal and commercial projects.
You are not allowed to:
- Sublicense, sell or rent any of Slidesgo Content (or a modified version of Slidesgo Content).
- Distribute Slidesgo Content unless it has been expressly authorized by Slidesgo.
- Include Slidesgo Content in an online or offline database or file.
- Offer Slidesgo templates (or modified versions of Slidesgo templates) for download.
- Acquire the copyright of Slidesgo Content.
For more information about editing slides, please read our FAQs or visit Slidesgo School:
https://slidesgo.com/faqs and https://slidesgo.com/slidesgo-school
43. Infographics
You can add and edit some infographics to your presentation to show your data in a visual way.
● Choose your favourite infographic and insert it in your presentation using Ctrl C
+ Ctrl V or Cmd C + Cmd V in Mac.
● Select one of the parts and ungroup it by right-clicking and choosing
“Ungroup”.
● Change the color by clicking on the paint bucket.
● Then resize the element by clicking and dragging one of the square-shaped
points of its bounding box (the cursor should look like a double-headed arrow).
Remember to hold Shift while dragging to keep the proportions.
● Group the elements again by selecting them, right-clicking and choosing
“Group”.
● Repeat the steps above with the other parts and when you’re done editing, copy
the end result and paste it into your presentation.
● Remember to choose the “Keep source formatting” option so that it keeps the
design. For more info, please visit Slidesgo School.