MULTIMEDIA, WEB &

INTERNET
MMM1023
Topic Outline
Multimedia consideration for the internet.
Basicdesign principles
Bandwidth consideration.

Application consideration.

Design consideration for web pages.

Accessing content on the internet.

Multimedia and Web site development

MM CONSIDERATION
FOR INTERNET
Design :
Process of planning what your application or web
site will look like and how it will work.
Bandwidth:
Determine how much information can be transmitted
efficiently.
Depends on type of data.

Application:
- Type of software used to delivery info.
BASIC DESIGN PRINCIPLES

Design: 2 basic principles in

designing:
User like interesting and exciting
applications
Users have little patience with slow-to-
load or hard-to-use applications.
DESIGN CONSIDERATION

Features that require a specific browser.

Identify the browser and version that match
with your site.
Identifying the browser can be done by
adding the JavaScript code to the
homepage site known as browser sniffing.
DESIGN CONSIDERATION

Features that require little used plug-ins.

- Downloading plug-in that commonly used.
The width of the page content.
Based on browser and screen resolution.
Keep banner image, map to 550 pixels or
less.
Full height items (image map) ~ 300 pixels
tall
BANDWIDTH CONSIDERATIONS

How much information can be transmitted

in a period of time.
Low-End (modem): 14400 and 28800 bps.
Mid-range (ISDN): 56000 bps
High-end (Ethernet network) : 10,000,000
bps.
MULTIMEDIA DATA TYPES & FILE SIZES

Data Size Typical Sample

Types
Text 1 char (ASCII) = 1 byte Page of text 9100
char/line, 30 lines) =
3000 B
Pictures 1 pixel, 256 colors = 1 Full screen (640 X 480
byte pixels), 256 color bitmap
= 330,000 B
Compressed graphic
1 pixel, 16,000,000 format = 75,000 to
colors= 3B 200,000 bytes (depends
on type, detail colors)
TRANMISSION TIME FOR MULTIMEDIA
DATA
Time to Transmit
Data Types
At 28,800 bps At 10 Mbps (1.25
(3600 bps) Mbps)
Text 1 second 0.0002 seconds

Pictures 91 seconds 0.26 seconds

Compressed file, Compressed file,

20 55 seconds 0.06 - 0.13 seconds
MULTIMEDIA DATA TYPES & FILE SIZES
(cont)
Data Size Typical Sample
Types
Audio Voice quality, 1 sc, 8 bit Voice, 1 minutes =
capture rate, 11 KHz= 600,000B
11,000 B
CD-Audio (music) quality, Music, 1 min= 10.5 MB
1 sc, 16 bit capture,
44KHz, stereo=176,000B
Video 1sc, 24 bit color, 30 fps, 1 min, uncompressed =
320 x 240 pixels= 6.9 MB 414MB
Compressed video, 1sc= 1min, compressed = 10
200,000B -15 MB (depends on
compression scheme)
TRANMISSION TIME FOR MULTIMEDIA
DATA
Time to Transmit
Data Types
At 28,800 bps At 10 Mbps
(3600 bps) (1.25 Mbps)
Audio Voice, 166 second Voice, 0.5 second
Music, 3000 seconds Music, 8.4 seconds
(50 minutes)
Video Uncompressed, Uncompressed, 330
115,000 seconds (1.9 seconds (5.5 minutes)
hours) Compressed, 8
Compressed, 2777 seconds
seconds (46 minutes)
APPLICATION CONSIDERATIONS
Standalone app: depend on local content
Internet app: content delivery automatically.

2 basic models for authoring and deliver mm

using internet :
Application-based: programming and multimedia
authoring tools with built-in internet access.
Browser-based: presenting web files including
associated functions hyperlink, in-line data
presentation.
APPLICATION-BASED INTERNET
ACCESS
Access to real-time multimedia data.
Replace existing application content that is
originally delivered on CD-ROM.
Dynamic reorganization of content
- Downloading new instruction to change the
layout, presentation and look & feel.
APPLICATION-BASED INTERNET
ACCESS -cont
Access to download Mail access to access
new files for or distribute new
multimedia information.
End user an be notify
presentation.
to update their
Contentcan be applications.
transparently
Web page
replaced w/o user
knowing. presentation to take
advantage of HTML
document encoding.
BROWSER-BASED MULTIMEDIA
DELIVERY
Access to server-based Add on software
resources such as
applications and
databases.
Info on servers can be
continuously updated
distribute to large
numbers of end users.
modules that enhances
the behavior or
performance of the
browser.
Given a new
functionality; ability to
present mm animation
files with add-on
software modules.
BROWSER-BASED MULTIMEDIA
DELIVERY-cont
Programming and scripting languages that add
functionality to the browser.
Web documents, with embedded script enable
programmed functions to be added to browser
applications..
ACCESSING CONTENT ON THE
INTERNET
2 basic approach:
Web page viewers and browsers that allow
copying or downloading of files.
Internet file transfer software to access
remote sites to upload & download files.
MULTIMEDIA & WEB SITE
DEVELOPMENT
3 basic steps:
Creating the multimedia elements
Creating the application or web site
Testing the site or application.
CREATING THE MULTIMEDIA ELEMENTS

Graphic software
Painting
& drawing programs.
Image editing programs

Audio and video software

Animation software
CREATING THE APPLICATIONS

MM Authoring software
-Macromedia Flash, Director, Swish,
Authorware, Tool book, HyperCard
Web Site Authoring software
-Macromedia Dreamweaver, Allaire
HomeSite, Claris Homepage, Hot Metal Pro,
Adobe GoLive, Microsoft Frontpage.
TESTING THE APPLICATION
Browser and Download time
computer - 30 seconds or less
incompatibility: for each page.
- Test on variety of Broken links.
browsers, platforms, - Test the links, link
OS and screen correctly or it
resolution. working.
TESTING THE APPLICATION

Stress test
- A test that frequently performed by the
outsider agency and examine the capacity
of the site and how many visitors and orders
it can handle at one time.
MULTIMEDIA APPLICATION
(NON-WEB BASED)
Business Virtual reality
presentation Information kiosks
PowerPoint
Entertainment
Reference
material.
Encyclopedia &
dictionary.
MULTIMEDIA APPLICATION
(NON-WEB BASED)
CBT (Computer-based-Training) or CAI
(computer aided instruction)
An individual instruction used to deliver contents via
a computer.
Use mastery-based , students is required to
complete an exercise or test at a specific success
rate or higher before moving to next exercise.
WEB BASED APPLICATION
Web based training
Entertainment .

VR (virtual reality)
Conclusion
What we have learned?