Multimedia

i-Link College
i-Link Collegeof
ofScience
Scienceand
andTechnology,
Technology,Inc.
Inc.

MULTIMEDIA
 Multimedia
i-Link College
i-Link Collegeof
ofScience
Scienceand
andTechnology,
Technology,Inc.
Inc.

MULTIMEDIA

PREPARED BY: JOHN MARK A. HILOT

 Multimedia
i-Link College of Science and Technology, Inc.

VISION
i-Link College of Science and Technology envisions to be a leading educational
institution that excel in academic and technical competence in producing
globally innovative and holistically-developed outcomes that respects cultural diversity.

Mission
i-Link CST commits to:
Promote quality education through collaborative interaction, research-based instruction,
community immersion, extension in pursuit of excellence.
Develop graduates who are well-disciplined, gender-sensitive, service-oriented, socially-
receptive and productive members of the society.

Goals

1. Intensify the commitment in serving the learners and stakeholders;

2. Strengthen the linkages with partner agencies;
3. Apply for additional program offerings relevant to the needs of the community;
4. Engage faculty and personnel to relevant research and extension work and
professional development; and
5. Motivate and support students to excel in all local and national competition
and assessment.

Core Values
i - Link College of Science and Technology as an institution believes in;
innovativeness
Loyalty
Integrity
Nationalism
Keenness

i
 Multimedia
i-Link College of Science and Technology, Inc.

MODULE 2

Module Overview

In today’s modern world, the internet has a great impact on people, especially
students. As the name implies, multimedia is the integration of multiple forms of media.
This includes text, graphics, audio, video, etc. In this module, you will learn the different
applications of multimedia.

1
 Multimedia
i-Link College of Science and Technology, Inc.

Lesson 1
Digital Imaging and Graphics

Specific Objectives
At the end of the lesson, the students are able to:
 Creates a simple graphic design; and
 Explains the graphic design created.

2
 Multimedia
i-Link College of Science and Technology, Inc.

Engage 1.1 (Word Puzzle)

Directions: Search for the 10 words related to digital imaging and graphics. Encircle the word/
words vertically, horizontally, backward, upward, or downward.

S U N L I G H T D I G I T A L
W C D E M F G H Y I G D M S E
E O N Y A I S P A Y B C E D R
E R A L G R A P H I C G T F D
T N A S E D O E R A C N H G E
C S A I N G H G F F O O O H S
O T I X E T T G S I Y I D J I
R A A F F F E B T E H R S K G
N R T E R U M I B H N R F L N
R C O P S A G D G F H I G X R
E E A T I S N S E R T G S C B
A R T Y B X I O L L E A A O I
M E O S R O E A L D A T C L O
Y A S I A G L L L I O I O O F
V E C T O R I A S A R O S R U
I A W E I N M L W E Y N I F E
O R Y Z A S A T I V A I N N L
J P E G A C R A M I L O A H X

Explore 1.1 (One-Minute Formative Assessment)

Directions: Explain the use of digital imaging and graphics to a student.

3
 Multimedia
i-Link College of Science and Technology, Inc.

Explain 1.1

What is Digital Imaging?

Digital imaging is the art of making digital images – photographs, printed texts, or artwork -
through the use of a digital camera or image machine, or by scanning them as a document.
Each image is compiled of a certain amount of pixels, which are then mapped onto a grid and
stored in a sequence by a computer. Every pixel in an image is given a tonal value to determine
its hue or color.

A digital image is a representation of a two-dimensional image as a finite set of digital values,

called picture elements or pixels.

4
 Multimedia
i-Link College of Science and Technology, Inc.

Typically, the pixels are stored in computer memory as a raster image or raster map, a two-
dimensional array of small integers. These values are often transmitted or stored in a
compressed form.

Digital images can be created by a variety of input devices and techniques, such as digital
cameras, scanners, coordinate-measuring machines, seismographic profiling, airborne radar,
and more. They can also be synthesized from arbitrary non-image data, such as mathematical
functions or three-dimensional geometric models; the latter being a major sub-area of computer
graphics. The field of digital image processing is the study of algorithms for their transformation.

Image types
Each pixel of an image is typically associated with a specific 'position' in some 2D region and
has a value consisting of one or more quantities (samples) related to that position. Digital
images can be classified according to the number and nature of those samples:
 binary (bilevel)
 grayscale
 color
 false-color
 multi-spectral
 thematic

In digital imaging, the tonal value of each pixel is represented in binary code. The binary digits
for each pixel are called "bits," which are read by the computer to determine the analog display
of the image. The number of pixels-per-inch (PPI) is a good indicator of the resolution, which is
the ability to distinguish the spatial detail of the digital image.

The bit-depth and pixel measurement of the picture relates to the colors viewable in the image
and determines the size of the image file on a computer. Images with only two-pixel shades –
black and white – are binary. Grayscale images are typically displayed in 8-bit mode, which is
256 shades of gray. In digital imaging 24-bit mode, which represents true color, is generally the
maximum available mode due to monitor limitations. Both of these ranges extend beyond the
sensitivity of the human naked eye.

