ARCH13 Developing Web Speed Applications Chris Skeldon Principal

ARCH-13 Developing Web. Speed Applications Chris Skeldon Principal Consultant

Agenda n n Browser based applications Open. Edge® RA & Web. Speed e. Script

Developing For The Browser n Uses multiple skill sets: – design & create: XHTML/CSS/Java. Script – programming: database/4 GL n n n User-interface subject to design changes throughout development and beyond Support for multiple browser versions often specified Ability to alter pages by site, language, etc. often required 3 © 2005 Progress Software Corporation ARCH-13 Developing Web. Speed Applications

Enterprise Services Users UI Components UI Controllers Integration Layer Business Servicing Layer Data Access Layer Managed Data Stores 4 © 2005 Progress Software Corporation Unmanaged Data Stores Environment Managers and Utilities Open. Edge Reference Architecture ARCH-13 Developing Web. Speed Applications

Model-View-Controller (MVC) data & business logic Model query show contents of model View receive interaction, invoke model action user-interactions 5 © 2005 Progress Software Corporation change state Controller ARCH-13 Developing Web. Speed Applications

MVC for Web. Speed view ps: e. Script Web. Object view Business logic Data

ps: e. Script Approach n n n Once upon a time … No restrictions Split XHTML/Java. Script from 4 GL code – Allows XHTML/Java. Script and 4 GL to be changed independently – XHTML/Java. Script can be changed without recompilation of 4 GL code n Business logic agnostic 7 © 2005 Progress Software Corporation ARCH-13 Developing Web. Speed Applications

Implementation n n e. Script Web. Object template super-procedure escript. i Few supporting files

How It Works… Process customer. html loop Response fetch data ps: e. Script branch Processor include Read customer. html files discard process. Markup get. Data ( Customer. Name ( customer. html ) ) Request ps: e. Script Business Application Web. Object Logic Database 9 © 2005 Progress Software Corporation ARCH-13 Developing Web. Speed Applications

ps: e. Script Tags n n n Function call While Data request If Include

ps: e. Script Tags – Function Call n n n Used to pass information from the HTML to the 4 GL program Does not directly change outgoing page <%functionname(params)%> 11 © 2005 Progress Software Corporation ARCH-13 Developing Web. Speed Applications

ps: e. Script Tags - While n n Enables a section of HTML to be output between 0 and n times <%while: functionname(params)%> … <%end: functionname%> n n n Function returns TRUE if HTML is to be output After output function called again Result can be reversed with ! or not 12 © 2005 Progress Software Corporation ARCH-13 Developing Web. Speed Applications

ps: e. Script Tags – Data Request n n Enabled 4 GL program to return data to be included in the page <%=functionname(params)%> 13 © 2005 Progress Software Corporation ARCH-13 Developing Web. Speed Applications

ps: e. Script Tags – If … Else … n n Enables HTML to be conditionally output <%if: functionname(params)%> … <%else: functionname%> … <%end: functionname%> n n Function returns TRUE if HTML is to be output Result can be reversed with ! or not 14 © 2005 Progress Software Corporation ARCH-13 Developing Web. Speed Applications

ps: escript Tags – Include n n n Loads text from file into page <%include: filename $title=PRGS %> Used to modularise site Text processed after loading Accepts arguments 15 © 2005 Progress Software Corporation ARCH-13 Developing Web. Speed Applications

ps: e. Script Tags - Discard n n XHTML not processed or sent to client <%discard: start%> … <%discard: end%> n Useful for removing example data 16 © 2005 Progress Software Corporation ARCH-13 Developing Web. Speed Applications

Developing With ps: e. Script 1. 2. Create HTML Create ps: e. Script Web. Object – Call appropriate web page 3. Add custom tags to HTML – Conditional sections – Repeating sections – Data 4. 5. Add support functions to Web. Object Test 17 © 2005 Progress Software Corporation ARCH-13 Developing Web. Speed Applications