Lights Camera Action l The Role of Multimedia

  • Slides: 29
Download presentation
Lights, Camera, Action! l The Role of Multimedia in Web Applications l Leading Multimedia

Lights, Camera, Action! l The Role of Multimedia in Web Applications l Leading Multimedia Formats in Use Today l What You Need to Know to Include Them in Your Web. App Server Applications Speaker: Randall Rutherford, Product Marketing Manager, Web. App Server Software Suite

“Multimedia” “The use of computers to present text, graphics, video, animation and sound in

“Multimedia” “The use of computers to present text, graphics, video, animation and sound in an integrated way. ” From webopedia. internet. com

Types of Web Multimedia l l l Text Images Audio Video Streaming Media

Types of Web Multimedia l l l Text Images Audio Video Streaming Media

The Role of Multimedia l Deliver Content l Entertainment l News l Training l

The Role of Multimedia l Deliver Content l Entertainment l News l Training l Enhance Usability l Navigation l Instruction

Usability l What is Good Design? l Design Supports the Purpose of Site l

Usability l What is Good Design? l Design Supports the Purpose of Site l Shockwave vs. Credit Card Application l User should be able to complete an application quickly and successfully without making mistakes. l Ideally, User should also feel engaged by the experience.

Multimedia Techniques l l Animations Audio Video Streaming Media l l Flash/Shockwave SVG SMIL

Multimedia Techniques l l Animations Audio Video Streaming Media l l Flash/Shockwave SVG SMIL DHTML

Animation l Animated GIFs l Adobe Image. Ready (Photoshop) l Macromedia Fireworks l Jasc

Animation l Animated GIFs l Adobe Image. Ready (Photoshop) l Macromedia Fireworks l Jasc Paint Shop Pro & Animation Shop l Flash / Shockwave l Dynamic HTML

Macromedia Flash (. swf)

Macromedia Flash (. swf)

Authoring SWF Files l l Macromedia Flash (www. macromedia. com/flash) Macromedia Director (www. macromedia.

Authoring SWF Files l l Macromedia Flash (www. macromedia. com/flash) Macromedia Director (www. macromedia. com/) Swish (www. swishzone. com) Adobe Live. Motion (www. adobe. com/livemotion)

… Authoring SWF Files l 2 D Animation tools that export SWF l Adobe

… Authoring SWF Files l 2 D Animation tools that export SWF l Adobe Illustrator l Macromedia Freehand l Adobe Streamline can import bitmaps & convert to vectors l 3 D Animation Tools that export SWF l 3 D Studio Max l Vecta 3 D l Swift 3 D

Flash / Shockwave

Flash / Shockwave

Director or Flash? l Use Director to create interactive multimedia productions l Use Flash

Director or Flash? l Use Director to create interactive multimedia productions l Use Flash to create resizable and extremely compact web site components

Macromedia Generator “Generator is a high-performance, scalable solution for delivering real-time, visual content to

Macromedia Generator “Generator is a high-performance, scalable solution for delivering real-time, visual content to audiences who require fast, time-sensitive and personalized Web sites. ”

Macromedia Generator l What's the difference between Generator and Flash? l Both can be

Macromedia Generator l What's the difference between Generator and Flash? l Both can be used to deliver customized visual content to a browser l Flash customization occurs on the client browser, using the Macromedia Flash Player l Generator customization occurs on the server, and is delivered to the client in a variety of formats

Macromedia Generator l … What's the difference between Generator and Flash? l Generator delivers

Macromedia Generator l … What's the difference between Generator and Flash? l Generator delivers content in a variety of formats: GIF, JPG, PNG, Quick. Time and. swf l The main delivery method for Flash is a Macromedia Flash movie (. swf). l Integrate differently with databases and application servers

Macromedia Generator

Macromedia Generator

Scalable Vector Graphics (SVG) l An open-standard vector graphics language l Based on Extensible

Scalable Vector Graphics (SVG) l An open-standard vector graphics language l Based on Extensible Markup Language (XML) l High-resolution graphics for Web sites

Scalable Vector Graphics (SVG)

Scalable Vector Graphics (SVG)

Audio l Web pages are by no means limited to text and graphics… l

Audio l Web pages are by no means limited to text and graphics… l … but few mainstream Web sites include sound l CD-standard audio hogs up about 10 megabytes of bandwidth per minute

Audio l l MP 3 Wave MIDI Streaming Audio

Audio l l MP 3 Wave MIDI Streaming Audio

Video l MPEG l Quicktime (. mov) l AVI

Video l MPEG l Quicktime (. mov) l AVI

Adding Video to a Web Page <HTML> <HEAD><TITLE>GODZILLA® 2000</TITLE></HEAD> <BODY> <CENTER> <EMBED src='data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20415%20289%22%3E%3C/svg%3E' data-src="godzilla 2000_trailer

Adding Video to a Web Page <HTML> <HEAD><TITLE>GODZILLA® 2000</TITLE></HEAD> <BODY> <CENTER> <EMBED src="godzilla 2000_trailer 320. mov" width=320 height=255 BORDER="0" AUTOPLAY="TRUE" LOOP="FALSE" CONTROLLER="TRUE"> </CENTER> </BODY> </HTML>

Streaming Media l The media file begins playing while it is still downloading l

Streaming Media l The media file begins playing while it is still downloading l Real. Player, Flash and Shockwave also incorporate streaming audio l Creating Real. Audio files is easy l Must have a dedicated streaming media server to deliver content

Streaming versus Downloading l Streaming video has the advantage of realtime download and playback

Streaming versus Downloading l Streaming video has the advantage of realtime download and playback l At slow internet speeds quality may suffer l Downloading video offers high quality playback l Must download entire file before it can be viewed

Streaming Media l Real. Networks Real. Player l Microsoft Windows Media Player l Apple

Streaming Media l Real. Networks Real. Player l Microsoft Windows Media Player l Apple Quicktime

Emblaze

Emblaze

Thin Client Multimedia l Streaming Video for Phones Released June, 2000 l Media Player

Thin Client Multimedia l Streaming Video for Phones Released June, 2000 l Media Player for Palm Released July, 2000 l Streaming Video for Palm Released September, 2000

SMIL l Developed by the World Wide Web Consortium (W 3 C) l Enables

SMIL l Developed by the World Wide Web Consortium (W 3 C) l Enables the division of multimedia content into separate files and streams (audio, video, text, and images), l Sends streams to a user's computer individually l Displays streams together as if they were a single multimedia stream

Integrating Multimedia with Web. App l Web. App Server in no way interferes with

Integrating Multimedia with Web. App l Web. App Server in no way interferes with deploying any multimedia components in a web application l Multimedia delivery to cell phones, PDAs, other thin clients still not practical l Bandwidth available to user is critical in decision to deploy l Must serve the purpose of the Web. App