5
 Multimedia
i-Link College of Science and Technology, Inc.

The dynamic range of an image is the number of shades of gray or color that can be included in
that image. It is the range of tone between the darkest and lightest colors. A higher dynamic
range brings with it more potential shades represented but does not necessarily correlate with
the number of tones that are reproduced. An image may have a broad dynamic range, but a
smaller amount of tones represented. Likewise, in digital imaging an image may have more
tones, but not as wide of a dynamic range. This can have an effect on the details within the
image.

There is a wide range of options for storing digital images on a computer. Some common ones
include GIF, JPEG, TIFF, and BMP. GIF, or Graphics Interchange Format, has a bit-depth of 1-
8 bitonal, grayscale, or color. It is limited to a 256-color palette. JPEG, or Joint Photographic
Experts Group, has a grayscale of 8 bits and a 24-bit color scale. JPEG is most often used on
web pages. TIFF, or Tagged Image File Format, is commonly used for scientific imaging. It
supports an 8-bit color palette and 8- to 16-bit grayscale. TIFF 6.0 can provide up to 64-bit color,
but most TIFF readers will support only a maximum of 24-bit color.

How are images used in digital graphics?

Digital graphics combine text and images to produce a graphic product that can be used for s
specific purpose. By using both writing and images they can present an idea or a message in an
eye-catching and effective way. They can be printed or used onscreen.

6
 Multimedia
i-Link College of Science and Technology, Inc.

What is Digital Imaging in graphic Design?

The Digital Imaging Design program is a vocational program using the latest technology and
facilities to instruct learners in the most current methods, technology, and practices in graphic
image design for print, multimedia, and the web.

What type of graphic is used in digital photography?

All digital image files fall into one of two categories: vector or raster. Each format has
advantages and disadvantages in different situations, so knowing the properties of each can
help determine which format is the best choice for any project.

Vector Image - a vector graphic is an artwork made up of points, lines, and curves that are
based upon mathematical equations, rather than solid colored square pixels. This means no
matter the size or how far zoomed in the image is, the lines, curves, and points remain smooth.

Raster images are compiled using pixels, or tiny dots, containing unique color and tonal
information that come together to create the image.

Why are digital images used?

One of the advantages of digital images over traditional ones is the ability to transfer them
electronically almost instantaneously and convert them easily from one medium to another such
as from a web page to a computer screen to a printer. A bigger advantage is the ability to
change them according to one’s needs.

7
 Multimedia
i-Link College of Science and Technology, Inc.

What is a digital image example?

Examples of digital images are color processing, image recognition, video processing, etc.

Where is digital graphics used?

To educate: Graphics can be used to educate people.
To inform. Graphics combining text and images can be used to give a direct message.
To promote. Digital graphics can be used to promote a product or service.
To advertise. Businesses use adverts to promote their products or services.
To entertain.

What is a digital image for example?

A digital image is a representation of a real image as a set of numbers that can be stored and
handled by a digital computer. For example, a black and white image records only the intensity
of the light falling on the pixels.

What is the difference between a digital image and an analog image?

Analog image processing is applied to analog signals and it processes only two-dimensional
signals. Digital image processing is applied to digital signals that work on analyzing and
manipulating the images. Digital image processing is a cheaper and fast image storage and
retrieval process.

8
 Multimedia
i-Link College of Science and Technology, Inc.

What is the difference between an image and a digital image?

A “digital image” is an image stored in digital form. “Remotely sensed optical imagery” is a
completely different story: Here the topic is the recognition of patterns or properties in “digital
images”. So while a “digital image” is an object, the “remotely sensed optical imagery” is a
process or method.

How does a digital image on a computer work?

It has been digitized, which means it has been changed into a sequence of numbers that
computers can understand. There are a few ways you can make a digital image. You could
create one in a piece of design software (like Paint or Photoshop), take one on a digital camera
or scan one in using a scanner.

How are digital marketing images used in marketing?

Digital marketing images can help with Link Building. Have you ever noticed that some graphics
are used in almost all content on a given topic? Usually, these graphics are statistics, quotes, or
illustrations that work very well. And the creator of these images gets a backlink as the image
source every time the image is used.

How does the process of digitization of an image work?

Lots of these pixels together can form a digital image. Each pixel has a specific number and this
number tells the computer what color the pixel should be. The process of digitization takes an
image and turns it into a set of pixels.

How are colors represented in a digital image?

In a color image, we need lots of ‘bits’ (typically 24) to store the color values of each pixel. A
bitmap is also the name for a common file format for saving images. Find out how pictures can
be represented in the form of binary digits.

9
 Multimedia
i-Link College of Science and Technology, Inc.

Definition of GRAPHICS:
In general terms, the word “graphic” refers to any visual representation of data and includes a
variety of forms including drawings, photographs, line art, graphs, diagrams, numbers, symbols,
geometric designs, maps, and engineering drawings. Graphics may be images only or may also
include text and they can be used for decorative or functional purposes, including educating,
informing, illustrating, or entertaining.

