chapter3 multi media application, system, authoring, design

53
Chapter3 Multi media Application, system, Authoring , Design

Upload: vivian-blanche-byrd

Post on 24-Dec-2015

217 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Chapter3 Multi media Application, system, Authoring, Design

Chapter3

Multi media Application, system, Authoring , Design

Page 2: Chapter3 Multi media Application, system, Authoring, Design

Introduction to Multimedia

What is Multimedia?

Multimedia means that computer information can be represented through audio, video, and animation in addition to traditional media (i.e., text, graphics/drawings, images).

Page 3: Chapter3 Multi media Application, system, Authoring, Design

Multimedia Application Definition

A Multimedia Application is an Application which uses a collection of multiple media sources e.g. text, graphics, images, sound/audio, animation and/or video.

Page 4: Chapter3 Multi media Application, system, Authoring, Design

What is HyperText and HyperMedia?

Hypertext is a text which contains links to other texts.

Page 5: Chapter3 Multi media Application, system, Authoring, Design

Hypertext is therefore usually non-linear (as indicated below).

Page 6: Chapter3 Multi media Application, system, Authoring, Design

HypermediaHyperMedia is not constrained to be text-based. It can include other media, e.g., graphics, images, and especially the continuous media – sound and video.

Page 7: Chapter3 Multi media Application, system, Authoring, Design

Example Hypermedia Applications?

• The World Wide Web (WWW) is the best example of a hypermedia application.• PowerPoint• Adobe Acrobat• Macromedia Director

Page 8: Chapter3 Multi media Application, system, Authoring, Design

Multimedia Systems

A Multimedia System is a system capable of processing multimedia data and applications.A Multimedia System is characterised by:• processing,• Storage• Generation • manipulation • rendition of Multimedia Information

Page 9: Chapter3 Multi media Application, system, Authoring, Design

Characteristics of a Multimedia System

A Multimedia system has four basic characteristics:• Multimedia systems must be computer controlled.• Multimedia systems are integrated.• The information they handle must be represented

digitally.• The interface to the final presentation of media is

usually interactive.

Page 10: Chapter3 Multi media Application, system, Authoring, Design

Challenges for Multimedia Systems

• Distributed Networks• Temporal relationship between data – Render different data at same time — continuously. – Sequencing within the media playing frames in correct order/time frame in video – Synchronisation — inter-media schedulingE.g. Video and Audio — Lip synchronisation is clearlyimportant for humans to watch playback of video and audioand even animation and audio.

Page 11: Chapter3 Multi media Application, system, Authoring, Design

Key Issues for Multimedia Systems

The key issues multimedia systems need to deal with here are:

• How to represent and store temporal information.• How to strictly maintain the temporal relationships on play back/retrieval• What process are involved in the above.• Data has to represented digitally — Analog–DigitalConversion, Sampling etc.• Large Data Requirements—bandwidth, storage, compression

Page 12: Chapter3 Multi media Application, system, Authoring, Design

Desirable Features for a Multimedia System

The following feature a desirable for a Multimedia System:

Very High Processing Power — needed to deal with large dataprocessing and real time delivery of media. Special hardwarecommonplace.Multimedia Capable File System —needed to deliver real-timemedia — e.g. Video/Audio Streaming.Special Hardware/Software needed – e.g RAID technology.RAID technology : is a data storage virtualization technology that combines multiple disk drive components into a logical unit for the purposes of data redundancy or performance improvement.[1]

Data Representations — File Formats that support multimediashould be easy to handle yet allow forcompression/decompression in real-time.

Page 13: Chapter3 Multi media Application, system, Authoring, Design

Efficient and High I/O —input and output to the file subsystemneeds to be efficient and fast. Needs to allow for real-timerecording as well as playback of data. e.g. Direct to Diskrecording systems.Special Operating System —to allow access to file system andprocess data efficiently and quickly. Needs to support directtransfers to disk, real-time scheduling, fast interrupt processing,I/O streaming etc.Storage and Memory — large storage units (of the order of 50-100 Gb or more) and large memory (50 -100 Mb or more).Large Caches also required and frequently of Level 2 and 3hierarchy for efficient management.Network Support — Client-server systems common asdistributed systems common.Software Tools — user friendly tools needed to handle media,design and develop applications, deliver media.

Page 14: Chapter3 Multi media Application, system, Authoring, Design

Components of a Multimedia System

Now let us consider the Components (Hardware and Software)required for a multimedia system:

1-Capture devices — Video Camera, Video Recorder, AudioMicrophone, Keyboards, mice, graphics tablets, 3D inputdevices, tactile sensors, VR devices. Digitising/SamplingHardware2-Storage Devices —Hard disks, CD-ROMs, Zip drives, DVD, etc3-Communication Networks —Ethernet, ATM,Intranets, Internets.4-Computer Systems — Multimedia Desktop machines,Workstations, MPEG/VIDEO/DSP Hardware5-Display Devices — CD-quality speakers, HDTV,SVGA, Hi-Resmonitors, Colour printers etc.

