Solutions for XML Document Navigation and Delivery Lori Wong and T.R. Girill Customer Services Group Services and Development Division Integrated Computing.

Slides:



Advertisements
Similar presentations
XML-XSL Introduction SHIJU RAJAN SHIJU RAJAN Outline Brief Overview Brief Overview What is XML? What is XML? Well Formed XML Well Formed XML Tag Name.
Advertisements

HTML I. HTML Hypertext mark-up language. Uses tags to identify elements of a page so that a browser such as Internet explorer can render the page on a.
HTML Basics Customizing your site using the basics of HTML.
WEB DESIGN TABLES, PAGE LAYOUT AND FORMS. Page Layout Page Layout is an important part of web design Why do you think your page layout is important?
DOCUMENT TYPES. Digital Documents Converting documents to an electronic format will preserve those documents, but how would such a process be organized?
1 XSLT – eXtensible Stylesheet Language Transformations Modified Slides from Dr. Sagiv.
SPECIAL TOPIC XML. Introducing XML XML (eXtensible Markup Language) ◦A language used to create structured documents XML vs HTML ◦XML is designed to transport.
1 Lesson 10 Using JavaScript with Styles HTML and JavaScript BASICS, 4 th Edition Barksdale / Turner.
XHTML1 Tables and Lists. XHTML2 Objectives In this chapter, you will: Create basic tables Structure tables Format tables Create lists.
Macromedia Dreamweaver MX 2004 Design Professional Web Page DEVELOPING A.
Create head content and set page properties Create, import, and format text Add links to Web pages Use the History panel and Code Inspector Modify and.
DT228/3 Web Development JSP: Directives and Scripting elements.
HTML ll Events, Framesets and XHTML. onclick  Captures the click event  Can be used with most tags  Examples onclick=“javascript:alert(‘Thank you for.
Chapter 14 Introduction to HTML
Chapter ONE Introduction to HTML.
Chapter 12 Creating and Using XML Documents HTML5 AND CSS Seventh Edition.
© 2011 Delmar, Cengage Learning Chapter 2 Developing a Web Page.
CISTI Source & SiteSearch OCLC User Meeting 2001 Danielle Langlois & Carol Serroul May 9, 2001.
Computer Concepts 2014 Chapter 7 The Web and .
Server- Side technologies Client-side vs. Server-side scripts PHP basic ASP.NET basic ColdFusion.
IS432 Semi-Structured Data Lecture 5: XSLT Dr. Gamal Al-Shorbagy.
ColdFusion’s XML Capabilities Maryland CFUG April 12, 2005 Presented by Doug Ward.
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 New Perspectives on XML Tutorial 6 1 TUTORIAL 6 XSLT Tutorial – Carey ISBN
WORKING WITH XSLT AND XPATH
An Introduction to XML Presented by Scott Nemec at the UniForum Chicago meeting on 7/25/2006.
IBM User Technologies 11 / 2004 © 2004 IBM Corporation Information development with DITA Ian Larner User Technologies, IBM Hursley Lab, England
Chapter 2 Developing a Web Page. Chapter 2 Lessons Introduction 1.Create head content and set page properties 2.Create, import, and format text 3.Add.
Chapter 2 Developing a Web Page. A web page is composed of two distinct sections: –The head content –The body Creating Head Content and Setting Page Properties.
Introduction to XML. XML - Connectivity is Key Need for customized page layout – e.g. filter to display only recent data Downloadable product comparisons.
Objectives: 1. Create a Skeleton HTML 2. View a Skeleton File Through a Server and Browser 3. Learn HTML Body Tags for the Display of Text and Graphics.
NASRULLAH KHAN.  Lecturer : Nasrullah   Website :
Copyright © 2013 MyGraphicsLab / Pearson Education STRUCTURE AND HTML TAGS MyGraphicsLab: Adobe Dreamweaver CS6 ACA Certification Preparation for Web Communication.
XML Publisher Business Applications Government Forms.
WEB PAGE DESIGN FOR CHIARVELLE PIZZA Open Notepad Click on Start Point to Accessories Point to Notepad Click Notepad Click the Maximize button Click Edit.
HTML Concepts and Techniques Fourth Edition Project 12 Creating and Using XML Documents.
XML A web enabled data description language 4/22/2001 By Mark Lawson & Edward Ryan L’Herault.
JSTL, XML and XSLT An introduction to JSP Standard Tag Library and XML/XSLT transformation for Web layout.
Presentation Topic: XML and ASP Presented by Yanzhi Zhang.
XP Tutorial 9 1 Working with XHTML. XP SGML 2 Standard Generalized Markup Language (SGML) A standard for specifying markup languages. Large, complex standard.
Active Server Pages  In this chapter, you will learn:  How browsers and servers interacted on the Internet when the Internet first became popular 
HTML Basics BCIS 3680 Enterprise Programming. Web Client/Server Architecture 2  Your browser (the client) requests a Web page from a remote computer.
1 Introduction  Extensible Markup Language (XML) –Uses tags to describe the structure of a document –Simplifies the process of sharing information –Extensible.
XP Tutorial 16 New Perspectives on HTML, XHTML, and DHTML, Comprehensive 1 Working with Dynamic Content and Styles Creating a Dynamic Table of Contents.
JavaScript Tutorial 1 - Introduction to JavaScript1 Tutorial 1 Introduction to JavaScript Section A – Programming, HTML, and JavaScript.
INTRODUCTORY Tutorial 5 Using CSS for Layout and Printing.
Web Design and Development. World Wide Web  World Wide Web (WWW or W3), collection of globally distributed text and multimedia documents and files 
Website design and structure. A Website is a collection of webpages that are linked together. Webpages contain text, graphics, sound and video clips.
Portals: Architecture & Best Practices Greg Hinkle February 2005.
 Web pages originally static  Page is delivered exactly as stored on server  Same information displayed for all users, from all contexts  Dynamic.
Creating and Editing a Web Page
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.
Positioning Objects with CSS and Tables
Basic HTML Document Structure. Slide 2 Goals (XHTML HTML5) XHTML Separate document structure and content from document formatting HTML 5 Create a formal.
JavaScript Introduction and Background. 2 Web languages Three formal languages HTML JavaScript CSS Three different tasks Document description Client-side.
 XML derives its strength from a variety of supporting technologies.  Structure and data types: When using XML to exchange data among clients, partners,
Web Design Principles 5 th Edition Chapter 3 Writing HTML for the Modern Web.
Basic HTML Page 1. First Open Windows Notepad to type your HTML code 2.
June 30, 2005 Public Web Site Search Project Update: 6/30/2005 Linda Busdiecker & Andy Nguyen Department of Information Technology.
Apache Cocoon – XML Publishing Framework 데이터베이스 연구실 박사 1 학기 이 세영.
XP Tutorial 10 New Perspectives on JavaScript, Comprehensive 1 Working with Dynamic Content and Styles Creating a Dynamic Table of Contents.
Creating Web Pages in Word. Sharing Office Files Online Many Web pages are created using the HTML programming language. Web page editors are software.
Microsoft Excel Illustrated Introductory Workbooks and Preparing them for the Web Managing.
Chapter 2 Developing a Web Page.
Working with Tables: Module A: Table Basics
Project 1 Introduction to HTML.
Prepared for Md. Zakir Hossain Lecturer, CSE, DUET Prepared by Miton Chandra Datta
Unit 6 - XML Transformations
Presentation transcript:

Solutions for XML Document Navigation and Delivery Lori Wong and T.R. Girill Customer Services Group Services and Development Division Integrated Computing and Communications Department Lawrence Livermore National Laboratory UCRL-PRES Nov. 3, 2003

Defining the problem Solutions for XML Document Navigation and Delivery Lawrence Livermore National Laboratory Replace a legacy SGML-based delivery system of A collection of 36 SGML documents (4000+ pages). A proprietary document delivery system that was awkward and costly to support. Requirements Offer table of contents navigation with adjustable granularity. Display individual sections with forward and backward navigation within the document structure. Render link references appropriately for web or print. Support search capability within and across documents in the collection.

Solutions for XML Document Navigation and Delivery Lawrence Livermore National Laboratory Forging a path from SGML to XML Some initial steps were needed just to get to XML... Developed a script to translate inconsistencies between SGML and XML. - entity substitution - closing tags Modified the DTD to conform to XML requirements. Expanded some of the element attributes where necessary to support XSLT. - section level attribute assists with TOC generation - keep attribute assists with pagination control Once accomplished, the translation process is trivial.

Solutions for XML Document Navigation and Delivery Lawrence Livermore National Laboratory Using XSLT for web rendering A JSP was used to link the XML file with an XSLT to render the output as HTML. Unique ids for each section allowed for rendering of specific document sections. An expandable table of contents allows for greater ease of navigation. Adding search capabilities is the next step.

Solutions for XML Document Navigation and Delivery Lawrence Livermore National Laboratory A JSP simplifies the rendering process A JSP was used to link the XML file with an XSLT to render the output as HTML Support many browsers – PC, Mac, UNIX, Linux platforms. Allow display of specific sections of a document. Server-side rendering ensures consistent display regardless of platform. JSP is trivial and can be used for all of the documents. Source xmlSource = new StreamSource(xmlFile); String paramShow=request.getParameter("show"); if (paramShow==null) {paramShow="Preface";} TransformerFactory tFactory = TransformerFactory.newInstance(); Transformer transformer = tFactory.newTransformer(new StreamSource(xslFile)); transformer.setParameter("show",paramShow); transformer.transform(xmlSource, new StreamResult(out));

Solutions for XML Document Navigation and Delivery Lawrence Livermore National Laboratory Unique section IDs allow special rendering treatment Dynamic forward and backward navigation links were needed to provide continuity in the document delivery. Allows for URLs to be used for linking to specific sections.

Solutions for XML Document Navigation and Delivery Lawrence Livermore National Laboratory Expandable TOC allows for greater ease of navigation Simple javascript routines make use of DOM to generate the expandable menu Based on domCollapse ( Modified to add arrow gifs and to allow topics to be linkable. State of the menu is not saved, menu is expanded to the section that is being displayed. XSLT was difficult to write due to lack of a counter variable to identify which topic to expand.

Solutions for XML Document Navigation and Delivery Lawrence Livermore National Laboratory Adding search capabilities is the next step XML provides us with document structure which can be used to refine a search Searches can be limited to matches only in section heads, for example. Results reported by title or section can help profile found information. XSLT can provide enhanced display features Matched text can be highlighted within the document section displayed. Search results could be shown as a navigation menu – similar in feel to the TOC, but these links could be to matched document sections.

Solutions for XML Document Navigation and Delivery Lawrence Livermore National Laboratory Using XSLT for print rendering An intermediate file is created by the XSLT to produce an XSL-FO formatted file. RenderX’s XEP product is used to render the XSL-FO file into PDF. Apache’s FOP was inadequate for the translations and formatting we needed. - Deficiencies in generating a well-formatted table of contents - Replacement of text to show link addresses explicitly encountered layout difficulties The table of contents and links are two specific areas where the XSLT generates distinctly different results from online rendering. Page numbers and simple headers and footers were added. Page numbers needed to be generated for references to internal document sections where the web rendering would have had a link.

Solutions for XML Document Navigation and Delivery Lawrence Livermore National Laboratory Print vs. web rendering - table of contents TOC rendering is different

Solutions for XML Document Navigation and Delivery Lawrence Livermore National Laboratory Print vs. web rendering – link visibility Link rendering differs by changing URL visibility

Solutions for XML Document Navigation and Delivery Lawrence Livermore National Laboratory Print vs. web rendering – page referencing References within the document differ by noting the page for print renderings

Solutions for XML Document Navigation and Delivery Lawrence Livermore National Laboratory A scalable application for document delivery We have a reasonable and scalable way to deliver our online documents. XSLT provides a way to deliver the documents to different media without having to modify the documents themselves. We have a way to control presentation of the documents in different environments (displaying links where access to the WWW is unavailable). XPATH allows us to develop more refined treatment by utilizing the document structure. We have the potential to build new pages by selecting or re-using specific sections or selections from multiple document sources thereby minimizing duplication of content. We have a workable model which can help in the development and design of other structured documents.