When applied to computers, the term graphics are commonly used to refer to 2D digital images
that are displayed, stored, created, or edited on a computer. There are two types of computer
graphics; bitmap graphics and vector graphics, both of which can be used when designing
templates for label printing.

First, what is graphic design?

According to the American Institute of Graphic Arts (AIGA), graphic design is defined as “the art
and practice of planning and projecting ideas and experiences with visual and textual content.”
In other terms, graphic design visually communicates certain ideas or messages. These visuals
can be as simple as a business logo, or as complex as page layouts on a website.

“Graphic design takes graphical and textual elements and implements them into multiple types
of media,” says designer Alexandros Clufetos, when asked to elaborate on the graphic design
definition. “It helps the producer connect with the consumer. It conveys the message of the
project, event, campaign or product.”

10
 Multimedia
i-Link College of Science and Technology, Inc.

Graphic design can be used by companies to promote and sell products through advertising, by
websites to convey complicated information in a digestible way through infographics, or by
businesses to develop an identity through branding, among other things.

“Every day, we take many of the subtly artistic things around us for granted. But hidden in every
magazine corner, an exit sign, or textbook lies a set of design ideas that influence our
perceptions,” says Jacob Smith, founder of illustration studio ProductViz.

It’s also important to remember that although many graphic design projects have commercial
purposes like advertisements and logos, it is also used in other contexts and graphic design
work is often created purely as a means for artistic expression.

Graphic design basics

To better understand the meaning of graphic design, it is important to be aware of the elements
and principles that make up a design. Elements are used in conjunction or opposition with each
other to create visually striking and impactful designs.

These graphic design elements include:

 Color
 Form
 Line
 Shape
 Size
 Space
 Texture

Graphic designers also adhere to the principles of design, which are essentially a set of
guidelines that help a design achieve effective composition. These basic principles aid in
creating balance and stability for the piece of work.
These graphic design principles include:
 Balance
 Contrast
 Emphasis
 Movement

11
 Multimedia
i-Link College of Science and Technology, Inc.

 Proportion
 Rhythm

You’ve heard the old saying that “rules are meant to be broken,” which can certainly ring true in
this case. But a good graphic designer must first understand these principles before making the
conscious decision to break them.

Types of graphic design

As mentioned earlier, there is no single graphic design meaning. Graphic design is composed of
many fields and specializations, ranging from print and web design to animation and motion
graphics. Graphic design offers opportunities and options for individuals of almost any interest.
If you’d asked someone 30 years ago to define graphic design, their answer would have likely
been focused on print-related examples like magazines, movie posters, and advertisements.
Now we’re living in the digital age, which has given birth to several new types of graphic design.

Some of the most notable modern-day graphic design examples stem from advancements in
technology. Here’s a glimpse of some of these types of graphic design:

Website design involves creating engaging and intuitive web pages for users. This includes the
overall layout, color scheme, and navigation.
User experience (UX) design is focused on ensuring a website or application is easy and
satisfying to use. These designers emphasize value, usability, adaptability, and desirability.
Motion graphics design—or animation—brings visual elements to life through special effects, TV
shows, video games, and movies.

12
 Multimedia
i-Link College of Science and Technology, Inc.

Common graphic design jobs

With technological advancements introducing new types of graphic design, there has also been
an emergence of new graphic design jobs. This evolution has changed the entire landscape of
careers in this field.

Demand for “traditional” graphic designers who work primarily for print publishers has fallen
substantially, but that doesn’t tell the whole story. Employment of graphic designers in computer
systems design services is projected to grow by 24 percent through 2028, according to the
Bureau of Labor Statistics (BLS).1 Much of this demand is spurred by a business’ and
organizations’ increased need for digital graphics and imagery as they aim to increase their
digital presence.

So with that said, what are some common graphic design job titles? The most common job
titles:
 Graphic designer
 User experience (UX) designer
 Web designer
 Art director
 Creative director
As you can see, once armed with the proper knowledge and training, there are several graphic
design job options out there. You can cater your career to your skills and interests.

Popular graphic design tools

Now that you know what types of jobs and specializations are out there, it’s helpful to familiarize
yourself with the graphic design tools that help get the job done. One of the most basic, and

13
 Multimedia
i-Link College of Science and Technology, Inc.

least expensive, tools designers use is a sketchbook. Graphic designers will often sketch out
ideas or rough drafts on paper before turning to a computer to complete the process.

That being said, computers and design software are essential in today’s digital climate, even if
you are designing for print. The type of computer you need is based on preference, but when it
comes to software, Adobe products such as Photoshop, Illustrator, and InDesign are mainstays
in the graphic design world. If you are just beginning and don’t want to commit to the high price
tag Adobe products often carry, similar free open-source software such as GIMP can help you
begin to master the basics.

Lastly, ideas and inspiration are what a graphic designer needs most. “You need to have a solid
concept serving as the foundation of your design and communication,” explains Chad
Birenbaum, co-founder of Duckpin Design. “This concept and idea need to work on paper first
and then the computer should be used as a tool to bring the concept to life.”

