Timing in XML XML and XSL Timing framework in XML Approaches Inline syntax (SMIL) Styled Timing Timesheets Timesheets and SMIL comparison.

Slides:



Advertisements
Similar presentations
Copyright © 2003 Pearson Education, Inc. Slide 4-1 Created by Cheryl M. Hughes, Harvard University Extension School Cambridge, MA The Web Wizards Guide.
Advertisements

Table, List, Blocks, Inline Style
Introduction to HTML & CSS
Cascading Style Sheets
 2001 Prentice Hall, Inc. All rights reserved. 1.
1 XSLT – eXtensible Stylesheet Language Transformations Modified Slides from Dr. Sagiv.
1/18 ITApplications XML Module Session 5: Extensible Stylesheet Language (XSL)
1 CP3024 Lecture 9 XML revisited, XSL, XSLT, XPath, XSL Formatting Objects.
XML Extensible Markup Language Standard supported by W3C (World Wide Web Consortium) HTML – End user oriented (presentation) XML – Application oriented.
Using Cascading Style Sheets CSS Basics. Goals Understand basic syntax of Cascading Style Sheets (CSS) Understand basic syntax of Cascading Style Sheets.
Timing in XML Timing framework in XML Approaches Inline syntax (SMIL) Styled Timing Timesheets Timesheets and SMIL comparison.
Of 50 E GOV Universal Access Ahmed Gomaa CIMIC Rutgers University.
Jackson, Web Technologies: A Computer Science Perspective, © 2007 Prentice-Hall, Inc. All rights reserved Chapter 3 Style Sheets: CSS WEB.
LBSC 690: Session 6 CSS, XML/XSLT Jimmy Lin College of Information Studies University of Maryland Monday, October 15, 2007.
LBSC 690 Session #6 CSS, XML/XSLT Jimmy Lin The iSchool University of Maryland Wednesday, October 8, 2008 This work is licensed under a Creative Commons.
XML Technologies and Applications Rajshekhar Sunderraman Department of Computer Science Georgia State University Atlanta, GA 30302
E GOV Universal Access Ahmed Gomaa CIMIC Rutgers University.
September 15, 2003Houssam Haitof1 XSL Transformation Houssam Haitof.
Understanding HTML Style Sheets. What is a style?  A style is a rule that defines the appearance and position of text and graphics. It may define the.
Basics of HTML.
© 2012 Adobe Systems Incorporated. All Rights Reserved. LEARNING THE LANGUAGE OF THE WEB INTRODUCTION TO HTML AND CSS.
Sheet 1XML Technology in E-Commerce 2001Lecture 6 XML Technology in E-Commerce Lecture 6 XPointer, XSLT.
Chapter 4 Dreamweaver: Part II The Web Warrior Guide to Web Design Technologies.
Working with Cascading Style Sheets. Introducing Cascading Style Sheets Style sheets are files or forms that describe the layout and appearance of a document.
Chapter 11 Cascading Style Sheets: Part I The Web Warrior Guide to Web Design Technologies.
Dreamweaver -- CSS. Dreamweaver -- MX New icons are added in MX Most of the features commonly used in web design, and are same as FrontPage. New feature.
IS432 Semi-Structured Data Lecture 5: XSLT Dr. Gamal Al-Shorbagy.
Introduction technology XSL. 04/11/2005 Script of the presentation Introduction the XSL The XSL standard Tools for edition of codes XSL Necessary resources.
XP 1 CREATING AN XML DOCUMENT. XP 2 INTRODUCING XML XML stands for Extensible Markup Language. A markup language specifies the structure and content of.
Integrating Timing into XML Documents Patrick Schmitz MS Research BARC Telepresence.
Css. Definition Cascading style sheet (CSS) Cascading Style Sheets (CSS) is a simple mechanism for adding style (e.g. fonts, colors, spacing) to Web documents.
CSS CSS is short for C ascading S tyle S heets. It is a new web page layout method that has been added to HTML to give web developers more control over.
XML About XML Things to be known Related Technologies XML DOC Structure Exploring XML.
IST 221 Internet Concepts and Applications Introduction to XML II CSS and XSLT Style Sheets.
Copyright 2007, Information Builders. Slide 1 Understanding Basic HTML Amanda Regan Technical Director June, 2008.
© 2011 Delmar, Cengage Learning Chapter 8 Using Styles and Design Style Sheets for Design.
Css. Definition Cascading style sheet (CSS)  It is a simple mechanism for adding style (e.g. fonts, colors, spacing) to Web documents.
XP 1 Creating an XML Document Developing an XML Document for the Jazz Warehouse XML Tutorial.
McGraw-Hill/Irwin © 2004 by The McGraw-Hill Companies, Inc. All rights reserved. Applying eXtensible Style Sheets (XSL) Ellen Pearlman Eileen Mullin Programming.
XML Design Goals 1.XML must be easily usable over the Internet 2.XML must support a wide variety of applications 3.XML must be compatible with SGML 4.It.
Jennifer Widom XML Data Introduction, Well-formed XML.
DYNAMIC HTML What is Dynamic HTML: HTML code that allow you to change/ specify the style of your web pages. Example: specify style sheet, object model.
 XSL – Extensible Style Sheet Language  XSLT – XSL Transformations › Used to transform XML documents to other formats,like HTML or other XML documents.
