Transcript ACG Pres Outline

For the PHP demo
Hotspot: CAPlex2E2
Password: plex2e2011
Mobile Development
for the i
Metro Midrange Systems
Association
IBM Innovation Center
Dallas, July 2011
What are we talking about
•
Basic Principles
•
•
•
Using Frameworks for the i
•
•
•
Why Mobile?
Mobile App Design
Reduce complexity
Enable multiple devices
Dive into some code
CM First Group
•
•
Founded in 1998, offices in
Switzerland, Italy, USA
IBM i/z Modernization Focus
•
Mobile/Web presentations
•
•
•
•
PHP, Java, CA Technologies products
Enterprise JavaScript: Dojo, Sencha Touch
Code Migration and BPM
Expert Training / Mentoring Resources
Speaker Bios
•
John Rhodes – CTO, USA
•
•
•
Experience with IBM i back to the days of S/36, S/38
Architect and Principal Consultant with Kraft, Sterling
Software, CA Technologies
Mark Schroder – Development Director
•
•
•
IBM i developer for 20 years
Health Care, Life Insurance, Food Industry
Experience with PHP, JavaScript, Java, Portals
Wireless Access
•
•
•
For the PHP demo
Hotspot: CAPlex2E2
Password: plex2e2011
Mobile is the new
internet
CIO’s Checklist for 2011
Source Gartner October 2010
Cloud
Computing
Mobile
Applications and
Media Tablets
Social
Collaboration
…
“Companies should factor these top
10 technologies in their strategic
planning process by asking key
questions and making deliberate
decisions about them during the
next two years,”
David Cearley, vice president and
distinguished analyst at Gartner
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
Mobile Design
From i to mobile – different principles
Usability is a different animal
Principals
•
•
•
•
Blurry Vision
Get it done quick
Double Tap, Pinch,
Twist, What?
Clumsy Fingers
Designing Mobile Apps
Principals
•
•
•
•
Simplicity
Ease
Elegance
Your App Doesn’t
have to do it all
Navigation Models
Principals
Combine
Example of Redesign
How do I get it done
on the i?
By using Mobile Technology
Frameworks
Creating enterprise mobile apps
A “simple” 2 step process
Apple
•
•
•
•
•
•
•
Buy some macs
Install the Apple SDK
Learn Objective C
Wrapper your existing
business logic
Learn how to create
iPhone/iPad UI’s
Hope to pass security audit
…
Android
•
•
•
•
•
•
Download the Android SDK
Learn java really well
Wrapper your existing
business logic
Learn how to create Android
UI’s
Hope to pass security audit
…
The result…
There must be a better way
Steep learning curve
• Multiple code bases
• Disconnected teams
= higher cost and lower
productivity
•
A better way
Use Frameworks to speed development
Development Framework
Java
Web App Server
Device OS
Java
Script
Device
Layer
iOS
PHP
Technology Framework - Sencha Touch/Phonegap
•
•
•
•
Covers 93% of
mobile traffic –
Apple, Android,
BB6, …
HTML 5, CSS3
Local Storage
Media/Geo
What about hardware?
•
•
•
•
Camera
Compass
Accelerometer
App Store
Native Access
PhoneGap for Eclipse / XCode
Business App Frameworks
•
WebClient i+ - CA Plex + Java
•
•
cmPower – PHP
•
•
Model based development
Open Source
Both Frameworks use Sencha Touch +
PhoneGap technology
WebClient i+
Framework
http://mobileportal.cmfirsttech.com/
Plex2EWeb/wcs
http://mobileportal.cmfirsttech.com/
UH/wcs
CA Plex / WebClient
Plex RPG IV
or any i5/OS
programs
WPF
WCF
Java
Plex Desktop Clients
OLE DB
MFC C++
WebClient i+
Plex Java
Mobile template library
Web Templates
Mobile Templates
Eclipse
Plug-in
(Builder)
PHP Framework
http://10.0.1.151/hello
cmPower – PHP
HTML, JavaScript, CSS
Green screen to Mobile – final “web 2.0”
The result will be a complete info about contact
we can test on the emulator environment
click on contact to
see detail of our
Data store and
Geolocation
native function
That's ALL !
Interested?
Available Information
http://cmfirstgroup.com
Software whitepapers
Software downloads
cmPower - Open Source software
Contact us – we are a short drive away
[email protected]
[email protected]
SenchaCon 2011 - Austin
Learn about technology
Special meetings on
PHP
WebClient
Develop Demo App
Sencha Hackathon
CMFirst Hackathon