Multimedia and the Web

cornawakeΛογισμικό & κατασκευή λογ/κού

4 Νοε 2013 (πριν από 3 χρόνια και 5 μήνες)

44 εμφανίσεις

Multimedia and the Web


Chapter 10

2

Overview


This chapter covers:


What Web
-
based multimedia is and how it is used today


The advantages and disadvantages of using multimedia


A look at basic multimedia elements


Steps and principles in designing a multimedia site


H
ow a multimedia Web site is developed

and the software
used during this process


A look at the future of Web
-
based multimedia


3

What Is (Multi) Media?


Media


the means of
communication



Multimedia:


The integration of a variety of media, such as


Text


Images


Video


Animation


Sound

4

What Is Web
-
Based Multimedia


Web
-
based multimedia (also called rich media)


Multimedia located on Web pages


Can also contain elements that users interact with directly


Control the delivery of a sound or video clip, manipulate a 3D object, play
a game, etc.


Requires fast computers and fast Internet
connections



LETS GENERATE SOME BUZZ



Multimedia hunt

5

Multimedia Elements


Text: U
sed to supply basic content, and
to add text
-
based menus and hyperlinks


Serif typefaces: More readable, used for
large bodies of text


Sans serif typefaces: Used for titles, headings,
Web page banners


Different typefaces can convey widely
different feelings


Important to select a typeface that matches
the style of the Web site


When a consistent text appearance is
required

such as a logo

a graphical image
is used instead


6

Multimedia Elements


Images or graphics: Digital representations of
photographs, drawings, charts, and other visual images
also called a graphic


Clip art consists of pre
-
drawn electronic images


Stock photos are also available online

7

Multimedia Elements


GIF images: Commonly used for Web page line art images
(logos, buttons, etc.)


256 colors max


Use lossless

file compression


Can be

transparent


Can be

interlaced



8

Multimedia Elements


PNG images: Format designed specifically for use with Web
page images


Lossless compression, and with more efficiency than GIF


Can use color palette or true color


Can also be transparent and interlaced


JPEG images: Commonly used for Web page photos


Uses
lossy

file compression


True color images


Can be progressive


The amount of compression is specified when the file is saved

9

Multimedia Elements

10

Multimedia Elements


Animation: A series of graphical images
are displayed in succession to simulate
movement


Available using:


Java applet: A small program inserted into
a Web page that performs a specific task


Animated GIF: A group of GIF images
saved as an animated GIF file, inserted in
a Web page, which are displayed
successively to simulate movement


JavaScript or another scripting language


Flash is in particularly wide use today


Silverlight is an alternative to Flash


11

Multimedia Elements


Audio: All types of sound including music, spoken voice,
sound effects


Can be recorded using a microphone or MIDI instrument,
captured from CDs, or downloaded from the Internet


Often played when an event occurs on a Web page or when
the visitor clicks a link


Streaming audio is used to speed up delivery


Common audio file formats include:


.wav


.mp3



.
aiff



.
acc




.midi



.m4a

12

Multimedia Elements


Video: Begins as a continuous stream of visual
information, which is then broken into separate images
(frames) when the video is recorded


Can require a substantial amount of storage space


Video data, like audio data, is usually compressed


Streaming video is used for large files


Common video file formats include:


.
avi


.mp2



.
mov



.
wmv





.mp4

13

Multimedia Web Site Creation


Web site design


The process of planning what a Web site will look like and how
it will function



Web site development:


The
process of creating, testing, publishing, and maintaining a
Web site



14

Multimedia Web Site Design


Web site design principles/challenges:


Make it interesting and exciting

applications


Consider technology


Target Audience


Appropriate Navigation


Site maps


Design tools


Access considerations


15

Multimedia Web Site Design

In 1998, Congress amended the Rehabilitation Act to require
Federal agencies to make their electronic and information
technology accessible to people with disabilities.



ADA compliance
-


Compatibility
with
assistive

Technology such as

screen readers that “read”

alternative text



16

Multimedia Web Site Design


Flowcharts:


Used during the Web design process to illustrate how the
pages in a Web site relate to one another


Page layouts:


Sketches of a Web page developed during the Web design
process to illustrate the basic layouts of the home page and the
rest of the pages on a Web site


Typically one for the home page and one for the rest of the
pages on the site


Storyboards:


Ordered series of sketches that can be developed during the
design process of an animated sequence or other multimedia
component that illustrates what each page or screen will look
like

17

Multimedia Web Site Design

18

Multimedia Web Site Development


Web site development


Occurs after the site is designed


Can be performed in
-
house or outsourced


Three basic steps


Creating the multimedia elements using design software


Creating the Web site using authoring software


Testing, publishing, and maintaining the site


19

Multimedia Web Site Development


Creating the multimedia elements


Usually several different software programs are used, such as:


Image editing software


Animation software


Flash


Audio editing software


Protools
,
SoundForge
, Reason


Video editing software


Premiere

20

Multimedia Web Site Development


Creating the Web site


Authoring tools


Dreamweaver,
ExpressionWeb
, Notepad


Often a markup language is used
-

a language that uses symbols
or tags to describe what a document should look like when it
is displayed in a Web browser


Hypertext Markup Language (HTML): The original markup
language


Uses HTML tags to indicate where effects and elements belong in the
Web page


Some tags are paired


The computer and browser being used still determines exactly how
the Web page will display


Also use CSS, WML, XML, JavaScript, VBScript, Perl, AJAX, PHP,
ActiveX, VRML,
ActionScript

21

Multimedia Web Site Development


Testing, publishing, and maintaining the site


All hyperlinks should be clicked to ensure they take the user to
the proper location


Every possible action that could take place with an animated
element should be tested


Proofread each page or screen carefully


Consider a “stress test”


Update content and check links on a regular basis


XHTML Web pages can be checked with an XHTML validator


22

The Future of Web
-
Based Media


Web
-
based multimedia will be more exciting and more
embedded into everyday events


Web
-
based multimedia and home entertainment devices
will continue to converge


Allow seamless access to desired content on the user’s device


Technology will evolve to support mobile multimedia


Usage of multimedia applications that involve user
generated content will continue to grow