XML Week 6 INFM 603. Agenda Questions Events in JavaScript XML Speed dating.

Slides:



Advertisements
Similar presentations
CSCI N241: Fundamentals of Web Design Copyright ©2004 Department of Computer & Information Science Introducing XHTML: Module B: HTML to XHTML.
Advertisements

 Fundamentals of Web Design.  Describe the history and theory of XHTML  Understand the rules for creating valid XHTML documents  Apply a DTD to an.
An Introduction to XML Based on the W3C XML Recommendations.
XML eXtensible Markup Language ©2010 Paula Schales.
Structured Documents Week 3 LBSC 690 Information Technology.
LBSC 690 Session #5 Metadata and XML Jimmy Lin The iSchool University of Maryland Wednesday, October 1, 2008 This work is licensed under a Creative Commons.
XML, XSL, XSLT, XHTML and others By Sean Hunter. Why XML?  XML was created to be a quick and easy way to provide structured data over the web.  Existing.
F DIGITAL MEDIA: COMMUNICATION AND DESIGN INTRODUCTION TO XML AND XHTML.
XML Introduction What is XML –XML is the eXtensible Markup Language –Became a W3C Recommendation in 1998 –Tag-based syntax, like HTML –You get to make.
Introduction to XML Extensible Markup Language
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.
Introducing XHTML: Module B: HTML to XHTML. Goals Understand how XHTML evolved as a language for Web delivery Understand the importance of DTDs Understand.
XML + Ajax Week 13 INFM 603.
Introducing HTML & XHTML:. Goals  Understand hyperlinking  Understand how tags are formed and used.  Understand HTML as a markup language  Understand.
XML, Ajax, Web Services, Semantic Web
Representation Week 6 LBSC 671 Creating Information Infrastructures.
JS: DOM Form Form Object Form Object –The Form object represents an HTML form. –For each instance of a tag in an HTML document, a Form object is created.
CNIT 133 Interactive Web Pags – JavaScript and AJAX Event and Event Handling.
Content Management Systems Week 5 LBSC 690 Information Technology.
GeoAtom, OGC, and the Geospatial Enablement of Everything Joshua Lieberman, Traverse Technologies & Open Geospatial Consortium.
XML eXtensible Markup Language by Darrell Payne. Experience Logicon / Sterling Federal C, C++, JavaScript/Jscript, Shell Script, Perl XML Training XML.
CREATED BY ChanoknanChinnanon PanissaraUsanachote
1Computer Sciences Department Princess Nourah bint Abdulrahman University.
Week 4 LBSC 690 Information Technology
Chapter 19: Adding JavaScript
Representation Week 6 LBSC 671 Creating Information Infrastructures.
JavaScript II ECT 270 Robin Burke. Outline JavaScript review Processing Syntax Events and event handling Form validation.
CNIT 133 Interactive Web Pags – JavaScript and AJAX JavaScript Environment.
CS134 Web Design & Development Creating a Basic Web Page Mehmud Abliz.
What is XML?  XML stands for EXtensible Markup Language  XML is a markup language much like HTML  XML was designed to carry data, not to display data.
Introduction to XML Extensible Markup Language. What is XML XML stands for eXtensible Markup Language. A markup language is used to provide information.
 XML is designed to describe data and to focus on what data is. HTML is designed to display data and to focus on how data looks.  XML is created to structure,
