Download
cross platform mobile applications n.
Skip this Video
Loading SlideShow in 5 Seconds..
Cross Platform Mobile Applications PowerPoint Presentation
Download Presentation
Cross Platform Mobile Applications

Cross Platform Mobile Applications

117 Views Download Presentation
Download Presentation

Cross Platform Mobile Applications

- - - - - - - - - - - - - - - - - - - - - - - - - - - E N D - - - - - - - - - - - - - - - - - - - - - - - - - - -
Presentation Transcript

  1. Cross Platform Mobile Applications By Rohit Ghatol Contact me – rohitsghatol@gmail.com

  2. Introduction Rohit Ghatol • Project Manager @ Synerzip • Associate Architect @ QuickOffice Inc • GTUG Manager & Tech Next Founder • Certified Scrum Master • Corporate Trainer (Agile and Technical) • Was part of OpenSocial at Google

  3. Topics • Overview • Understanding Mobile Apps • Cross Platform Mobile App Development • Pure HTML/JavaScript – PhoneGap • Interpreted JavaScript – Titanium Mobile • Native Mobile App Development • Hybrid Mobile App Development • Comparison between PhoneGapVs Titanium • Conclusion • Q & A

  4. Overview The process of developing Applications for various mobile platform using common source code with little or no change to the common source. This presentation focuses on Comparing two frameworks each taking a different approach to solve the above problem. We will Compare PhoneGapVsTitanium .

  5. Understanding Mobile Apps

  6. Reaching Mobile Users

  7. 1. Mobile Features Mostly Feature Sub Set Complete Feature Set

  8. 2. Tablet Features Almost Complete Feature Set Complete Feature Set

  9. 3. User Interaction Touch based Accelerometer Traditional Compass

  10. e.gLayar Application

  11. 4. Location aware Can be Location Aware but approximate Location Aware and highly accurate

  12. 5. Sensors Handy Camera and Voice Recording Upcoming NFC (Near Field Communication) turning phone into Credit Card, Access Card, Business Card Exchanger

  13. e.g Shopping Applications Scan a product’s barcode to know if it has the lowest price. If not, then navigate to a store which has the lowest price

  14. 6. Push Notifications Push Notification Notifying the User proactively

  15. Challenges in building Mobile Applications

  16. 1. OS Fragmentation Windows 7 Fragmentation

  17. 2. Multiple Teams/Product Windows 7 Multiple Teams/Products

  18. 3. Uniform User Experience Windows 7 Uniform User Experience

  19. 4. Feature Fragmentation Feature Fragmentation

  20. Approaches to Mobile Development

  21. Types of Mobile App Dev • Native Mobile Apps • Cross Platform Mobile Apps • Hybrid partly Native partly Cross Platform

  22. Native Mobile Apps When To When Not To Performance is not the main criteria More or less Replicates Web Apps with few device feature Standard Restful Widget based apps Many Platforms • High Performance Apps • Heavy on OS and Device Features • Complex N/W comm. • Canvas based Apps • Only Few Platforms

  23. Cross Platform Mobile Apps When To When Not To High Performance Apps Heavy on OS and Device Features Complex N/W comm. Canvas based Apps Only Few Platforms • Performance is not the main criteria • More or less Replicates Web Apps with few device feature • Standard Restful • Widget based apps • Many Platforms

  24. Cross Platform Mobile Apps When To When Not To • Time to market is critical • Saving Cost is critical

  25. Hybrid Mobile Apps When To Why To • Fairly Simple UI • Complex Backend • Quite few platforms • E.gShareFile • Recommended way - PhoneGap Plugin • Some parts of app are common • Rest parts are different • Use Cross Platform to develop common part • Use Native to develop the weight lifting parts

  26. Cross Platform Mobile App Development

  27. WEB APPLICATION Bridge - JavaScript – Java – Objective C UI Platform APIs OS – Android / iPhone JavaScript – Java Bridge Mapping to Native OS – Android / iPhone Cross Platform Strategies Common Source Cross Platform Source Code Common Platform Mapping to Native Titanium Mobile PhoneGap

  28. Common Platform Approach

  29. Modern Browsers All new Smart Phones come with modern browsers, which have better support for HTML5/CSS3 specs

  30. WebViews All of these smart phones supports using these modern browsers as embedded views (aka WebViews)

  31. JavaScript to native and back All these browser engine (most common being webkit) support Javascript to talk to native code and back Native Code (Java/C++/ObjC) HTML/Javascript JSON packets

  32. Hybrid Applications HTML/Javascript application loads Google Maps and talks to the native code to gain access to GPS location Native Code (Java/C++/ObjC) HTML/Javascript GPS Location

  33. Over all Architecture HTML5/CSS3 Application UI Framework e.g jQueryMobile PhoneGap API Phone Gap Bridge Camera GPS SQLite SQLite Compass etc File System Accelerometer

  34. Possibilities • Limitless Possibilities • Expose Camera, Accelerometer, GPS, any of the phones sensors to javascript • Instead of just building Browsed Based applications augment with more phone features

  35. Development • HTML/CSS Application uses Common API exposing device features

  36. Development • Sample code

  37. Mapping to Native

  38. Over all Architecture Javascript Based Application Titanium UI API Titanium Phone API Titanium Framework Window Dialog SQLite SQLite Compass etc File System Accelerometer

  39. Development • Two API Sets • One for UI * (Specific to Titanium Mobile) • Create Windows • Create Dialogs • ……. • One for Phone Features • Same as PhoneGap • Access Camera • Access GPS • ……

  40. Development UI API Set

  41. Development UI API Set

  42. Issues • Common API set across platforms is always minimum • E.g IPhone as a widget, which Android not have • Fragmentation of the API itself. • What is platform specific and not part of Common API comes in Platform specific api?

  43. Mobile App Dev Frameworks Common Platform Mapping to Native Titanium Mobile • PhoneGap * Rhodes Mobile is another promising framework, but out of scope for today’s discussion

  44. Compare Screens (IPhone) PhoneGap Titanium Mobile

  45. Compare Screens (Android) PhoneGap Titanium Mobile

  46. Open Source BSD License MIT License

  47. PhoneGap • Only platform to support 6 Platforms

  48. PhoneGap • Standards based and extended

  49. PhoneGapPrerequistes • Need to be acquainted with Android, IOS, BlackBerry, WebOS • Need to be expert at HTML/Javascript or framework like GWT • Need to be acquainted with JavaScript libraries like • Jquery • script.aculo.us • Prototype • Etc • Or Ajax framework like GWT • Need different project for each platform, inject PhoneGap code in each project • PhoneGap has no IDE, use Eclipse for Android and Xcode for IPhone

  50. Demo Screens - IPhone