Graphic designers gain inspiration from the world around them, so if you are worried you aren’t
creative enough, go outside, bounce ideas off your peers, or seek ideas from the internet. There
are plenty of inspiring graphic design blogs that can help get your creative juices flowing.

Create your future in graphic design

What is graphic design, exactly? As you’ve just learned, there isn’t a one-size-fits-all definition.
There are countless ways to use graphic design to solve business problems or evoke
inspiration. It’s up to you to determine what graphic design means to you and your future career.

14
 Multimedia
i-Link College of Science and Technology, Inc.

Elaborate 1.1
Directions: Create a simple graphics design using any type of editing application.

 Create a simple graphic design.

 Don’t copy and paste from the internet.

Evaluate 1.1
Directions: Explain your graphic design's backstory and what inspires you about it using
a video presentation.
 Explain your graphic design using video or audio.
 Submit your explanation file to our Google Classroom.
 Comment down your name, year, and section.

15
 Multimedia
i-Link College of Science and Technology, Inc.

Lesson 2
Multimedia Presentation

Specific Objectives
At the end of the lesson, the students are able to:
 Creates a multimedia presentation; and
 Creates a flowchart on a multimedia presentation.

16
 Multimedia
i-Link College of Science and Technology, Inc.

Engage 2.1
Directions: Match the multimedia presentation in column A to its definition in column B.

A B

1. Animations a. is an image encoded in graphics interchange format, which

contains several images or frames in a single file and is
described by its graphic control extension.
1. Video clips b. is a research method used for collecting data from a
predefined group of respondents to gain information and
insights into various topics of ...
2. Surveys c. is a method in which figures are manipulated to appear as
moving images.
3. Animated GIFs d. is a video messaging tool that helps you get your message
across through instantly shareable videos.
4. Loom videos e. are short videos, sometimes called memes, which are short
videos of silly jokes, most of the time coming from movie clips
or episode clips.

Explore 2.2
Directions: Explain the importance of multimedia presentation in education. Write your answer
in the box provided.

17
 Multimedia
i-Link College of Science and Technology, Inc.

Multimedia Presentations
More and more professors are using presentation technologies to bring visual aids into their
classrooms. More and more students expect a professor to distribute lecture slides to the class,
either in hard copy or via the World Wide Web.

Professors deciding to use such slides in their teaching face many questions. What sorts of
material should go on the slides? Are there limits to the amount of text one should put on a
slide? How does one arrange the material for optimum viewing? Should the slides be distributed
before class, after class, or not at all? If one decides to distribute them, should one do that in
hard copy or via a course website?

An instructor’s use of visual aids in teaching, like other elements of the teaching practice, should
be congruent with the instructor’s general approach to teaching. However, there are general
rules and guidelines that the instructor can follow; to attempt to develop some of these below.

 General guidelines for slide design

 Suggestions for uses of slides
 Links to other web-based resources

18
 Multimedia
i-Link College of Science and Technology, Inc.

General Guidelines for Slide Design

Font selection
 Sans serif fonts are better than serif fonts. Serif fonts have small embellishments or lines
at the base of each letter. These embellishments make it easier to follow a line of text on
the printed page, but they are a distraction on a screen. So select a sans serif font (like
Helvetica or Arial) instead of a serif font (like Times New Roman) for your PowerPoint
slides.
 Font size is crucial. You can find many rules for determining the proper font size for a
particular presentation setting. A good general rule is to use at least 28 points for body
text and 38 points for heading text.

19
 Multimedia
i-Link College of Science and Technology, Inc.

Working with colors.

 Remember that some (perhaps 5 – 10%?) of people are colorblind, so avoid using such
color combinations as red text on a green background.
 The standard advice is to use light text on dark backgrounds in projected presentations,
but pay attention to the strength of the image projected by the projector. One graphics
person suggested yellow text on an indigo background. (Some recommend dark text on
a light background if the room is large.) (Note: if you’re using transparencies and an
overhead projector, don’t use dark backgrounds.)
 Pay attention to how different colors go together, and remember that the shades you see
on your monitor are not necessarily the ones you’ll see when projecting your
presentation.

Text and white space.

 Blank space on a slide is important – as a general rule, if you find yourself wanting to
reduce the font size so that you can get more text on the screen, it’s probably a good
idea to consider redesigning the slide so that you have less text on it.
 The standard limit is either 7 x 7 (seven lines, no more than seven words each) or 5 x 5
(five lines, no more than five words each) on each slide.

Suggestions for Uses of Slides

If you’re using slides to illustrate and/or support a lecture …..

 Remember that lecture notes on a slide play a different role in a lecture than lecture
notes that only the lecturer can see. If you try to make them play the same role, you’re
likely to find students reading your slides instead of listening to you.
 You can use slides in lecture to

20
 Multimedia
i-Link College of Science and Technology, Inc.

 List major points of your lecture. Several of the major points might stay on the screen
as you develop each of them in turn, providing a way for those listening to the lecture
to place each point in the larger context.
 List important terms. Again, one slide with several terms might remain on the screen
for some time, allowing you to refer to each of them as you introduce them in your
lecture.
 Illustrate with images. Sometimes a picture can make words worth much more than
