Interactive Multimedia

• Rich content in the online environment

• Multimedia and interactivity
At the end of this lesson, the students should be
able to:

1. improve the interactivity of your website;

2. embed multimedia content from YouTube; and

3. create a viewer or customer friendly experience for

those who visit their website through multimedia
content.
 Rich Content in the Online
Environment
• Rich user experience – ability of the web
to deliver full scale GUI style applications
to the client, making it easier to interact,
share, and access web content.
• GUI (graphical user interface) is
interactive components such as icons and
other graphical objects that help a user
interact with computer software
 Multimedia
• Media contents like videos, sounds,
applications.
 Interactive
• Audience has control over the program or
presentation.
Interactive Multimedia
 Uses of Interactive
Multimedia
• Education
• Training
• Games
• Simulation
• Information Presentation
• Corporate Presentation
 Multimedia Contents
1. Videos. Through video hosting sites, you can take a
video and show it to the entire world (e.g., YouTube).

2. Sound, Music, or Audio. If videos are too much for you,

you can always record sounds. You can now share your
sound bites to the entire world (e.g., Soundcloud).

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 (AdventureQuest, Farmville, Candy Crush)
4. Online tests. Online survey forms and tests that
automatically display the results when finished (Online IQ and
Personality Tests).

5. Courseware. Online courses that simulate the classroom

online (e.g., E-learning Courses using a Learning
Management System)
.
6. Podcasts. An episodic series of audio or text files
streamed online (e.g., Stuff You Should Know, TED Talks, The
Starters, Ear Biscuits).

7. Vodcasts. An episodic series of video streamed online

(e.g., YouTube series/shows like Video Game High School,
Good Mythical Morning).
 Embedding
- Process of placing a certain content from
different site into your site.
 Embedding
• The “share” option must be available to
allow embedding
• It is illegal
• Wordpress does not support it
 Inserting YouTube Videos on Your
Blog Post
1. Search this song on YouTube.com
(you can use an official music video
or someone else’s.
2. Go to the bottom of the video and
click the Share button.
3. Click on Embed.
4. Copy the code similar to the
screenshot below.
5. Create a new post on your
WordPress then on the editor, click
on the Text tab.
6. Paste your code.
7. Go back to the Visual tab and add
text content on either the top of
your video or the bottom.
8. Preview then publish the content.