Mobile Development for the i

Metro Midrange Systems Association

IBM Innovation Center

Dallas, July 2011

For the PHP demoHotspot: CAPlex2E2Password: plex2e2011

What are we talking about

• Basic Principles• Why Mobile?• Mobile App Design

• Using Frameworks for the i• 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 2011Source 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

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

Mobile Design

From i to mobile – different principles

Usability is a different animalPrincipals

• 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

Example of Redesign

How do I get it done on the i?

By using Mobile TechnologyFrameworks

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• …

Creating enterprise mobile appsA “simple” 2 step process

• Steep learning curve• Multiple code bases• Disconnected teams= higher cost and lower productivity

The result…There must be a better way

A better wayUse Frameworks to speed development

iOS

Java

PHP

Java Script DeviceLayer

Device O

S

Web A

pp Server

Development Framework

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• Model based development

• cmPower – PHP• 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

OLE DB

WPFWCF

Plex RPG IV or any i5/OS

programs

Plex Java

MFC C++

Java

Plex Desktop Clients

WebClient i+

EclipsePlug-in

(Builder)

Mobile template library

Web Templates Mobile Templates

PHP Framework

http://10.0.1.151/hello

HTML, JavaScript, CSS

cmPower – PHP

Green screen to Mobile – final “web 2.0”The result will be a complete info about contactwe can test on the emulator environmentclick on contact tosee detail of ourData 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

john.rhodes@cmfirstgroup.com

mark.schroeder@cmfirstgroup.com

SenchaCon 2011 - Austin

Learn about technology

Special meetings on

PHP

WebClient

Develop Demo App

Sencha Hackathon

CMFirst Hackathon