Page 15: Chapter3 Multi media Application, system, Authoring, Design

Applications

Examples of Multimedia Applications include:• World Wide Web• Hypermedia courseware• Video conferencing• Interactive TV• Groupware• Home shopping• Games• Virtual reality• Digital video editing and production systems

Page 16: Chapter3 Multi media Application, system, Authoring, Design

Multimedia Authoring:Systems and Applications

What is an Authoring System?An Authoring System is a program which has pre-programmed elements for the development of interactive multimedia software titles.

Authoring systems vary widely on • orientation,• capabilities, and• learning curve.

Page 17: Chapter3 Multi media Application, system, Authoring, Design

Why should you use an authoring system?• can speed up programming possibly content

development and delivery• However, the content creation (graphics, text, video, audio, animation, etc.) not affected by choice of authoring system;

• time gains – accelerated prototyping

Page 18: Chapter3 Multi media Application, system, Authoring, Design

Authoring Vs Programming

• Big distinction between Programming and Authoring.• Authoring —

– assembly of Multimedia– possibly high level graphical interface design– some high level scripting.

• Programming —– involves low level assembly of Multimedia– construction and control of Multimedia– involves real languages like C and Java.

Page 19: Chapter3 Multi media Application, system, Authoring, Design

Multimedia Authoring Paradigms

The authoring paradigm, or authoring metaphor, is themethodology by which the authoring system accomplishes its task. There are various paradigms

• Scripting Language• Iconic/Flow Control• Frame• Card/Scripting• Cast/Score/Scripting — Macromedia Director• Hypermedia Linkage• Tagging — SMIL

Page 20: Chapter3 Multi media Application, system, Authoring, Design

Scripting Language

• closest in form to traditional programming. The paradigmis that of a programming language, which specifies (byfilename)

– multimedia elements,– sequencing,– hotspots,– synchronization, etc.

• Usually a powerful, object-oriented scripting language• in-program editing of elements (still graphics, video, audio,etc.) tends to be minimal or non-existent.• media handling can vary widely

Page 21: Chapter3 Multi media Application, system, Authoring, Design

Example

Lingo scripting language of Macromedia DirectorHere is an example lingo script to jump to a frame

global gNavSpriteon exitFrame

go the frameplay sprite gNavSprite

end

Page 22: Chapter3 Multi media Application, system, Authoring, Design

Iconic/Flow Control

• tends to be the speediest in development time• best suited for rapid prototyping and short-developmenttime projects.• The core of the paradigm is the Icon Palette, contains:

– possible functions/interactions of a program, and– the Flow Line — shows the actual links between the icons.

• slowest runtimes programs , high interaction overheads Examples:

• Authorware• IconAuthor

Page 23: Chapter3 Multi media Application, system, Authoring, Design
Page 24: Chapter3 Multi media Application, system, Authoring, Design

Frame

• similar to the Iconic/Flow Control paradigm• usually incorporates an icon palette• the links drawn between icons are conceptual• do not always represent the actual flow of the program. Examples

• Quest (whose scripting language is C)• Apple Media Kit.

Page 25: Chapter3 Multi media Application, system, Authoring, Design

Cast/Score/Scripting

uses a music score as its primary authoring metaphor• synchronous elements are shown in various horizontal tracks• simultaneity shown via the vertical columns.• power of this metaphor lies in the ability to script the behavior of each of the cast members.• easily extensible to handle other functions (such as hypertext) • best suited for animation-intensive or synchronized mediaapplications;Examples

• Macromedia Director• Macromedia Flash — cut Down director Interface

Page 26: Chapter3 Multi media Application, system, Authoring, Design
Page 27: Chapter3 Multi media Application, system, Authoring, Design
Page 28: Chapter3 Multi media Application, system, Authoring, Design
Page 29: Chapter3 Multi media Application, system, Authoring, Design

Hypermedia Linkage

• similar to the Frame paradigm• shows conceptual links between elements• lacks the Frame paradigm’s visual linkage metaphor.

Page 30: Chapter3 Multi media Application, system, Authoring, Design

Tagging

tags in text files to• link pages,• provide interactivity and• integrate multimedia elements.

Examples:• HTML,• SMIL (Synchronised Media Integration Language),

Page 31: Chapter3 Multi media Application, system, Authoring, Design

Issues in Multimedia Applications Design

There are various issues in Multimedia authoring.Issues involved:

•Content Design •Technical Design

Page 32: Chapter3 Multi media Application, system, Authoring, Design

Content Design

Content design deals with: •What to say, what vehicle to use.

”In multimedia, there are five ways to format and deliver your message.You can

• write it,• illustrate it,• wiggle it,• hear it, and• interact with it.”

Page 33: Chapter3 Multi media Application, system, Authoring, Design

