Your SlideShare is downloading. ×
0
for CA PlexOverview andRoadmapWinter 2012
Who is CM First?Enterprise Software Development Integrator•  Offices in Switzerland, USA, Italy, India•  Network of worldw...
Overview•   WebClient for CA Plex   Ajax in Greek mythology•   Introduction•   Roadmap•   Demonstration•   What’s Next / F...
AJAX / JavaScript / HTML5 is Big                               …and getting bigger                          “Ajax remains ...
WebClient                          Web generator from the Plex model     Same Plex function      Same Action Diagram, Pane...
WebClient Value Proposition•   Quick, integrated implementation    •   Maintain one code base, with 5250, client-server, w...
WebClient RIA Presentation Full coverage of standard Plex            including: Child, Tab, TreeView, Flexgrid
Ajax InheritanceRequirement: Add geolocation services to existing CA Plexapp, using address, longitude, and latitude. Must...
Architecture Overview
Development Architecture  Web Templates   Mobile Templates         Web Page Builder
Runtime Architecture                                                                                     Enterprise App Se...
Web Service Wrapper Interface                                      WebClient                        Plex                  ...
Cloud Computing Instances                           Deploy pre-defined load balanced instances                           o...
Roadmap
A look back: WebClient 1.6 - 2010                            Compatibility, Cross-Browser, Components•   CA Plex 6.1/ Webs...
WebClient 1.8 and Beyond                                                   Mobile, MDI, Components, Cloud•   1.8 – Beta (G...
1.8Mobile, Touch Optimized Templates
Statistics                                   The world is going mobile•   50 million iPhones sold to    date•   200,000 An...
1.8 Mobile iPhone/iPad/Android/BB6     Web App with Native Optimizationmobileportal.cmfirsttech.com/Plex2EWeb/wcs         ...
CA Plex+WebClient with Sencha Touch                   •   Covers 93%                       of mobile                      ...
Navigation Models           Principals          Combine
How do we do this in Plex?•   By adding Control Name Directives•   Examples:    •   Search:ToolBarArea:toolbar=1:align=cen...
ToolbarArea, align, toolbarNum                                                  Attach Points                             ...
MapAttach a map template to fields• MapCoords:FullscreenArea:template=WebMap• MapLocation:FullscreenArea:template=WebLocat...
VideoAttach a video template to fieldsVideo:FullscreenArea:template=Video
1.8Core Product
1.8 Core Product at a Glance                 Claro Theme                          Menu “Child”Accordion                   ...
Core Product Descriptions                                     Themes, Accordion, Menu “Child”, Scaling•   Themes    •   Pl...
Core Product Descriptions•   Menu App Panels    •   Special support of menu panels – allow        any window type to show ...
1.8 Grids               Drag n Drop                                            ExportFiltering                         Gri...
1.8 Grid Enhancements•   Grid Special Menu    •   UI to select columns, sort, order•   Drag and Drop    •   Drag and drop ...
1.8Cloud / Portal
Cloud Computing Instances
Portlet Generation Support    Websphere / Apache Pluto
1.8What’s Left
Miscellaneous•   Hotkeys    •   Define your own browser hot keys    •   Launch WebClient or other browser        windows• ...
New Web Support Sites•   New Support Site    •   Forums, other enhancements    •   Meets Section 509 Requirements        •...
Components – Slider, Progress, …
Demonstration
What’s onthe drawingboard
Native JavaScript Option               • Disconnected                 Operation               • Native Device             ...
MDI – Multiple Document Interface
WebClient Information                                      (click logo to view)•   webclientiplus.com    •   Wiki    •   B...
Upcoming SlideShare
Loading in...5
×

WebClient Overview and 1.8 Roadmap

1,857

Published on

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
1,857
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
8
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide
  • First, for those of you who are not familiar with CM First, here is an overview.
  • Here is the promise of WebClient in a nutshell –the ability to generate a web page from an existing panel without rewriting. In this example, we have a Plex function that has been generated in 5250. With CA Plex, it is easy to generate a client server version running on Windows or Java without code changes. In fact, you are probably already familiar with this capability. WebClient add the ability to generate a web page as just another variant on your model. In this example, all three variants of the Edit Warehouse function share the same action diagram and the same panel editor design. The WebClient version show what is possible with the application of a cascading style sheet to make the screen design even more presentable. So the result is that you can be generating web pages from your CA Plex applications in a matter of minutes. Pretty powerful stuff.
  • Here are some examples of the rich web components you can generate from your CA Plex panel designs. Grids, even editable grids, are fully supported. Windowed dialogs are supported from the web page, to any level. CA Plex messaging is supported. Some other standard components include calendars, bread crumbing, and disappearing hint text.Lastly, you can also take your CA plex applications to the next level with business charting, and new components like TreeView and FlexGrid, an advanced grid with dynamic columns, cell bitmaps, and advanced formatting options.
  • Creating patterns with WebClient is straightforward – use what you already know.
  • Here are some examples of the rich web components you can generate from your CA Plex panel designs. Grids, even editable grids, are fully supported. Windowed dialogs are supported from the web page, to any level. CA Plex messaging is supported. Some other standard components include calendars, bread crumbing, and disappearing hint text.Lastly, you can also take your CA plex applications to the next level with business charting, and new components like TreeView and FlexGrid, an advanced grid with dynamic columns, cell bitmaps, and advanced formatting options.
  • In the demonstration you were able to see the next version of WebClient, our 2010 major release. This release contains several new features. The first is compatibility enhancements. CA Plex 6.1 is now supported, as well as the latest versions of Websydian, Websydian Web Developer 6.1 and Websydian Express 3.0. It is important to note that WebClient web applications are interoperable with Websydian web pages. As you saw in the demo, we also have some optional new advanced controls including TreeView and FlexGrid. Another major enhancement is tested cross browser compatibility across the major browser platforms. Lastly, we are offering a ADC Server option, which provides the ability to host web pages simply and easily at a reduced price.
  • These statistics are truly eye popping. iPhones are selling like hotcakes. There are 200,000 android devices sold each day, particularly over in Asia – there are actually more phones in China than there are people in the USA. iPad tablets are less that an year old, yet there have been millions sold. I think the most important stat to the audience today is the last one – iPhones and iPads and Android devices are no longer just a consumer phenomenom – they are making serious inroads into enterprise. You have probably seen the ads on medical use of iPads is taking off. But you are also seeing mobile in a wide variety of business applications, from auto dealerships to education to insurance to government.
  • Mobile
  • What we are offering is what we feel is a much better way – using CA Plex in conjunction with WebClient and a mobile GUI library called Sencha Touch. Using the approach, which is JavaScript based, you will end up with a first-class mobile UI that operates as true mobile application. It will operate in an webkit-based mobile browser environment – which directly covers iPhone, iPad, and Android, or 94% of the mobile browsing traffic. It also covers some of the other platforms like BlackBerry and Nokia, that are introducing webkit based browsers onto their platforms. For example, BlackBerry 6.0 has been tested successfully with this technology. The framework makes use of the latest browser technology – for example HTML 5 and CSS 3. These technologies are expected by many to supplant older technologies like Flash and Silverlight, and in fact HTML 5 is on an upward trajectory in use at many high volume production sites. With this framework, you can do more that serve up applications – you can make use of local storage, audio/video capability, geographic services, and of course the touch framework so popular on the new devices.
  • Here are some examples of the rich web components you can generate from your CA Plex panel designs. Grids, even editable grids, are fully supported. Windowed dialogs are supported from the web page, to any level. CA Plex messaging is supported. Some other standard components include calendars, bread crumbing, and disappearing hint text.Lastly, you can also take your CA plex applications to the next level with business charting, and new components like TreeView and FlexGrid, an advanced grid with dynamic columns, cell bitmaps, and advanced formatting options.
  • Here are some examples of the rich web components you can generate from your CA Plex panel designs. Grids, even editable grids, are fully supported. Windowed dialogs are supported from the web page, to any level. CA Plex messaging is supported. Some other standard components include calendars, bread crumbing, and disappearing hint text.Lastly, you can also take your CA plex applications to the next level with business charting, and new components like TreeView and FlexGrid, an advanced grid with dynamic columns, cell bitmaps, and advanced formatting options.
  • New web assets for support
  • Sliders and progress bars
  • GWT – native java to javascript cross compiler
  • MID
  • Transcript of "WebClient Overview and 1.8 Roadmap"

    1. 1. for CA PlexOverview andRoadmapWinter 2012
    2. 2. 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 BaseApp Dev Products• CM Matchpoint ALM Suite• CM WebClient i+• CM Power (PHP) Suite• CM M3 (CA 2E Migration / Modernization)• SD Source Scanners for CA RepositoryThird-party Solutions• Soreco, Databorough, Worksoft, Websydian
    3. 3. Overview• WebClient for CA Plex Ajax in Greek mythology• Introduction• Roadmap• Demonstration• What’s Next / Futures
    4. 4. AJAX / JavaScript / HTML5 is Big …and getting bigger “Ajax remains the dominant RIA of choice, and HTML5 is poised to expand the power and flexibility of the browser only approach” Gartner Group Ajax mountain
    5. 5. WebClient Web generator from the Plex model Same Plex function Same Action Diagram, Panel Design =AJAX,ASAP
    6. 6. 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
    7. 7. WebClient RIA Presentation Full coverage of standard Plex including: Child, Tab, TreeView, Flexgrid
    8. 8. Ajax InheritanceRequirement: Add geolocation services to existing CA Plexapp, 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 throughoutapplication, using standard action diagrams and panel designs.Available as a 30 minute workshop exercise
    9. 9. Architecture Overview
    10. 10. Development Architecture Web Templates Mobile Templates Web Page Builder
    11. 11. Runtime Architecture Enterprise App Server Web / J2EE Server Plex Server (RPG, .NET/C#, C++, Java) http J2EE Server (Tomcat, Websphere, …) server (Apache, IIS, …) Web Container Plex RT WebClient Servlet Biz Logic Plex RTBrowser(IE, Chrome, ClientSafari, Firefox) Presentation Logic Data HTML/CSS Database Plex generated presentation layer Database Server Plex generated server layer 11
    12. 12. Web Service Wrapper Interface WebClient Plex Servlet Panel or Non-Panel Function External App,Package, BPMS Call Plex functions without panels Call Plex functions with panels Auto enter screen fields, simulate event Generalized, structured WSDL No modeling or coding required Quickly establish SOA bus for internal use BPM / Workflow Inter-process communication
    13. 13. Cloud Computing Instances Deploy pre-defined load balanced instances of CA Plex WebClient applications in Cloud environments Java RPG IV VPN LinkOther environments?Windows Azure, IBM, etc.
    14. 14. Roadmap
    15. 15. A look back: WebClient 1.6 - 2010 Compatibility, Cross-Browser, Components• CA Plex 6.1/ Websydian 6.1/WSE 3.0• Advanced Component Options • TreeView / FlexGrid• Cross-browser certification • Internet Explorer • Firefox • Safari • Chrome
    16. 16. WebClient 1.8 and Beyond Mobile, MDI, Components, Cloud• 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?
    17. 17. 1.8Mobile, Touch Optimized Templates
    18. 18. Statistics The 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
    19. 19. 1.8 Mobile iPhone/iPad/Android/BB6 Web App with Native Optimizationmobileportal.cmfirsttech.com/Plex2EWeb/wcs HTML5, CSS3 Native App - Android Market Sencha Touch http://market.android.com “Gartner COOL Vendor 2011”
    20. 20. CA Plex+WebClient with Sencha Touch • Covers 93% of mobile traffic • HTML 5, CSS3, ExtJS • SaSS • Local Storage • Media/Geo
    21. 21. Navigation Models Principals Combine
    22. 22. How do we do this in Plex?• By adding Control Name Directives• Examples: • Search:ToolBarArea:toolbar=1:align=center:template=WebSearch
    23. 23. ToolbarArea, align, toolbarNum Attach Points FullscreenArea TabbarArea
    24. 24. MapAttach a map template to fields• MapCoords:FullscreenArea:template=WebMap• MapLocation:FullscreenArea:template=WebLocation
    25. 25. VideoAttach a video template to fieldsVideo:FullscreenArea:template=Video
    26. 26. 1.8Core Product
    27. 27. 1.8 Core Product at a Glance Claro Theme Menu “Child”Accordion Scaling
    28. 28. Core Product Descriptions Themes, Accordion, Menu “Child”, Scaling• Themes • Plug in new themes, such as the supplied “Claro” theme # URL reference for JavaScript resource and style sheet (CSS) resurl.plex.imageresources=/NXAModelWeb resurl.com.custom.webclient=/NXAModelWeb resurl.com.dataspecialists.webclient=/NXAModelWeb #resurl.com.adcaustin.webclient=/NXAModelWeb # Form action field Define.WSACTION=/NXAModelWeb/WebClientServlet Define.WCTHEME=claro• Accordion • New “Outlook” Style presentation of TreeView, for menus
    29. 29. Core Product Descriptions• 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
    30. 30. 1.8 Grids Drag n Drop ExportFiltering Grid Column Menu Save Placement
    31. 31. 1.8 Grid Enhancements• 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
    32. 32. 1.8Cloud / Portal
    33. 33. Cloud Computing Instances
    34. 34. Portlet Generation Support Websphere / Apache Pluto
    35. 35. 1.8What’s Left
    36. 36. Miscellaneous• 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!
    37. 37. New Web Support Sites• 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
    38. 38. Components – Slider, Progress, …
    39. 39. Demonstration
    40. 40. What’s onthe drawingboard
    41. 41. Native JavaScript Option • Disconnected Operation • Native Device Storage • Cross Platform, Device, and Browser
    42. 42. MDI – Multiple Document Interface
    43. 43. WebClient Information (click logo to view)• webclientiplus.com • Wiki • Blog • Product Downloads / Support
    1. A particular slide catching your eye?

      Clipping is a handy way to collect important slides you want to go back to later.

    ×