1. Mobile Development for the i Metro Midrange Systems Association IBM Innovation Center Dallas, July 2011 For the PHP demo Hotspot: CAPlex2E2 Password: plex2e2011

2. 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

3. 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

4. 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

5. Wireless Access For the PHP demo Hotspot: CAPlex2E2 Password: plex2e2011

6. Mobile is the new internet

7. 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

8. 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

9. Mobile Design

10. From i to mobile – different principles

11. Usability is a different animal Principals Blurry Vision Get it done quick Double Tap, Pinch, Twist, What? Clumsy Fingers

12. Designing Mobile Apps Principals Simplicity Ease Elegance Your App Doesn’t have to do it all

13. Navigation Models Principals Combine

14. Example of Redesign

15. How do I get it done on the i? By using Mobile Technology Frameworks

16. 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

17. Steep learning curve Multiple code bases Disconnected teams = higher cost and lower productivity The result… There must be a better way

18. 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

19. Technology Framework - Sencha Touch/Phonegap Covers 93% of mobile traffic – Apple, Android, BB6, … HTML 5, CSS3 Local Storage Media/Geo

20. What about hardware? Camera Compass Accelerometer App Store Native Access

21. PhoneGap for Eclipse / XCode

22. Business App Frameworks WebClient i+ - CA Plex + Java Model based development cmPower – PHP Open Source Both Frameworks use Sencha Touch + PhoneGap technology

23. WebClient i+ Framework http://mobileportal.cmfirsttech.com/ Plex2EWeb/wcs http://mobileportal.cmfirsttech.com/ UH/wcs http://mobileportal.cmfirsttech.com/ Plex2EWeb/wcs http://mobileportal.cmfirsttech.com/ UH/wcs

24. 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+

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

26. PHP Framework http://10.0.1.151/hello

27. HTML, JavaScript, CSS cmPower – PHP

28. 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 !

29. Interested?

30. 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

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