Multimédia a Weben. Gyakori fájl formátumok. Multimédia és a Web

Size: px
Start display at page:

Download "Multimédia a Weben. Gyakori fájl formátumok. Multimédia és a Web"

Transcription

1 THE INTERNET,mapped on the opposite page, is a scalefree network in that Multimédia a Weben Gyakori fájl formátumok dis.'~tj port,from BYALBERTU\SZLOBARABASI ANDERICBONABEAU THE INTERNET,mapped on the opposite page, is a scalefree network in that BYALBERTU\SZLOBARABASI ANDERICBONABEAU 2 Multimédia és a Web Egy objektum többfajta médiumból áll szöveg, grafika, hang, animáció Web hagyományosan szöveg és képek újabban összes digitális média interaktív elemek inline vagy helper application

2 THE INTERNET,mapped on the opposite page, is a scalefree network in that BYALBERTU\SZLOBARABASI ANDERICBONABEAU 3 Képfájlok tartalom vonalas ábrák, grafika fotók technológia raszter vektoros THE INTERNET,mapped on the opposite page, is a scalefree network in that BYALBERTU\SZLOBARABASI ANDERICBONABEAU 4 Elterjedt formátumok (xbmp) X rendszerek natív formátuma gif vonalas raszter grafika átlátszóság animáció jpeg veszteséges tömörítés fotók png ISO szabvány, hordozható raszter grafika svg vektoros XML alkalmazás interakció

3 THE INTERNET,mapped on the opposite page, is a scalefree network in that BYALBERTU\SZLOBARABASI ANDERICBONABEAU 5 GIF formátum CompuServe indexed color 18 bites paletták 87a LZW tömörítés interlacing multiple images 89a transparency delay times THE INTERNET,mapped on the opposite page, is a scalefree network in that BYALBERTU\SZLOBARABASI ANDERICBONABEAU 6 JPEG formátum veszteséges tömörítés DCT>kvantálás>veszteségmentes tömörítés progressive JPEG mellékhatások MIME image/jpeg

4 THE INTERNET,mapped on the opposite page, is a scalefree network in that JPEG formátum 7 tömörítési mellékhatások BYALBERTU\SZLOBARABASI ANDERICBONABEAU THE INTERNET,mapped on the opposite page, is a scalefree network in that BYALBERTU\SZLOBARABASI ANDERICBONABEAU 8 PNG formátum veszteségmentes tömörítés LZ nem szabadalmaztatott indexed color, grayscale, truecolor 116 bit/pixel alfa csatorna mime: image/png

5 THE INTERNET,mapped on the opposite page, is a scalefree network in that 9 PNG formátum (folyt.) BYALBERTU\SZLOBARABASI ANDERICBONABEAU SVG formátum 10 THE INTERNET,mapped on the opposite page, Webtechnológia is a scalefree network in that 1 2D grafika leírása XMLben BYALBERTU\SZLOBARABASI ANDERICBONABEAU alakzatok szöveg beágyazott raszter grafika animáció interakció hardcopy output jelenleg plugin szükséges

6 THE INTERNET,mapped on the opposite page, is a scalefree network in that 11 SVG példa <svg id="svgroot" width="100%" height="100%" viewbox=" " version="1.1" baseprofile="tiny" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http:// preserveaspectratio="xmidymid meet" zoomandpan="magnify"> <title id="testtitle">animateelem19t</title> <desc id="testdesc">test possible values for 'keytimes'</desc> <!======================================================================> <!Content of Test Case follows... =====================> <!======================================================================> <g id="testbodycontent"> <text fontfamily="arial" fill="red" fontsize="40" x="3" y="45" startoffset="0">calcmode="linear"</text> <text fontfamily="arial" fill="red" fontsize="40" x="3" y="100" startoffset="0">keytimes="0;.5;.75;1"</text> <g xml:space="preserve" fontfamily="arial" fontsize="13.5" strokewidth="3"> <g transform="translate(150,140)"> <text fontsize="36" x="140" y="140" startoffset="0">time (s):</text> <text fontsize="36" x="290" y="140" startoffset="0">0</text> <line x1="300" y1="0" x2="300" y2="100" fill="none" stroke="#880000"/> <text fontsize="36" x="245" y="140" startoffset="0">4</text> <line x1="255" y1="0" x2="255" y2="100" fill="none" stroke="#880000"/> <text fontsize="36" x="170" y="140" startoffset="0">6</text> <line x1="180" y1="0" x2="180" y2="100" fill="none" stroke="#880000"/> <text fontsize="36" x="20" y="140" startoffset="0">8</text> <line x1="30" y1="0" x2="30" y2="100" fill="none" stroke="#880000"/> <rect x="0" y="0" width="300" height="80" fill="#44aaff" stroke="#880088" strokewidth="4"> <animate attributename="width" calcmode="linear" values="300;255;180;30" keytimes="0;.5;.75;1" begin="0s" dur="8s" fill="freeze" accumulate="none" ;i~e~tu"eg~ye'l"rne(;lb9.$ha redorganili additive="replace" ngprincipies. restart="always"/> </rect> </g> BYALBERTU\SZLOBARABASI ANDERICBONABEAU </g> </g> <text id="revision" x="10" y="340" fontsize="40" stroke="none" fill="black" startoffset="0">$revision: 1.4 $</text> <rect id="testframe" x="1" y="1" width="478" height="358" fill="none" stroke="#000000"/> </svg> THE INTERNET,mapped on the opposite page, is a scalefree network in that 12 BYALBERTU\SZLOBARABASI ANDERICBONABEAU Audio fájlok au jó tömörítés 8 kbps még elfogadható min!ség midi hangszervezérl! interface wave nincs tömörítés jó min!ség

