WebClient Overview and 1.8 Roadmap
-
Upload
cm-first-technologies -
Category
Technology
-
view
1.873 -
download
0
Transcript of WebClient Overview and 1.8 Roadmap
![Page 1: WebClient Overview and 1.8 Roadmap](https://reader036.fdocuments.in/reader036/viewer/2022062407/55d53251bb61ebfa548b4584/html5/thumbnails/1.jpg)
for CA Plex
Overview and
Roadmap
Winter 2012
![Page 2: WebClient Overview and 1.8 Roadmap](https://reader036.fdocuments.in/reader036/viewer/2022062407/55d53251bb61ebfa548b4584/html5/thumbnails/2.jpg)
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
![Page 3: WebClient Overview and 1.8 Roadmap](https://reader036.fdocuments.in/reader036/viewer/2022062407/55d53251bb61ebfa548b4584/html5/thumbnails/3.jpg)
Overview
• WebClient for CA Plex
• Introduction
• Roadmap
• Demonstration
• What’s Next / Futures
Ajax in Greek mythology
![Page 4: WebClient Overview and 1.8 Roadmap](https://reader036.fdocuments.in/reader036/viewer/2022062407/55d53251bb61ebfa548b4584/html5/thumbnails/4.jpg)
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
![Page 5: WebClient Overview and 1.8 Roadmap](https://reader036.fdocuments.in/reader036/viewer/2022062407/55d53251bb61ebfa548b4584/html5/thumbnails/5.jpg)
WebClientWeb generator from the Plex model
Same Action Diagram, Panel Design
Same Plex function
= AJAX, ASAP
![Page 6: WebClient Overview and 1.8 Roadmap](https://reader036.fdocuments.in/reader036/viewer/2022062407/55d53251bb61ebfa548b4584/html5/thumbnails/6.jpg)
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
![Page 7: WebClient Overview and 1.8 Roadmap](https://reader036.fdocuments.in/reader036/viewer/2022062407/55d53251bb61ebfa548b4584/html5/thumbnails/7.jpg)
WebClient RIA Presentation
Full coverage of standard Plex including:
Child, Tab, TreeView, Flexgrid
![Page 8: WebClient Overview and 1.8 Roadmap](https://reader036.fdocuments.in/reader036/viewer/2022062407/55d53251bb61ebfa548b4584/html5/thumbnails/8.jpg)
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
![Page 9: WebClient Overview and 1.8 Roadmap](https://reader036.fdocuments.in/reader036/viewer/2022062407/55d53251bb61ebfa548b4584/html5/thumbnails/9.jpg)
ArchitectureOverview
![Page 10: WebClient Overview and 1.8 Roadmap](https://reader036.fdocuments.in/reader036/viewer/2022062407/55d53251bb61ebfa548b4584/html5/thumbnails/10.jpg)
Web Page Builder
Development Architecture
Web Templates Mobile Templates
![Page 11: WebClient Overview and 1.8 Roadmap](https://reader036.fdocuments.in/reader036/viewer/2022062407/55d53251bb61ebfa548b4584/html5/thumbnails/11.jpg)
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
![Page 12: WebClient Overview and 1.8 Roadmap](https://reader036.fdocuments.in/reader036/viewer/2022062407/55d53251bb61ebfa548b4584/html5/thumbnails/12.jpg)
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
![Page 13: WebClient Overview and 1.8 Roadmap](https://reader036.fdocuments.in/reader036/viewer/2022062407/55d53251bb61ebfa548b4584/html5/thumbnails/13.jpg)
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
![Page 14: WebClient Overview and 1.8 Roadmap](https://reader036.fdocuments.in/reader036/viewer/2022062407/55d53251bb61ebfa548b4584/html5/thumbnails/14.jpg)
Roadmap
![Page 15: WebClient Overview and 1.8 Roadmap](https://reader036.fdocuments.in/reader036/viewer/2022062407/55d53251bb61ebfa548b4584/html5/thumbnails/15.jpg)
• 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
![Page 16: WebClient Overview and 1.8 Roadmap](https://reader036.fdocuments.in/reader036/viewer/2022062407/55d53251bb61ebfa548b4584/html5/thumbnails/16.jpg)
• 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
![Page 17: WebClient Overview and 1.8 Roadmap](https://reader036.fdocuments.in/reader036/viewer/2022062407/55d53251bb61ebfa548b4584/html5/thumbnails/17.jpg)
1.8Mobile, Touch Optimized Templates
![Page 18: WebClient Overview and 1.8 Roadmap](https://reader036.fdocuments.in/reader036/viewer/2022062407/55d53251bb61ebfa548b4584/html5/thumbnails/18.jpg)
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
![Page 19: WebClient Overview and 1.8 Roadmap](https://reader036.fdocuments.in/reader036/viewer/2022062407/55d53251bb61ebfa548b4584/html5/thumbnails/19.jpg)
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”
![Page 20: WebClient Overview and 1.8 Roadmap](https://reader036.fdocuments.in/reader036/viewer/2022062407/55d53251bb61ebfa548b4584/html5/thumbnails/20.jpg)
CA Plex+WebClient with Sencha Touch
• Covers 93% of mobile traffic
• HTML 5, CSS3, ExtJS
• SaSS• Local Storage• Media/Geo
![Page 21: WebClient Overview and 1.8 Roadmap](https://reader036.fdocuments.in/reader036/viewer/2022062407/55d53251bb61ebfa548b4584/html5/thumbnails/21.jpg)
Navigation ModelsPrincipals
Combine
![Page 22: WebClient Overview and 1.8 Roadmap](https://reader036.fdocuments.in/reader036/viewer/2022062407/55d53251bb61ebfa548b4584/html5/thumbnails/22.jpg)
• By adding Control Name Directives• Examples:
• Search:ToolBarArea:toolbar=1:align=center:template=WebSearch
How do we do this in Plex?
![Page 23: WebClient Overview and 1.8 Roadmap](https://reader036.fdocuments.in/reader036/viewer/2022062407/55d53251bb61ebfa548b4584/html5/thumbnails/23.jpg)
Attach PointsToolbarArea, align, toolbarNum
FullscreenArea
TabbarArea
![Page 24: WebClient Overview and 1.8 Roadmap](https://reader036.fdocuments.in/reader036/viewer/2022062407/55d53251bb61ebfa548b4584/html5/thumbnails/24.jpg)
MapAttach a map template to fields• MapCoords:FullscreenArea:template=WebMap• MapLocation:FullscreenArea:template=WebLocation
![Page 25: WebClient Overview and 1.8 Roadmap](https://reader036.fdocuments.in/reader036/viewer/2022062407/55d53251bb61ebfa548b4584/html5/thumbnails/25.jpg)
VideoAttach a video template to fieldsVideo:FullscreenArea:template=Video
![Page 26: WebClient Overview and 1.8 Roadmap](https://reader036.fdocuments.in/reader036/viewer/2022062407/55d53251bb61ebfa548b4584/html5/thumbnails/26.jpg)
1.8Core Product
![Page 27: WebClient Overview and 1.8 Roadmap](https://reader036.fdocuments.in/reader036/viewer/2022062407/55d53251bb61ebfa548b4584/html5/thumbnails/27.jpg)
1.8 Core Product at a Glance
AccordionMenu “Child”
Scaling
Claro Theme
![Page 28: WebClient Overview and 1.8 Roadmap](https://reader036.fdocuments.in/reader036/viewer/2022062407/55d53251bb61ebfa548b4584/html5/thumbnails/28.jpg)
• 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
![Page 29: WebClient Overview and 1.8 Roadmap](https://reader036.fdocuments.in/reader036/viewer/2022062407/55d53251bb61ebfa548b4584/html5/thumbnails/29.jpg)
• 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
![Page 30: WebClient Overview and 1.8 Roadmap](https://reader036.fdocuments.in/reader036/viewer/2022062407/55d53251bb61ebfa548b4584/html5/thumbnails/30.jpg)
1.8 Grids
Filtering
Grid Column Menu
Export
Drag n Drop
Save Placement
![Page 31: WebClient Overview and 1.8 Roadmap](https://reader036.fdocuments.in/reader036/viewer/2022062407/55d53251bb61ebfa548b4584/html5/thumbnails/31.jpg)
• 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
![Page 32: WebClient Overview and 1.8 Roadmap](https://reader036.fdocuments.in/reader036/viewer/2022062407/55d53251bb61ebfa548b4584/html5/thumbnails/32.jpg)
1.8Cloud / Portal
![Page 33: WebClient Overview and 1.8 Roadmap](https://reader036.fdocuments.in/reader036/viewer/2022062407/55d53251bb61ebfa548b4584/html5/thumbnails/33.jpg)
Cloud Computing Instances
![Page 34: WebClient Overview and 1.8 Roadmap](https://reader036.fdocuments.in/reader036/viewer/2022062407/55d53251bb61ebfa548b4584/html5/thumbnails/34.jpg)
Portlet Generation Support
Websphere / Apache Pluto
![Page 35: WebClient Overview and 1.8 Roadmap](https://reader036.fdocuments.in/reader036/viewer/2022062407/55d53251bb61ebfa548b4584/html5/thumbnails/35.jpg)
1.8What’s Left
![Page 36: WebClient Overview and 1.8 Roadmap](https://reader036.fdocuments.in/reader036/viewer/2022062407/55d53251bb61ebfa548b4584/html5/thumbnails/36.jpg)
• 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
![Page 37: WebClient Overview and 1.8 Roadmap](https://reader036.fdocuments.in/reader036/viewer/2022062407/55d53251bb61ebfa548b4584/html5/thumbnails/37.jpg)
• 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
![Page 38: WebClient Overview and 1.8 Roadmap](https://reader036.fdocuments.in/reader036/viewer/2022062407/55d53251bb61ebfa548b4584/html5/thumbnails/38.jpg)
Components – Slider, Progress, …
![Page 39: WebClient Overview and 1.8 Roadmap](https://reader036.fdocuments.in/reader036/viewer/2022062407/55d53251bb61ebfa548b4584/html5/thumbnails/39.jpg)
Demonstration
![Page 40: WebClient Overview and 1.8 Roadmap](https://reader036.fdocuments.in/reader036/viewer/2022062407/55d53251bb61ebfa548b4584/html5/thumbnails/40.jpg)
What’s on the drawing board
![Page 41: WebClient Overview and 1.8 Roadmap](https://reader036.fdocuments.in/reader036/viewer/2022062407/55d53251bb61ebfa548b4584/html5/thumbnails/41.jpg)
Native JavaScript Option
• Disconnected Operation
• Native Device Storage
• Cross Platform, Device, and Browser
![Page 42: WebClient Overview and 1.8 Roadmap](https://reader036.fdocuments.in/reader036/viewer/2022062407/55d53251bb61ebfa548b4584/html5/thumbnails/42.jpg)
MDI – Multiple Document Interface
![Page 43: WebClient Overview and 1.8 Roadmap](https://reader036.fdocuments.in/reader036/viewer/2022062407/55d53251bb61ebfa548b4584/html5/thumbnails/43.jpg)
WebClient Information(click logo to view)
• webclientiplus.com• Wiki
• Blog
• Product Downloads / Support