Your SlideShare is downloading. ×

WebClient i+ Mobile Chicago 2011

540

Published on

The

The

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

  • Be the first to like this

No Downloads
Views
Total Views
540
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
4
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide
  • 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.
  • 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.
  • 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.
  • So here it is in a nutshell – the webclient generator takes the Plex model as input, applies a set of templates – in this case the new mobile templates – and generates web pages that use the mobile app metaphors. In concept and practice it is fairly simple – we hide the complexity in our product.
  • If you have done research into mobile development, you may have some questions about hardware. For example, is it possible for a JavaScript application to access the camera. It is in fact not possible for a web delivered app to access the hardware. However, it is possible to create native wrapper applications that would serve up the java script application. The JavaScript application provides the business logic, and the wrapper application provides the hardware access.We are planning to provide example wrapper applications that you can use to create apps that can access the hardware, and can be sold on the app store or google market. Or you can do this yourself. I don’t have anything to show you today, but I expect we will have details in the coming months.
  • If you have done research into mobile development, you may have some questions about hardware. For example, is it possible for a JavaScript application to access the camera. It is in fact not possible for a web delivered app to access the hardware. However, it is possible to create native wrapper applications that would serve up the java script application. The JavaScript application provides the business logic, and the wrapper application provides the hardware access.We are planning to provide example wrapper applications that you can use to create apps that can access the hardware, and can be sold on the app store or google market. Or you can do this yourself. I don’t have anything to show you today, but I expect we will have details in the coming months.
  • 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.
  • Transcript

    • 1. WebClient i+for CA Plex
      Mobile Development
      Chicago, June 2011
    • 2. Overview
      Mobile from CA Plex?
      Without learning anything (or much new?
      With standard action diagrams and patterns?
      Does it look good?
      Native apps?
      Really?
      Ajax in Greek mythology
    • 3. StatisticsThe world is going mobile
      50 millioniPhones sold to date
      200,000Android 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
    • 4. iPhone/iPad/Android/BB6
      Web App with Native Optimization
      mobileportal.cmfirsttech.com/Plex2EWeb/wcs
      Native App - Android Market
      http://market.android.com
    • 5. Creating Mobile AppsFinding a better process
      One primary skill set – Plex
      Use Plex Strengths
      action diagram
      panel design
      existing code
      But – Need First Class Mobile App
    • 6. A better way – Plex+WebClient with Sencha Touch
      Covers 93% of mobile traffic
      HTML 5, CSS3, ExtJS
      SaSS
      Local Storage
      Media/Geo
    • 7. Mobile template library
      Web Templates
      Mobile Templates
      Eclipse
      Plug-in
      (Builder)
    • 8. Mobile Design
    • 9. Designing Mobile AppsPrincipals
      Blurry Vision
      Get it done quick
      Double Tap, Pinch, Twist, What?
      Clumsy Fingers
    • 10. Designing Mobile AppsPrincipals
      Simplicity
      Ease
      Elegance
      Your App Doesn’t have to do it all
    • 11. Navigation ModelsPrincipals
      Combine
    • 12. By adding Control Name Directives
      ControlName:AttachPoint:parameter=xxx
      Examples:
      BackButton:ToolbarArea:toolbar=1:align=left:ui=back
      Search:ToolBarArea:toolbar=1:align=center:template=WebSearch
      RefreshButton:ToolbarArea:toolbar=1:align=right:iconCls=refresh
      GridP:FullscreenArea:grouped=true:indexBar=true
      How do we do this in Plex?
    • 13. Attach Points
      ToolbarArea, align, toolbarNum
      FullscreenArea
      TabbarArea
    • 14. Attach Points
      ToolbarArea, align, toolbarNum
      MainArea, fieldSet
      TabbarArea
    • 15. Buttons, Toolbar and Disclosure
      Partial ui list (see sencha documentation)
      normal
      back
      round
      forward
      action
      Partial iconCls list (see sencha documentation)
      actionaddarrow_downarrow_leftarrow_rightarrow_upcomposedeleteorganizerefreshreplysearchsettings…
      http://dev.sencha.com/deploy/touch/examples/kitchensink/
    • 16. Map
      Attach a map template to fields
      • MapCoords:FullscreenArea:template=WebMap
      • 17. MapLocation:FullscreenArea:template=WebLocation
    • Video
      Attach a video template to fields
      Video:FullscreenArea:template=Video
    • 18. Links
      Attach a url template to fields
      Tweet:MainArea:template=WebURL:label=Tweet the app link:fieldSet=Links
    • 19. Native Wrapper
    • 20. What about hardware?
      Camera
      Compass
      Accelerometer
      App Store
      Native Wrapper App
    • 21. PhoneGap for Eclipse / XCode
    • 22. Alpha Demo
    • 23. So what is next?
    • 24. Full JavaScript Application Generation
      “JavaScript is the next enterprise language” (Google, et. al.)
      Local code (action diagram logic)
      Local storage
      Direct access to device hardware
      Plus:
      Cross Platform – run anywhere
      JavaScript on the server
      But is this just a dream?
    • 25. First look
      • Disconnected Operation
      • 26. Native Device Storage
      • 27. Cross Platform, Device, and Browser
      • 28. See Session Tomorrow at 3:15pm
    • Futures Demo
    • 29. WebClient Information(click logo to view)
      webclientiplus.com
      Wiki
      Blog
      Product Downloads / Support

    ×