Chapter 1 Introduction To Multimedia
Chapter 1 Introduction To Multimedia
TECHNOLOGY &
APPLICATION
LECTURERS
• Dr Nurulfajar bin Abd Manap
(nurulfajar@utem.edu.my) - S1, S2
• Dr Low Yin Fen
(yinfen@utem.edu.my) - S1, S2
• Dr Norhashimah Mohd Saad
(norhashimah@utem.edu.my) - S3, S4
• Pn Noor Mazlina Mahmod
(mazlina@utem.edu.my) - S3, S4
RULES &
REGULATIONS
TOPICS OVERVIEW
• Introduction to Multimedia & Authoring
• Issues of Multimedia Application & Future Direction
• Multimedia Data
• Audio Technology
• Image Technology
• Video Technology
EVALUATIONS
• COURSEWORKS (40%)
• TEST (15%)
• ASSIGNMENT (25%)
In 1895-first
wireless radio Television 1970’s-
Newspaper first
transmission at new Pong, Atari
mass
Pontecchio, Italy. media for Apple, IBM
communication
1901, radio waves the 20th and the PC
medium
is beamed across century. revolution
the Atlantic.
Ref. Link:
1. Great moments in multimedia history
2. Wiki: multimedia
3. A story of invention
History of Multimedia
Future directions
1980’s-GUI’s Technology
1990’s-Multimedia
and the mouse convergence,
Explosion: WWW, CD-I,
and other education,
Interactive books, 3D
technologies entertainment
other appliances
Ref. Link:
1. Great moments in multimedia history
2. Wiki: multimedia
3. A story of invention
Multimedia element
IMAGES
TEXT AUDIO
GRAPHICS VIDEO
Text
• Early PC's were running under MS-DOS: only
displayed text in one size and one color.
• Animation is a
sequential series of still
images that create an
illusion of motion.
Animation
• Multimedia Elements
• Multimedia Authoring
• Differences between
animation and video
MULTIMEDIA SYSTEM
• A Multimedia System is a system capable of
processing multimedia data and applications.
• Art • Mathematics
• Education • Business
• Engineering
Applications of Multimedia
• Business – presentations, training, marketing,
advertising, product demos, databases, catalogues,
instant messaging and networked communication.
• Video-on-demand • Games
Multimedia System
Multimedia Component
Hardware Software
Multimedia Element
Examples: Designing HTML5 Web Content
What is the qualification of the multimedia on the web?
• Graphics
• Backgrounds
• Pictures
• Animation
• 3-D graphics
• Charts
• Morphing
• Computer-generated
graphics, drawings, etc. • Sound
• Clip art • Narration, voice
• Buttons • Recorded music or
special sounds
• Computer-generated
• Text music
• Video
What are the challenges to
design multimedia for different
type of web-browsers?
Multimedia for the web
differs
• Size constraints for client download
• The PNG file format supports truecolor (16 million colors) while the GIF
supports only 256 colors.
• The PNG file excels when the image has large, uniformly colored areas.
• The lossless PNG format is best suited for editing pictures, and the lossy
formats, like JPG, are best for the final distribution of photographic images,
• Animated formats derived from PNG are MNG and APNG. The latter is
supported by Mozilla Firefox and Opera and is backwards compatible with
PNG.
GIF(Graphics Interchange
Format)
• GIF is limited to an 8-bit palette, or 256 colors.
• • TGA (TARGA)
• MP3
• Au file format
• RealAudio
• Uncompressed WAV files are quite large, so, WAV files as file
sharing over the Internet has declined in popularity.
• An MP3 file that is created using the setting of 128 kbit/s will result
in a file that is about 11 times smallerthan the CD file created from
the original audio source.
• AMR is also a file format for storing spoken audio using the AMR
codec.
• Both free and proprietary programs exist to convert between AMR and
other formats, although it should be remembered that AMR is a speech
format and is unlikely to give ideal results for other audio.
• It is most commonly used to store digital video and digital audio streams,
especially those defined by MPEG, but can also be used to store other
data such as subtitles and still images.
• The official filename extension for MPEG-4 Part 14 files is .mp4, thus the
container format is often referred to simply as MP4.
Red Book (CD standard)
• Red Book is the standard for audio CDs (Compact Disc
Digital Audio system, CDDA or CD-DA). It is named after
one of the Rainbow Books, a series of books (bound in
different colors) that contain the technical specifications
for all CD and CD-ROM formats.
• Data File
• The other formats, such as WMV Screen and WMV Image, cater
for specialized content.
• Developed by Microsoft.
• You can use an editor like EditPad Pro to look inside a .DAT file and
possible determine its contents and relationship with a program.
• Matroska file types are .MKV for video (with subtitles and audio) .
Stage
Score
Authoring metaphors
b) Slide show metaphor
• A linear presentation
• Example: Powerpoint
Authoring metaphors
c) Linked Screens
• A group of scene linked together
Presentation software
• Templates are used to determine how the heads
and subheads are formatted and displayed over
backgrounds, including: (etc PowerPoint)
• position
• size
• font
• style
• color
Example: power point
templates
Categories of authoring
tools
1. Card based
2. Icon based
3. Time based
4. Object based
Icon based
• Icons are gathered along the line.
Macromedia
Director
Macromedia Flash
Authoring capabilities
Playback (timeline /
movie tester)
Authoring capabilities
3. Distribution / Delivery
• Able to create a ‘RUN TIME’ mode.
Distribution /
Delivery
Authoring capabilities
4. Editing
" generally, authoring tools are capable on text
and image editing
" capable on doing other editing too, depending
on the software used
Editing
Authoring capabilities
5. Project Organization
" FLOWCHARTING and STORYBOARDING
availability
" this will help on configuring interactivity
Flowcharting / Storyboarding
Authoring capabilities
6. Programming
" Programming used for flexibility.
" Authoring tools offers an easier and less time
consuming to develop:-
✕ Visual Programming - Using icon, button, drag & drop
graphic, audio .
# Eg: Authorware
✕ Scripting - programming language for authoring tools.
# Eg: Director = LINGO, Flash = ActionScript
✕ Support basic programming language - C, BASIC
# to make it more flexible
✕ Document Development Tools
# Authoring tools that able to merge documents, indexing, search
engine and linking
Authoring capabilities
Programming
Authoring capabilities
Html code:
<html>
<body>
</body>
</html>
Result:
Cross Platform
Authoring capabilities
8. Internet Playability
• Ability to create the output for web enabled application.
• Eg:- HTML
Internet Playability
Adobe CS Family
iLife App
(Apple)