they are without the picture.

While instructors tend to think of lectures when they think of using visual aids in teaching,
images can also be used to support classroom discussions.
 Move participants through stages of understanding. Suppose you have a discussion in
which students are asked to work together to analyze a dataset and reach a particular
conclusion about the dataset. You could begin with a slide that presents the dataset in a
disorganized way and ask the students to work together to identify patterns. As the
discussion progressed to identify patterns that you would expect students to identify, you
might then present a slide that showed these patterns. The discussion would proceed,
supported at each stage by a slide that exhibited the patterns identified at that stage.
 Take, organize, and project real-time notes on the discussion. Students often take notes
during a discussion. Have students take turns serving as a primary notetaker for the
discussion, recording these notes in real-time in a word processor projected onto the
screen. Students develop the skill of recording and organizing information as a
discussion is taking place. Moreover, these notes are in electronic form and therefore
easily revised and reproduced. Notes taken in one class session can provide the basis
for discussions later in the term.
 Organize small-group work. If you have students working in small groups, you can put
prompts for group work on slides that are projected as the students do their work. You
could move students gently from one stage to the next by changing the prompts.

Resources
 PowerPoint tutorial. There are many tutorials for PowerPoint. Here’s one developed at
Indiana University-Purdue University Indianapolis.
 Active Learning with PowerPoint. An in-depth discussion of strategies for teaching with
PowerPoint from the Center for Teaching and Learning at the University of Minnesota.

21
 Multimedia
i-Link College of Science and Technology, Inc.

 PowerPoint: Possibilities and Problems. Eugene V. Gallagher and Michael Reder of

Connecticut College discuss how teachers can use PowerPoint thoughtfully and
effectively.
 Serif vs sans serif fonts. Here’s a discussion that’s more fully developed than the one
above, but still very brief.
 Choices about font size. If you’re not satisfied with the general guidelines given above
regarding font size in PowerPoint presentations then you might consider using the rule
described on this page.
 Noted information designer Edward Tufte offers his thoughts on the uses and misuses of
PowerPoint (and other presentation software) in his The Cognitive Style of PowerPoint,
an excerpt of which is available here. Also, see Tufte’s article, PowerPoint is Evil from
the September 2003 issue of Wired magazine. It should be noted that in his analysis of
PowerPoint, Tufte often neglects to address the use of PowerPoint (and other slideware)
to complement what a speaker says. He points out that a PowerPoint slideshow is
limited in the ways that it can convey information as a stand-alone document, but he
doesn’t address ways that a slideshow can enhance an in-person presentation.
 For a different approach to using PowerPoint and other slideware to complement an in-
person presentation, read Garr Reynold’s advice on designing slides. Reynolds is the
author of Presentation Zen: Simple Ideas on Presentation Design and Delivery. See also
Reynolds’ Presentation Zen blog for additional thoughts on presentations.

How to Create a Multimedia Presentation In 5 Steps

22
 Multimedia
i-Link College of Science and Technology, Inc.

A multimedia presentation can help you stand out, grab attention and leave a stronger impact
on the audience. If you're wondering how to create a multimedia presentation without having to
spend hours editing on PowerPoint, you're at the right place.
In this guide, you’re going to learn about:
 What a multimedia presentation is.
 The steps to creating a visually appealing multimedia presentation.
 Some good examples of multimedia presentations and why they work.
 The best multimedia presentation tools you can use to get started.

Creating a multimedia presentation isn’t difficult, you just need the right tools. It’s as easy as the
six steps in the tutorial below.

Step #1: Define the purpose of your multimedia presentation.

Before you can start creating a multimedia presentation, you need to know exactly what you’ll
be presenting about and why.
Jot down some ideas about what you want to achieve with your presentation.
Do you:
 Want to add value to an evergreen landing page?
 Hope to get more people interested in your content or services?
 Wish to impart knowledge to your readers in a meaningful way?
 Need to create a pitch deck that inspires investors in your project?
 Want to report sales or business results uniquely?
 Need to present survey results that don’t bore your audience?
 You can achieve all of the above with a multimedia presentation.
Just make sure to have all the information you need to present in an orderly fashion so it’s
easier when it’s time to create.

Step #2: Outline the content with visualization ideas.

Now that you have everything planned out and all your content is ready to be put into a slide
deck, it's time to create an outline.
While creating the outline, think of ways that you can improve the story using different mediums.
For example:
 Explainer videos

23
 Multimedia
i-Link College of Science and Technology, Inc.

 Video clips
 Surveys
 Animated GIFs
 Popups
 Interactivity between slides
 Color-coded maps
 Google Maps
 Animated charts
 QR codes
 Loom videos
 Sound effects
 Embedded third-party content
 Background music
 Ted Talk video embeds

Step #3: Select a presentation template and add your content.

