INTERACTIV

E
MULTIMEDIA
CONTENT
CREATION
(IMCC)

Types of Interactive Content (websites, Week 5

games, interactive presentations) Presented by:

Jeric C. Calleja
Learning competency
Describe the nature of interactive multimedia
presentations and their applications
Interactive Interactive content is
content any type of material
that conveys its
message by
encouraging user
participation.
Planning Interactive
Multimedia

4
What is Interactive multimedia?
Interactive multimedia allows the user to
control, combine, and manipulate a variety of
media types, such as text, computer graphics,
audio and video materials, as well as animation
in a program or presentation.
 What is Interactive media?
Interactive media is referred to conceptual design of
interaction, new media, interactivity, interaction
between people and computers, graphical user
interface, digital culture, interactive design, and
virtual reality.

6
 DESIGNING IM
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.

H T T P S : / / W W W. G O O G L E . C O M / S E A R C H ? Q = I N T E R FA C E + D E S I G N & T B M = I S C H & V E D = 2 A H U K E W J C Q M LT-

R_ZAHVP35QKHVUFB6YQ2-
C C E G QI A B A A & OQ = I N T E R FA C E + D E & GS _ L C P = C G N P B W C QA R G A M GU I A B C A B D I F C A A QG A QY B Q GA E I A E M GU I A B C A B
DIFCAAQGAQYBQGAEIAEMGUIABCABDIFCAAQGAQYBQGAEIAEMGUIABCABDOICAAQGAQQSQNQ27GPWPXKD2CH
1 W 9 OA HA A E A KA A A S F I A H3 E J I B C Z M U M C 4 X L J E U M C 4 Y M A E A OA E B Q GE L Z 3 D Z L X D P E I 1 P B W FA A Q E & S C L I E N T = I M G&
E I = Y- T I Y Y KX GC - - 0 W T V I P Y W C G& B I H= 6 3 5 & B I W = 1 3 4 9 & HL = E N # I M GR C = C S - I Y RT W F S R 8 L M
7
Appropriate uses of IM

Games Education Training

Information Simulation Corporate

presentation presentation

8
 What is interface
design?
The interface is what
connects the user to the
content and helps shape the
interactive experience.
It is everything a user sees,
hears, touches and feels.
H T T P S : / / W W W. G O O G L E . C O M / S E A R C H ? Q = I N T E R FA C E + D E S I G N & T B M = I S C H & V E D = 2 A H U K E W J C Q M LT-
R_ZAHVP35QKHVUFB6YQ2-
C C E G QI A B A A & OQ = I N T E R FA C E + D E & GS _ L C P = C G N P B W C QA R G A M GU I A B C A B D I F C A A QG A QY B Q GA E I A E M GU I A B C A B
DIFCAAQGAQYBQGAEIAEMGUIABCABDIFCAAQGAQYBQGAEIAEMGUIABCABDOICAAQGAQQSQNQ27GPWPXKD2CH
1 W 9 OA HA A E A KA A A S F I A H3 E J I B C Z M U M C 4 X L J E U M C 4 Y M A E A OA E B Q GE L Z 3 D Z L X D P E I 1 P B W FA A Q E & S C L I E N T = I M G&
E I = Y- T I Y Y KX GC - - 0 W T V I P Y W C G& B I H= 6 3 5 & B I W = 1 3 4 9 & HL = E N # I M GR C = C S - I Y RT W F S R 8 L M
9
Please consider:
• Isan interactive multimedia program the best solution?
• who will use the program?
• where will the program be used?
• does anything like this idea already exist?
• are the resources available to make the program?

11
 Resources Required
To make an interactive multimedia (IM) program you will
need:
• A project management plan
• People with knowledge and skills to help you
• Tools - like Hardware, Software and Production Equipment
• Subject matter and content to put into your program
• Funding (for commercial programs)

HTTPS://
WWW.PNGEGG.C 12
OM/EN/PNG-
 1. Determine the needs & goals
What is the expected outcome?
What do you want the user to
learn/know?
Tools
• set up a schedule of events (timeline) and
designate tasks

13
2. Learn the Content
In some cases the content of the
program may not be familiar to you -
learn about the content yourself or use a
subject matter expert

14
 3. Generate Ideas

Brainstorming to generate creative ideas.

Better to do this activity with a group.

15
 3. Generate Ideas
Brainstorming produces a long list of ideas -
bad ones are eliminated and some
plan/method of instruction needs to be
developed.

16
4. Storyboard
Preparing textual & pictorial displays of EACH
screen/scene
Each screen should be roughly illustrated and
serve the purpose of generating further ideas.

17
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 does the program end etc.

18
6. Detailed Design
A paper based design stage where detailed
information about the project and it’s content is
created.
Each frame is detailed including graphics, text,
multimedia components, navigation and actions

19
 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 constant testing and
debugging.

20
8. Produce Support Materials
User manuals
Technical manuals
Worksheets
CD Cover

21
9. Evaluate & Revise
Get feedback from users
Fix bugs
Final production

22
The Team
Almost all multimedia projects are developed by a team
rather than an individual.

23
The Team
The types of specialists include
• Graphic Designers
• Programmers
• Producers (handle the day to day management
of people and finances)

24
The Team
• Project Managers (oversee the projects
timeline and resources)
• Writers - creative and technical
• User Interface Designers
• Sound Designers
• Videographers
• Animators - 2-D and 3-D

25
Activity Time

List 5 interactive multimedia you

frequently use.
Describe the nature and its
applications.
references
https://slideplayer.com/slide/12995809/
Thank You
 WELCOME
COMPUTER
CLASS
The Influences of Interactive Media
Interactive media has a very important role in
today's world. Not only does it make people more
active, but also it gives them the power to
communicate with others (people, companies,
organizations) with whom they would normally
have no contact. It also allows the free flow and
exchange of ideas and information.
IMPORTANCE OF USING AN
INTERACTIVE/MULTIMEDIA?

What is the impact of an

interactive multimedia
to you as a student?
Activity time!
-Evaluate the given interactive presentation(by
group)
-You will be given 25 mins to evaluate the
presentation and 5 mins to present your observation.
-You may use the guided criteria for evaluating the
presentation
Activity time!
1. Aesthetic/Creativity
-Does the presentation capture the interest of
the user?
-It is attractive and appealing to the eye?
-Is the information delivered in clear,
interesting way?
Activity time!

2. Interactivity and Navigation

-Does the user have ample
opportunity to engage, navigate
and control the presentation?
Activity time!
3. Technical Quality-
-Do the direction, multimedia elements work
together and work consistently with the
information? -Is the media selected for the
presentation effectively and appropriately
used?
Groupings