1. ARCH-13 Developing WebSpeed  Applications Chris Skeldon Principal Consultant

2. 2© 2005 Progress Software Corporation ARCH-13 Developing WebSpeed Applications Agenda n Browser based applications n OpenEdge® RA & WebSpeed n eScript WebObject n Demonstration

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

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

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

6. 6© 2005 Progress Software Corporation ARCH-13 Developing WebSpeed Applications MVC for WebSpeed Data Business logic ps:eScript WebObject Interface specific code modelcontroller view

7. 7© 2005 Progress Software Corporation ARCH-13 Developing WebSpeed Applications ps:eScript Approach n Once upon a time … n No restrictions n 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 n Business logic agnostic

8. 8© 2005 Progress Software Corporation ARCH-13 Developing WebSpeed Applications Implementation n eScript WebObject template n super-procedure n escript.i n Few supporting files

9. 9© 2005 Progress Software Corporation ARCH-13 Developing WebSpeed Applications ps:eScript WebObject How It Works… Business Logic Application Database ps:eScript Processor.html files processMarkup ( customer.html ) Read customer.html Process customer.html loop fetch data branch include discard getData ( Customer.Name ) Request Response

10. 10© 2005 Progress Software Corporation ARCH-13 Developing WebSpeed Applications ps:eScript Tags n Function call n While n Data request n If n Include n Discard

11. 11© 2005 Progress Software Corporation ARCH-13 Developing WebSpeed Applications ps:eScript Tags – Function Call n Used to pass information from the HTML to the 4GL program n Does not directly change outgoing page n

12. 12© 2005 Progress Software Corporation ARCH-13 Developing WebSpeed Applications ps:eScript Tags - While n Enables a section of HTML to be output between 0 and n times n … n Function returns TRUE if HTML is to be output n After output function called again n Result can be reversed with ! or not

13. 13© 2005 Progress Software Corporation ARCH-13 Developing WebSpeed Applications ps:eScript Tags – Data Request n Enabled 4GL program to return data to be included in the page n

14. 14© 2005 Progress Software Corporation ARCH-13 Developing WebSpeed Applications ps:eScript Tags – If … Else … n Enables HTML to be conditionally output n … … n Function returns TRUE if HTML is to be output n Result can be reversed with ! or not

15. 15© 2005 Progress Software Corporation ARCH-13 Developing WebSpeed Applications ps:escript Tags – Include n Loads text from file into page n n Used to modularise site n Text processed after loading n Accepts arguments

16. 16© 2005 Progress Software Corporation ARCH-13 Developing WebSpeed Applications ps:eScript Tags - Discard n XHTML not processed or sent to client n … n Useful for removing example data

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

18. 18© 2005 Progress Software Corporation ARCH-13 Developing WebSpeed Applications eScript Demonstration

19. 19© 2005 Progress Software Corporation ARCH-13 Developing WebSpeed Applications Creating a New WebObject

20. 20© 2005 Progress Software Corporation ARCH-13 Developing WebSpeed Applications Demo eScript WebObject

21. 21© 2005 Progress Software Corporation ARCH-13 Developing WebSpeed Applications Demo

22. 22© 2005 Progress Software Corporation ARCH-13 Developing WebSpeed Applications ps:eScript Framework

23. 23© 2005 Progress Software Corporation ARCH-13 Developing WebSpeed Applications In Summary n Separate XHTML & 4GL n Look at eScript WebObject n Consider ps:eScript

24. 24© 2005 Progress Software Corporation ARCH-13 Developing WebSpeed Applications Questions?

25. 25© 2005 Progress Software Corporation ARCH-13 Developing WebSpeed Applications Thank you for your time!

26. 26© 2005 Progress Software Corporation ARCH-13 Developing WebSpeed Applications