Mobile Development for the i Metro Midrange Systems Association IBM Innovation Center Dallas, July 2011 For the PHP demo Hotspot: CAPlex2E2 Password: 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 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 “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 /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

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 apps A “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 way Use Frameworks to speed development iOS Java PHP Java Script Device Layer Java Script Device Layer Device OS Web App 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 Plex2EWeb/wcs UH/wcs Plex2EWeb/wcs UH/wcs

CA Plex / WebClient OLE DB WPF WCF Plex RPG IV or any i5/OS programs Plex Java MFC C++ Java Plex Desktop Clients WebClient i+

Eclipse Plug-in (Builder) Eclipse Plug-in (Builder) Mobile template library Web Templates Mobile Templates

PHP Framework

HTML, JavaScript, CSS cmPower – PHP

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 Software whitepapers Software downloads cmPower - Open Source software Contact us – we are a short drive away

SenchaCon Austin Learn about technology Special meetings on PHP WebClient Develop Demo App Sencha Hackathon CMFirst Hackathon