1. 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 pages should be either 40 pt for short titles/28 pt for subtitles or 32 pts for longer titles/24 pt for subtitles. DATE text box is not on master and can be deleted. The date should always be 20 pts. 13D Using XML Generated from Plex Apps to Create Dynamic Web Pages Jeremy Yearron, Desynit September 21, 2007

2. 2January 4, 2014 Using XML Generated from Plex Apps to Create Dynamic Web Pages Copyright © 2007 Desynit Ltd 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

3. 3January 4, 2014 Using XML Generated from Plex Apps to Create Dynamic Web Pages Copyright © 2007 Desynit Ltd Overview >XML & transformations >Retrieving XML out of Plex apps >Displaying data Examples & demos Embedding output > Controlling forms Examples & demos

4. 4January 4, 2014 Using XML Generated from Plex Apps to Create Dynamic Web Pages Copyright © 2007 Desynit Ltd XML >The de facto standard for data exchange.

5. 5January 4, 2014 Using XML Generated from Plex Apps to Create Dynamic Web Pages Copyright © 2007 Desynit Ltd Transforming & Formatting >eXtensible Stylesheet Language (XSL) XML to describe the change/format Split into subprojects XSL XSLTXSL-FO

6. 6January 4, 2014 Using XML Generated from Plex Apps to Create Dynamic Web Pages Copyright © 2007 Desynit Ltd 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">...

7. 7January 4, 2014 Using XML Generated from Plex Apps to Create Dynamic Web Pages Copyright © 2007 Desynit Ltd 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

8. 8January 4, 2014 Using XML Generated from Plex Apps to Create Dynamic Web Pages Copyright © 2007 Desynit Ltd 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

9. 9January 4, 2014 Using XML Generated from Plex Apps to Create Dynamic Web Pages Copyright © 2007 Desynit Ltd Demo Setup Browser Servlet Tomcat XSL Processor Listener Fnc JVM Fnc

10. 10January 4, 2014 Using XML Generated from Plex Apps to Create Dynamic Web Pages Copyright © 2007 Desynit Ltd XML From Plex >Pattern to wrap BlockFetch, SingleFetch and update functions >Outputs generic XML document

11. 11January 4, 2014 Using XML Generated from Plex Apps to Create Dynamic Web Pages Copyright © 2007 Desynit Ltd Simple Transformation >Apply single transformation XSL Processor XML HTML XSL-FO TEXT XSL

12. 12January 4, 2014 Using XML Generated from Plex Apps to Create Dynamic Web Pages Copyright © 2007 Desynit Ltd Better Scenario >Create standard Document describing content >Convert to presentation format XSL Processor XML HTML XSL-FO TEXT XSL XSL Processor XSL Document content Presentation

13. 13January 4, 2014 Using XML Generated from Plex Apps to Create Dynamic Web Pages Copyright © 2007 Desynit Ltd Examples >Customers & Orders Html, PDF

14. 14January 4, 2014 Using XML Generated from Plex Apps to Create Dynamic Web Pages Copyright © 2007 Desynit Ltd Merging Documents >Controller XSL processes XML and template together >Template determines output format XSL Processor XML HTML XSL-FO TEXT XSL XSL Processor XSL Document content Controller XML Template

15. 15January 4, 2014 Using XML Generated from Plex Apps to Create Dynamic Web Pages Copyright © 2007 Desynit Ltd Examples >Invoices Creates page for each Row in document Conditional elements

16. 16January 4, 2014 Using XML Generated from Plex Apps to Create Dynamic Web Pages Copyright © 2007 Desynit Ltd Embedding Output >Can embed output within another page iFrame Server side scripting, e.g. ASP or JSP –Use wrapper class <% XslTest.PlexDataAccess pda = new XslTest.PlexDataAccess("GetCustomerSFXml", "EmbedCust"); pda.addParam("CustomerNo", "1");%>

17. 17January 4, 2014 Using XML Generated from Plex Apps to Create Dynamic Web Pages Copyright © 2007 Desynit Ltd Tag Libraries >Define tags to represent Java code >Removes code from web page design <plex:embedXsl function="GetCustomerSFXml" stylesheet="EmbedCust">

18. 18January 4, 2014 Using XML Generated from Plex Apps to Create Dynamic Web Pages Copyright © 2007 Desynit Ltd AJAX >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

19. 19January 4, 2014 Using XML Generated from Plex Apps to Create Dynamic Web Pages Copyright © 2007 Desynit Ltd Communication >XMLHttpRequest object >Browser specific implementation if (window.XMLHttpRequest) req = new XMLHttpRequest(); else if (window.ActiveXObject) req = new ActiveXObject("Microsoft.XMLHTTP"); >Define function to handle returned XML req.onreadystatechange = xmlHandler; >Send data to a URL req.open("POST", /getData/Customer, true); req.send(CustomerNo=" + keyValue);

20. 20January 4, 2014 Using XML Generated from Plex Apps to Create Dynamic Web Pages Copyright © 2007 Desynit Ltd JavaScript >Original intention of developers >Navigate through Object Model of XML document var xmldoc = req.responseXML.documentElement; var value = xmldoc.childNodes[1].text; var nodes = xmldoc.getElementsByTagName(childName); >Use DHTML to display content var html = + value + ; document.getElementById(myField).innerHTML = html;

21. 21January 4, 2014 Using XML Generated from Plex Apps to Create Dynamic Web Pages Copyright © 2007 Desynit Ltd Uses >Enhancing basic web app Load list according to user selection Fly-over text >Full UI Grids Edit forms

22. 22January 4, 2014 Using XML Generated from Plex Apps to Create Dynamic Web Pages Copyright © 2007 Desynit Ltd Examples >Order Detail EditSuite

23. 23January 4, 2014 Using XML Generated from Plex Apps to Create Dynamic Web Pages Copyright © 2007 Desynit Ltd Questions ?