• Like
HTML to XML/XSL:
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

HTML to XML/XSL:

  • 2,062 views
Published

edu Web 2011 Conference presentation

edu Web 2011 Conference presentation

Published in Education , Technology
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
    Be the first to like this
No Downloads

Views

Total Views
2,062
On SlideShare
0
From Embeds
0
Number of Embeds
0

Actions

Shares
Downloads
19
Comments
0
Likes
0

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 1. HTML to XML/XSL: Lessons Learned
    Jay Knape
    Senior Manager of Web Content ServicesUniversity Information & Technology ServicesColumbus State University
  • 2. Topics:
    Introduction
    Definitions
    Migration
    Future Plans
    Lessons Learned
    Q & A
  • 3. Introduction
  • 4. University
    Columbus State University
    Columbus, Georgia
    100 miles southeast of Atlanta
    8,298 students (fall 2010)
    72 undergrad and 52 grad degrees
    4 colleges
  • 5. Web Team
    Report to CIO
    4 Full-time Staff
    3 Part-time Student Assistants
  • 6. Definition
  • 7. XML is
    eXtensible Markup Language.
    XML is designed to transport and store data.
  • 8. Benefits of XML
    Separates Data from Layout/Design
    Simplifies Data Sharing
    Simplifies Data Transport
    Simplifies Platform Changes
    Makes Your Data More Available for Repurposing
  • 9. XML Format
    <?xml version="1.0" encoding="ISO-8859-1"?>
    <bookstore>    <book category="WEB">    <title lang="en">Learning XML</title>    <author>Erik T. Ray</author>    <year>2003</year>    <price>39.95</price>  </book></bookstore>
  • 10. <?xml version="1.0" encoding="ISO-8859-1"?>
    <csu>
    <!-- ACCT 2101 Principles of Accounting 1 (3-0-3) -->
    <ACCT>
    <scbcrse_subj_code>ACCT</scbcrse_subj_code>
    <scbcrse_subj_name>Accounting</scbcrse_subj_name>
    <scbcrse_crse_numb>2101</scbcrse_crse_numb>
    <scbcrse_lec_hr_low>3</scbcrse_lec_hr_low>
    <scbcrse_lab_hr_low>0</scbcrse_lab_hr_low>
    <scbcrse_credit_hr_low>3</scbcrse_credit_hr_low>
    <scrsyln_long_course_title>Principles of Accounting 1 </scrsyln_long_course_title>
    <scbdesc_text_narrative>
    A study of the underlying theory and application of financial accounting concepts. It introduces accounting as a decision making tool. Financial accounting principles, methods, and procedures, including assets, liabilities, equity, and financial statements are examined. (Course fee required.)
    </scbdesc_text_narrative>
    </ACCT>
    </csu>
  • 11. XML is like:
  • 12. Syntax Rules
    All XML Elements Must Have a Closing Tag
    XML Tags are Case Sensitive
    XML Elements Must be Properly Nested
    XML Documents Must Have a Root Element
    XML Attribute Values Must be Quoted
  • 13. Syntax Rules
    Entity References
    Comments in XML
    <!-- This is a comment -->
  • 14. XSL is
    eXtensible Stylesheet Language
    Components:
    XSL-FO
    XSLT
    XPath
  • 15. XSL-FO is
    eXtensible Stylesheet Language Formatting Objects
    language for formatting XML data for output to screen, print or other media
  • 16. XPath is
    a language for finding information in an XML document
    a syntax for defining parts of an XML document
    uses path expressions to navigate in XML documents
    contains a library of standard functions
    a major component of XSLT
  • 17. XSLT is
    eXtensible Stylesheet Language Transformations
    a way to transform an XML document into HTML
    far more sophisticated than CSS
  • 18. XSLT is
  • 19. XSLT 2.0
    XSLT 2.0
    XSLT 1.0
    EXSLT
    Velocity
  • 20. Template-Based Publishing
    Page
    Page
    XSLT
    2.0
    XSL
    Page
    XSL
  • 21. Multi-File Output
    XSL
    Mobile Page
    XSLT
    2.0
    Page
    XSL
    Web Page
    XSL
    PDF File
  • 22. Migration
  • 23. Process
    2007 – RFP for Web Content Management System
    Selected OmniUpdate OUCampus
    2007 – 2010 – manually migrated sites into CMS
    Table designed HTML pages; CSS; PHP
    CSS designed HTML pages; CSS PHP
  • 24. Process
    2010 – University Branding effort
    Changed domain from colstate.edu to ColumbusState.edu
    New Logos
    New Web Page designs
  • 25. Page Layouts
  • 26. Templates
  • 27. Site Importing
  • 28. XML Structure
    Let’s take a look at our XML file format
  • 29. <?xml version="1.0" encoding="UTF-8"?>
    <?pcf-stylesheet path="/z-omniupdate/xsl/default.xsl" extension="php"?>
    <!DOCTYPE document SYSTEM "http://commons.omniupdate.com/dtd/standard.dtd">
    <document>
    <title></title>
    <config>
    <pageType></pageType>
    <scripts></scripts>
    <onLoad></onLoad>
    </config>
    <metadata>
    <meta name="description" content="" />
    <meta name="keywords" content="" />
    </metadata>
    <content>
    <rightcontent></rightcontent>
    <sidebox_title></sidebox_title>
    <LeftInclude></LeftInclude>
    <breadcrumb></breadcrumb>
    <content></content>
    </content>
    </document>
  • 30. XSL Structure
    default.xsl
    Imports in additional files
    <xsl:importhref="plain-w-nobox.xsl" />
    <xsl:importhref="plain-w-box.xsl" />
    <xsl:importhref="photos-w-nobox.xsl" />
    <xsl:importhref="photos-w-box.xsl" />
    <xsl:importhref="photos-w-redbox.xsl" />
  • 31. Future Plans
  • 32. Plans
    Transformation – With and Without CMS
    Opportunity with XML/XSL is unlimited
    XML storage for reusable content
    Course Descriptions
    Degree Description/Requirements
    Faculty Profiles/CV
  • 33. Lessons Learned
  • 34. Lessons Learned
    White-space is Preserved in XML
    XML Naming Rules
    Names can contain letters, numbers, and other characters
    Names cannot start with a number or punctuation character
    Names cannot start with the letters xml (or XML, or Xml, etc)
    Names cannot contain spaces
    Any name can be used, no words are reserved.
  • 35. Lessons Learned
    Naming Practices
    Avoid "-" characters.
    Avoid "." characters.
    Avoid ":" characters.
    Non-English letters like éòá are perfectly legal
    XML elements are Case Sensitive
  • 36. Lesson Learned
    Weak error reporting with vague messages
    No room for small typos and mistakes
    Bell shaped learning curve
    Invest in training and/or personnel
    Database vs XML arguments
  • 37. Q & A
  • 38. HTML to XML/XSL: Lessons Learned
    Jay Knape
    Senior Manager of Web Content ServicesUniversity Information & Technology ServicesColumbus State University
    knape_jay@ColumbusState.edu
    Twitter: @knape_jay
  • 39. References
    http://www.w3schools.com/xml
    http://www.w3schools.com/xsl
    http://www.w3schools.com/xslt