Multimedia Authoring1 Animation Animation File Formats Animated GIF It is a version of the GIF image format. GIF89a allows multiple images to be put into.

Slides:



Advertisements
Similar presentations
Web 2.0 Programming 1 © Tongji University, Computer Science and Technology. Web Web Programming Technology 2012.
Advertisements

Introducing Macromedia Flash MX 2004 – Lesson 11 Introducing Macromedia Flash MX 2004 Lesson 1.
Multimedia Authoring1 Animation What is Animation Animation is defined as the act of making something come alive. It is concerned with the visual or aesthetic.
Multimedia Authoring1 Understanding Web Templates Web Templates There are many collections of templates for web pages and web sites available for use free.
2.02F Publishing Animated Videos 2.02 Develop Computer Animations.
Chapter 10 Video.
Chapter 11 Media and Interactivity Basics Key Concepts Copyright © 2013 Terry Ann Morris, Ed.D 1.
Chapter 11 Media and Interactivity Basics Key Concepts
Charmaine NormanCopyright What Is a Web Page Presented by Webpagemaker. Net Left click your mouse to view each frame, Web Page.
HTML 5 and CSS 3, Illustrated Complete Unit K: Incorporating Video and Audio.
Unit 6 – Multimedia Element: Animation
1 Introduction to Computer Science بسم الله الرحمن الرحيم MULTIMEDIA LEVEL -9 King Khalid University Kingdom of Saudi Arabia Ministry of Higher Education.
3.02 Publishing Animations
Embedding Multimedia Content in WebPages Seth Subramanian.
Multimedia for the Web: Creating Digital Excitement Multimedia Element — Animation.
Chapter 8 – Part I Interactive Multimedia Authoring with Flash: Animation “Computers and Creativity” Richard D. Webster, COSC 109 Instructor Office: 7800.
1 Introducing Macromedia Flash MX – Lesson 1 Flash MX adds content and animation to Web pages Flash MX movies use vector graphics to reduce size and download.
Explaining the principles of web animation Gladys Nzita-Mak.
HYPERTEXT MARKUP LANGUAGE (HTML)
Section 9.1 Section 9.2 YOU WILL LEARN TO…
Chapter Objectives Explain Web page multimedia issues
Skill Area 212 Introduction to Multimedia Internet and MultiMedia for SC 2.
Chapter 11 Adding Media and Interactivity. Flash is a software program that allows you to create low-bandwidth, high-quality animations and interactive.
Web Design, 3 rd Edition 6 Multimedia and Interactivity Elements.
Copyright © 2012 Certification Partners, LLC -- All Rights Reserved Lesson 5: Multimedia on the Web.
Chapter 4 Dreamweaver: Part II The Web Warrior Guide to Web Design Technologies.
Sem 1 v2 Chapter 14: Layer 6 - The Presentation layer.
Dynamic Web Pages (Flash, JavaScript)
Institute of Technology Sligo - Dept of Computing Sem 1 Chapter 14: Layer 6 - The Presentation layer.
1 Lecture 12: Multimedia Not in Web 101 Text  Important Multimedia Issues  Audio  Movies and Video  Multimedia and HTML Documents.
1 SEG3120 Analysis and Design for User Interfaces Flash Anis Zarrad Parallel Simulations and Distributed Systems (PARADISE) Research Laboratory SITE, University.
2.02G Publishing Animated Videos 2.02 Develop Computer Animations.
Lights, Camera, Action! The Role of Multimedia in Web Applications Leading Multimedia Formats in Use Today What You Need to Know to Include Them in Your.
Chapter 13-Tools for the World Wide Web. Overview Web servers. Web browsers. Web page makers and site builders. Plug-ins and delivery vehicles. Beyond.
Audio and Video on the Web Presentation by Cheryl Deas and Pasha Souvorin Multimedia for Web Designers.
HTML Use of Multimedia on web page. HTML Media Q. How to call Image file in our web page ? A. That is the easy syntax for defining an image. 2.
Tutorial 7 Planning and Creating a Flash Web Site.
Animation Basic Concepts.
Introduction to Flash Animation CS 318. Topics Introduction to Flash and animation The Flash development environment Creating Flash animations  Layers.
File Format. Graphics file Format GIF (Graphics Interchange Format) JPEG (Joint Photographic Experts Group) PNG (Portable Network Graphics) TIFF (Tag.
File Format. Graphic file Format GIF –cross-platform compatibility –developed by CompuServe as a common format for exchanging bitmapped images between.
Multimedia and the Web.
Dynamic Web Pages Jin Wu INF 385E Information Architecture School of Information 11/2/2006 Jin Wu INF 385E Information Architecture School of Information.
Reading Flash. Training target: Read the following reading materials and use the reading skills mentioned in the passages above. You may also choose some.
Chap 14 Presentation Layer Andres, Wen-Yuan Liao Department of Computer Science and Engineering De Lin Institute of Technology
1 A Basic Introduction to Flash. Outline What is a flash? Macromedia Flash MX 2004 Flash concepts Flash Demos Conclusion Additional help 2.
Chapter 10. The Role of Video in Multimedia  Any presentation or application that uses sound and graphics qualifies as multimedia  Clip A segment of.
Chapter 11 Adding Media and Interactivity. Chapter 11 Lessons Introduction 1.Add and modify Flash objects 2.Add rollover images 3.Add behaviors 4.Add.
Layer 6 Presentation Layer. Overview Now that you have learned about Layer 5 of the OSI model, it is time to look at Layer 6, the presentation layer.
Advanced Website Design Professor: Jared Kozel Class Description: Are you already familiar with how to construct a basic Website? This class will teach.
Adobe Flash Professional CS5 – Illustrated Unit E: Optimizing and Publishing a Movie.
CHAPTER 8 Multimedia 1. Using Multimedia ❖ Multimedia: the combination of text, sound, and video to express an idea or convey a message. ❖ Podcasts: a.
Unit 6 – Multimedia Element: Animation
Section 9.1 Section 9.2 Identify multimedia design guidelines
Chapter 10 Multimedia and the Web.
Background Information
Animation Basic Concepts.
Chapter Lessons Understand the Macromedia Flash workspace
Web Programming– UFCFB Lecture 8
3.02 Publishing Animations
CHAPTER 8 Multimedia Authoring Tools
Dynamic Web Pages (Flash, JavaScript)
2.02G Publishing Animated Videos
2.02F Publishing Animated Videos
Objective % Explain concepts used to create digital animation.
Dynamic Web Pages Jin Wu INF 385E Information Architecture
Objective % Explain concepts used to create digital animation.
Lesson 5: Multimedia on the Web
Web Programming– UFCFB Lecture 8
Chapter Concepts Discuss Using Animation on the Web
Presentation transcript:

Multimedia Authoring1 Animation Animation File Formats Animated GIF It is a version of the GIF image format. GIF89a allows multiple images to be put into a single file and then be displayed as an animation in the Web browser.

Multimedia Authoring2 Animation File Formats Animated GIFs have several drawbacks. One concerns the user interface. GIF animations do not provide interface controls, so users have no easy way to stop a looping animation short of closing the browser window. Second, the animated GIF format does not perform interframe compression, which means that if you create a ten-frame animation and each frame is a 20 KB GIF, you'll be putting a 200 KB file on your page.

Multimedia Authoring3 Animation File Formats SWF A compressed Adobe Flash file Small files which support streaming Movies built of mainly two elements: vector based objects and images. SWF files are typically derived from a FLA file (Flash Project File) It drew attention early for its ability to create animations that were fairly compact and fast-loading. Subsequently, Flash has become more sophisticated, with a powerful scripting language (called ActionScript) Flash can incorporate sound and video.

Multimedia Authoring4 Animation File Formats Quicktime (MOV) Apple’s animation and movie file format Need quicktime player to play.mov files MPEG MPEG files tend to be much smaller but with good quality as they use sophisticated compression techniques AVI Microsoft’s animation and movie file format Compression is not as high as some other formats therefore downloading time can be an issue Conversion programs exist to allow you to convert AVI to other formats

Multimedia Authoring5 Animation Flash and Website Design 1. Information embedded in Flash is often invisible to search engines. 2. Website reporting on Flash navigation is problematic and cumbersome. 3. Flash breaks web usability standards. 4. Lack of consistent cross platform support. 5. Code embedding Flash objects doesn’t pass w3c validation. 6. Some users disable Flash to avoid flash based advertising. 7. Website updates continually require Flash skills 8. Flash breaks Search Engine Site Previews

Multimedia Authoring6 Animation SUMMARY There is a place for animation on the Web. Simple animation on a Web site's main home page can provide just the right amount of visual interest to invite users to explore your materials. Animation can also be useful in illustrating concepts or procedures, such as change over time. When you have animation that relates to the content of your site, one way to minimize the potential distraction is to present the animation in a secondary window. This technique offers a measure of viewer control: readers can open the window to view the animation and then close the window when they're finished.

Multimedia Authoring7 Animation REFERENCES Adobe CS4 Video Workshop Vaughan, T. (2008) Multimedia: Making IT Work, 7 th Ed. New York: McGraw- Hill, Chapter 7 and pages