Multimedia Specification Design and Production 2013 / Semester 2 / week 5 Lecturer: Dr. Nikos Gazepidis

Slides:



Advertisements
Similar presentations
Workshop Servers (Server Software) Browsers Media Delivery Technologies: o Flash o QuickTime o Windows Media o Real. New Internet technology: XML XHTML.
Advertisements

Introduction to HTML, XHTML, and CSS
Combining the strengths of UMIST and The Victoria University of Manchester 15 th June 2006 Keep SMILing Institutional Web Management Workshop 10 th June.
Iframes & Images Using HTML.
 Multimedia is everything you can hear or see: texts, books, pictures, music, sounds, CDs, videos, DVDs, Records, Films, and more.  Multimedia comes.
Understand Web Page Development Software Development Fundamentals LESSON 4.1.
Project 1 Introduction to HTML.
School of Computer Science & Information Technology G6DPMM - Lecture 18 Synchronized Multimedia Integration Language (SMIL)
Chapter Concepts Review Markup Languages
SMIL F.Melkonyan Barcelona,2002. Content What is SMIL? History General rules SMIL 1.0 elements SMIL 2.0 HTML+TIME Present and future Examples.
XML A brief introduction ---by Yongzhu Li. XML --- a brief introduction 2 CSI668 Topics in System Architecture SUNY Albany Computer Science Department.
Introduction to HTML 2004 CIS101. What is the Internet? Global network of computers that are connected and communicate via a series of Protocols Protocols.
Developing a Basic Web Page with HTML
1st Project Introduction to HTML.
4.01B Authoring Languages and Web Authoring Software 4.01 Examine webpage development and design.
© 2005 ComputerPREP, Inc. All rights reserved. HTML 4.0 and Web Page Design Module I.
HYPERTEXT MARKUP LANGUAGE (HTML)
* The basic components of a web site are: * Content – information displayed or accepted from users * Static – content that doesn’t change for different.
HTML 1 Introduction to HTML. 2 Objectives Describe the Internet and its associated key terms Describe the World Wide Web and its associated key terms.
Chapter ONE Introduction to HTML.
Web Design Basic Concepts.
Chapter 1 Variables in the Web Design Environment.
Chapter 1 Variables in the Web Design Environment
E0262 – MIS – Multimedia Storage Techniques SMIL – Synchronized Multimedia Integration Language.
Chapter 1 Introduction to HTML, XHTML, and CSS
1 Networks and the Internet A network is a structure linking computers together for the purpose of sharing resources such as printers and files Users typically.
What is Web Design?  Web design is the creation of a Web page using hypertext or hypermedia to be viewed on the World Wide Web.
Creating a Basic Web Page
Webpage design for researchers Dr Jim Briggs 1.
W3C SMIL 2.0 Authoring Tools & Media Players Marc Boyer March 24, 2008.
Integrating Timing into XML Documents Patrick Schmitz MS Research BARC Telepresence.
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.
Fundamentals of Multimedia. History of Multimedia 1. Newspaper: perhaps the first mass communication medium, uses text, graphics, and images. 2. Motion.
HTML - basic tags - How to learn more. What is HTML? HyperText Markup Language HTML5: – Recommended by the W3C.
CITS1231 Web Technologies JavaScript and Document Object Model.
HTML, XHTML, and CSS Sixth Edition Chapter 1 Introduction to HTML, XHTML, and CSS.
HTML PROJECT #1 Project 1 Introduction to HTML HTML Project 1: Introduction to HTML 2 Vocabulary Internet service provider (ISP) A company that has a.
Introduction to HTML Tutorial 1 eXtensible Markup Language (XML)
McGraw-Hill/Irwin © 2004 by The McGraw-Hill Companies, Inc. All rights reserved. SMIL Ellen Pearlman Eileen Mullin Programming the Web Using XML.
Tutorial 7 Designing a Multimedia Web Site
Web Design and Development for E-Business By Jensen J. Zhao Copyright 2003 Prentice Hall, Inc. Web Design and Development for E-Business Jensen J. Zhao.
XP 2 HTML Tutorial 1: Developing a Basic Web Page.
Streaming Media A technique for transferring data on the Internet so it can be processed as a steady and continuous stream.
Overview of HTML and XML. Contents n History n Usage n Examples n Advantages n Disadvantages.
Building Rich Web Applications with Ajax Linda Dailey Paulson IEEE – Computer, October 05 (Vol.38, No.10) Presented by Jingming Zhang.
XML stands for Extensible Mark-up Language XML is a mark-up language much like HTML XML was designed to carry data, not to display data XML tags are not.
The Synchronized Multimedia Integration Language (SMIL) Kuo-Hao Li.
EXtensible Markup Language. David Turner, Product Manager, Microsoft ''The introduction of XML is in many ways like the creation of writing in the evolution.
XML and E-Commerce What is XML? XML means “Extensible Markup Language” extensible - not fixed format like HTML Enables you to define your own customized.
XML Modules Extending Web Accessibility. W3C Web Accessibility Initiative (WAI) "The power of the Web is in its universality. Access by everyone regardless.
4.01B Authoring Languages and Web Authoring Software 4.01 Examine webpage development and design.
XML The Extensible Markup Language (XML ), which is comparable to SGML and modeled on it, describes how to describe a collection of data. A standard way.
HTML Concepts and Techniques Fifth Edition Chapter 1 Introduction to HTML.
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.
Chapter 1 Introduction to HTML, XHTML, and CSS HTML5 & CSS 7 th Edition.
LBSC 690 Session 4 Programming. Languages How do we learn a language? Learn by listening Then reading Then writing How do we teach programming? Learn.
Introduction to the World Wide Web & Internet CIS 101.
XP 2 HTML Tutorial 1: Developing a Basic Web Page.
XP 1 HTML Tutorial 1: Developing a Basic Web Page.
Web Design Principles 5 th Edition Chapter 3 Writing HTML for the Modern Web.
1 Survey of Profiles from Other Domains XMSF Profile SG 13 January 2004 Curt Blais and NPS MV3250 (Introduction to XML, 1st Quarter 2005) Katherine L.
Web Page Programming Terms. Chapter 1 Objectives Describe Internet and Understand Key terms Describe World Wide Web and its Key terms Identify types and.
HTML PROJECT #1 Project 1 Introduction to HTML. HTML Project 1: Introduction to HTML 2 Project Objectives 1.Describe the Internet and its associated key.
Web Basics: HTML/CSS/JavaScript What are they?
Project 1 Introduction to HTML.
Chapter 1 Introduction to HTML.
Project 1 Introduction to HTML.
Prepared for Md. Zakir Hossain Lecturer, CSE, DUET Prepared by Miton Chandra Datta
Objective Understand web-based digital media production methods, software, and hardware. Course Weight : 10%
Presentation transcript:

