PlexRIA2008
Upcoming SlideShare
Loading in...5
×
 

Like this? Share it with your network

Share

PlexRIA2008

on

  • 482 views

 

Statistics

Views

Total Views
482
Views on SlideShare
482
Embed Views
0

Actions

Likes
0
Downloads
5
Comments
0

0 Embeds 0

No embeds

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

PlexRIA2008 Presentation Transcript

  • 1. AUDIO DIAL-IN: From North America: Developing Rich 1-866-376-6162 Internet Outside North America: Applications with 1-660-422-5140 CA Plex Conference Code: 340 973 0193 John D. Rhodes, Principal Architect Please press *6 to mute ADC Austin your line during the presentation! 26-March 2008
  • 2. What are we talking about? > Rich Internet Applications – A better way to present application services > Introduction of CA Plex + Websydian WebClient for Plex as a faster, better, and cheaper path to RIA Single click, seamless RIA HTML generator Appropriate for – Existing CA Plex applications – Migrated 2E applications – New, cutting edge applications Developing Rich Internet Applications with CA Plex Copyright © 2008 CA
  • 3. Agenda > Introduction and Background > Rich Internet Applications (RIA) > Plex and RIA – a powerful combination > Websydian WebClient for Plex Introduction > Demonstration > Question and Answer Developing Rich Internet Applications with CA Plex Copyright © 2008 CA
  • 4. Speaker Bio John Rhodes, President and Principal Architect ADC Austin, adcaustin.com CA 2E and Plex credentials Synon Version 1.0 with Kraft Foods Successful engagements with many enterprise clients Variety of Projects and Platforms – DB2, SQL Server, Oracle, XML, .NET, Java. CA Plex/2E as a focus for enterprise development Developing Rich Internet Applications with CA Plex Copyright © 2008 CA
  • 5. ADC Austin > Founded in 1996 as division of Synon, ADC Austin has built large scale mission critical systems leveraging the ADC as a "House of Architects" and as a cost effective remote development and support facility. > ADC Austin builds custom applications integrating Microsoft Enterprise servers and IBM System i platforms > ADC Austin developed ADC Migration Studio – 2E to Plex Migration, co-developed Websydian WebClient for Plex > ADC Austin is a strategic partner and reseller for CA, Websydian, and other related tools Developing Rich Internet Applications with CA Plex Copyright © 2008 CA
  • 6. Websydian and ADC Austin > Websydian and ADC Austin have joined forces in developing the Websydian WebClient for Plex > Websydian is based in Europe and ADC Austin in the US > Together we have: Been working with Plex since 1994 Been working with web enablement for Plex since 1997 Two teams of employees working towards the same goal: getting Plex and 2E apps on the web A full product line ranging from migrating 2E to Plex to developing web apps and SOA with Plex Developing Rich Internet Applications with CA Plex Copyright © 2008 CA
  • 7. Product Vision, 2006-2007 > A one-click, seamless, generator for CA Plex that would work for migrated 2E and existing applications > No compromises on the web application generated Virtually any look and feel supported Rich RIA components Industry standards based Integrates into complex enterprise environments – Single Sign-On, Audit, Logging – Business Process / Portal (Xpert Ivy and others) – Secure and robust Interoperable with the Websydian Product Line Developing Rich Internet Applications with CA Plex Copyright © 2008 CA
  • 8. Rich Internet Applications – What are they?
  • 9. What is NOT an RIA application? > Bland, basic, textual entry forms – prone to user error > Clicking through multiple web pages to get the information you need > Poor response time - click on a tab or button – the entire browser refreshes > Frustrating validation – i.e. 2-3 seconds later you get an error message, sometime re-entering data is required > Flat, simple interactions > In short, all the problems that drive users back to client- server, despite its drawbacks Developing Rich Internet Applications with CA Plex Copyright © 2008 CA
  • 10. Example Non-RIA - Tax form > Top 10 reasons Googolica does not fill out tax forms Its ugly, really ugly! The form does nothing to help the user. Localization not supported special needs are out of luck. And MORE... > Thanks to DOJO tutorial Developing Rich Internet Applications with CA Plex Copyright © 2008 CA
  • 11. Example Non-RIA – Government Complaint > You don’t want your customers to go through this experience! Developing Rich Internet Applications with CA Plex Copyright © 2008 CA
  • 12. What are Rich Internet Applications? > Many definitions and Technologies Web 2.0, Ajax, JSON, Silverlight, … Developing Rich Internet Applications with CA Plex Copyright © 2008 CA
  • 13. What are Rich Internet Applications? > Core definition – bringing a desktop experience to a browser deployed application Uses ubiquitous technology – must be accessible to virtually anyone anywhere Rich GUI controls, pleasurable to use Responsive Use external services to create mashups – Example – geo mapping Familiar to web application users, limited learning curve Developing Rich Internet Applications with CA Plex Copyright © 2008 CA
  • 14. Example RIA Developing Rich Internet Applications with CA Plex Copyright © 2008 CA
  • 15. Business Advantages of RIA > Over client-server Zero deployment Workers productive anywhere Users generally familiar with web technology > Over standard internet Users get their job done faster – Page loads eliminated Higher quality experience – Client-side validations and widgets – Training / Intangibles Developing Rich Internet Applications with CA Plex Copyright © 2008 CA
  • 16. Business Case For RIA > Keep users on your site A poor user interface leads to shopping cart abandonment rates of more than 50 percent, according to Forrester. > Add interactive features to create business CIO Magazine reports Yankee Candle improved conversion rates 1400% with an RIA application to create votive candles. > Internal application cost savings RIA Cost Savings = Hourly Labor Rate X (Seconds Saved per Transaction X Number of Transactions per year) / 3600 Training and application acceptance Developing Rich Internet Applications with CA Plex Copyright © 2008 CA
  • 17. RIA / Ajax Technology Primer
  • 18. RIA Technologies > JavaScript / Ajax > Microsoft SilverLight > Adobe Flash/Flex/Air > Opinion - JavaScript / Ajax has the mindshare at the moment > Future-proof applications by separating view technologies from model and business logic Developing Rich Internet Applications with CA Plex Copyright © 2008 CA
  • 19. Ajax / JavaScript > Ajax is “Asynchronous JavaScript + XML > Web development technique, not particularly new > Incorporates Standards based presentation XHTML and CSS Dynamic display and interaction using DOM Data exchange and manipulation Asyncronous data retrieval (for responsiveness) JavaScript binding everything together Developing Rich Internet Applications with CA Plex Copyright © 2008 CA
  • 20. JavaScript / Ajax Browser Ajax Engine http XMLHttp request HTML Request XMLData Server Side Web Server Result: Ent •Load on demand App & Database •Better Responsiveness Servers •Desktop Experience Developing Rich Internet Applications with CA Plex Copyright © 2008 CA
  • 21. RIA Component Libraries > Many out there, encapsulate JS required > Focus on DOJO (dojotoolkit.org) and EXTJS (extjs.com) as high quality, widely used, with good license model Tab Grid Tree Developing Rich Internet Applications with CA Plex Copyright © 2008 CA
  • 22. RIA is Easy! IF > You are a JavaScript Guru > Handle the entire DOM API > Have firm grasp of DHTML, CSS, XML, etc. > Have the time and desire to master the hacks of a dozen or more technologies > Are a web security expert Developing Rich Internet Applications with CA Plex Copyright © 2008 CA
  • 23. Challenges of RIA Courtesy of Sun Java web site > Complexity – i.e. a “Simple” Ajax Request > Bob Brewin, Sun's software CTO, says doing Ajax is, "like building an aircraft carrier by hand.“. > Websydian WebClient to the rescue! Developing Rich Internet Applications with CA Plex Copyright © 2008 CA
  • 24. A Better Way to Build RIA Apps CA Plex + Websydian WebClient
  • 25. CA Plex + Websydian WebClient for Plex Developing Rich Internet Applications with CA Plex Copyright © 2008 CA
  • 26. CA Plex + Websydian WebClient for Plex > Patterns + Web/Ajax Patterns > Model-Based Development + Web in your model > Native Code Generation + Generation of HTML, RIA/JS code > Configuration Management + versioning of web patterns, web national language > Workgroup Environment + your web development team > Full Life Cycle Development + include your web site environment Developing Rich Internet Applications with CA Plex Copyright © 2008 CA
  • 27. CA Plex + Websydian WebClient > Complete Web Application Framework with RIA extensions Reduced complexity - end to end RIA with one skill set Security built in Patterns and Reuse One click generate, build, deploy No compromises on the GUI > Combination has many clear advantages over other frameworks, including those based on Ruby on Rails and PHP Graphical, seamless, productive Developing Rich Internet Applications with CA Plex Copyright © 2008 CA
  • 28. WWCP and 2E > Does WWCP work with 2E? > Not directly, but… > WWCP was developed around migrated 2E applications > 2E functions work “out of the box”, no recoding required > WWCP maintains the state necessary for 2E applications to run as is, and solves common single sign-on and audit stamp requirements Developing Rich Internet Applications with CA Plex Copyright © 2008 CA
  • 29. How does WWCP work? > Key features Generates WYSIWYG HTML directly off the Plex panel Uses existing action diagram code without special coding Web becomes part of your model Deploys on any J2EE web server such as IBM Websphere, JBoss or Tomcat Supports advanced HTML templating and RIA development Supports SOA mind set with integration to Websydian and other web applications such as workflow Produces secure, robust and scalable applications Developing Rich Internet Applications with CA Plex Copyright © 2008 CA
  • 30. Development Environment Build WebClient functions using Rational/Eclipse or direct Java build Enhance look and feel by CSS Build .NET, RPG, or Java server style sheets and functions html templates Using standard build techniques Developing Rich Internet Applications with CA Plex Copyright © 2008 CA
  • 31. Development Environment – Web Pages Generate Java ANT Eclipse/WDSc import Compile Publish System Templates WebClient Eclipse Plug-in (Builder) User Templates Developing Rich Internet Applications with CA Plex Copyright © 2008 CA
  • 32. Deployment Environment Any popular Web / J2EE Server browser (WebClient (with Servlet) JavaScript for Ent App RIA) Database Server Server Developing Rich Internet Applications with CA Plex Copyright © 2008 CA
  • 33. Deployment Environment – EJB’s and Multi-Platform Enterprise App Server Web / J2EE Server RPG, .NET/C#, Web J2EE Server Java Server Web EJB Container Container Plex RT http WC EJB Servlet Proxy Biz Logic Plex Plex IP browse RT RT r Client Biz Database Present Logic Server Logic Data HTML/ JDN CSS I DB Plex generated presentation layer, “view/controller” code Plex generated business layer / “model”code Developing Rich Internet Applications with CA Plex Copyright © 2008 CA
  • 34. Demo – RIA in Action Event / Conference Management
  • 35. Demo – Conference Management Developing Rich Internet Applications with CA Plex Copyright © 2008 CA
  • 36. View Demo Application and Plex Model The demo application is “Event Planning”, and for example could be used to plan user group events Data maintenance and view mode depending on security Date pickers and prompting built in patterns Geo Mapping built in pattern Tab capability built in pattern Developing Rich Internet Applications with CA Plex Copyright © 2008 CA
  • 37. Examine Model Developing Rich Internet Applications with CA Plex Copyright © 2008 CA
  • 38. Examine Model Developing Rich Internet Applications with CA Plex Copyright © 2008 CA
  • 39. Examine Model - Templates Developing Rich Internet Applications with CA Plex Copyright © 2008 CA
  • 40. Examine Websydian Express Developing Rich Internet Applications with CA Plex Copyright © 2008 CA
  • 41. Quick Intro to WWC Development Process > Create an Ajax tab dialog “mashup” containing several tabs Upcoming conference info Tabular attendance data Graph attendance data > Generate / Build / Publish in one step > Add to Websydian Express Menu with role based security Developing Rich Internet Applications with CA Plex Copyright © 2008 CA
  • 42. Tab Triples Developing Rich Internet Applications with CA Plex Copyright © 2008 CA
  • 43. Parent and Child Functions Developing Rich Internet Applications with CA Plex Copyright © 2008 CA
  • 44. Graphing data (with DojoChart) Developing Rich Internet Applications with CA Plex Copyright © 2008 CA
  • 45. One Click Generate, Build, Publish Gen & Build Automatic HTML build and publish! Developing Rich Internet Applications with CA Plex Copyright © 2008 CA
  • 46. Add to web site structure Developing Rich Internet Applications with CA Plex Copyright © 2008 CA
  • 47. Results Developing Rich Internet Applications with CA Plex Copyright © 2008 CA
  • 48. Getting Started With RIA Development via WebClient
  • 49. Websydian+ Family •Support for 2E shops. •Websydian •Websydian •Upgrade to RIA by using CA Plex and Web Client for Developer Suite+ CA Plex ADC Modernization Studio contains all dvlp •Websydian Web products WSE for WSE for Developer+ •WWC integrates 2E/ Plex, with other Wsy Websydian Websydian products Server Server+ •Server+ supports all Suite+ Websydian technologies WSE for WSE for RPG / Plex, Websydian Websydian Server Server •Support for RPG Shops •Websydian Web Developer •Transact XML •Wireless Developer •Portal Developer CA Plex •WebShop Technologies Developing Rich Internet Applications with CA Plex Copyright © 2008 CA
  • 50. Planning for tomorrow > Version 1.2 DOJO Toolkit – High impact implementation Tabs, Menu/Tool bars, Right Context Open templating to hook in other components > Version 1.4 and beyond DOJO Toolkit – Complete Plex ACTIVE implementation EXT JS Toolkit Implementation ASP .NET Japanese version Developing Rich Internet Applications with CA Plex Copyright © 2008 CA
  • 51. Summary > Overall WWCP gets the job done - fast! Ready for any challenges: sophisticated RIA web and SOA > For developers Short learning curve Reuse of existing skills Reuse of existing code Your Plex skills take you further > For the business Rich, appealing web sites Time saved Money saved Developing Rich Internet Applications with CA Plex Copyright © 2008 CA
  • 52. Getting started > Download whitepaper and examine wiki adcaustin.com/resources > Try the product Workshop Remote access support > Contact ADC Austin, Websydian, or your Websydian Reseller ADC: adcaustin.com, 800-605-9848 Websydian: websydian.com Developing Rich Internet Applications with CA Plex Copyright © 2008 CA
  • 53. Questions > Questions on Presentation John Rhodes 512-423-1959 jdrhodes@adcaustin.com Skype: jdrhodesaustx Developing Rich Internet Applications with CA Plex Copyright © 2008 CA