Email
Like
Liked ×
Save
Contact Me
Private Content
Embed
Loading embed code…
We have emailed the verification/download link to "".
Login to your email and click the link to download the file directly.

To request the link at a different email address, update it here. Close
Validation messages. Success message. Fail message.

Check your bulk/spam folders if you can't find our mail.
+
Loading

+ Follow

WebClient i+ Mobile Chicago 2011

by CM First Technologies on Jun 08, 2011

448 views

The

Accessibility

View text version

Upload Details

Uploaded via SlideShare as Microsoft PowerPoint

Usage Rights

File a copyright complaint

1 Embed 3

http://www.linkedin.com

Statistics

Likes: 0
Downloads: 4
Comments: 0
Embed Views: 3
Views on SlideShare: 445
Total Views: 448

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.

WebClient i+ Mobile Chicago 2011 Presentation Transcript

WebClient i+for CA Plex
Mobile Development
Chicago, June 2011
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
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
iPhone/iPad/Android/BB6
Web App with Native Optimization
mobileportal.cmfirsttech.com/Plex2EWeb/wcs
Native App - Android Market
http://market.android.com
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
A better way – Plex+WebClient with Sencha Touch
Covers 93% of mobile traffic
HTML 5, CSS3, ExtJS
SaSS
Local Storage
Media/Geo
Mobile template library
Web Templates
Mobile Templates
Eclipse
Plug-in
(Builder)
Mobile Design
Designing Mobile AppsPrincipals
Blurry Vision
Get it done quick
Double Tap, Pinch, Twist, What?
Clumsy Fingers
Designing Mobile AppsPrincipals
Simplicity
Ease
Elegance
Your App Doesn’t have to do it all
Navigation ModelsPrincipals
Combine
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?
Attach Points
ToolbarArea, align, toolbarNum
FullscreenArea
TabbarArea
Attach Points
ToolbarArea, align, toolbarNum
MainArea, fieldSet
TabbarArea
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/
Map
Attach a map template to fields
- MapCoords:FullscreenArea:template=WebMap
- MapLocation:FullscreenArea:template=WebLocation
Video
Attach a video template to fields
Video:FullscreenArea:template=Video
Links
Attach a url template to fields
Tweet:MainArea:template=WebURL:label=Tweet the app link:fieldSet=Links
Native Wrapper
What about hardware?
Camera
Compass
Accelerometer
App Store
Native Wrapper App
PhoneGap for Eclipse / XCode
Alpha Demo
So what is next?
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?
First look
- Disconnected Operation
- Native Device Storage
- Cross Platform, Device, and Browser
- See Session Tomorrow at 3:15pm
Futures Demo
WebClient Information(click logo to view)
webclientiplus.com
Wiki
Blog
Product Downloads / Support

WebClient i+ Mobile Chicago 2011

by CM First Technologies on Jun 08, 2011

Accessibility

Categories

Upload Details

Usage Rights

1 Embed 3

Statistics

WebClient i+ Mobile Chicago 2011 Presentation Transcript