1 / 31

Mobile Development for the i

Mobile Development for the i. For the PHP demo Hotspot: CAPlex2E2 Password: plex2e2011. Metro Midrange Systems Association IBM Innovation Center Dallas, July 2011. What are we talking about. Basic Principles Why Mobile? Mobile App Design Using Frameworks for the i Reduce complexity

Download Presentation

Mobile Development for the i

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript


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

  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 2011Source Gartner October 2010 “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. 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

  9. Mobile Design

  10. From i to mobile – different principles

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

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

  13. Navigation ModelsPrincipals Combine

  14. Example of Redesign

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

  16. Creating enterprise mobile appsA “simple” 2 step process 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 • … 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 • …

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

  18. A better wayUse Frameworks to speed development Development Framework Java Java Script Device Layer Device OS Web App Server iOS PHP

  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+ Frameworkhttp://mobileportal.cmfirsttech.com/Plex2EWeb/wcshttp://mobileportal.cmfirsttech.com/UH/wcs

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

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

  26. PHP Frameworkhttp://10.0.1.151/hello

  27. cmPower – PHP HTML, JavaScript, CSS

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

More Related