webclient overview and 1.8 roadmap
TRANSCRIPT
for CA Plex
Overview and
Roadmap
Winter 2012
Who is CM First?
Enterprise Software Development Integrator• Offices in Switzerland, USA, Italy, India• Network of worldwide resale partners (Americas,
EMEA, APJ, ANZ)
CA Primary Sales and Technology Partner• CA 2E, CA Plex, CA Repository• Footprint covers 20% of Installed Base
App Dev Products• CM Matchpoint ALM Suite• CM WebClient i+• CM Power (PHP) Suite• CM M3 (CA 2E Migration / Modernization)• SD Source Scanners for CA Repository
Third-party Solutions• Soreco, Databorough, Worksoft, Websydian
Overview
• WebClient for CA Plex
• Introduction
• Roadmap
• Demonstration
• What’s Next / Futures
Ajax in Greek mythology
AJAX / JavaScript / HTML5 is Big…and getting bigger
Ajax mountain
“Ajax remains the dominant RIA of choice, and HTML5 is poised to expand the power and flexibility of the browser only approach”
Gartner Group
WebClientWeb generator from the Plex model
Same Action Diagram, Panel Design
Same Plex function
= AJAX, ASAP
WebClient Value Proposition• Quick, integrated implementation
• Maintain one code base, with 5250, client-server, web, and mobile presentation channels
• Inherit our CA Foundations based light weight patterns, or even use OBASE or your own custom
• Use your existing skills• WSYWIG plugin generator with seamless interface into CA Plex
• Automatically build rich pages based on Plex tabs, child windows, tree views, more
• Open standards based• Run as standard extensible J2EE service, Tomcat, Websphere, IIS, …
• Deploy on IBM i, Windows, Linux, Unix, zOS.
• Secure encryption, high availability, and portal configurations supported
• No plugins - Run as native rich web application on the popular browsers
• Mobile touch optimized templates available• Deployment supported on all popular platforms, Apple, Android, BB6 and above
WebClient RIA Presentation
Full coverage of standard Plex including:
Child, Tab, TreeView, Flexgrid
Ajax Inheritance
Requirement: Add geolocation services to existing CA Plex app, using address, longitude, and latitude. Must use GPS.
Step 1: Develop JavaScript code from open source examplesStep 2: Encapsulate into CA Plex patternStep 3: Use CA Plex inheritance to add mapping and GPS functionality throughout application, using standard action diagrams and panel designs.
Available as a 30 minute workshop exercise
ArchitectureOverview
Web Page Builder
Development Architecture
Web Templates Mobile Templates
Runtime Architecture
Web / J2EE Server
Enterprise App Server
Database Server
http server(Apache, IIS, …)
J2EE Server (Tomcat, Websphere, …)
WebContainer
WebClientServlet
Plex Server (RPG, .NET/C#, C++, Java)
Plex RT
BizLogic
ClientPresentationLogic
HTML/CSS
Plex RT
Data
Database
Plex generated presentation layer
Plex generated server layer
Browser(IE, Chrome, Safari, Firefox)
11
Web Service Wrapper Interface
WebClientServlet
PlexPanel or
Non-PanelFunctionXML/SOAP
Call Plex functions without panelsCall Plex functions with panels
Auto enter screen fields, simulate eventGeneralized, structured WSDLNo modeling or coding required
Quickly establish SOA bus for internal useBPM / WorkflowInter-process communication
External App,Package, BPMS
Cloud Computing Instances
Deploy pre-defined load balanced instances of CA Plex WebClient applications in Cloud environments
Other environments?Windows Azure, IBM, etc.
Java RPG IV
VPN Link
Roadmap
• CA Plex 6.1/ Websydian 6.1/WSE 3.0
• Advanced Component Options• TreeView / FlexGrid
• Cross-browser certification• Internet Explorer• Firefox• Safari• Chrome
A look back: WebClient 1.6 - 2010Compatibility, Cross-Browser, Components
• 1.8 – Beta (GA Jan/Feb 2012)• Mobile Templates
• iPhone and Android, Native Deployment Project Templates
• Core Product Enhancements• Initial Cloud Instance Definitions• Portlets – Websphere Portal• Additional Features
• FileOpen, Progress, Plex 7.0 …
• New licensing – No more crypkey!
• 2.0 – Requirement Specification• MDI (Multiple Document Interface)• More Components• More Cloud Computing• Google GWT?
WebClient 1.8 and BeyondMobile, MDI, Components, Cloud
1.8Mobile, Touch Optimized Templates
StatisticsThe world is going mobile
• 50 million iPhones sold to date
• 200,000 Android devices sold each day
• 8.5 million iPads sold to date• 70 million tablets predicted
by the end of 2012• 2/3 of the Fortune 100 have
started deploying iPads for Enterprise use
1.8 Mobile iPhone/iPad/Android/BB6
Native App - Android Markethttp://market.android.com
Web App with Native Optimizationmobileportal.cmfirsttech.com/Plex2EWeb/wcs
HTML5, CSS3Sencha Touch
“Gartner COOL Vendor 2011”
CA Plex+WebClient with Sencha Touch
• Covers 93% of mobile traffic
• HTML 5, CSS3, ExtJS
• SaSS• Local Storage• Media/Geo
Navigation ModelsPrincipals
Combine
• By adding Control Name Directives• Examples:
• Search:ToolBarArea:toolbar=1:align=center:template=WebSearch
How do we do this in Plex?
Attach PointsToolbarArea, align, toolbarNum
FullscreenArea
TabbarArea
MapAttach a map template to fields• MapCoords:FullscreenArea:template=WebMap• MapLocation:FullscreenArea:template=WebLocation
VideoAttach a video template to fieldsVideo:FullscreenArea:template=Video
1.8Core Product
1.8 Core Product at a Glance
AccordionMenu “Child”
Scaling
Claro Theme
• Themes• Plug in new themes, such as the supplied “Claro”
theme
# URL reference for JavaScript resource and style sheet (CSS)resurl.plex.imageresources=/NXAModelWebresurl.com.custom.webclient=/NXAModelWebresurl.com.dataspecialists.webclient=/NXAModelWeb#resurl.com.adcaustin.webclient=/NXAModelWeb# Form action fieldDefine.WSACTION=/NXAModelWeb/WebClientServletDefine.WCTHEME=claro
• Accordion• New “Outlook” Style presentation of TreeView, for
menus
Core Product DescriptionsThemes, Accordion, Menu “Child”, Scaling
• Menu App Panels• Special support of menu panels – allow
any window type to show in child site – OBASE, MDI, TopApp
• Scaling• Automatic scaling of app panel if desired
• Filtering• Client side filtering with
Autocomplete/Intellisense
Core Product Descriptions
1.8 Grids
Filtering
Grid Column Menu
Export
Drag n Drop
Save Placement
• Grid Special Menu• UI to select columns, sort, order
• Drag and Drop• Drag and drop columns new positions,
one click sort
• Save Placement• Save settings in persistent session
• Export• Load grid data to Excel, CSV
1.8 Grid Enhancements
1.8Cloud / Portal
Cloud Computing Instances
Portlet Generation Support
Websphere / Apache Pluto
1.8What’s Left
• Hotkeys• Define your own browser hot keys• Launch WebClient or other browser
windows
• Numeric Keypad Support• Data Entry
• File Upload• Multiple files to server location
• Plex 7.0 (when released/tested)• No more Crypkey!
Miscellaneous
• New Support Site• Forums, other enhancements• Meets Section 509 Requirements
• USA Government Accessibility Standards
• Upgraded Blog• New look and feel• New articles on 1.8
• Enhanced Documentation
New Web Support Sites
Components – Slider, Progress, …
Demonstration
What’s on the drawing board
Native JavaScript Option
• Disconnected Operation
• Native Device Storage
• Cross Platform, Device, and Browser
MDI – Multiple Document Interface
WebClient Information(click logo to view)
• webclientiplus.com• Wiki
• Blog
• Product Downloads / Support