Cascading Style Sheets
CSS Cascading Style Sheets A very brief introduction CSS, Cascading Style Sheets1.
CSS Hadas Kahsay. Overview  What is CSS  Basic syntax of CSS Rules  How to link CSS style to html documents  Browsers and CSS  Advantages of CSS.
1 Lecture 7 Style Sheets: CSS. 2 Motivation HTML markup can be used to represent –Semantics: h1 means that an element is a top-level heading –Presentation:
Department of Computer Science, Florida State University CGS 3066: Web Programming and Design Spring
Practice for Chapter 3: Assume that you are a freelance web designer and need to create a website to promote your freelance company.
 XML derives its strength from a variety of supporting technologies.  Structure and data types: When using XML to exchange data among clients, partners,
NASRULLAHIBA.  It is time to take your web designing skills to the next level with Cascading Style Sheets (CSS). They are a way to control the look and.
1 XSL Transformations (XSLT). 2 XSLT XSLT is a language for transforming XML documents into XHTML documents or to other XML documents. XSLT uses XPath.
Rendering XML Documents ©NIITeXtensible Markup Language/Lesson 5/Slide 1 of 46 Objectives In this session, you will learn to: * Define rendering * Identify.
1 Cascading Style Sheet (CSS). 2 Cascading Style Sheets (CSS)  a style defines the appearance of a document element. o E.g., font size, font color etc…
CASCADING STYLE SHEET CSS. CSS stands for Cascading Style Sheets Styles define how to display HTML elements Styles were added to HTML 4.0 to solve a problem.
CSS Introductions. Objectives To take control of the appearance of a Web site by creating style sheets. To use a style sheet to give all the pages of.
>> Introduction to CSS
INTRODUCTION TO HTML AND CSS
Madam Hazwani binti Rahmat
Introduction to web design discussing which languages is used for website designing
Website Design 3
Prepared for Md. Zakir Hossain Lecturer, CSE, DUET Prepared by Miton Chandra Datta
Digital Design – Copyright Law
XML Data Introduction, Well-formed XML.
What are Cascading Stylesheets (CSS)?
INTRODUCTION TO HTML AND CSS
Understand basic HTML and CSS terminology, concepts, and basic operations. Objective 3.01.
Made By : Lavish Chauhan & Abhay Verma
Unit 6 - XML Transformations
Presentation transcript:

Timing in XML XML and XSL Timing framework in XML Approaches Inline syntax (SMIL) Styled Timing Timesheets Timesheets and SMIL comparison.

XML : : Record Type Attribute Value Attributes Name

XSL Extensible Stylesheet Language XML XSL Language used to describe how an XML source document is transformed. Rules Interne t Parser IIS

