ARCH-13 Developing WebSpeed Applications Chris Skeldon Principal Consultant

ARCH-13Developing WebSpeed Applications

Chris SkeldonPrincipal Consultant

2 ARCH-13 Developing WebSpeed Applications© 2005 Progress Software Corporation

Agenda

Browser based applications OpenEdge® RA & WebSpeed eScript WebObject Demonstration


Developing For The Browser

Uses multiple skill sets:– design & create: XHTML/CSS/JavaScript – programming: database/4GL

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


Users

Business Servicing Layer

Data Access Layer

Managed Data Stores

Unmanaged Data Stores

Enterprise Services

Integration Layer

OpenEdge Reference Architecture

En

viro

nm

ent

Man

ager

s an

d U

tili

ties

UI Components

UI Controllers


change statequery

Model-View-Controller (MVC)

Model

View Controlleruser-interactions

data & business

logic

show contents of model

receive interaction,

invoke model action


MVC for WebSpeed

DataBusiness

logic

ps:eScript WebObject

Interface specific

code

model controller

view

view


ps:eScript Approach

Once upon a time … No restrictions Split XHTML/JavaScript from 4GL code

– Allows XHTML/JavaScript and 4GL to be changed independently

– XHTML/JavaScript can be changed without recompilation of 4GL code

Business logic agnostic


Implementation

eScript WebObject template super-procedure escript.i Few supporting files


ps:eScript

WebObject

How It Works…

Business

Logic

Application

Database

ps:eScript

Processor

.html files

processMarkup ( customer.html )

Read customer.html

Process customer.htmlloop

fetch data

branch

include

discard

getData ( Customer.Name )

Request

Response


ps:eScript Tags

Function call While Data request If Include Discard


ps:eScript Tags – Function Call

Used to pass information from the HTML to the 4GL program

Does not directly change outgoing page <%functionname(params)%>


ps:eScript Tags - While

Enables a section of HTML to be output between 0 and n times

<%while:functionname(params)%> …<%end:functionname%>

Function returns TRUE if HTML is to be output

After output function called again Result can be reversed with ! or not


ps:eScript Tags – Data Request

Enabled 4GL program to return data to be included in the page

<%=functionname(params)%>


ps:eScript Tags – If … Else …

Enables HTML to be conditionally output <%if:functionname(params)%>

…<%else:functionname%>

…<%end:functionname%>

Function returns TRUE if HTML is to be output

Result can be reversed with ! or not


ps:escript Tags – Include

Loads text from file into page <%include:filename $title=PRGS %> Used to modularise site Text processed after loading Accepts arguments


ps:eScript Tags - Discard

XHTML not processed or sent to client <%discard:start%>

…

<%discard:end%> Useful for removing example data


Developing With ps:eScript

1. Create HTML2. Create ps:eScript WebObject

– Call appropriate web page

3. Add custom tags to HTML– Conditional sections– Repeating sections– Data

4. Add support functions to WebObject5. Test


eScript

Demonstration


Creating a New WebObject


Demo eScript WebObject


Demo


ps:eScript Framework


In Summary

Separate XHTML & 4GL Look at eScript WebObject Consider ps:eScript


Questions?


Thank you for your time!


Documents

ARCH-13 Developing WebSpeed Applications Chris Skeldon Principal Consultant