1. ARCH-13: Multiple "Views" with WebSpeed® Chris Skeldon Principal Consultant

2. © 2006 Progress Software Corporation2 ARCH-13: Multiple "Views" with WebSpeed Agenda  Browser based applications  OpenEdge ® RA & WebSpeed™  eScript WebObject  Demonstration

3. © 2006 Progress Software Corporation3 ARCH-13: Multiple "Views" with WebSpeed 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

4. © 2006 Progress Software Corporation4 ARCH-13: Multiple "Views" with WebSpeed OpenEdge Reference Architecture Presentation Business Services Data Access Data Sources Common Infrastructure Enterprise Services

5. © 2006 Progress Software Corporation5 ARCH-13: Multiple "Views" with WebSpeed 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. © 2006 Progress Software Corporation6 ARCH-13: Multiple "Views" with WebSpeed MVC on the Web Model View Controller HTTP GET/POST Interacts with model Selects view Generates view

7. © 2006 Progress Software Corporation7 ARCH-13: Multiple "Views" with WebSpeed MVC for WebSpeed Data Business logic eScript WebObject Interface specific code modelcontroller view

8. © 2006 Progress Software Corporation8 ARCH-13: Multiple "Views" with WebSpeed eScript Approach Design goals:  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 Once upon a time …

9. © 2006 Progress Software Corporation9 ARCH-13: Multiple "Views" with WebSpeed Implementation  eScript WebObject template  super-procedure  escript.i  Few supporting files Available on PSDN see downloads

10. © 2006 Progress Software Corporation10 ARCH-13: Multiple "Views" with WebSpeed eScript WebObject How It Works… Business Logic Application Database eScript Processor.html files processMarkup ( customer.html ) Read customer.html Process customer.html loop fetch data branch include discard getData ( Customer.Name ) Request Response model controller

11. © 2006 Progress Software Corporation11 ARCH-13: Multiple "Views" with WebSpeed Building a page 1. Create eScript WebObject processMarkup(“myPage.html”) 2. Add support functions to WebObject 3. Create myPage.html 4. Add custom tags to myPage.html …

12. © 2006 Progress Software Corporation12 ARCH-13: Multiple "Views" with WebSpeed eScript Tags  Function call  While  Data request  If  Include  Discard

13. © 2006 Progress Software Corporation13 ARCH-13: Multiple "Views" with WebSpeed eScript Tags – Function Call  Used to pass information from the XHTML to the 4GL program  Does not directly change outgoing page

14. © 2006 Progress Software Corporation14 ARCH-13: Multiple "Views" with WebSpeed eScript Tags - While  Enables a section of XHTML to be output between 0 and n times  Function returns TRUE if HTML is to be output  After output function called again  Result can be reversed with ! or not …

15. © 2006 Progress Software Corporation15 ARCH-13: Multiple "Views" with WebSpeed eScript Tags – Data Request  Enabled 4GL program to return data to be included in the page

16. © 2006 Progress Software Corporation16 ARCH-13: Multiple "Views" with WebSpeed eScript Tags – If … Else …  Enables XHTML to be conditionally output  Function returns TRUE if XHTML is to be output  Result can be reversed with ! or not … …

17. © 2006 Progress Software Corporation17 ARCH-13: Multiple "Views" with WebSpeed eScript Tags – Include  Loads text from file into page  Used to modularise site  Text processed after loading  Accepts arguments

18. © 2006 Progress Software Corporation18 ARCH-13: Multiple "Views" with WebSpeed eScript Tags - Discard  XHTML not processed or sent to client  Useful for removing example data …

19. © 2006 Progress Software Corporation19 ARCH-13: Multiple "Views" with WebSpeed Developing With eScript  Create eScript WebObject processMarkup(“myPage.html”)  Add support functions to WebObject  Create myPage.html  Add custom tags to myPage.html Conditional sections Repeating sections Data  Test

20. © 2006 Progress Software Corporation20 ARCH-13: Multiple "Views" with WebSpeed Demo eScript

21. © 2006 Progress Software Corporation21 ARCH-13: Multiple "Views" with WebSpeed Creating a New WebObject

22. © 2006 Progress Software Corporation22 ARCH-13: Multiple "Views" with WebSpeed Demo eScript WebObject

23. © 2006 Progress Software Corporation23 ARCH-13: Multiple "Views" with WebSpeed Demo

24. © 2006 Progress Software Corporation24 ARCH-13: Multiple "Views" with WebSpeed ps:eScript Framework

25. © 2006 Progress Software Corporation25 ARCH-13: Multiple "Views" with WebSpeed In Summary  Separate XHTML & 4GL  Look at eScript WebObject  Consider ps:eScript chris.skeldon@progress.com Available on PSDN see downloads

26. © 2006 Progress Software Corporation26 ARCH-13: Multiple "Views" with WebSpeed Questions?

27. © 2006 Progress Software Corporation27 ARCH-13: Multiple "Views" with WebSpeed Thank you for your time

28. © 2006 Progress Software Corporation28 ARCH-13: Multiple "Views" with WebSpeed