3rd Annual Plex/2E Worldwide Users Conference Page based on Title Slide from Slide Layout palette....

3rd Annual Plex/2E Worldwide Users Conference

13D Using XML Generated from Plex Apps to Create Dynamic Web Pages

Jeremy Yearron, Desynit

September 21, 2007

Bio Slide

> Jeremy Yearron

> Desynit Ltd, Consultant

> Plex using most generators since 1995, Java

> UK, jeremy.yearron@desynit.com

> Other facts

I live on a boat travelling around the UK

I rebuild canals

I created Builders Mate

Overview

> XML & transformations

> Retrieving XML out of Plex apps

> Displaying data Examples & demos

Embedding output

> Controlling forms Examples & demos

> The de facto standard for data exchange.

Transforming & Formatting

> eXtensible Stylesheet Language (XSL) XML to describe the change/format

Split into subprojects

XSLT XSL-FO

Formatting

> XSL-Formatting Objects

> Describes content of document

> Precise formatting of page layout

> Initially for printing, but now also PDFs

<fo:table table-layout="fixed"text-align="start"border-spacing="10pt"><fo:table-column column-width="3cm" padding-after="0.2cm"/><fo:table-body>...</fo:table-body>

</fo:table>

Transformation

> XSLT

> Identifies elements to process Uses XPath to navigate through document

> Defines data to be output Can be XML, HTML, XSL-FO, Text, etc

<xsl:template match="Field”><fo:table-row height="16pt">

<xsl:apply-templates select="*"/></fo:table-row>

</xsl:template>

Demo Setup

> Java Tomcat application server

Servlet for web requests

Xerces, Xalan & FOP for XML/XSL

Listener for handling Plex function calls

> Plex functions Accept data, output XML

> Stylesheets

Demo Setup

Browser Servlet

Tomcat

XSL Processor

Listener

FncFnc

XML From Plex

> Pattern to wrap BlockFetch, SingleFetch and update functions

> Outputs generic XML document

Simple Transformation

> Apply single transformation

XSL Processor

XMLXMLHTMLXSL-FOTEXT

Better Scenario

> Create standard Document describing content

> Convert to presentation format

XSL Processor

Document content

Presentation

Examples

> Customers & Orders Html, PDF

Merging Documents

> Controller XSL processes XML and template together

> Template determines output format

XSL Processor

Document content

Controller

Template

Examples

> Invoices Creates page for each ‘Row’ in document

Conditional elements

Embedding Output

> Can embed output within another page iFrame

Server side scripting, e.g. ASP or JSP

– Use wrapper class

<tr> <td> <% XslTest.PlexDataAccess pda = new XslTest.PlexDataAccess("GetCustomerSFXml", "EmbedCust");

pda.addParam("CustomerNo", "1");%> <%= pda.getData() %> </td></tr>

Tag Libraries

> Define <...> tags to represent Java code

> Removes code from web page design

<%@ taglib prefix="plex" uri="WEB-INF/plexTags.tld"%>

<tr> <td><plex:embedXsl function="GetCustomerSFXml"

stylesheet="EmbedCust"><plex:param name="CustomerNo" value="1"/>

</plex:embedXsl></td></tr>

> Asynchronous JavaScript And XML

> Uses http request object in browser

> Server returns XML

> JavaScript processes XML

> Can respond to user actions

> E.g. Google Maps

Communication

> XMLHttpRequest object

> Browser specific implementationif (window.XMLHttpRequest)

req = new XMLHttpRequest();else if (window.ActiveXObject)

req = new ActiveXObject("Microsoft.XMLHTTP");

> Define function to handle returned XMLreq.onreadystatechange = xmlHandler;

> Send data to a URLreq.open("POST", “/getData/Customer”, true);req.send(“CustomerNo=" + keyValue);

JavaScript

> Original intention of developers

> Navigate through Object Model of XML documentvar xmldoc = req.responseXML.documentElement;var value = xmldoc.childNodes[1].text;var nodes = xmldoc.getElementsByTagName(childName);

> Use DHTML to display contentvar html = “<td>” + value + “</td>”;document.getElementById(“myField”).innerHTML = html;

> Enhancing basic web app Load list according to user selection

Fly-over text

> Full UI Grids

Edit forms

Examples

> Order Detail EditSuite

Questions

3rd Annual Plex/2E Worldwide Users Conference Page based on Title Slide from Slide Layout palette....

Documents

Transcript of 3rd Annual Plex/2E Worldwide Users Conference Page based on Title Slide from Slide Layout palette....

MASTER TITLE SLIDE OPTION 2 MASTER TITLE SLIDE OPTION 3.

Slide Title

Slide 1: Title Slide

PowerPoint Slide Master Title Slide

Title slide

AAA GLASS COVERAGE MAP...AAA GLASS COVERAGE MAP AAA Auto Glass-Counties Serviced Indicates Partial Coverage Title CACORP-GLS-16JUN-01_Florida_Glass_Map …

slide->title; ?>

Main Title Slide Title Slide Subheading DD Month YYYY.

3rd Annual Plex/2E Worldwide Users Conference Page based on Title Slide from Slide Layout palette. Design is cacorp 2006. Title text for Title or Divider.

Page based on Title Slide from Slide Layout palette. Design is cacorp 2006. Title text for Title or Divider pages should be either 40 pt for short titles/28.

Title Slide: Presentation Title

Slide Title of Opening Slide

SLIDE 1 Title Slide - Federal Energy Regulatory … SLIDE 1 Title Slide 1 SLIDE 2 Summer Reliability and Market Highlights 3

Title Slide

CA Software Change Manager for Mainframe r12 Overview of Rapid Implementation Page based on Title Slide from Slide Layout palette. Design is cacorp 2006.

Notes Format Title of Powerpoint Title of Slide Summary of Information on slide Title of Slide Summary of Information on slide Title of Slide Summary of.