Scripting (writing)

• Rules for good writing:1. Understand your audience and correctly address them.2. Keep your writing as simple as possible. (e.g., write out the full message(s) first, then shorten it.)3. Make sure technologies used complement each other.

Page 34: Chapter3 Multi media Application, system, Authoring, Design

Graphics (illustrating)

Make use of pictures to effectively deliver your messages. •Create your own (draw, (color) scanner, PhotoCD, ...),

.Graphics Styles •fonts •colors

– pastels– earth-colors– metallic– primary color– neon color

Page 35: Chapter3 Multi media Application, system, Authoring, Design

Animation (wiggling) Types of Animation

• Character Animation – humanise an object• Highlights and Sparkles• Moving Text• Video – live video or digitized video

Page 36: Chapter3 Multi media Application, system, Authoring, Design

When to Animate

•Enhance emotional impact •Make a point (instructional)

•Improve information delivery •Indicate passage of time

•Provide a transition to next subsection

Page 37: Chapter3 Multi media Application, system, Authoring, Design

Audio (hearing)

Types of Audio in Multimedia Applications:1. Music – set the mood of the presentation, enhance the emotion, illustrate points2. Sound effects – to make specific points, e.g., squeaky doors, explosions, wind, ...3. Narration – most direct message, often effective

Page 38: Chapter3 Multi media Application, system, Authoring, Design

Interactivity (interacting)

• interactive multimedia systems!• people remember 70% of what they interact

with .

Page 39: Chapter3 Multi media Application, system, Authoring, Design

Types of Interactive Multimedia Applications:

1 .Menu driven programs/presentations– often a hierarchical structure (main menu, sub-menus, ...)

2 .Hypermedia+: less structured, cross-links between subsections of thesame subject –> non-linear, quick access to information+: easier for introducing more multimedia features, e.g., more interesting ”buttons”-: could sometimes get lost in navigating the hypermedia

3 .Simulations / Performance-dependent Simulations – e.g., Games , Flight Simulators

Page 40: Chapter3 Multi media Application, system, Authoring, Design

Technical Design

Technological factors may limit the ambition of your multimedia presentation will discuss later

Page 41: Chapter3 Multi media Application, system, Authoring, Design

Overview of Multimedia Software Tools• Digital Audio1-Macromedia Soundedit Edits a variety of different format audio files, apply a variety of effects (Fig 8)

Page 42: Chapter3 Multi media Application, system, Authoring, Design

2- CoolEdit/Adobe Audtion_ Edits a variety of different format audio files

Page 43: Chapter3 Multi media Application, system, Authoring, Design

Music Sequencing and NotationCubase• Intuitive Interface to arrange and play Music (Figs 9 and 10) • Wide Variety of editing tools including Audio (Figs 11 and 12)

Page 44: Chapter3 Multi media Application, system, Authoring, Design
Page 45: Chapter3 Multi media Application, system, Authoring, Design
Page 46: Chapter3 Multi media Application, system, Authoring, Design
Page 47: Chapter3 Multi media Application, system, Authoring, Design
Page 48: Chapter3 Multi media Application, system, Authoring, Design

Image/Graphics EditingAdobe Photoshop• Allows layers of images, graphics and text• Includes many graphics drawing and painting tools• Sophisticate lighting effects filter• A good graphics, image processing and manipulation toolAdobe Premiere• Provides large number (up to 99) of video and audio tracks,superimpositions and virtual clips• Supports various transitions, filters and motions for clips• A reasonable desktop video editing toolMacromedia Freehand• Graphics drawing editing packageMany other editors in public domain and commercially

Page 49: Chapter3 Multi media Application, system, Authoring, Design

Image/Video EditingMany commercial packages available

•Adobe Premier •Videoshop

•Avid Cinema •SGI MovieMaker

Page 50: Chapter3 Multi media Application, system, Authoring, Design

AnimationMany packages available including:• Avid SoftImage• Animated Gif building packages e.g. GifBuilder

Page 51: Chapter3 Multi media Application, system, Authoring, Design

Multimedia AuthoringTools for making a complete multimedia presentation whereusers usually have a lot of interactive controls.Macromedia Director

• Movie metaphor (the cast includes bitmapped sprites, scripts, music, sounds, and palettes, etc.)• Can accept almost any bitmapped file formats• Lingo script language with own debugger allows more control including external devices, e.g., VCRs and video disk players• Ready for building more interactivities (buttons, etc.)• follows the cast/score/scripting paradigm,• tool of choice for animation content (Well FLASH for Web).

Page 52: Chapter3 Multi media Application, system, Authoring, Design

Authorware

Professional multimedia authoring tool• Supports interactive applications with hyperlinks, drag-and-drop controls, and integrated animation• Compatibility between files produced from PC version and MAC version

Page 53: Chapter3 Multi media Application, system, Authoring, Design

End of chapter