Multimedia Specification Design and Production 2013 / Semester 2 / week 5 Lecturer: Dr. Nikos Gazepidis

2 Learning outcomes XML - Extensible Markup Language SGML - Standard Generalized Markup Language SMIL - Synchronized Multimedia Integration Language SMIL 2.0 Modules Multimedia & XML

3 Reading List: 1.Extensible Markup Language 2.Synchronized Multimedia Integration Language 3.Synchronized Multimedia 3.Synchronized Multimedia Activity Statement Multimedia & XML

4 What is XML? Extensible Markup Language (XML) is a simple, very flexible text format derived from Standard Generalized Markup Language (SGML). designed especially for Web documents It allows designers to create their own customized tags extensible - not fixed format like HTML XML is a metalanguage - a language for describing other languages  IBM, Microsoft, Oracle and Sun all agree: XML is the key to e-Business  XML enables business application sharing, direct transactions and other business applications via electronic data interchange (EDI) documents

5 Multimedia & XML SGML a system for organizing and tagging elements of a document. SGML was developed and standardized by the International Organization for Standards (ISO) in SGML itself does not specify any particular formatting; rather, it specifies the rules for tagging elements. These tags can then be interpreted to format elements in different ways.

6 Multimedia & XML Structured Data In a large variety of domains: Electronic Documents Web Mining Information Retrieval BioInformatics Computer Vision

7 Multimedia & XML SMIL - XML based language for multimedia The most advanced way to integrate different information formats in XML is SMIL Synchronized Multimedia Integration Language. SMIL is designed to combine text, graphics, video and audio in real-time, to schedule, synchronize, their presentation. SMIL allows to specify what is presented, where, when and how. SMIL documents are XML 1.0 documents. SMIL uses its own DTD-file, which describes its elements and attributes for them. Basic layout is consistent with the visual rendering model defined in CSS2 (Cascading Style Sheets, level 2).

8 Multimedia & XML SMIL - XML based language for multimedia

9 Multimedia & XML When should we use SMIL? SMIL XML is a potential replacement for presentations typically produced by using one of the many rapid elearning development tools. If you find yourself copying and pasting layouts, content, templates, etc. from one presentation to the next. Typical rapid elearning development tools that SMIL can replace are: Adobe Captivate Adobe Presenter (converts Microsoft PowerPoint to Flash*) Articulate Raptivity Rapid Intake etc.