7 THE INTERNET,mapped on the opposite page, is a scalefree network in that 13 BYALBERTU\SZLOBARABASI ANDERICBONABEAU Video fájlok download QuickTime mov mpeg avi (codecek) streaming QT mov mpeg RealNetworks rm Windows Media wmf Sávszélesség THE INTERNET,mapped on the opposite page, is a scalefree network in that 14 BYALBERTU\SZLOBARABASI ANDERICBONABEAU Apple QuickTime Fájlformátum többféle adatformátum JPEG/JFIF, GIF, BMP, PNG, Cinepak, MPEG, H.261, H.263 AU, IMA, G.728, G.722, MPEG Runtime architektúra több platform Macintosh, Windows, SGI, OS/2

8 a 15 QuickTime THE INTERNET,mapped on the opposite page, is a scalefree network in that traces the shortest routes from a test Web sinho about 100,000 others, Movie Media data Video, audio etc. data Track (media stream) Low bit rate media Text 3D Music/MIDI Sprite/Animation Tween using like colors for similar Web addresses. s J;i~e~tu"eg~Ye'l"rne(;lb9.$ha red organili ng principies. t m a BYALBERTU\SZLO BARABASI ANDERICBONABEAU 16 QuickTime (folyt.) THE INTERNET,mapped on the opposite page, is a scalefree network in that traces the shortest routes from a test Web sinho about 100,000 others, Interaktivitás interactivity objects URLs QT VR Streaming QuickTime Streaming Server QuickTime Broadcaster MPEG4 (RTSP, RTP) Shoutcast/Icecast (HTTP) using like colors for similar Web addresses. s J;i~e~tu"eg~Ye'l"rne(;lb9.$ha red organili ng principies. t m BYALBERTU\SZLO BARABASI ANDERICBONABEAU

9 THE INTERNET,mapped on the opposite page, is a scalefree network in that 17 Média streaming web server streaming server BYALBERTU\SZLOBARABASI ANDERICBONABEAU client1 client2 broadcaster THE INTERNET,mapped on the opposite page, is a scalefree network in that 18 BYALBERTU\SZLOBARABASI ANDERICBONABEAU Média streaming Streaming beágyazása web tartalomba browser letölti a metafilet (HTTP) browser elindítja a lejátszó alkalmazást, átadja a metafilet lejátszó kapcsolódik a szerverre (RTSP) szerver streameli az audiot/videot a lejátszónak (RTP)

10 THE INTERNET,mapped on the opposite page, is a scalefree network in that 19 BYALBERTU\SZLOBARABASI ANDERICBONABEAU Webcasting web kommentár periódikusan frissített szöveg, képek el!adás slideok kapcsolódó anyagok (fájlok) él! média stream audio video visszacsatolás THE INTERNET,mapped on the opposite page, is a scalefree network in that 20 BYALBERTU\SZLOBARABASI ANDERICBONABEAU Interaktív megoldások HTML és a browser nyújtotta interfész nem elég rich content>rich client interfész, interakció multimédia elemek megoldások Shockwave Flash Java appletek...

11 THE INTERNET,mapped on the opposite page, is a scalefree network in that 21 BYALBERTU\SZLOBARABASI ANDERICBONABEAU Macromedia Shockwave Macromedia Director frame alapú szerepl! orientált multimédia fejleszt!rendszer Lingo programozási nyelv Shockwave hálózatra optimalizált tartalom (afterburner) plugin lejátszó (player) Authorware bonyolult logikájú multimédia tartalom, oktatási anyagok Macromedia Shockwave 22 THE INTERNET,mapped on the opposite page, Webtechnológia is a scalefree network in that 1 oldal területén rögzített pozíció és méret BYALBERTU\SZLOBARABASI ANDERICBONABEAU Director Authorware

12 a Macromedia Flash 23 THE INTERNET,mapped on the opposite page, is a scalefree network in that traces the shortest routes from a test Web sinho about 100,000 others, using like colors for similar Web addresses. frame alapú szerepl! orientált Internetes multimédia fejleszt!rendszer vektor grafika ActionScript programozási nyelv preinstallált player menük, bannerek, játékok s J;i~e~tu"eg~Ye'l"rne(;lb9.$ha red organili ng principies. t m a BYALBERTU\SZLO BARABASI ANDERICBONABEAU Macromedia Flash 24 THE INTERNET,mapped on the opposite page, is a scalefree network in that traces the shortest routes from a test Web sinho about 100,000 others, megjelenés oldalba ágyazva vagy az using like colors for similar Web addresses. macromedia FLASH 5 oldal el!tt menük kialakítása The Professional Standard for Producing HighImpact Web Experiences Top, hightrafficked sites use Macromedia Flash to produce engaging experiences that attract and excite Web users. A familiar and intuitive Macromedia user interface makes it easy for designers to create engaging graphics, while powerful scripting, input forms, and serverside connectivity allows developers to create advanced Web applications. Work as a team with reusable objects and sharing files, use Macromedia Generator for personalizing Flash content, and integrate Web production through connectivity with Macromedia Dreamweaver, Macromedia Fireworks and Macromedia FreeHand. Familiar Tabbed docking panels provide an intuitive and productive design environment. s J;i~e~tu"eg~Ye'l"rne(;lb9.$ha red organili ng principies. Collaboration t Manage assets and collaborate during production m drugdevelopmentto Internetthe security process with Shared Symbol Libraries. BYALBERTU\SZLO BARABASI ANDERICBONABEAU Pen Tool Native Pen and SubSelection tools allow precise creation and editing of vector graphics. Movie Explorer ActionScript

13 a 25 Adobe Acrobat THE INTERNET,mapped on the opposite page, is a scalefree network in that traces the shortest routes from a test Web sinho about 100,000 others, Portable Document Format standard elektronikus dokumentum formátum tetsz!leges forrás platformfüggetlen olvasás fontok beágyazása linkek "rlapok annotáció using like colors for similar Web addresses. s J;i~e~tu"eg~Ye'l"rne(;lb9.$ha red organili ng principies. t m a BYALBERTU\SZLO BARABASI ANDERICBONABEAU 26 Virtuális valóság THE INTERNET,mapped on the opposite page, is a scalefree network in that traces the shortest routes from a test Web sinho about 100,000 others, komputer generálta interaktív környezetek immersive desktop multiszenzoros cyberspace using like colors for similar Web addresses. s J;i~e~tu"eg~Ye'l"rne(;lb9.$ha red organili ng principies. t m BYALBERTU\SZLO BARABASI ANDERICBONABEAU

14 THE INTERNET,mapped on the opposite page, is a scalefree network in that 27 VRML BYALBERTU\SZLOBARABASI ANDERICBONABEAU sgi OpenGL (3D API) Open Inventor (highlevel language) IRIS Performer (visual database, OO API) software rendering VRML 3D on the web hierarchical scenegraph objects nodes THE INTERNET,mapped on the opposite page, is a scalefree network in that 28 BYALBERTU\SZLOBARABASI ANDERICBONABEAU nodes shapes appearance geometry groups transforms events interpolators viewpoints VRML (folyt.)

15 THE INTERNET,mapped on the opposite page, is a scalefree network in that 29 BYALBERTU\SZLOBARABASI ANDERICBONABEAU Playerek önálló plugin navigáció walk fly study VRML (folyt.) THE INTERNET,mapped on the opposite page, is a scalefree network in that } geometry Cylinder { radius 0.5 height 2.0 } }, # Branches Transform { translation children Shape { appearance USE White geometry Cone { BYALBERTU\SZLOBARABASI ANDERICBONABEAUbottomRadius 2.0 height 4.0 } } } ] } 30 #VRML V2.0 utf8 # The VRML 2.0 Sourcebook # Copyright (c) 1997 # Andrea L. Ames, David R. Nadeau, and John L. Moreland # Tree Transform { translation scale center children [ # Trunk Shape { appearance DEF White Appearance { material Material { } VRML (pl.)

Outline. CIW Web Design Specialist. Course Content

Outline. CIW Web Design Specialist. Course Content CIW Web Design Specialist Description The Web Design Specialist course (formerly titled Design Methodology and Technology) teaches you how to design and publish Web sites. General topics include Web Site

More information

Web Design Specialist

Web Design Specialist UKWDA Training: CIW Web Design Series Web Design Specialist Course Description CIW Web Design Specialist is for those who want to develop the skills to specialise in website design and builds upon existing

More information

Introduction... Learn to insert event sounds and streaming sounds and to change the effects for a sound... 69

Introduction... Learn to insert event sounds and streaming sounds and to change the effects for a sound... 69 1997 1999 Macromedia, Inc. All rights reserved. Macromedia, the Macromedia logo, Dreamweaver, Director, Fireworks, Flash, Fontographer, FreeHand, and Xtra are trademarks or registered trademarks of Macromedia,

More information

CURRICULUM MAP. Web Design I Mr. Gault

CURRICULUM MAP. Web Design I Mr. Gault CURRICULUM MAP Web Design I Mr. Gault MONTH August- September ESSENTIAL QUESTIONS What is HTML and how is it used in today s web design? How is Dreamweaver used to create web pages? HTML TOPIC Dreamweaver

More information

Fireworks 3 Animation and Rollovers

Fireworks 3 Animation and Rollovers Fireworks 3 Animation and Rollovers What is Fireworks Fireworks is Web graphics program designed by Macromedia. It enables users to create any sort of graphics as well as to import GIF, JPEG, PNG photos

More information

Graphic Design & PHOTOSHOP COURSE

Graphic Design & PHOTOSHOP COURSE Graphic Design & PHOTOSHOP COURSE WITH KBM MEDIA Web: www.kbmmediasolutions.com Email: info@kbmmediasolutions.com GRAPHIC DESIGN COURSES Illustrator CS5 Fundamental Course Outline Our course Illustrator

More information

Chapter 10: Multimedia and the Web

Chapter 10: Multimedia and the Web Understanding Computers Today and Tomorrow 12 th Edition Chapter 10: Multimedia and the Web Learning Objectives Define Web-based multimedia and list some advantages and disadvantages of using multimedia.

More information

8 Commercial Streaming Systems An Overview

8 Commercial Streaming Systems An Overview 8 Commercial Streaming Systems An Overview 8.1 RealNetworks 8.2 Apple QuickTime 8.3 Windows Media Literature: Tobias Künkel: Streaming Media Technologien, Standards, Anwendungen, Addison-Wesley 2001 David

More information

Develop Computer Animation

Develop Computer Animation Name: Block: A. Introduction 1. Animation simulation of movement created by rapidly displaying images or frames. Relies on persistence of vision the way our eyes retain images for a split second longer

More information

Flash Is Your Friend An introductory level guide for getting acquainted with Flash

Flash Is Your Friend An introductory level guide for getting acquainted with Flash Flash Is Your Friend An introductory level guide for getting acquainted with Flash by Tom Krupka A Brief History: Adobe Flash, which was previously called Macromedia Flash, is a set of multimedia technologies

More information

Producing with Camtasia

Producing with Camtasia 1 Producing with Camtasia Before You Begin Producing Before you begin to produce your video you need to decide how it will be shared; web based, CD, DVD. Once you have decided how you are going to share

More information

Copyright 2002-2003 Kinoma Inc. All rights reserved.

Copyright 2002-2003 Kinoma Inc. All rights reserved. Kinoma Producer 2 Version 2.0 Copyright 2002-2003 Kinoma Inc. All rights reserved. Before using this software, please read the End User License Agreement that is supplied together with this software. http://www.kinoma.com

More information

New Media Flash online Assignment 2

New Media Flash online Assignment 2 Flash online Students: Anna Palm Hanna Åstrand Lecturer: Thomas Pederson Index New Media INTRODUCTION...3 HISTORY...3 VERSIONS...4 ARCHITECTURE...5 FLASH AUTHORING ENVIRONMENT...5 FLASH PLAYER...7 COURSE

More information

Deepak Patil (Technical Director) pdeepak@iasys.co.in iasys Technologies Pvt. Ltd.

Deepak Patil (Technical Director) pdeepak@iasys.co.in iasys Technologies Pvt. Ltd. Deepak Patil (Technical Director) pdeepak@iasys.co.in iasys Technologies Pvt. Ltd. The term rich Internet application (RIA) combines the flexibility, responsiveness, and ease of use of desktop applications

More information

MM Page 2/10 Attributes: Font, Size, Width, Color, Style (italics, bold, etc.) However, attribute information is not inherent in the encoding method a

MM Page 2/10 Attributes: Font, Size, Width, Color, Style (italics, bold, etc.) However, attribute information is not inherent in the encoding method a MM Page 1/10 1. Multimedia Building Blocks I The ability to access information stored as different media depends on the availability of standard data formats that is understood by most applications in

More information

Adobe Creative Suite 4 Web Standard

Adobe Creative Suite 4 Web Standard Channel Copy Adobe Creative Suite 4 Web Standard The following copy blocks can be used in web pages, catalogs, print ads, or other promotional materials for Adobe Creative Suite 4 Web Standard software.

More information

Creating a Web Page in Flash

Creating a Web Page in Flash Creating a Web Page in Flash Introduction Animation is becoming one of the critical components of Web site design, and the demand for animation on Web sites is getting higher. Flash, which integrates audio

More information

IT4404 - Fundamentals of Multimedia (Optional)

IT4404 - Fundamentals of Multimedia (Optional) - Fundamentals of Multimedia (Optional) INTRODUCTION This is one of the three optional courses designed for Semester 4 of the Bachelor of Information Technology Degree program. This course provides the

More information

SYLLABUS & COURSE OUTLINE

SYLLABUS & COURSE OUTLINE 1 GENERAL INFORMATION SYLLABUS & COURSE OUTLINE Course Title and Number: CMAT 212-WF1 (5073) Interactive Multimedia Design Instructor s Name: James House, Jr. Office Phone: 301-784-5308 e-mail: jhouse@allegany.edu

More information

CDME 1001: Communication Skills for Digital Media. Creating Multimedia, Web Pages and Animation

CDME 1001: Communication Skills for Digital Media. Creating Multimedia, Web Pages and Animation CDME 1001: Communication Skills for Digital Media Creating Multimedia, Web Pages and Animation Multimedia, Web Pages and Animation With the advent of digital technology and development of production applications

More information

ITD 210 EXAM 1 STUDY GUIDE

ITD 210 EXAM 1 STUDY GUIDE ITD 210 EXAM 1 STUDY GUIDE FINAL EXAM: ADOBE WEB COMMUNICATION USING DREAMWEAVER CS3 OBJECTIVES Domain 1.0 Setting Project Requirements 1.1 Identify the purpose, audience, and audience needs for a website.

More information

Photoshop Elements Web Photo Gallery Photoshop Elements Week 10 Create a Web Gallery, Printing, and File Delivery Create a Web Gallery Save For Web

Photoshop Elements Web Photo Gallery Photoshop Elements Week 10 Create a Web Gallery, Printing, and File Delivery Create a Web Gallery Save For Web the original and the optimized one. Choose a format from the file format menu - GIF, JPEG, PNG 8, or PNG 24. (see Web Formats at the end of this handout) When you save for web, you are not saving over

More information

Computers Are Your Future Eleventh Edition Chapter 5: Application Software: Tools for Productivity

Computers Are Your Future Eleventh Edition Chapter 5: Application Software: Tools for Productivity Computers Are Your Future Eleventh Edition Chapter 5: Application Software: Tools for Productivity Copyright 2011 Pearson Education, Inc. Publishing as Prentice Hall 1 All rights reserved. No part of this

More information

Outline. 1.! Development Platforms for Multimedia Programming!

Outline. 1.! Development Platforms for Multimedia Programming! Outline 1.! Development Platforms for Multimedia Programming! 1.1.! Classification of Development Platforms! 1.2.! A Quick Tour of Various Development Platforms! 2.! Multimedia Programming with Python

More information

HearForm10. Office Management Software. Electronic Medical Records

HearForm10. Office Management Software. Electronic Medical Records HearForm10 Office Management Software Electronic Medical Records HearForm offers an efficient process to implement Electronic Medical Records How does HearForm work with Electronic Medical Records? (Please

More information

Research on HTML5 in Web Development

Research on HTML5 in Web Development Research on HTML5 in Web Development 1 Ch Rajesh, 2 K S V Krishna Srikanth 1 Department of IT, ANITS, Visakhapatnam 2 Department of IT, ANITS, Visakhapatnam Abstract HTML5 is everywhere these days. HTML5

More information

Ad Unit Dimensions / Ad sizes Max File Size GIF / JPEG Max File Size HTML 5 / Flash 40 KB 40 KB 40 KB 40 KB 40KB 40KB 40KB. 50KB *Premium ad formats

Ad Unit Dimensions / Ad sizes Max File Size GIF / JPEG Max File Size HTML 5 / Flash 40 KB 40 KB 40 KB 40 KB 40KB 40KB 40KB. 50KB *Premium ad formats Ad Specifications Standard HTML 5 / GIF / JPEG & Flash Dimensions / Ad sizes Max File GIF / JPEG Max File HTML 5 / Flash Banner 468 x 60 Medium Rectangle Skyscraper 120 x 600 Wide Skyscraper 160 x 600

More information

EventCentre : Getting Started with the Universal Communications. Universal Communications Format Toolkit Overview. How UCF Works

EventCentre : Getting Started with the Universal Communications. Universal Communications Format Toolkit Overview. How UCF Works EventCentre : Getting Started with the Universal Communications InterCall, in partnership with WebEx, provides EventCentre web conferencing services. Because EventCentre is powered by WebEx, this guide

More information

Adobe Dreamweaver Exam Objectives

Adobe Dreamweaver Exam Objectives Adobe Dreamweaver audience needs for a website. 1.2 Identify webpage content that is relevant to the website purpose and appropriate for the target audience. 1.3 Demonstrate knowledge of standard copyright

More information

Creative Cloud for Web Design

Creative Cloud for Web Design Creative Cloud for Web Design Level: Duration: Time: Cost: Fast Track - Introduction 5 Days 9:30 AM - 4:30 PM 997 Overview Like the Dreamweaver Jumpstart course, the Creative Suite for Web Design course

More information

Part I. Web Technologies for Interactive Multimedia

Part I. Web Technologies for Interactive Multimedia Multimedia im Netz Wintersemester 2009/2010 Part I Web Technologies for Interactive Multimedia Ludwig-Maximilians-Universität München Prof. Hußmann Multimedia im Netz 2-1 2 Media on the Web 2.1 Media Embedding

More information

Adobe Creative Suite: Introduction for Web Design

Adobe Creative Suite: Introduction for Web Design coursemonster.com/uk Adobe Creative Suite: Introduction for Web Design View training dates» Overview Website design can be confusing to get started with. But with our Adobe Certified Instructor led class

More information

Windows Embedded Compact 7 Multimedia Features 1

Windows Embedded Compact 7 Multimedia Features 1 Windows Embedded Compact 7 Multimedia Features 1 Windows Embedded Compact 7 Multimedia Features Windows Embedded Compact 7 Technical Article Writers: Dion Hutchings Published: March 2011 Applies To: Windows

More information

Web Design Scope and Sequence Student Outcomes (Objectives Skills/Verbs)

Web Design Scope and Sequence Student Outcomes (Objectives Skills/Verbs) Title/ Length of Unit Resources: Standard/ Strand Essential Questions 1. recur throughout life 2. are key inquiries within discipline 3. help student make sense of core content Web Design Scope and Sequence

More information

Rich Internet Applications

Rich Internet Applications Rich Internet Applications Prepared by: Husen Umer Supervisor: Kjell Osborn IT Department Uppsala University 8 Feb 2010 Agenda What is RIA? RIA vs traditional Internet applications. Why to use RIAs? Running

More information

Multimedia-Programmierung Übung 5

Multimedia-Programmierung Übung 5 Multimedia-Programmierung Übung 5 Ludwig-Maximilians-Universität München Sommersemester 2011 Ludwig-Maximilians-Universität München Multimedia-Programmierung 4-1 Today SVG o Text o Drawing o Animations

More information

Chapter 4. Specialized Application Software. McGraw-Hill/Irwin. Copyright 2008 by The McGraw-Hill Companies, Inc. All rights reserved.

Chapter 4. Specialized Application Software. McGraw-Hill/Irwin. Copyright 2008 by The McGraw-Hill Companies, Inc. All rights reserved. Chapter 4 Specialized Application Software McGraw-Hill/Irwin Copyright 2008 by The McGraw-Hill Companies, Inc. All rights reserved. Competencies (Page 1 of 2) Describe graphics software, including desktop

More information

Flash MX Image Animation

Flash MX Image Animation Flash MX Image Animation Introduction (Preparing the Stage) Movie Property Definitions: Go to the Properties panel at the bottom of the window to choose the frame rate, width, height, and background color

More information

Transmitting Video Images in XML Web Service

Transmitting Video Images in XML Web Service Transmitting Video Images in XML Web Service Francisco Prieto, Antonio J. Sierra, María Carrión García Departamento de Ingeniería de Sistemas y Automática Área de Ingeniería Telemática Escuela Superior

More information

JavaFX Session Agenda

JavaFX Session Agenda JavaFX Session Agenda 1 Introduction RIA, JavaFX and why JavaFX 2 JavaFX Architecture and Framework 3 Getting Started with JavaFX 4 Examples for Layout, Control, FXML etc Current day users expect web user

More information

Compression and File Formats. Compressing Moving Images. Why and where to compress

Compression and File Formats. Compressing Moving Images. Why and where to compress Compression and File Formats 1 Compressing Moving Images Moving versus still images: Temporal as well as spatial compression Data transfer rates are critical How much data is needed to maintain 24 frames/sec?

More information

Advanced Web Technologies

Advanced Web Technologies CSS HTML DHTML PHP MySQL Java CSS & Other Advanced Web Technologies presented by Ouida McIlhinney Javascript SSI XML XHTML CSS HTML Introduction to Advance Web Technologies 1. HTML as a Design Tool Tables,

More information

Animation. Basic Concepts

Animation. Basic Concepts Animation Basic Concepts What is animation? Animation is movement of graphics or text Some common uses of animation include: Advertising o Example: Web site advertisements that are animated to attract

More information

Felhasználói élmény kialakítása

Felhasználói élmény kialakítása THE INTERNET,mapped on the opposite page, is a scalefree network in that Felhasználói élmény kialakítása A webfejlesztési folyamat (Jesse James Garrett: The elements of user experience) dis.'~tj port,from

More information

Program: Module 1: What is streaming? Video and Internet Transmissions protocols

Program: Module 1: What is streaming? Video and Internet Transmissions protocols Video Streaming Ing. Marco Bertini - Ing. Gianpaolo D Amico Università degli Studi di Firenze Via S. Marta 3-50139 - Firenze - Italy Tel.: +39-055-4796540 Fax: +39-055-4796363 E-mail: bertini@dsi.unifi.it

More information

How to add rich media to a web page

How to add rich media to a web page Adobe Dreamweaver CS6 Project 3 guide How to add rich media to a web page To add interest and interactivity, you can easily add rich media to web pages. Rich media includes most kinds of video, Flash videos,

More information

The Design of Multimedia Interactive Courseware Based on FLASH ZHU Xiaowei 1, a

The Design of Multimedia Interactive Courseware Based on FLASH ZHU Xiaowei 1, a International Conference on Education, Management and Computing Technology (ICEMCT 2015) The Design of Multimedia Interactive Courseware Based on FLASH ZHU Xiaowei 1, a 1 Wuhan Polytechnic, Wuhan 430074,

More information

THE TOWERS@5 Digital LED Displays

THE TOWERS@5 Digital LED Displays THE TOWERS@5 Digital LED Displays System capabilities and content production specifications Version 1 May 2015 1. Overview Five towers with a total of 7 LED display screens 5 landside facing and 2 airside

More information

How to use Adobe Media Encoder CS6

How to use Adobe Media Encoder CS6 How to use Adobe Media Encoder CS6 Adobe Media Encoder CS6 converts sequences and clips into media suited for distribution on the web or on DVDs, ipods, tablets, cell phones, and other mobile devices.

More information

Java in Education. Choosing appropriate tool for creating multimedia is the first step in multimedia design

Java in Education. Choosing appropriate tool for creating multimedia is the first step in multimedia design Java in Education Introduction Choosing appropriate tool for creating multimedia is the first step in multimedia design and production. Various tools that are used by educators, designers and programmers

More information

Using Multimedia. Characteristics of sound files. Linked versus embedded files

Using Multimedia. Characteristics of sound files. Linked versus embedded files Linked versus embedded files When utilitizing multimedia files such as sound or movies in Powerpoint, Powerpoint can either embed them fully in the Powerpoint file (as it does with still images), or simply

More information

Adobe Certified Expert Program

Adobe Certified Expert Program Adobe Certified Expert Program Product Proficiency Exam Bulletin Adobe Flash CS4 Exam Exam # 9A0-092 ACE Certification Checklist The checklist below will help guide you through the process of obtaining

More information

GE Transportation Business Intelligence Release Notes

GE Transportation Business Intelligence Release Notes GE Transportation Business Intelligence Release Notes 4Q Model Period 2014 November 2014 Business Intelligence Upgrade... 2 Overview... 2 New Functionality... 2 Supported Java... 2 Supported Browsers...

More information

Media Object Production - Hardware and Software Tools

Media Object Production - Hardware and Software Tools Lesson 8 Media Object Production - Hardware and Software Tools Concept of Media Object Production Process of CM Media Object Production Audio Production Video Production - Capturing - Editing - Compressing

More information

Information Technology Cluster

Information Technology Cluster Web and Digital Communications Pathway Information Technology Cluster 3D Animator This major prepares students to utilize animation skills to develop products for the Web, mobile devices, computer games,

More information

Step into the Future: HTML5 and its Impact on SSL VPNs

Step into the Future: HTML5 and its Impact on SSL VPNs Step into the Future: HTML5 and its Impact on SSL VPNs Aidan Gogarty HOB, Inc. Session ID: SPO - 302 Session Classification: General Interest What this is all about. All about HTML5 3 useful components

More information

Attendance and Grading Please see the CART attendance and grading policies.

Attendance and Grading Please see the CART attendance and grading policies. CART/CISC 219, Web Design I SUMMER 2004 Mondays & Wednesdays, 6-9pm Instructor: Jaime Snyder e: jaimesnyder@mindspring.com t: 347-351-8528 Office hours: Wednesday, 5-6pm Catalog Description This course

More information

Anime Studio Debut vs. Pro

Anime Studio Debut vs. Pro vs. Animation Length 2 minutes (3000 frames) Unlimited Motion Tracking 3 Points Unlimited Audio Tracks 2 Tracks Unlimited Video Tracks 1 Track Unlimited Physics No Yes Poser scene import No Yes 3D layer

More information

Fetch TV My Media Hub Quick Start Guide for USB Devices. Sharing your media content with the set top box from a USB device

Fetch TV My Media Hub Quick Start Guide for USB Devices. Sharing your media content with the set top box from a USB device Fetch TV My Media Hub Quick Start Guide for USB Devices Sharing your media content with the set top box from a USB device Contents Contents Contents 2 Welcome to your My Media Hub 3 With My Media Hub you

More information

Getting Started with WebEx Universal Communications Toolkit

Getting Started with WebEx Universal Communications Toolkit This guide provides instructions on installing the WebEx Universal Communications Toolkit. It also provides basic instructions on using the toolkit to help you get started in creating Universal Communications

More information

DREAMWEAVER 6 Inserting Media Objects Media Object Types Plug-In Linking to media objects

DREAMWEAVER 6 Inserting Media Objects Media Object Types Plug-In Linking to media objects DREAMWEAVER 6 Inserting Media Objects About media objects Media Object Types: Flash movies Quicktime movies Audio/video files Java applets Anything requiring a Plug-in. Plug-In: special browser extensions

More information

Understanding Animation

Understanding Animation Understanding Animation Characters and figures that move about the screen and even talk can be a lively addition to a presentation. The two most common ways to add animation to your presentation are animated

More information

Useful Utilities. Here are links to free third party applications that we use and recommend.

Useful Utilities. Here are links to free third party applications that we use and recommend. Useful Utilities Here are links to free third party applications that we use and recommend. Ad-Aware This is an amazingly useful free product from Lavasoft. Ad-Aware is a multi spyware removal utility

More information

macromedia USING IMAGE MAPS AND SLICING When you finish this lesson, you will understand: image maps disjointed rollovers and you will have learned:

macromedia USING IMAGE MAPS AND SLICING When you finish this lesson, you will understand: image maps disjointed rollovers and you will have learned: LESSON 9: USING IMAGE MAPS AND SLICING OBJECTIVES When you finish this lesson, you will understand: image maps disjointed rollovers and you will have learned: how to create image maps and hotspots how

More information

ipad, a revolutionary device - Apple

ipad, a revolutionary device - Apple Flash vs HTML5 ipad, a revolutionary device Apple Lightweight and portable Sufficient battery life Completely Wireless Convenient multitouch interface Huge number of apps (some of them are useful) No Flash

More information

INTERACTIVE PDF in InDesignCS3

INTERACTIVE PDF in InDesignCS3 INTERACTIVE PDF in InDesignCS3 March 5th s User Group Meeting in NJ, Mary J. Belthoff from doubleclick first,llc demonstrated many of the Interactive Features in InDesign. The sample art was a layout of

More information

Note: Animations can only be produced with the Premium version.

Note: Animations can only be produced with the Premium version. Web Animations Web Animations 273 On the move. Web Animations in Xara Web Designer Premium Note: Animations can only be produced with the Premium version. Web animations are images that move on the Internet

More information

Third-Party Patches Product List Below is a list of third-party applications supported by Holoweb Desktop and Server Agents.

Third-Party Patches Product List Below is a list of third-party applications supported by Holoweb Desktop and Server Agents. Third-Party Patches Product List Below is a list of third-party applications supported by Holoweb Desktop and Server Agents. Microsoft Windows Adobe Acrobat Application Adobe Acrobat 8 Professional - English,

More information

Streaming Media. Advanced Audio. Erik Noreke, Standardization Consultant Chair, OpenSL ES Copyright Khronos Group, Page 1

Streaming Media. Advanced Audio. Erik Noreke, Standardization Consultant Chair, OpenSL ES Copyright Khronos Group, Page 1 Streaming Media Advanced Erik Noreke, Standardization Consultant Chair, OpenSL ES erik@noreke.se Copyright Khronos Group, 2010 - Page 1 OpenMAX Streaming Media Media Infrastructure Portability Open, royalty-free

More information

Streaming Media System Requirements and Troubleshooting Assistance

Streaming Media System Requirements and Troubleshooting Assistance Test Your System Streaming Media System Requirements and Troubleshooting Assistance Test your system to determine if you can receive streaming media. This may help identify why you are having problems,

More information

Tutorial 3 XHTML. True/False Indicate whether the statement is true or false.

Tutorial 3 XHTML. True/False Indicate whether the statement is true or false. Tutorial 3 XHTML True/False Indicate whether the statement is true or false. 1. Web browsers have a default color scheme that they apply to the background and text of the pages they retrieve. 2. In most

More information

Reviewer s Guide. Morpheus Photo Animation Suite. Screenshots. Tutorial. Included in the Reviewer s Guide:

Reviewer s Guide. Morpheus Photo Animation Suite. Screenshots. Tutorial. Included in the Reviewer s Guide: Morpheus Photo Animation Suite Reviewer s Guide The all-in-one animation suite includes Morpheus Photo Morpher, Morpheus Photo Warper, Morpheus Photo Mixer, as well as all 15 sample morphs, warps, and

More information

Advertising Specifications, Standards and Guidelines

Advertising Specifications, Standards and Guidelines Advertising Specifications, Standards and Guidelines www.sitomobile.com MOBILE AD FORMATS Formats and functionality by device type Standard Banners Dimensions File Format Expansion MOBILE LEADERBOARD 320x50

More information

UNIVERSITY OF CALICUT

UNIVERSITY OF CALICUT UNIVERSITY OF CALICUT SCHOOL OF DISTANCE EDUCATION CCSS UG (SDE) V SEMESTER OPEN COURSE INTRODUCTION TO MULTIMEDIA (For the UG candidates with core course other than BMMC) QUESTION BANK 1. Compression

More information

SKYSCRAPER Dimension: 160x600. 50k for Flash 40k for GIF/JPEG Formats: GIF, JPEG, HTML, Flash, Flash Video Available on all pages; 1 per page.

SKYSCRAPER Dimension: 160x600. 50k for Flash 40k for GIF/JPEG Formats: GIF, JPEG, HTML, Flash, Flash Video Available on all pages; 1 per page. BANNER AD STANDARDS DISPLAY ADVERTISING LEADERBOARD Available on all pages; 2 per page. DISPLAY/RECTANGLE Available on all pages; 2 per page. LARGE BANNER Dimension: 638x60 Available on all pages. LARGE

More information

Adobe Flash Professional CS6

Adobe Flash Professional CS6 Adobe Flash Professional CS6 Create and deliver rich, engaging experiences across devices Generate sprite sheets for enhanced game development workflow and deliver apps with a prepackaged Adobe AIR captive

More information

Shockwave Plug-in vs. Flash Plug-in

Shockwave Plug-in vs. Flash Plug-in Shockwave Plug-in vs. Flash Plug-in -----A Choice to Make What Are Shockwave Plug-in and Flash Plug-in? Shockwave Shockwave plug-in lets users view interactive Web content like games, interactive multimedia

More information

IVR Quick Start Guide. Getting off the ground with IVR

IVR Quick Start Guide. Getting off the ground with IVR IVR Quick Start Guide Getting off the ground with IVR Copyright and Trademarks Copyright 2007-2010 OpenMarket. All rights reserved. No part of this publication may be reproduced, distributed, electronically

More information

MediaEncoding Version 3.5. Guideline

MediaEncoding Version 3.5. Guideline MediaEncoding Version 3.5 Guideline Table of Contents 1. Realtime Media Playback & Control...2 2. MediaEncoder...3 2.1. SD - PAL/NTSC Encoding...4 2.2. HD - PAL/NTSC Encoding...9 3. Defining Content resolution...11

More information

New York University Computer Science Department Courant Institute of Mathematical Sciences

New York University Computer Science Department Courant Institute of Mathematical Sciences New York University Computer Science Department Courant Institute of Mathematical Sciences Session 3: Virtual Classrooms for Online Education Specifications Course Title: XML for Java Developers Course

More information

PERFORMANCE ANALYSIS OF VIDEO FORMATS ENCODING IN CLOUD ENVIRONMENT

PERFORMANCE ANALYSIS OF VIDEO FORMATS ENCODING IN CLOUD ENVIRONMENT Suresh Gyan Vihar University Journal of Engineering & Technology (An International Bi Annual Journal) Vol. 1, Issue 1, 2015, pp 1 5 ISSN: 2395 0196 PERFORMANCE ANALYSIS OF VIDEO FORMATS ENCODING IN CLOUD

More information

Desiging and Editing Custom Graphics for WinControl

Desiging and Editing Custom Graphics for WinControl Desiging and Editing Custom Graphics for WinControl Includes WinControl, WinControl XL and WinControl XL Plus KMC Controls P.O. Box 497 19476 Industrial Drive New Paris, IN 46553 883-019-12 Designing System

More information

Adobe Flash Catalyst CS5.5

Adobe Flash Catalyst CS5.5 Adobe Flash Catalyst CS5.5 Create expressive interfaces and interactive content without writing code Use a new efficient workflow to collaborate intelligently and roundtrip files with developers who use

More information

ATLAS.ti 6 Using Video Data

ATLAS.ti 6 Using Video Data ATLAS.ti 6 Using Video Data ATLAS.ti 6 Using Video Data Copyright 2011 by ATLAS.ti Scientific Software Development GmbH, Berlin. All rights reserved. Version: 7.20111212 Author: Clemens Hoffmann, Editor:

More information

Understanding Graphics/Images

Understanding Graphics/Images Understanding Graphics/Images There are many different types of images. A solid foundation in the terminology associated with these different types of images will help you in working with multimedia. Line

More information

Compressing Moving Images. Compression and File Formats updated to include HTML5 video tag. The DV standard. Why and where to compress

Compressing Moving Images. Compression and File Formats updated to include HTML5 video tag. The DV standard. Why and where to compress Compressing Moving Images Compression and File Formats updated to include HTML5 video tag. Moving versus still images: Temporal as well as spatial compression Data transfer rates are critical How much

More information

Your Flash movie is completed. Now you need to publish it in its final

Your Flash movie is completed. Now you need to publish it in its final Chapter 13 Publishing Your Flash Files In This Chapter Reducing your movie s size for fast download Testing your Flash movies Publishing Flash movies to.swf, HTML, and other formats Using Publish Profiles

More information

Authoring and multimedia. Authoring

Authoring and multimedia. Authoring CHAPTER 9 9 Authoring Authoring and multimedia Syllabus outcomes 5.2.1 Describes and applies problem-solving processes when creating solutions. 5.2.2 Designs, produces and evaluates appropriate solutions

More information

LAMBDA CONSULTING GROUP Legendary Academy of Management & Business Development Advisories

LAMBDA CONSULTING GROUP Legendary Academy of Management & Business Development Advisories Curriculum # 05 Four Months Certification Program WEB DESIGNING & DEVELOPMENT LAMBDA CONSULTING GROUP Legendary Academy of Management & Business Development Advisories The duration of The Course is Four

More information

Visualizing Data: Scalable Interactivity

Visualizing Data: Scalable Interactivity Visualizing Data: Scalable Interactivity The best data visualizations illustrate hidden information and structure contained in a data set. As access to large data sets has grown, so has the need for interactive

More information

Lesson 1 Quiz. 3. The Internet is which type of medium? a. Passive b. Broadcast c. One-to-one d. Electronic print

Lesson 1 Quiz. 3. The Internet is which type of medium? a. Passive b. Broadcast c. One-to-one d. Electronic print Lesson 1 Quiz 1. Which technology trend in Web development can be defined as a group of XMLbased technologies that enable computers using different operating systems and software to easily exchange information

More information

CURRICULUM MAP. Web Design II Mr. Gault

CURRICULUM MAP. Web Design II Mr. Gault CURRICULUM MAP Web Design II Mr. Gault MONTH August- September ESSENTIAL QUESTIONS How do I create an animated map in? How do I integrate components and dynamic text boxes with the animated map? How do

More information

(World Wide) Web WWW. Web History

(World Wide) Web WWW. Web History (World Wide) Web WWW A way to connect computers that provide information (servers) with computers that ask for it (clients like you and me) uses the Internet, but it's not the same as the Internet URL

More information

San Joaquin County Office of Education Career & Technical Education Web Design ~ Course Outline CBEDS#: 4601

San Joaquin County Office of Education Career & Technical Education Web Design ~ Course Outline CBEDS#: 4601 Web Design Course Outline I II 1 Course Content 5 5 Student Evaluation Employment Opportunities 2 XHTML 10 10 Creating an HTML Document Formatting Text with HTML Adding Graphics with Multimedia Using forms

More information

Coherent GT for UE4 Artist quick start guide. version 1.0.0

Coherent GT for UE4 Artist quick start guide. version 1.0.0 Coherent GT for UE4 Artist quick start guide version 1.0.0 1 Introduction to Coherent GT Coherent GT is industry-leading UI middleware specially designed for games. Powered by HTML it gives you the ability

More information

Digital Asset Management

Digital Asset Management Digital Asset Management Managing the complexity of digital assets to support your business Product images, streaming video, sound bites, logos, Flash animations, presentations, web pages these days, digital

More information

Flash. Using Flash to Teach Mathematics. The competition

Flash. Using Flash to Teach Mathematics. The competition Using Flash to Teach Mathematics G. Donald Allen Department of Mathematics Texas A&M University College Station, TX 77843-3368 dallen@math.tamu.edu Flash Flash is the ultra-hot animation tool from Macromedia

More information

Netsmartz. A company that stands by its beliefs A B O U T T H E C O M P A N Y

Netsmartz. A company that stands by its beliefs A B O U T T H E C O M P A N Y Netsmartz A company that stands by its beliefs A B O U T T H E C O M P A N Y S E R V I C E S S O F T W A R E D E V E L O P M E N T C O N S U L T I N G S O F T W A R E D E V E L O P M E N T O U T S O U

More information

Adobe Certified Expert Program

Adobe Certified Expert Program Adobe Certified Expert Program Product Proficiency Exam Bulletin Adobe Photoshop CS4 Exam # 9A0-094 ACE Certification Checklist The checklist below will help guide you through the process of obtaining

More information

Contents. Preface... viii Acknowledgments... xiii. Part I: FrontPage Essentials 1. Chapter 1: Getting to Know FrontPage... 3

Contents. Preface... viii Acknowledgments... xiii. Part I: FrontPage Essentials 1. Chapter 1: Getting to Know FrontPage... 3 Preface...................................... viii Acknowledgments................................ xiii Part I: FrontPage Essentials 1 Chapter 1: Getting to Know FrontPage................... 3 FrontPage

More information