Mobile Development for the IBM i


Published on

Published in: Technology
  • Be the first to comment

  • Be the first to like this

No Downloads
Total views
On SlideShare
From Embeds
Number of Embeds
Embeds 0
No embeds

No notes for slide
  • CM First Group
  • Bios
  • These statistics are truly eye popping. iPhones are selling like hotcakes. There are 200,000 android devices sold each day, particularly over in Asia – there are actually more phones in China than there are people in the USA. iPad tablets are less that an year old, yet there have been millions sold. I think the most important stat to the audience today is the last one – iPhones and iPads and Android devices are no longer just a consumer phenomenom – they are making serious inroads into enterprise. You have probably seen the ads on medical use of iPads is taking off. But you are also seeing mobile in a wide variety of business applications, from auto dealerships to education to insurance to government.
  • Design is different
  • What we are offering is what we feel is a much better way. Using the approach, which is JavaScript based, you will end up with a first-class mobile UI that operates as true mobile application. It will operate in an webkit-based mobile browser environment – which directly covers iPhone, iPad, and Android, or 94% of the mobile browsing traffic. It also covers some of the other platforms like BlackBerry and Nokia, that are introducing webkit based browsers onto their platforms. For example, BlackBerry 6.0 has been tested successfully with this technology. The framework makes use of the latest browser technology – for example HTML 5 and CSS 3. These technologies are expected by many to supplant older technologies like Flash and Silverlight, and in fact HTML 5 is on an upward trajectory in use at many high volume production sites. With this framework, you can do more that serve up applications – you can make use of local storage, audio/video capability, geographic services, and of course the touch framework so popular on the new devices.
  • If you have done research into mobile development, you may have some questions about hardware. For example, is it possible for a JavaScript application to access the camera. It is in fact not possible for a web delivered app to access the hardware. However, it is possible to create native wrapper applications that would serve up the java script application. The JavaScript application provides the business logic, and the PhoneGap wrapper application provides the hardware access.
  • So here it is in a nutshell – the webclient generator takes the Plex model as input, applies a set of templates – in this case the new mobile templates – and generates web pages that use the mobile app metaphors. In concept and practice it is fairly simple – we hide the complexity in our product.
  • Mobile Development for the IBM i

    1. 1. For the PHP demo<br />Hotspot: CAPlex2E2<br />Password: plex2e2011<br />Mobile Development for the i<br />Metro Midrange Systems Association<br />IBM Innovation Center<br />Dallas, July 2011<br />
    2. 2. What are we talking about<br />Basic Principles<br />Why Mobile?<br />Mobile App Design<br />Using Frameworks for the i<br />Reduce complexity<br />Enable multiple devices<br />Dive into some code<br />
    3. 3. CM First Group<br />Founded in 1998, offices in Switzerland, Italy, USA<br />IBM i/z Modernization Focus<br />Mobile/Web presentations<br />PHP, Java, CA Technologies products<br />Enterprise JavaScript: Dojo, Sencha Touch<br />Code Migration and BPM<br />Expert Training / Mentoring Resources <br />
    4. 4. Speaker Bios<br />John Rhodes – CTO, USA<br />Experience with IBM i back to the days of S/36, S/38<br />Architect and Principal Consultant with Kraft, Sterling Software, CA Technologies<br />Mark Schroder – Development Director<br />IBM i developer for 20 years<br />Health Care, Life Insurance, Food Industry<br />Experience with PHP, JavaScript, Java, Portals<br />
    5. 5. Wireless Access<br />For the PHP demo<br />Hotspot: CAPlex2E2<br />Password: plex2e2011<br />
    6. 6. Mobile is the new internet<br />
    7. 7. CIO’s Checklist for 2011Source Gartner October 2010<br />“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,” <br />David Cearley, vice president and distinguished analyst at Gartner<br />
    8. 8. StatisticsThe world is going mobile<br />50 millioniPhones sold to date<br />200,000Android devices sold each day<br />8.5 million iPads sold to date<br />70 million tablets predicted by the end of 2012<br />2/3 of the Fortune 100 have started deploying iPads for Enterprise use<br />
    9. 9. Mobile Design<br />
    10. 10. From i to mobile – different principles<br />
    11. 11. Usability is a different animalPrincipals<br />Blurry Vision<br />Get it done quick<br />Double Tap, Pinch, Twist, What?<br />Clumsy Fingers<br />
    12. 12. Designing Mobile AppsPrincipals<br />Simplicity<br />Ease<br />Elegance<br />Your App Doesn’t have to do it all<br />
    13. 13. Navigation ModelsPrincipals<br />Combine<br />
    14. 14. Example of Redesign<br />
    15. 15. How do I get it done on the i?By using Mobile TechnologyFrameworks<br />
    16. 16. Creating enterprise mobile appsA “simple” 2 step process<br />Android<br /><ul><li>Download the Android SDK
    17. 17. Learn java really well
    18. 18. Wrapper your existing business logic
    19. 19. Learn how to create Android UI’s
    20. 20. Hope to pass security audit
    21. 21. …</li></ul>Apple<br /><ul><li>Buy some macs
    22. 22. Install the Apple SDK
    23. 23. Learn Objective C
    24. 24. Wrapper your existing business logic
    25. 25. Learn how to create iPhone/iPad UI’s
    26. 26. Hope to pass security audit
    27. 27. …</li></li></ul><li>The result…There must be a better way<br /><ul><li>Steep learning curve
    28. 28. Multiple code bases
    29. 29. Disconnected teams</li></ul>= higher cost and lower productivity<br />
    30. 30. A better wayUse Frameworks to speed development<br />Development Framework<br />Java<br />Java Script Device<br />Layer<br />iOS<br />Device OS<br />Web App Server<br />PHP<br />
    31. 31. Technology Framework - Sencha Touch/Phonegap<br />Covers 93% of mobile traffic – Apple, Android, BB6, …<br />HTML 5, CSS3<br />Local Storage<br />Media/Geo<br />
    32. 32. What about hardware?<br />Camera<br />Compass<br />Accelerometer<br />App Store<br />Native Access<br />
    33. 33. PhoneGap for Eclipse / XCode<br />
    34. 34. Business App Frameworks<br />WebClient i+ - CA Plex + Java<br />Model based development<br />cmPower – PHP<br />Open Source<br />Both Frameworks use Sencha Touch + PhoneGap technology<br />
    35. 35. WebClient i+ Framework<br />
    36. 36. CA Plex / WebClient<br />Plex RPG IV or any i5/OS programs<br />WPF<br />WCF<br />Java<br />Plex Desktop Clients <br />MFC C++<br />Plex Java<br />OLE DB<br />WebClient i+<br />
    37. 37. Mobile template library<br />Web Templates<br />Mobile Templates<br />Eclipse<br />Plug-in<br />(Builder)<br />
    38. 38. PHP Frameworkhttp://<br />
    39. 39. cmPower – PHP<br />HTML, JavaScript, CSS<br />
    40. 40. Green screen to Mobile – final “web 2.0”<br />The result will be a complete info about contactwe can test on the emulator environment<br />click on contact tosee detail of our<br />Data store and <br />Geolocation <br />native function<br />That's ALL !<br />
    41. 41. Interested?<br />
    42. 42. Available Information<br /><br />Software whitepapers<br />Software downloads<br />cmPower - Open Source software<br />Contact us – we are a short drive away<br /><br /><br />
    43. 43. SenchaCon 2011 - Austin<br />Learn about technology<br />Special meetings on <br />PHP<br />WebClient<br />Develop Demo App<br />Sencha Hackathon<br />CMFirst Hackathon<br />