AdcAustinTech WebClient i+ Germany2009

1,052 views
889 views

Published on

Websydian Webclient i+ Application Development Framework for CA Plex. Dojo/Ajax/Web 2.0 generator for CA Plex applications.

Published in: Technology, Education
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
1,052
On SlideShare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
6
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

AdcAustinTech WebClient i+ Germany2009

  1. 1. Developing Ajax Applicationswith Websydian webclient for CA Plex<br />ADC Austin Tech – Germany, May 2009<br />
  2. 2. What are we talking about?<br />Why you should be interested in Ajax for business applications<br />What is WebClient<br />Speed + Power<br />How Does WebClient Implement Ajax?<br />Demonstration<br />Roadmap / Next Steps<br />
  3. 3. And why should you be interested?<br />What is Ajax?<br />
  4. 4. What is Ajax? <br />Famous Ski Mountain in Aspen, CO<br />Greek god<br />Industrial strength cleaner<br />Web 2.0 technique in common use at Google, Microsoft, IBM, Yahoo, …<br />Asynchronous Javascript +XML<br />
  5. 5. Classic web application issues<br />Poor Interactivity<br />Unresponsiveness /<br />Page Refresh<br />Simplistic Interfaces<br />Low usability<br />=Dissatisfaction<br />
  6. 6. Ajax Use Cases<br />Replacement of desktop applications<br />Easier Distribution<br />Customer self service<br />Analytics<br />Productivity<br />
  7. 7. Classic Example – Google Maps<br />Scrolling window<br />Map URL’s prefetched on edges – path of motion<br />Rich windows/popups<br />
  8. 8. Primary Ajax Concerns<br />Bandwidth<br />Security<br />Complexity<br />Broadband pervasive<br />Perception of responsiveness<br />WebClient generated code<br />Plex skills<br />Security built in<br />No SQL Injection<br />Building an aircraft carrier while underway - Sun<br />
  9. 9. Ajax/RIA Justification<br />44% of businesses have RIA in production<br />Customer facing apps are moving forward even in current economy<br />Saves money over desktop, distribution/development<br />
  10. 10. Basic Concepts<br />What is WebClient Exactly?<br />
  11. 11. What does WebClient do?<br />No Rewrite Required!<br />Same Plex Object <br />Function / Business Logic / Panel Design<br />=Ajax Faster and Cheaper<br />
  12. 12. WebClient is International<br />Projects Underway<br />Spain<br />Switzerland<br />Germany<br />Japan<br />USA<br />Ecuador<br />Mexico<br />And others…<br />
  13. 13. How does WWCP work?<br />Generates WYSIWYG HTML with JavaScript/Ajax directly from the Plex panel design<br />2 modes – basic and expert<br />With expert, html templating techniques are in play<br />Java based - Deploys on any J2EE web server such as IBM Websphere, JBoss or Tomcat. Integrated to Eclipse Europa / Rational<br />Uses client-server action diagram techniques<br />No new statements or APIs, use what you know<br />Single code base for web and client-server / 5250<br />
  14. 14. Development Environment<br />CA Plex<br />Eclipse / Rational IDE<br />Web Server<br />Generate<br />Java<br />Eclipse/WDSc<br />Compile<br />ANT import<br />Publish<br />WebClient<br />Eclipse<br />Plug-in<br />(Builder)<br />System Templates<br />User Templates<br />
  15. 15. Template Generation Process<br />Sys<br />Template<br />User<br />Template<br />Sys<br />Template<br />User<br />Template<br />
  16. 16. Component Generation from Panel<br />Generate Ajax/HTML from existing or new client-server panels<br />
  17. 17. Plex Component and Web Support<br /><ul><li>FAQ - Can WebClient handle every Plex UI feature and every web page requirement</li></ul>No and Yes –<br />No, WebClient does not ship with every Plex UI feature (commonly used components supported). No, WebClient does not support every web page UI feature out of the box<br />YES! WebClient is an open generator that does not know anything inherently about html or javascript – the look and feel are in the templates and html that customers are free to modify <br />
  18. 18. How does WebClient implement Ajax<br />How does Ajax work<br />
  19. 19. Ajax Diagram<br />WebClient Ajax Component/Pattern<br />
  20. 20. How is Ajax different than JS?<br />Ajax uses JavaScript as the programming framework<br />However, JavaScript on a web page is NOT Ajax<br />WebClient uses both techniques<br />Reasons to use Ajax<br />Avoid Page Refreshes<br />Grid Pagination<br />Update web page regions, tabs, popups<br />In WebClient – pages refreshes are only done when unavoidable<br />
  21. 21. WebClient Components (Dojo)<br />Rich, Open Source<br />Commercial support – IBM, SUN, BEA, …<br />Standards based<br />Internationalization (i18n)<br />Localization (110n)<br />Accessibility (a11y)<br />Many components support Ajax<br />
  22. 22. Enhanced Editable Grid - Ajax<br />Designed to provide similar functionality to client-server grid<br />Pagination, more event<br />Auto-resize data rows to browser<br />Plex states with colors and protection<br />Column resizing<br />Other behaviors possible via straightforward javascript<br />Dynamic sort, reordering columns, export to Excel, etc.<br />
  23. 23. Pop-up Modal Dialogs<br />Dialogs pop up in window in browser (if desired)<br />Can be nested<br />
  24. 24. Messages<br />Dialog message<br />Html pop up with OK button<br />Log message<br />Displays in defined area in html<br />Enquiry message<br />Html Pop up with yes, no, cancel<br />
  25. 25. Menus, Hints, Dates<br />
  26. 26. Field States<br />Set States in normal manner, using standard techniques<br />Protected / Hidden<br />Tie states to style sheet support<br />Can tie Plex state to desired HTML<br />Example<br />Errors turn red<br />Grid highlighted rows turn yellow<br />
  27. 27. WebClient and 2E<br />WebClient does not work directly with 2E, but…<br />WebClient was developed around migrated 2E applications<br />2E functions work “out of the box”, no recoding required<br />WebClient maintains the state necessary for 2E applications to run as is, and solves common single sign-on and audit stamp requirements<br />
  28. 28. Websydian Product Integration<br />Integration<br /><ul><li>Websydian Server
  29. 29. Interoperability
  30. 30. Template format
  31. 31. Web/WSE API’s
  32. 32. WSE Business Processes</li></ul>Advantages<br /><ul><li>Functionality
  33. 33. Security
  34. 34. Scalability</li></ul>Web Application Development Framework<br />TransacXML<br />Web Developer<br />WebClient<br />Websydian<br />Express User Interface<br />WSE API’s, Runtime, Framework<br />Websydian Server<br />Web Server<br />
  35. 35. Demonstration<br />
  36. 36. Scenario<br />ISV in Switzerland, Change Management Tooling for Plex<br />MKS Connector<br />Matchpoint<br />Mature CA Plex model<br />2300 Functions, 420 Panels <br />Multiple Variants, National Languages<br />
  37. 37. Opportunity / Challenges<br />Business Opps<br />Software availability across firewalls, to broad base<br />ISV module – ISV customers log in to download changes<br />Update look and feel<br />Technical Challenges<br />No Java Variant<br />“Busy” Screens<br />Extensive use of dynamic combos (Atol)<br />Complex inheritance and interrelated functions<br />Java / HTML skills limited<br />
  38. 38. Solution – Pilot Workshop<br />2 Day Workshop<br />Install and configure software<br />Basic orientation<br />Set up starter CSS/controls<br />Add models, inherit, generate and build<br />Results<br />27 Panels Web/Ajax Enabled<br />Look and feel updated<br />Dynamic combo solution using standard API’s<br />Ready to finalize project – additional panels, national language, etc.<br />= Immediate Results<br />
  39. 39. Existing Application<br />
  40. 40. New Application<br />
  41. 41. Road Map and Next Steps<br />
  42. 42. Road Map<br />Release 2.0<br />Support for CA Plex 6.1<br />Support for latest Websydian version<br />Additional components – tree view, flexgrid, spinner, etc. likely<br />1.4 SP1 Released January 2009<br />Build 1.4.7 available now<br />With current release, focus on usability and documentation<br />Web Services/ Workflow Cookbook in progress<br />
  43. 43. Simple Deep Link<br />http://server/handler?program=wxvf&parm1=1.0&parm2=xyz<br />Handler<br />Servlet<br />Plex<br />Panel<br />Function<br />XML String with structured Plex call information (all<br />IO Parameters)<br />WebClient<br />Servlet<br />
  44. 44. Deep link - workflow<br />WebClient<br />Servlet<br />Plex<br />Panel or Non-Panel<br />Function<br />
  45. 45. Find out more – Worldwide Plex/2E Conference<br />Miami/Ft. Lauderdale, September 2009<br />Free training course<br />Presentations<br />English / Spanish<br />Trial Software<br />
  46. 46. Find out more – right now<br />http://adcaustintech.com<br />Product Information<br />http://webclientiplus.com<br />Technical documentation, tips, blog, news, videos, software<br />info@adcaustintech.com<br />Workshop/POC Program<br />
  47. 47. Summary – Fast and Powerful Web Development Option for CA Plex<br />For the business<br />Rich, appealing web sites, integration<br />Time saved<br />Money saved<br />For developers<br />Short learning curve<br />Reuse of existing skills <br />Reuse of existing code<br />Your Plex skills take you further <br />
  48. 48. Thank You and Questions<br />http://adcaustintech.com<br />jdrhodes@adcaustintech.com<br />

×