10 Multimedia & XML SMIL - short history Dec 1995 SMIL designing started Nov 1997 First public release of SMIL Nov 1999 Release of SMIL Boston (SMIL 2.0) Jan 2000 Internet Explorer 5.5 player preview, which supports selected SMIL 2.0 components June 2001 W3C Proposed Recommendation of the Synchronized Multimedia Integration Language (SMIL) 2.0 specification June 2001 GRiNS, a new version of the SMIL-2 player with full support for the W3C SMIL 2.0 Proposed Recommendation

11 Multimedia & XML Players Currently only one browser which supports fully SMIL GRiNS/SMIL 2.0 Player (Oratrix). For example Microsoft IE 5.5 support only some selected components of SMIL 2.0, Microsoft's own version of SMIL is called HTML+TIME. RealNetworks RealPlayer with better/full support for SMIL 2.0 is expecting to be available end of September. For SMIL 3.0 there are available multiple players and editors.

12 Multimedia & XML SMIL 2.0 modules SMIL 2.0 consist currently of following functional modules: The Animation Modules The Content Control Modules The Layout Modules The Linking Modules The Media Object Modules The Metainformation Module The Structure Module The Transition Effects Module The Timing and Synchronization Module The Time Manipulations Module Currently only GRiNS/SMIL 2.0 Player by Oratrix supports all these modules.

13 Multimedia & XML Animation modules The purpose of Animation Module is to enable controlling different media objects in one time line. Module also includes several methods for creating special effects to different multimedia components. Animation module consists of BasicAnimation and SplineAnimation modules. DIV animation DIV animation

14 Multimedia & XML Content control Content Control Modules consists of four separate modules. These modules allow to make different content choices based on runtime variables. Somos interdependientes (Espanol) Ns somos interdependentes (Portuguese) Wir sprechen (Deutsch) We are interdependent (English) None of the above Somos interdependientes (Espanol) Ns somos interdependentes (Portuguese) Wir sprechen (Deutsch) We are interdependent (English) None of the above

15 Multimedia & XML Layout modules The Layout Modules consist of one primary BasicLayout module and three additional modules: AudioLayout, MultiWindowLayout, and HierarchicalLayout modules. Layout modules allows to position different media elements and control the audio volume.

16 Multimedia & XML Linking modules 1.The linking modules define attributes and elements for hyperlinks. 2.By the hyperlinks it is possible to interact with multimedia applications. 3.Linking Modules consist of LinkingAttributes, BasicLinking and ObjectLinking Modules.

17 Multimedia & XML Media Object Modules One of the important modules. It defines supported media types: Continuous Media is audio file, video file or other media for which there is a measurable and well-understood duration. For example, a five second audio clip is continuous media. Discrete Media consist of text files, pictures and other media types, which are not time related. JPEG image is generally considered discrete media, because there's nothing in the file indicating how long the JPEG should be displayed. Intrinsic Duration - the duration of a referenced item without any explicit timing markup.

18 Multimedia & XML Media Object Modules also define different media object elements for SMIL browsers 1.Animation 2.Audio 3.Img 4.Text 5.textstream 6.video 7.ref - Generic media reference

19 Multimedia & XML Media Object Modules: MediaClipping And MediaClipMarkers Modules MediaClipping module enables to control the media objects in timeline. It contains two attributes, clipBegin and clipEnd, which specifies the start and endpoints of the media. MediaClipMarkers module is used to define time points in a media object, not clock values. Play using clipBegin Stop Play using clipBegin Stop

20 Multimedia & XML The Metainformation Module The purpose of metainformation module is to make the data better understandable for browsers. Using Metainformation Module is voluntary, but recommended. The Structure Module The Structure module provides the base elements for structuring SMIL content like, and. Transition Effects Module The Transition Effects Module makes it possible to make transtitions like fades and wipes in presentations.

21 Multimedia & XML Timing and Synchronization Module The most important module in SMIL. Defines tools and methods to synchronize presentation over time. SMIL supports tree different timing methods: element plays after previous has ended, one after one. is similar to, but this element doesn't specify any order. elements allow parallel media presentation, many elements played in same time.

22 Multimedia & XML The Time Manipulations Module Advanced time manipulation elements like REVERSE and SPEED All media types don't support all these methods - for example MPEG 1 video format

23 Multimedia & XML SMIL 3.0 in the future SMIL is an efficient language for synchronizing and timing different kind of media objects. It has hard competitors which have their own version of synchronizing multimedia (e.g. Flash and RealAudio). It needs support from big browser companies like Microsoft and Netscape to succeed. SMIL has although good chances to become more popular - its simplicity (only text-editor needed for making presentations) and XML-origin allows much better compatability compared to its competitors.