Now, log into your Visme dashboard and find a presentation template that will be perfect for
your project. There are lots of choices, from pre-designed presentations to customizable slide
libraries in different styles.
In the case of a multimedia presentation, we recommend you go with one of the slide libraries.
Slide libraries can also be referred to as presentation themes.
Visme has three presentation themes:
 Modern: Sleek and unique
 Simple: Clean-cut and no-frills
 Creative: Off-the-cuff and interesting
 Each theme comes with a large slide library with hundreds of different options. You can
mix and match slides to create your own, unique multimedia presentation.

The slides in Visme's presentation themes are organized into groups, such as:
 Title
 Introduction
 Teams
 Diagrams

24
 Multimedia
i-Link College of Science and Technology, Inc.

 Comparisons
 Processes
 Testimonials
 ...and more.

Step #4: Add multimedia content.

At this stage, your presentation probably looks good-looking, but static. Let’s make it interactive
by adding unique multimedia presentation tools.
Start adding multimedia content to the slides that need it. Follow your outline and visualization
idea notes.
You don’t need to add a different type of media on each slide — that’s overwhelming. Aim for
two or three types of media spread throughout the presentation to keep a balance.
For example:
 A narration can cover all the slides and it should flow seamlessly.
 Interactive slides with links to the main slide or other sections need to be well-organized
and easy to navigate.
 Videos shouldn’t be on every slide. There needs to be breathing space between videos
so it's not overwhelming.
 Animated charts don’t need to be surrounded by too much content. Let them shine on
their own.
 Surveys should have their slide with a previous slide explaining why there’s a survey in
the first place.
 Embed content on any slide and make it fit visually with the rest of the content.

Step #5: Review, download, and share.

When you’ve added all your content, both regular and multimedia, it’s time to revise. Click on
the “present” button on the top-right of your editor and take a look at your presentation as if you
were a viewer.
As you go through every slide, take notes if you spot anything that looks off or unfinished. Then,
go back and edit those slides until the presentation is just right.
Multimedia presentations can be presented or shared in several ways. For interactive
presentations that include clicking or filling in forms, give your audience the best experience by:
 Embedding the presentation into a website
 Sharing the presentation with a live link

25
 Multimedia
i-Link College of Science and Technology, Inc.

 Downloading the presentation as an HTML5 file

Presentations that don’t require your audience to interact can be downloaded as videos and
even editable PowerPoint files.

When you share a Visme multimedia presentation via a live link, you can track the analytics of
who watched it, for how long, and where. This adds another level to your team’s content
creation.
Another option is to upload your presentation to SlideShare where other people can see your
work. SlideShare presentations can easily be shared on social media as well.

Examples of Multimedia Presentations

Are you ready to create your multimedia presentation?
Before you get to it, let’s look at some inspiring examples. Below, you’ll find some stunning
Visme presentations, some of which are templates that you can customize for your use.
Some examples of presentations from other sources that found interesting.

Example #1: Presentation with GIFs

You can quickly create simple and beautiful multimedia presentations with GIFs. At Visme, we
regularly create multimedia presentations with GIFs to present new features and updates.

Example #2: Animations and Narration

This is an example of a multimedia presentation that uses animations to liven up the story and
the slides.
This is the type of presentation that can be easily turned into a video. Each slide can have
animated objects, illustrations, text and design assets.

Example #3: Narrators and Video

This presentation is on the longer side. It includes a balanced amount of media, like presenters
in front of a slide deck, videos, interviews, and charts.

Example #4: Interactive Charts and Music

Multimedia presentations for business reports are more engaging with interactive charts. Visme
charts are animated by default but you can add more interactivity with popups and links.

26
 Multimedia
i-Link College of Science and Technology, Inc.

Example #5: Video

Adding video to presentations is one of the easiest ways to create a multimedia video
presentation. Here's an example of a slide created in Visme that includes a YouTube video. Go
ahead and press play to see it in action!
Example #6: Zoomable Presentation with Video
This is a Prezi multimedia presentation about The Red Bull Stratosphere Jump.
It has a classic Prezi feel and navigation plus videos of the event. Not every presentation
warrants this level of multimedia or interactivity but for a brand like Red Bull, it makes sense.
This style of presentation can be created with Prezi quite easily. They have several templates
that you can use to create a multimedia presentation with a zoomable navigation style.

Example #7: Survey and Embedded PDF

The last example is a little different. It includes an integrated survey and embedded PDF. This is
the perfect multimedia presentation to include in a blog post or on a website.

The 4 Best Multimedia Presentation Software to Get You Started

To create multimedia presentations, you need the right tools.
Below are four tools to help you create engaging multimedia presentations.

Software #1: Visme

The first software on the list is Visme. The varied collection of integrations in our editor is just
the right combination to create a multimedia presentation that will make an impact.
Usually, you need more than one software to create an engaging multimedia presentation. But if
you're looking for software that does it all, Visme's presentation maker is a great option.

27
 Multimedia
i-Link College of Science and Technology, Inc.

Users have always been able to create multimedia presentations with Visme, especially with
videos, animations, and voiceovers.
But recently, we've added tons of new integrations and features to help you create unique
multimedia presentations. For example, you can add links, GIFs, surveys, interactive maps, and
more.

Software #2: Wistia

