Docsity
Docsity

Prepare for your exams
Prepare for your exams

Study with the several resources on Docsity


Earn points to download
Earn points to download

Earn points by helping other students or get them with a premium plan


Guidelines and tips
Guidelines and tips

Multimedia and the Web - Lecture Slides | CIS 101, Study notes of Computer Science

Material Type: Notes; Professor: Boughton; Class: INTRODUCTION TO COMPUTER INFORMATION SYSTEMS; Subject: Computer Info Systems; University: Harper College; Term: Unknown 1989;

Typology: Study notes

Pre 2010

Uploaded on 07/30/2009

koofers-user-6rq
koofers-user-6rq 🇺🇸

10 documents

1 / 11

Toggle sidebar

This page cannot be seen from the preview

Don't miss anything!

bg1
Chapter 10
Multimedia and the Web
Web-Based Multimedia
Web-based multimedia: Web sites containing more
than one type of media sound, graphics, video, or
animation, in addition to text and images
The sound, graphics, etc. files are attached to a web
page and processed by the browser when page
displayed
Multimedia sites usually have elements that users
interact with directly (control the delivery of a sound
or video clip, manipulate a 3D object)
Dynamic menus, etc.
Practically, require broadband Internet connections
Web page demo
1-2
pf3
pf4
pf5
pf8
pf9
pfa

Partial preview of the text

Download Multimedia and the Web - Lecture Slides | CIS 101 and more Study notes Computer Science in PDF only on Docsity!

Chapter 10

Multimedia and the Web

Web-Based Multimedia

Web-based multimedia: Web sites containing more

than one type of media sound, graphics, video, or

animation, in addition to text and images

The sound, graphics, etc. files are attached to a web page and processed by the browser when page displayed

Multimedia sites usually have elements that users

interact with directly (control the delivery of a sound

or video clip, manipulate a 3D object)

Dynamic menus, etc.

Practically, require broadband Internet connections

Web page demo

Web-Based Multimedia, Cont'd

Advantages and Disadvantages of

Web-Based Multimedia

Advantages

Can address a variety of learning styles Visual learners Auditory learners Kinesthetic learners Material more interesting and enjoyable Many ideas are easier to convey

Disadvantages

Development cost Amount of storage space required Compatibility and download time Too busy for people who learn best by text alone

Graphics, Cont d

GIF: graphics format that supports 256-color palette

and commonly used for drawn images

Can be transparent Can be interlaced Uses lossless file compression Not true color

Graphics, Cont d

JPEG: true color format commonly used for Web

page photographs

Uses lossy file compression Based on how human eye perceives images Compression is specified when the file is saved

JPEG demo

Graphics, Cont d

PNG: designed specifically for use with Web page

images

Lossless compression Can use color palette or true color Still not widely used

Choosing a graphic format

GIF - typically used for line art (clip art, logos, etc.) JPEG - typically used for photographs Select the most appropriate format For JPEG, balance compression quality and file size Web page graphics typically less than 100 KB

Graphic Format Comparison

Video

Video: continuous stream of visual information

broken into separate images or frames to be

displayed successively to simulate the original event

Conceptually is fast animation

Typically 30 frames per second, so requires much

storage space even if compressed

Common file formats are .avi, .mpeg, and .mov

Requires browser plugin or player

Windows Media Player, QuickTime, RealOne Player

Streaming video frequently used

Markup Languages

Markup language: a language that uses symbols or

tags to describe the contents of the document

Not a programming or formatting language

Hypertext Markup Language (HTML): the markup

language used for web pages

A web page is an HTML document Uses HTML tags to identify the web page elements Some tags are paired but not all Inconsistent, limited in capability, and poorly designed but the Internet is stuck with it The computer and browser being used determine exactly how the Web page will display HTML demo

Markup Languages, Cont d

Extensible Markup Language (XML): a set of rules

for exchanging data over the Web; addresses the

content but not the formatting

Markups consist of paired tags than can be custom Consistent rules

Extensible Hypertext Markup Language (XHTML): a

newer version of HTML based on XML

Stricter rules than HTML Is beginning to replace HTML for web pages, to overcome the many problems of HTML

XML demo

Web Page Dynamic Content

Dynamic content: the web page display changes as

you interact with it

Move the mouse, make a menu selection, etc.

HTML by itself does not provide dynamic content

Example is the course website, which is HTML only

Techniques for getting dynamic content:

Scripts Applets ActiveX controls

Scripts

Flash demo

Applets and ActiveX

Applet: a Java program attached to a web page, that

executes when the page is displayed

Not just little scripts, looks and feels like a program , not a web page Has no security risks

ActiveX: a set of controls for creating interactive

Web pages

Can be a document, drawing, spreadsheet, etc. Can be a complete program Microsoft technology that has security risks Must install the ActiveX control to use it, but once installed there is no restriction on what it can do

Applet demo

Web Site Authoring Software

Web site authoring software: used to create Web

pages and complete Web sites

Automatically generates the appropriate HTML

statements, or at least part thereof

Operates somewhat like a word processor

Allows you to include the images, links, scripts, etc.

without writing HTML

Allows you to upload the web pages (site) to a web

server

Authoring demo