XSL </xsl:stylesheet </xsl:stylesheet color:#CCCCCC } Employees First name Last name Set title color... Create table title... Recursion...

Browser

Timing framework in XML Should be independent of the semantic of XML document. Should provide independent timing control of various components of the document (i.e: layout, style, content) to facilitate building templates

Inline syntax -Attributes added to language elements -Approach used in SMIL Styled Timing CSS or XSL stylesheets used to apply timing to a language Timesheets Separate timing from both content and presentation style Inline syntax -Attributes added to language elements -Approach used in SMIL Styled Timing CSS or XSL stylesheets used to apply timing to a language Timesheets Separate timing from both content and presentation style Timing approaches in XML

Inline Syntax approach Easy to understand, easy to author Generalized, extensible semantics with timeAction timeaction: Attribute in SMIL2.0 that let the author specify actions to apply while element is active in time Better when document structure aligned to timing structure

Synchronized Multimedia Integration Language -SMIL Three synchronization elements support common timing use-cases: -Parallel element par that will play the grouped media all together. -Sequence element seq that will play the grouped media one at a time as a sequence. -Exclusive element excl that will play the grouped media one at a time, but in any order.

SMIL t\:*, p, span {behavior:url(#default#time2);}.highlight { background-color:yellow; font-weight:bold } Highlight class

SMIL <t:audio src="media/talk.mp3“ syncBehavior="locked" /> SMIL Timing syntax consists of a set of attributes for controlling the behavior of media, and several types of time containers that group media together for coordinated presentation. Rap every thing in par timeAction for highlighting the span

Demo

Timing in XML Styled Timing CSS or XSL stylesheets used to apply timing to a language Timesheets Separate timing from both content and presentation style Styled Timing CSS or XSL stylesheets used to apply timing to a language Timesheets Separate timing from both content and presentation style Inline syntax -Attributes added to language elements -Approach used in SMIL Inline syntax -Attributes added to language elements -Approach used in SMIL 13

Styled Timing Timing in style sheets is considered to be the presentation style characteristic. In HTML, timing properties of the element in the body section are collected in the CSS Advantage: -Content structure is separate from presentation, so it facilitate template creation. Disadvantage: -If different timing with identical contents, work is duplicated. -Hard to provide timing control of the other styling rules

Timing in XML Timesheets Separate timing from both content and presentation style Timesheets Separate timing from both content and presentation style Inline syntax -Attributes added to language elements -Approach used in SMIL Styled Timing CSS or XSL stylesheets used to apply timing to a language Inline syntax -Attributes added to language elements -Approach used in SMIL Styled Timing CSS or XSL stylesheets used to apply timing to a language

XML Document Timing principals in XML Interne t Timing is a relation between the 2 other entities rather than a property to them Contents Provides structure to the content and the links Formatting style and (spatial) layout of presenting the content Timing describes the temporal relations between the elements in the content and formatting section

Relation Versus Property The objective is let the list element appear each one after another. - In assign property, the order is derived from the order of the list. - In assign relation, the order has been reserved from the order of the list. This shows immediately the independence created by the principle

Timesheets must support 1.Describing a timing structure independent from the document structure. 2.Applying timing and synchronization to a document without modifying the original document 3.Coordinating multiple documents 4.Defining multiple independent time actions on an element. Inline and styled timing can only define a single timeAction.

Timesheets versus SMIL Only concerned with the timing properties of the document only. Do not instantiate the entities they select. Timesheets assign relations between the entities involved. Timesheet is modifying the actual (active) content of the document, Unselected entities do not contribute to the presentation rendition of the document. Media declaration language with a layout construction, with timing embedded. Instantiate the entities they select SMIL assign properties to the entities involved. interpret the entity selection as object instantiation Timesheets should not be understood as a SMIL layer on top of the XML document

Timesheets may be used –document structure and timing structure do not align –synchronization spans multiple documents –inline syntax impractical or illegal Copyright restrictions Digital Talking Books