Session IV Chapter 9 – XML Schemas
10/15/20151 XML. 10/15/20152 Mark-up Languages Digitalizing information Content Format SGML HTML XML RDF OWL …
XP Tutorial 9 1 Working with XHTML. XP SGML 2 Standard Generalized Markup Language (SGML) A standard for specifying markup languages. Large, complex standard.
HTML | DOM. Objectives  HTML – Hypertext Markup Language  Sematic markup  Common tags/elements  Document Object Model (DOM)  Work on page | HTML.
XML 2nd EDITION Tutorial 1 Creating An Xml Document.
RDFa, Microformats, and Atom Semantic Web Presented by: Anuradha Kandula Instructor: Steven Seida.
Introduction to XML This presentation covers introductory features of XML. What XML is and what it is not? What does it do? Put different related technologies.
XP 1 Creating an XML Document Developing an XML Document for the Jazz Warehouse XML Tutorial.
17 Apr 2002 XML Syntax: Documents Andy Clark. Basic Document Structure Element tags – Elements have associated attributes Text content Miscellaneous –
1 Introduction to XML XML stands for Extensible Markup Language. Because it is extensible, XML has been used to create a wide variety of different markup.
XML Introduction. What is XML? XML stands for eXtensible Markup Language XML stands for eXtensible Markup Language XML is a markup language much like.
The eXtensible Markup Language (XML). Presentation Outline Part 1: The basics of creating an XML document Part 2: Developing constraints for a well formed.
XML for Text Markup An introduction to XML markup.
XML Basics A brief introduction to XML in general 1XML Basics.
RSS Really Simple Syndication. Overview RSS is a web content syndication format RSS documents are XML and must conform to the xml 1.0 recommendation RSS.
1 herbert van de sompel CS 502 Computing Methods for Digital Libraries Cornell University – Computer Science Herbert Van de Sompel
COMP9321 Web Application Engineering Semester 2, 2015 Dr. Amin Beheshti Service Oriented Computing Group, CSE, UNSW Australia Week 4 1COMP9321, 15s2, Week.
Web Technologies Lecture 4 XML and XHTML. XML Extensible Markup Language Set of rules for encoding a document in a format readable – By humans, and –
COP 3813 Intro to Internet Computing Prof. Roy Levow XML.
What is XML? eXtensible Markup Language eXtensible Markup Language A subset of SGML (Standard Generalized Markup Language) A subset of SGML (Standard Generalized.
1 CSC160 Chapter 7: Events and Event Handlers. 2 Outline Event and event handlers onClick event handler onMouseOver event handler onMouseOut event handler.
Project 8: Reacting to Events Essentials for Design JavaScript Level One Michael Brooks.
COS 125 DAY 20. Agenda Assignment 8 not corrected yet Assignment 9 posted  Due April 16 New course time line Discussion on Scripts 
XML CSC1310 Fall HTML (TIM BERNERS-LEE) HyperText Markup Language  HTML (HyperText Markup Language): December  Markup  Markup is a symbol.
©Silberschatz, Korth and Sudarshan10.1Database System Concepts W3C - The World Wide Web Consortium W3C - The World Wide Web Consortium.
7. JavaScript Events. 2 Motto: Do you think I can listen all day to such stuff? –Lewis Carroll.
JavaScript II ECT 270 Robin Burke. Outline Functions Events and event handling Form validation.
LESSON : EVENTS AND FORM VALIDATION -JAVASCRIPT. EVENTS CLICK.
CIS 228 The Internet 9/20/11 XHTML 1.0. “Quirks” Mode Today, all browsers support standards Compliant pages are displayed similarly There are multiple.
Jackson, Web Technologies: A Computer Science Perspective, © 2007 Prentice-Hall, Inc. All rights reserved Chapter 7 Representing Web Data:
JavaScript and Ajax (JavaScript Environment) Week 6 Web site:
Introduction to JavaScript Events Instructor: Sergey Goldman 1.
XML Notes taken from w3schools. What is XML? XML stands for EXtensible Markup Language. XML was designed to store and transport data. XML was designed.
SE-2840 Dr. Mark L. Hornick 1 Dynamic HTML Handling events from DOM objects.
1 Introduction to XML Babak Esfandiari. 2 What is XML? introduced by W3C in 98 Stands for eXtensible Markup Language it is more general than HTML, but.
Unit 4 Representing Web Data: XML
Prepared for Md. Zakir Hossain Lecturer, CSE, DUET Prepared by Miton Chandra Datta
Chapter 7 Representing Web Data: XML
Presentation transcript:

XML Week 6 INFM 603

Agenda Questions Events in JavaScript XML Speed dating

User Interaction Events Non-obvious hypertext –onclick Rollovers –onmouseover (rollover in), onmouseout Context-Sensitive Help –onfocus (when clicking in an entry box), onblur Validation –onsubmit (return false to prevent submission)

Registering Event Listeners Inline – Registration –form2.goButton.onclick = buttonClicked; Disable event handlers higher in a DOM tree –window.event.cancelBubble = true;

Some Other Events Process a DOM tree after it is fully loaded –onload Intercept ordinary user actions –onkeypress, onresize, onselect, onunload

Observable Behavior Cursor position –onmousemove event –Window.event.clientX, window.event.clientY Scrollbar position –onscroll event –window.pageXOffset, window.pageYOffset

The Tracking Ecosystem

History of Structured Documents Early standards were “typesetting languages” –NROFF, TeX, LaTeX, SGML HTML was developed for the Web Specialized standards met other needs –Change tracking in Word, annotating manuscripts, … XML seeks to unify these threads –One standard format for printing, viewing, processing

eXtensible Markup Language (XML) SGML was too complex HTML was too simple Goals for XML –Easily adapted to specific tasks Rendering Web pages Encoding metadata “Semantic Web” –Easily created –Easily processed –Easily read –Concise

The XML Family Tree SGML XML HTMLTEI... XHTML SMIL MathML VoiceXML RDF RSS

Some XML Applications Text Encoding Initiative –For adding annotation to historical manuscripts – Encoded Archival Description –To enhance automated processing of finding aids – Metadata Encoding and Transmission Standard –Bundles descriptive and administrative metadata –

Really Simple Syndication (RSS) See example at Lift Off News Liftoff to Space Exploration. en-us Tue, 10 Jun :00:00 GMT Tue, 10 Jun :41:01 GMT Weblog Editor Star City How do Americans get ready to work with Russians aboard the International Space Station? They take a crash course in culture, language and protocol at Russia's Star City. Tue, 03 Jun :39:21 GMT

Atom Feeds Example Feed A subtitle T18:30:02Z John Doe urn:uuid:60a76c80-d399-11d9-b91C e0af6 Atom-Powered Robots Run Amok urn:uuid:1225c695-cfb8-4ebb-aaaa-80da344efa6a T18:30:02Z Some text.

Synchronized Multimedia Integration Language (SMIL) Window controls (in ) –Controlling layout:, Timeline controls (in ) –Sequence control:,, –Timing control:,, Content types (in ) –,,,

XML: A Family of Standards Definition: DTD or Schema –Known types of entities with “labels” –Defines part-whole and is-a relationships Markup: XML –“Tags” regions of text with labels Presentation: XSLT –Specifies how each type of entity should be rendered

Some Basic Rules for All XML XML is case sensitive XML declaration is the first statement – An XML document is a “tree” –Must contain one root element –Other elements must be properly nested All start tags must have end tags Attribute values must have quotation marks – Certain characters are “reserved” –For example: < is used to represent <

XML Example View “The Song of the Wandering Aengus” –See related materials with this week’s slides Built from three files –yeats01.xml –poem01.dtd –poem01.xsl

XML Example The Song of Wandering Aengus W.B. Yeats I went on to the hazel wood, Because a fire was in my head, And cut and peeled a hazel wand,

Document Type Definition (DTD) #PCDATA span of text a,ba followed by b a|beither a or b a*0 or more a’s a+1 or more a’s

Specifying Appearance: XSL(T)

Multiple XML Namespaces <rdf:RDF xmlns:rdf=" xmlns:rss=" xmlns:dc=" XML.com XML.com features a rich mix of information and services for the XML community. XML, RDF, metadata, information syndication services O'Reilly & Associates, Inc. Copyright 2000, O'Reilly & Associates, Inc. Example from

XML DOM Parser (IE) doc = new ActiveXObject(“Msxml2.DOMDocument.6.0”); doc.async = false; doc.load(“sports.xml”); result = doc.selectNodes (“/sports/game/name”); for (i in result) { document.writeln(result.item(i).text + “ ”); }

Resource Description Framework " "^^... " "^^. "novelist, philosopher, playwright, "Ayn

Representing Complex Structures Concurrent hierarchies Standoff annotation