Wistia is a video hosting, management, and marketing software for businesses that want to
have more control over their video content.
Embedding video is one of the quickest ways to create a multimedia presentation. If you're
creating your presentation in Visme, you can easily embed Wistia videos in your slides.
You can also add videos to your presentation from YouTube, Vimeo, and Vidyard. Check out
the full list of Visme integrations here.
Note: When sharing videos that aren’t yours, make sure to add a description with the name of
the creator and why you chose to share it.

Software #3: Typeform

Multimedia presentations with surveys add an unprecedented level of interactivity.

28
 Multimedia
i-Link College of Science and Technology, Inc.

Use the Typeform or Jotform integration to add surveys to your informative presentations or
market research projects.
When you include a survey in a multimedia presentation, you’ll have to share it as a link or
embed it on a site. This way, your audience can input the answers straight into the survey inside
the slide instead of opening a separate link.

Software #4: Loom

If you're not presenting your multimedia presentation in person, recording a Loom video and
embedding it in your slides can be a great alternative for adding a personal touch.
Walk your audience through a tutorial, give a brief overview about a topic, shed light on your
company and services, or simply introduce yourself. Loom videos offer tons of opportunities to
make your multimedia presentation more interactive.

Software #5: Google Maps

Include maps in your multimedia presentations to visualize geographic data or location
information. Visme has two map creation options, the Map Maker and the Google Maps
integration.

29
 Multimedia
i-Link College of Science and Technology, Inc.

The Map Maker lets you create custom maps with color-coding and interactive popups that
match the design of your project. Import map data from a google sheet or input it manually.
Add a navigable Google Map in all the default styles. Show specific location coordinates in a
box that you can customize.

Elaborate 2.4
Directions: Create a multimedia presentation about being an i-Link model student.
(it can be a survey, video clips, etc.)

Evaluate 2.5
Directions: Create a flowchart based on your multimedia presentation.

30
 Multimedia
i-Link College of Science and Technology, Inc.

Lesson 3
Application of Multimedia

Specific Objectives
At the end of the lesson, the students are able to:
 Identifies the different multimedia applications; and
 Creates a video presentation explaning them compiled multimedia applications .

31
 Multimedia
i-Link College of Science and Technology, Inc.

Engage 3.1
Directions: Identify five jumbled words related to a multimedia application.

CATEDUION E-COCEMMER DICMEINE SEARCHRE RNALIJOUSM

___________ _____________ _____________ _____________ ____________

Explore 3.2
Directions: Select one application of multimedia and explain how useful it is to you.
Write your answer in the space provided.

32
 Multimedia
i-Link College of Science and Technology, Inc.

Explain 3.3

Multimedia applications
With the advent of multimedia, traditional activities like reading a newspaper, publishing
advertisements, classroom teachings, etc have now taken a new shape. For instance, reading a
book is not anymore an activity of holding a paperback in your hand, now you can easily
download an ebook and read them at convenience or you can just clamp headphones and listen
to audiobooks. Apart from these, don’t you like sending those melodramatic GIFs over group
chats? All such applications of multimedia have now largely become an interwoven part of our
lives.

What is Multimedia?
Multimedia is characteristically a convergence of various media platforms that include different
contents, such as word or text, audio, music, images, infographics, videos, and animations.
Today’s multimedia is opposed to the traditional media which relied only on text and other forms
of paper printed content. It also involves the integration of various other content forms, such as
the integration of text with graphics.

Popular Applications of Multimedia

Nowadays, it is nearly impossible for an organization or company to work without integrating
different multimedia platforms to conduct its day-to-day operations. Catering to the demand of
various types, multimedia has different usages in a given situation. These are some of the
popular applications of multimedia.
 Creative Industries
 Commerce

33
 Multimedia
i-Link College of Science and Technology, Inc.

 Entertainment
 Education
 Educational Technology
 Social Work Purposes
 Communication
 Journalism
 Engineering
 Medicine
 Research
 Interior Designing

Journalism
Media organizations everywhere are incorporating convergent technology in their daily reporting
and practices of journalism. Global newspapers like the New York Times, Guardian, etc, have
already made themselves pioneers in its usage and ushering global media towards a new age.
Guardian’s multimedia story ‘The Shirt on Your Back is a prime example of how a multimedia
story is developed through the use of text, video, and other forms of interactive technologies.
Nowadays, a journalist, with the help of a mobile phone, is capable of making live video
broadcasts without the need of a camera person.

34
 Multimedia
i-Link College of Science and Technology, Inc.

Applications of Multimedia: E-Commerce

Online business has effectively replaced traditional ways of buying and selling. Simply, by
scrolling through online shopping sites like Amazon we see how text, pictures, and videos have
been blended into making an appealing user interface. Through the use of multimedia various
companies offer interesting details of products to the prospective consumer who, simply
through, a mobile phone buys and compares products online to check their suitability and price
variances. For Example: During the early stage of online shopping or selling, still, pictures of the
products were uploaded. But following the recent trends and advancements, you can now see
videos in that place and can decide whether the piece of clothing or accessory will look good on
you or not.

