PlexRIA2008

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

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

Agenda

> Introduction and Background
> Rich Internet Applications (RIA)
> Plex and RIA – a powerful combination
> Websydian WebClient for Plex Introduction
> Demonstration
> Question and Answer


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


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


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


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


Rich Internet
Applications –
What are they?

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


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


Example Non-RIA – Government
Complaint

> You don’t want your
customers to go through
this experience!


What are Rich Internet Applications?

> Many definitions and Technologies
Web 2.0, Ajax, JSON, Silverlight, …


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


Example RIA


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


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


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


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


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


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


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


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!

A Better Way to
Build RIA Apps

CA Plex +
Websydian
WebClient

CA Plex + Websydian WebClient for Plex


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


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


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


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


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


Development Environment – Web Pages

Generate

Java
ANT Eclipse/WDSc
import
Compile
Publish

System
Templates WebClient
Eclipse
Plug-in
(Builder)
User
Templates


Deployment Environment

Any popular Web / J2EE Server
browser (WebClient
(with Servlet)
JavaScript for
Ent App
RIA) Database
Server
Server


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


Demo – RIA in
Action

Event /
Conference
Management

Demo – Conference Management


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


Examine Model


Examine Model - Templates


Examine Websydian Express


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


Tab Triples


Parent and Child Functions


Graphing data (with DojoChart)


One Click Generate, Build, Publish

Gen &
Build

Automatic
HTML build
and publish!


Add to web site structure


Results


Getting Started
With RIA
Development via
WebClient

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


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


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

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


Questions

> Questions on Presentation
John Rhodes
512-423-1959
jdrhodes@adcaustin.com
Skype: jdrhodesaustx


PlexRIA2008

Empfohlen

Empfohlen

Weitere ähnliche Inhalte

Was ist angesagt?

Was ist angesagt? (19)

Andere mochten auch

Andere mochten auch (6)

Ähnlich wie PlexRIA2008

Ähnlich wie PlexRIA2008 (20)

Mehr von tutorialsruby

Mehr von tutorialsruby (20)

Kürzlich hochgeladen

Kürzlich hochgeladen (20)

PlexRIA2008