INFSY 547: WEB-Based Technologies Gayle J Yaverbaum, PhD Professor of Information Systems Penn State Harrisburg

Breeze –Input PSU Access ID –Feel free to enter the “room” anytime Download prompted software; it only takes a minute With a camera: –start camera –talk into the microphone Without a camera, feel free to join in using the “chat” pod!

XML Reviewed.

Element: Building Block of XML Each element has a name and content Each element has a start and end tag XML does NOT define elements Example:

XML Environment

Attributes Another XML Building Block –Adds richer metadata to elements –Information to help describe an XML element –Contained in the element tag

More about XML Example:  Name/value pair  Value is bounded by quotes

. …………………... class = …………………………….. Attribute:

Example from PortfolioProject Gayle J Yaverbaum

Comments Example

References that are immediately replaced by the character they represent. Predefined e.g. < > (as in HTML) 50 < 100 Programmer defined entities (to be demonstrated later) Predefined Entities Example

Parsing with XSLT XML Stylesheet Language Transformation

Review of Course Software  Sun Java (jdk1.5.0_01 or above) Saxon will not work with earlier versions of JAVA. Java will need environment variables adjusted for the directories in which you placed JAVA JAVA_HOMEc:/JDK1.5.0_ CLASSPATH c:/jdk1.5.0_01/lib; c:/jdk1.5.0_01/bin  Eclipse 3.2. Write xml and xsl files (and others). Produce and test JAVA code. See Eclipse instructions. Install AFTER Java

Saxon  Download Saxon fromSaxon Select the open source and freeware version: i.e. Saxon-B 8.8 Select the download for JAVA (saxon will use XML parser supplied with the Java VM. Unzip files into a suitable directory. eg saxon8

Saxon Saxon Environment Variables( adjust for directory in which you place SAXON: C:\saxon8\saxon8.jar; C:\saxon8\saxon8-jdom.jar; C:\saxon8\saxon8-xom.jar; C:\saxon8\saxon8-sql.jar

XYZXYZ XSLT Processor (saxon) aa Y bb X aa Z bb W cc How It Works! Result: HTML Page Data/Information Transformation of XML to a different format.

Transforming XML to XHTML Format SAXON 8.n XSLT implements the XSLT 2.0 and XPath 1.0 recommendations from the World Wide Web Consortium Referred to collectively as "XSLT"Saxon parser

XSL Stylesheets Must contain “attribute version” (2.0) Must include xmlms:xsl –Is a namespace declaration. –value of xmlns:xsl is always "

Template Each xsl:template element must contain either match or name attribute Match templates are the basic building block of xsl Name templates are associated with reuse of code (later)

XSL: Extensible Stylesheet Language XSL transforms documents to XHTML Specifies how the data should be rendered

XML (from last week’s lab)

VIRTUAL PORTFOLIO Used to convey to others the skill level of the person who is maintaining the portfolio. Artists typically demonstrate skills via a portfolio. Relevant here because skills are mastered throughout the semester. Output is a measure of skill level. The objective of a portfolio is to track, evaluate, and improve performance by providing work examples.

An electronic portfolio is: [1] * a collection of authentic and diverse evidence, * drawn from a larger archive representing what a person or organization has learned over time * on which the person or organization has reflected, and * designed for presentation to one or more audiences for a articular rhetorical purpose. [1] Barrett, H., Wilkerson, J. (2004), Conflicting Paradigms in Electronic Portfolio Approaches Choosing an Electronic Portfolio Strategy that Matches your Conceptual Framework

INFSY 547 PORTFOLIO A collection of work that an individual completes this semester. Private WEB space (PASS) rather than paper output. Portfolio becomes an evolutionary development of all work Using your virtual drive Available when you log on to any PSU machine See PASS on syllabus resources for further information about how to access your personal space. Form to Open PASS Space

Sample XML (for discussion purposes) XML.jpg The Structure of a Portfolio Gayle J Yaverbaum

XSLT Documents Explained! XSLT Documents: Differentiated by a root element, called stylesheet. <xsl:stylesheet version = “2.0" xmlns:xsl = " Each template describes how to transform the data elements. Uses one or more templates or instructions

TEMPLATES An XSLT document is an XML document Has a root element of stylesheet The stylesheet namespace is:

Explanation: Root template.  The “/” is a pattern that matches root  The xsl: indicates a “namespace” and is essential here to distinguish XSLT from non XSLT elements.

<xsl:stylesheet xmlns:xsl=" xmlns=" version="2.0"> Projects <link rel="stylesheet" type="text/css“ href="PortfolioProject.css" /> INFSY 547 XSLT

Templates Matches the document root node Matches any element nodes Applies templates to child nodes <xsl:stylesheet xmlns:xsl=" xmlns=" version="2.0">

The Process 1.Parser will always look for the root of the XML document 2.Typically will be: 3. Each template has a match attribute.

XSL  A very special XLST Instruction (xsl:apply-templates)  Identifies the node-set  Will match all child nodes to templates

Patterns Templates contain patterns Patterns match elements. Patterns define a condition that a node may or may not satisfy Whenever you have a beginning template, you will need an ending eg element

.

“/” Symbol ■ Use the “/” symbol to match specific hierarchies ■ Use the “/” to specify deeper matches also ■ Use // slash to select deeper levels

for-each ■ Processes each element chosen by its select attribute in turn ■ The “/” after title is a short form

Matching attributes ■ The selects nodes based upon attribute names. ■ Assume an attribute “lang” associated with every book in a bookstore file

Sorting Output Elements Assume an AUTHOR element with two children: Arch Frank To Sort and display by LAST: any other code for group Or ascending

Images XML File XML.jpg

Images XSL File

Batch File to Run Processor java net.sf.saxon.Transform bookstore.xml bookstore.xsl > bookstore.html pause

Lab Assignment Copy the bookstore.xml from my Web space into an Eclipse General Project called BookStore bookstore.xml Create the.xsl file to present bookstore.xml –Only list the books that are in English – Create a 2 column table to display the book title and the price Link this lab into your portfolio. Recommended is a lab section. –.xml –.xsl –.html –.bat

Harry Potter Learning XML French History 89.99