Entertainment
One of the main and widespread applications of multimedia can be seen in the entertainment
Industry. Movies, ADs, and Short clips are now being created using special effects and
animations, like VFX. Multimedia is also used for gaming purposes which are distributed online

35
 Multimedia
i-Link College of Science and Technology, Inc.

or through CDs. These games also integrated various multimedia features. Online storage
distribution of movies is not only its efficient use but also a way to secure them against any loss
through infinite copies.

Applications of Multimedia: Education

The applications of multimedia in the education sector are no less than a paradigm shift.
Through its usage, it is now feasible to create interactive educational materials, like books,
PDFs, videos, PowerPoint presentations, etc along with one-touch access to websites like
Wikipedia and encyclopedia. Through virtual classrooms, teachers and students can avail the
opportunity to learn, interact and exchange informative ideas without stepping outside and
sitting for hours inside a classroom. On top of everything, computer-based competitive as well
as scholastic exams are being conducted globally only via the use of multimedia.

36
 Multimedia
i-Link College of Science and Technology, Inc.

Communication
With the emergence of the internet and its rapid spread across the world, traditional types of
communication have become obsolete. Online video calling has become the new face of
communication. Video platforms like Skype, and Google Meet allow video chats that can
happen between friends or can be used for conducting meetings between different heads of
countries. Communication has been molded as a matter of a fraction of a second, hence, now
you can easily convey anything with just a few clicks. This has turned out to be a boon in
situations of emergency, thus, it is known as one of the most beneficial applications of
multimedia.

Applications of Multimedia: Medicine

Multimedia is increasingly used by doctors to get trained by simply watching a surgery being
done on a virtual platform. Simulation technology is used to develop human anatomy and study
how it gets affected by different illnesses and then accordingly develop medicines and other
remedial measures. Furthermore, the other applications of multimedia in medicine allow patients
to consult a doctor online to get medical intervention and treatment for their sickness.

37
 Multimedia
i-Link College of Science and Technology, Inc.

Interior Designing
Nowadays, interior designing is not a process of drawing sketches or designing structures on
long white paper. Today, interior designers use different software like SketchUp, AutoCAD, and
Revit to create designs that allow a customer to have a virtual walk through the house before it
takes the shape of a real house. With the use of this application, we can now take an intricate
look at the combined product of architecture and interior design.

Applications
One of the main features of multimedia is that it can be visually recorded and subsequently put
on display on numerous platforms at the same time. Through the applications of multimedia, it is
now possible to connect and interact with the masses via different devices.

A multimedia application is an interactive software that combines several types of media at once
to convey information to an audience. Different types of media that can be used include:
 text
 images (photographs, illustrations)
 audio (music, sounds)
 video
 animation

Multimedia applications have brought about changes to the way people learn, work, and play.
They are now common in:
 e-learning both in education and the workplace
 entertainment
 modeling and simulation (for example, in virtual reality)
 conveying public information and promotional/advertising messages
 The use of several different media components working together creates a more
engaging and stimulating product, communicating more effectively to the end user.

Multimedia authoring is the process of combining many types of media (including video, text,
and audio) with interactivity to create an application and convey information to an audience.

38
 Multimedia
i-Link College of Science and Technology, Inc.

Multimedia and interactivity

E-commerce is used by consumers and businesses to exchange goods and services (buy and
sell) over electronic systems such as the world wide web.
E-commerce websites are often a media-rich environment with a wide range of interactive
features to help shoppers complete transactions.
E-commerce websites frequently make use of images, videos, and text to display product
information. The websites will often combine multimedia with high levels of user interaction,
including product reviews, recommendations, wish lists, shopping baskets, and personalized
accounts.
Personalized accounts allow users to manage orders (cancel, view or update), acc ess tracking
information, and save shopping lists for future use.

Social media websites

Social networking websites use text, graphics, animation, and video to engage users.
Users can interact with each other in various ways such as chatting, playing online games, and
sharing posts that may include their thoughts and/or pictures.

39
 Multimedia
i-Link College of Science and Technology, Inc.

Gaming websites
Gaming websites also use text, graphics, animations, and videos to engage users (with game
walkthroughs, trailers, and reviews for example), enabling them to interact through forums and
communities based on gameplay.
User profiles will also rank users against one another, with social media integration offering
further interactivity.

Multimedia authoring concepts

Multimedia authoring is the process of creating an interactive, multimedia application that can
be delivered using a variety of mediums, e.g. through web pages, DVDs, or mobile apps.
Multimedia authors generally use several techniques simultaneously to relay information.
Common elements of multimedia authoring are explained below:
 Using scripting
Scripting can be used to implement a variety of interactive features in multimedia
websites, typical examples include:
 Image or text rollovers
If the user rolls the mouse over a graphic or hypertext then a text or graphic box will
appear.

Elaborate 3.4
Directions: Conduct research on multimedia applications and compile a list of them.
 Softcopy only
 Submit it to Google Classroom

Evaluate 3.5
Directions: Create a 1-minute video presentation explaining the result of your research.
 Submit it to Google Classroom

40