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