XML Modules Extending Web Accessibility. W3C Web Accessibility Initiative (WAI) "The power of the Web is in its universality. Access by everyone regardless.

Slides:



Advertisements
Similar presentations
Introduction to HTML, XHTML, and CSS
Advertisements

Introduction to HTML & CSS
Combining Media 8. Key Points There are two models for combining elements of different media types: page-based and synchronization-based Hypermedia is.
XML Technology in E-Commerce
Tim Berners-Lee authors HTML in 1991, assisted by his colleagues at CERN,
Website design basics QUME Learning objectives Understand the basic elements of a Web page and how it is produced Be aware of different approaches.
Project 1 Introduction to HTML.
School of Computer Science & Information Technology G6DPMM - Lecture 18 Synchronized Multimedia Integration Language (SMIL)
Chapter Concepts Review Markup Languages
Timing in XML XML and XSL Timing framework in XML Approaches Inline syntax (SMIL) Styled Timing Timesheets Timesheets and SMIL comparison.
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.
Timing in XML Timing framework in XML Approaches Inline syntax (SMIL) Styled Timing Timesheets Timesheets and SMIL comparison.
Macromedia Dreamweaver 4 Advanced Level Course. Add Rollovers Rollovers or mouseovers are possibly the most popular effects used in designing Web pages.
W3C Activities HTML: is the lingua franca for publishing on the Web XHTML: an XML application with a clean migration path from HTML 4.01 CSS: Style sheets.
1st Project Introduction to HTML.
HTML Presented by: Ondřej Procházka Course: Distributed Data Processing Mentor: Rafał Michalski.
CS 415 N-Tier Application Development By Umair Ashraf July 16,2013 National University of Computer and Emerging Sciences Lecture # 12 HTML/ XHTML/ HTML5.
Introduction to HTML. What is a Web site? A collection of "pages" or files linked together and available on the World Wide Web What do you need to create.
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.
Review HTML  What is HTML?  HTML is a language for describing web pages.  HTML stands for Hyper Text Markup Language  HTML is not a programming language,
Chapter 1 Internet & Web Basics Key Concepts Copyright © 2013 Terry Ann Morris, Ed.D. 1.
Creating Web Pages with HTML
E0262 – MIS – Multimedia Storage Techniques SMIL – Synchronized Multimedia Integration Language.
Chapter 1 Introduction to HTML, XHTML, and CSS
Chapter 11 Cascading Style Sheets: Part I The Web Warrior Guide to Web Design Technologies.
© Cheltenham Computer Training 2001 Macromedia Dreamweaver 4 - Slide No 1 Macromedia Dreamweaver 4 Advanced Level Course.
Chapter 1 Internet & Web Basics Key Concepts Copyright © 2013 Terry Ann Morris, Ed.D. Revised 1/12/2015 by William Pegram 1.
NetTech Solutions Working with Web Elements Lesson 6.
Integrating Timing into XML Documents Patrick Schmitz MS Research BARC Telepresence.
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)
JavaScript, Fourth Edition
McGraw-Hill/Irwin © 2004 by The McGraw-Hill Companies, Inc. All rights reserved. SMIL Ellen Pearlman Eileen Mullin Programming the Web Using XML.
Fundamentals of Web Design Copyright ©2004  Department of Computer & Information Science Introducing XHTML: Module A: Web Design Basics.
XHTML and CSS Session 1 Intro, (X)HTML, CSS, W3C, browsers, webpage, structure, tags, attributes, elements, web development process, basic XHTML elements.
Multimedia Specification Design and Production 2013 / Semester 2 / week 5 Lecturer: Dr. Nikos Gazepidis
XHTML By Trevor Adams. Topics Covered XHTML eXtensible HyperText Mark-up Language The beginning – HTML Web Standards Concept and syntax Elements (tags)
Introduction To HTML.  HTML stands for Hyper Text Markup Language.  HTML was developed by Tim Berners-Lee.  HTML is maintained by World Wide Web Consortium(W3C).
Defining Accessibility. This PowerPoint will cover the following topics: – What is Accessibility? – Examples of Accessibility – Accommodations for Students.
Session: 1. © Aptech Ltd. 2Introduction to the Web / Session 1  Explain the evolution of HTML  Explain the page structure used by HTML  List the drawbacks.
XML Extras Outline 1 - XML in 10 Points 2 - XML Family of Technologies 3 - XML is Modular 4 - RDF and Semantic Web 5- XML Example: UK GovTalk Group’s Schema.
Louisa Lambregts, Louisa Lambregts
Web Application Programming Presented by: Mehwish Shafiq.
Cascading Style Sheets CSS. Source W3Schools
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.
TOPIC II Dynamic HTML Prepared by: Nimcan Cabd Cali.
©Silberschatz, Korth and Sudarshan10.1Database System Concepts W3C - The World Wide Web Consortium W3C - The World Wide Web Consortium.
HTML Concepts and Techniques Fifth Edition Chapter 1 Introduction to HTML.
Objective: To describe the evolution of the Internet and the Web. Explain the need for web standards. Describe universal design. Identify benefits of accessible.
Unit 3 — Advanced Internet Technologies Lesson 10 — Introduction to XHTML.
A centre of expertise in digital information managementwww.ukoln.ac.uk Accessibility and Usability For Web Sites: An Introduction to Web Accessibility.
Chapter 1 Introduction to HTML, XHTML, and CSS HTML5 & CSS 7 th Edition.
Web Design Terminology Unit 2 STEM. 1. Accessibility – a web page or site that address the users limitations or disabilities 2. Active server page (ASP)
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.
Web Accessibility. Why accessibility? "The power of the Web is in its universality. Access by everyone regardless of disability is an essential aspect."
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 Standards Web Design – Sec 2-3 Part or all of this lesson was adapted from the University of Washington’s “Web Design & Development I” Course materials.
Project 1 Introduction to HTML.
Chapter 1 Introduction to HTML.
Web Standards Web Design – Sec 2-3
W3C Web standards and Recommendations
Project 1 Introduction to HTML.
Web Standards Web Design – Sec 2-3
Tutorial 3 Working with Cascading Style Sheets
Introduction to HTML 5.
Presentation transcript:

XML Modules Extending Web Accessibility

W3C Web Accessibility Initiative (WAI) "The power of the Web is in its universality. Access by everyone regardless of disability is an essential aspect." -- Tim Berners-Lee, W3C Director and inventor of the World Wide WebTim Berners-Lee W3C = World Wide Web ConsortiumWorld Wide Web Consortium

What Is an XML Module? An XML module is a collection of semantically-related XML elements and attributes oriented toward accomplishing a certain task or function. An excellent example of modularization is the manner in which the W3C has organized into modules the various parts of the Synchronized Multimedia Implementation Language (SMIL). SMIL is an XML-based language that was created by the W3C for the purpose of enabling developers to include multimedia events in Web documents.

There are 10 SMIL Modules Timing Time Manipulations Animation Content Control Layout Linking Media objects Metainformation Structure Transitions

What Is a Language Profile? A language profile is the combination of modules to create an XML language designed to meet certain objectives. The W3C has created a language profile, for example, for the purpose of adding multimedia functionality to XHTML. The name of this profile is XHTML+SMIL. Its goal is to permit the Web designer to use SMIL animations, timings, and transitions within a conventional HTML or CSS page layout. Thus, XHTML+SMIL omits modules related to layout. As a result, the Web designer can create a layout via style sheets or HTML and include SMIL animations, timings, and transitions in traditional Web page elements.

What Is HTML+TIME? Microsoft has created an implementation of XHTML+SMIL called HTML+TIME, which works with Internet Explorer versions 5.5 and later. True to its name, the most important part of HTML+TIME is the timing module, because that is how you create synchronized multimedia events. An excellent example of a multimedia event that requires timing is the captioning of a video, which requires you to display onscreen subtitles at precise times in sync with the video.

Captioning a Video with SMIL The SMIL timing module contains a seq tag that enables you to sequence multimedia events. The tag name stands for sequence. You can use the seq tag to create video captions.

The Moon Challenge President John F. Kennedy’s Moon Challenge video is at the course Web site. Its URL is: Let us view it captioned.captioned

How the Captioning Works First, we modify the HTML tag to bind in the Time namespace: Then we make the page use Time version 2:.time{ behavior: url(#default#time2);}

Playing the Video In the body of the page, the first row of a table plays the video: <t:VIDEO CLASS="time" ID="movie" SRC="KennedyMoonChallenge.avi" />

Captioning the Video The second row of the table captions the video as it plays: We choose to go to the moon in this decade and do the other things,

Captioning the Video (continued) not because they are easy, but because they are hard. Because that goal will serve to organize and measure the best of our energies and skills. Because that challenge is one that we're willing to accept, one we are unwilling to postpone, and one we intend to win, and the others too.