Contenu connexe Similaire à PlexRIA2008 (20) Plus de tutorialsruby (20) PlexRIA20081. 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
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
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
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
39. Examine Model - Templates
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
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
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