Welcome to SCQAA- San Fernando Valley Chapter Presentation on September 14 th  2011 September 16, 2011
09/16/11
Cross Platform Mobile Apps   SCQAA User Group Presenter: Jeetu Maker 09/16/11
Agenda <ul><li>Smartphone market share - worldwide & US. </li></ul><ul><li>Challenges in cross-platform app development . ...
Smartphone market share Worldwide 09/16/11
Smartphone market share USA 09/16/11
Challenges <ul><li>For 70% market share, target at least 3 platforms </li></ul><ul><li>Skills in varied technologies, lang...
Takeaway <ul><li>No one size fits all </li></ul><ul><li>Various options you have today </li></ul><ul><li>Choose the right ...
Native vs. Web 09/16/11
Native vs. Web 09/16/11 Category Native app Web app on mobile Internet access Not Required Required in most cases. UI Fast...
Popular Tools/Frameworks <ul><li>Native tools like Xcode for iOS, Eclipse for Android, VS/Silverlight for WP7 </li></ul><u...
Confidential Development Time & $ UI Quality & Performance Web – HTML & Javascript Tools/Frameworks landscape Phonegap Nat...
HTML/Javascript <ul><li>These are the same technologies you will use to build any web site </li></ul><ul><li>HTML5 could b...
HTML/Javascript - Pros <ul><li>Industry standard – No proprietary technology </li></ul><ul><li>Proven technology for over ...
HTML/Javascript - Cons <ul><li>Network dependent in most cases – Web Server needed. </li></ul><ul><li>Inconsistent across ...
HTML/Javascript – Audience <ul><li>Apps which might not meet all certification requirements </li></ul><ul><li>Apps that ne...
jQuery Mobile <ul><li>A Framework to build web based mobile apps  </li></ul><ul><li>An extension of jQuery for touch based...
jQuery Mobile - Pros <ul><li>A lightweight framework </li></ul><ul><li>Consistent across browsers & devices </li></ul><ul>...
jQuery Mobile - Cons <ul><li>New technology – currently under 1.0 Beta 3 </li></ul><ul><li>Network dependent in most cases...
jQuery Mobile – Audience <ul><li>Mobile apps which looks close to native ones and consistent across devices. </li></ul><ul...
Phonegap <ul><li>An open source Framework to build web based  NATIVE  mobile apps  </li></ul><ul><li>Based on HTML 5 & Jav...
Phonegap - Pros <ul><li>Native app for each of the supported platforms </li></ul><ul><li>Single code base </li></ul><ul><l...
Phonegap - Cons <ul><li>Native app wrapped in WebView control </li></ul><ul><li>UI not as responsive and robust although b...
PhoneGap – Audience <ul><li>Web Developers who wants native app w/o the need of learning a new platform/technology </li></...
Titanium Appcelerator  <ul><li>An open source application development platform, that lets you create fully native apps. </...
Appcelerator - Pros <ul><li>Native app for each of the supported platforms </li></ul><ul><li>NO WebView control under Nati...
Appcelerator - Cons <ul><li>Javascript engine which acts as an Interpreter degrades performance as compared to true native...
Appcelerator – Audience <ul><li>Web Developers who wants full native app w/o the need of learning a new platform/technolog...
Mono Touch/Droid  <ul><li>A .NET Framework, that lets you create fully native apps in iOS (Touch) or Android (Droid) </li>...
Mono Touch/Droid – Pros <ul><li>Fully Native app (NO WebView control) </li></ul><ul><li>Reusable .NET Code (could share bu...
Mono Touch/Droid - Cons <ul><li>No single code base for – Mono Touch/Droid </li></ul><ul><li>Delay in access to new platfo...
Mono Touch/Droid – Audience <ul><li>.NET Developers who wants native app w/o need of learning a new platform/technology </...
True Native  <ul><li>iOS - Objective C, Xcode, Cocoa Touch </li></ul><ul><li>Android - Java, Eclipse </li></ul><ul><li>WP7...
Native Pros <ul><li>Closest to the OS </li></ul><ul><li>Access all platform supported features </li></ul><ul><li>Best Perf...
Native - Cons <ul><li>No single code base/reusability across platforms </li></ul><ul><li>Development time doubles with eve...
Native – Audience <ul><li>Developers/Businesses who are serious about getting into the mobile app space </li></ul><ul><li>...
Right Strategy for you 09/16/11 Web Dev only C# Dev only Ent. Apps Large/ Complex Commercial Apps $ / time constraint Poli...
References <ul><li>http://www.phonegap.com/ </li></ul><ul><li>http://jquerymobile.com/ </li></ul><ul><li>http://www.appcel...
Jeetu Maker <ul><li>Email: jeetumaker@gmail.com </li></ul><ul><li>Twitter# jeetumaker </li></ul>09/16/11
Thank you 09/16/11
Upcoming SlideShare
Loading in...5
×

Mobile Cross Platform

1,346

Published on

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
1,346
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
45
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Transcript of "Mobile Cross Platform"

  1. 1. Welcome to SCQAA- San Fernando Valley Chapter Presentation on September 14 th 2011 September 16, 2011
  2. 2. 09/16/11
  3. 3. Cross Platform Mobile Apps SCQAA User Group Presenter: Jeetu Maker 09/16/11
  4. 4. Agenda <ul><li>Smartphone market share - worldwide & US. </li></ul><ul><li>Challenges in cross-platform app development . </li></ul><ul><li>Takeaway from this session. </li></ul><ul><li>Native app vs. Mobile web app. </li></ul><ul><li>Popular tools/Frameworks for app development. </li></ul><ul><li>Tools/Frameworks landscape. </li></ul><ul><li>A closer look at these popular tools with pros & cons. </li></ul><ul><li>Decision table to determine the right strategy for you. </li></ul>09/16/11
  5. 5. Smartphone market share Worldwide 09/16/11
  6. 6. Smartphone market share USA 09/16/11
  7. 7. Challenges <ul><li>For 70% market share, target at least 3 platforms </li></ul><ul><li>Skills in varied technologies, languages & tools </li></ul><ul><li>Sharing resources or codebase </li></ul><ul><li>Consistency in apps across platforms </li></ul><ul><li>Implement platform specific features </li></ul>09/16/11
  8. 8. Takeaway <ul><li>No one size fits all </li></ul><ul><li>Various options you have today </li></ul><ul><li>Choose the right strategy based on your situation. </li></ul>09/16/11
  9. 9. Native vs. Web 09/16/11
  10. 10. Native vs. Web 09/16/11 Category Native app Web app on mobile Internet access Not Required Required in most cases. UI Fast, Responsive and functional Can be clunky, but new advancements are catching up fast Streaming media Supported Requires Plugin/HTML 5 Access to hardware sensors Yes, all of them: camera, gyroscope, microphone, compass, accelerometer, GPS Limited access, though geo-location is common. Development Specific tools required and have to build a new app for each target platform Write once, publish once, view it anywhere. Multiple tools to choose from. (jQuery for mobile) Distribution App stores require approval which delays the release No such hassle Market One store where all apps are published and payment processed You need to process payments and market your apps.
  11. 11. Popular Tools/Frameworks <ul><li>Native tools like Xcode for iOS, Eclipse for Android, VS/Silverlight for WP7 </li></ul><ul><li>jQuery </li></ul><ul><li>Phonegap </li></ul><ul><li>Titanium Appcelerator </li></ul><ul><li>Monotouch/Monodroid </li></ul>09/16/11
  12. 12. Confidential Development Time & $ UI Quality & Performance Web – HTML & Javascript Tools/Frameworks landscape Phonegap Native tools – Xcode, Eclipse, Visual Studio jQuery / JQTouch Titanium Appcelerator Mono Touch / Droid Rhodes Web Native
  13. 13. HTML/Javascript <ul><li>These are the same technologies you will use to build any web site </li></ul><ul><li>HTML5 could be a great option here especially for videos on iOS & Android </li></ul>09/16/11
  14. 14. HTML/Javascript - Pros <ul><li>Industry standard – No proprietary technology </li></ul><ul><li>Proven technology for over 15 years </li></ul><ul><li>One of the largest developer pool </li></ul><ul><li>The largest reach - target almost all platforms </li></ul><ul><li>Thin client model – easy deployment </li></ul><ul><li>No approval process required </li></ul><ul><li>No Revenue sharing </li></ul>09/16/11
  15. 15. HTML/Javascript - Cons <ul><li>Network dependent in most cases – Web Server needed. </li></ul><ul><li>Inconsistent across browsers </li></ul><ul><li>UI not as responsive and robust </li></ul><ul><li>No single marketplace </li></ul><ul><li>Bandwidth is getting expensive & limited </li></ul>09/16/11
  16. 16. HTML/Javascript – Audience <ul><li>Apps which might not meet all certification requirements </li></ul><ul><li>Apps that need to target all platforms without investing the time & money on other technologies </li></ul><ul><li>An add-on bonus to the native app - We have this for everyone & native for iPhone/Android </li></ul>09/16/11
  17. 17. jQuery Mobile <ul><li>A Framework to build web based mobile apps </li></ul><ul><li>An extension of jQuery for touch based applications </li></ul>09/16/11
  18. 18. jQuery Mobile - Pros <ul><li>A lightweight framework </li></ul><ul><li>Consistent across browsers & devices </li></ul><ul><li>Supports flexible, easily themeable design giving a professional look to your app.  </li></ul><ul><li>Supports wide range of devices and OS. </li></ul><ul><li>Significantly speeds up development as compared to traditional web development. </li></ul><ul><li>Based on Industry standards - HTML/Javascript </li></ul><ul><li>Could be tested on a desktop w/o any emulator </li></ul><ul><li>No Approval process / Revenue sharing </li></ul>09/16/11
  19. 19. jQuery Mobile - Cons <ul><li>New technology – currently under 1.0 Beta 3 </li></ul><ul><li>Network dependent in most cases – Web Server needed </li></ul><ul><li>UI not as responsive and robust </li></ul><ul><li>No single marketplace </li></ul><ul><li>Bandwidth is getting expensive & limited </li></ul>09/16/11
  20. 20. jQuery Mobile – Audience <ul><li>Mobile apps which looks close to native ones and consistent across devices. </li></ul><ul><li>Apps which might not meet all certification requirements </li></ul><ul><li>Apps that need to target all mobile platforms without investing the time & money on other technologies </li></ul><ul><li>An add-on bonus to the native app - We have this for everyone & native for iPhone/Android </li></ul>09/16/11
  21. 21. Phonegap <ul><li>An open source Framework to build web based NATIVE mobile apps </li></ul><ul><li>Based on HTML 5 & Javascript </li></ul><ul><li>Supports up to 6 platforms </li></ul>09/16/11
  22. 22. Phonegap - Pros <ul><li>Native app for each of the supported platforms </li></ul><ul><li>Single code base </li></ul><ul><li>Access all platform specific features </li></ul><ul><li>Based on Industry standard- HTML5/Javascript </li></ul><ul><li>Open Source </li></ul><ul><li>Community Support </li></ul><ul><li>FREE Framework </li></ul>09/16/11
  23. 23. Phonegap - Cons <ul><li>Native app wrapped in WebView control </li></ul><ul><li>UI not as responsive and robust although better than traditional web / jQuery </li></ul><ul><li>Annual support cost could range from $250 to over $20,000 </li></ul><ul><li>Delay in access to new platform specific feature </li></ul>09/16/11
  24. 24. PhoneGap – Audience <ul><li>Web Developers who wants native app w/o the need of learning a new platform/technology </li></ul><ul><li>Apps that need to target all supported mobile platforms without investing the time & money on other technologies </li></ul><ul><li>Enterprises which needs a native app for all supported platforms and is prepared for the trade-off with web based UI & performance </li></ul>09/16/11
  25. 25. Titanium Appcelerator  <ul><li>An open source application development platform, that lets you create fully native apps. </li></ul><ul><li>Based on HTML, CSS & Javascript </li></ul><ul><li>Supports iOS, Android & Blackberry (Beta) </li></ul><ul><li>Price from $49/developer/month (Premium APIs) .. For premium support - $199 </li></ul>09/16/11
  26. 26. Appcelerator - Pros <ul><li>Native app for each of the supported platforms </li></ul><ul><li>NO WebView control under Native </li></ul><ul><li>Single code base </li></ul><ul><li>Access all platform specific features </li></ul><ul><li>Based on Industry standard- HTML/Javascript </li></ul><ul><li>Community Support (over 1.5 million devs) </li></ul><ul><li>Large portfolio of popular apps </li></ul><ul><li>Increased performance as compared to Web based solutions like jQuery & Phonegap. </li></ul><ul><li>Tons of Plugin available </li></ul>09/16/11
  27. 27. Appcelerator - Cons <ul><li>Javascript engine which acts as an Interpreter degrades performance as compared to true native apps </li></ul><ul><li>Annual support cost - $2388/developer </li></ul><ul><li>Delay in access to new platform specific feature </li></ul><ul><li>Significantly larger package size deployed </li></ul>09/16/11
  28. 28. Appcelerator – Audience <ul><li>Web Developers who wants full native app w/o the need of learning a new platform/technology </li></ul><ul><li>Simple smaller Apps that need to target all supported mobile platforms without investing the time & money on other technologies </li></ul><ul><li>Enterprise mobile apps which needs to target all supported platforms. </li></ul>09/16/11
  29. 29. Mono Touch/Droid  <ul><li>A .NET Framework, that lets you create fully native apps in iOS (Touch) or Android (Droid) </li></ul><ul><li>Based on subset of C# 4.0 </li></ul><ul><li>Price - $399/developer </li></ul><ul><li>Originally built by Novell and now - Xamarin </li></ul>09/16/11
  30. 30. Mono Touch/Droid – Pros <ul><li>Fully Native app (NO WebView control) </li></ul><ul><li>Reusable .NET Code (could share business rules, non UI related functions from WP7) </li></ul><ul><li>Access all platform specific features </li></ul><ul><li>Based on .NET – Largest developer pool </li></ul><ul><li>Large portfolio of popular apps </li></ul><ul><li>Increased performance as compared to Web based solutions like jQuery & Phonegap. </li></ul><ul><li>Monodroid integrates with Visual Studio. </li></ul>09/16/11
  31. 31. Mono Touch/Droid - Cons <ul><li>No single code base for – Mono Touch/Droid </li></ul><ul><li>Delay in access to new platform specific feature </li></ul><ul><li>Significantly larger package size deployed </li></ul><ul><li>From Novell to Xamarin </li></ul><ul><li>Monodroid is in early stage and is not growing at the pace of MonoTouch </li></ul><ul><li>No Visual Studio / Windows support for MonoTouch. You need MonoDevelop on Mac </li></ul>09/16/11
  32. 32. Mono Touch/Droid – Audience <ul><li>.NET Developers who wants native app w/o need of learning a new platform/technology </li></ul><ul><li>Simple smaller Apps that could share some code from previous .NET code especially WP7 app. </li></ul><ul><li>Enterprise mobile apps in companies which has .NET resources and would like to leverage that. </li></ul><ul><li>Small businesses that has only .NET resources and focused on simpler smaller apps </li></ul>09/16/11
  33. 33. True Native  <ul><li>iOS - Objective C, Xcode, Cocoa Touch </li></ul><ul><li>Android - Java, Eclipse </li></ul><ul><li>WP7 - Silverlight, C#, Visual Studio </li></ul>09/16/11
  34. 34. Native Pros <ul><li>Closest to the OS </li></ul><ul><li>Access all platform supported features </li></ul><ul><li>Best Performance </li></ul><ul><li>Smallest package size to be deployed </li></ul><ul><li>Best possible UI Experience </li></ul><ul><li>No fear of rejection by App stores in future </li></ul><ul><li>Low registration cost and most of the SDK/tools are FREE </li></ul><ul><li>Good level of support (included in registration) </li></ul>09/16/11
  35. 35. Native - Cons <ul><li>No single code base/reusability across platforms </li></ul><ul><li>Development time doubles with every new platform the app targets which results in increased cost </li></ul><ul><li>Increased learning curve as every platform supports a different technology/language – most of them being proprietary. </li></ul><ul><li>Difficult to share developer resources thereby demanding separate developer pool for every platform. </li></ul>09/16/11
  36. 36. Native – Audience <ul><li>Developers/Businesses who are serious about getting into the mobile app space </li></ul><ul><li>Best quality apps with high performance </li></ul><ul><li>Complex/Large apps which demands for a responsive UI. </li></ul><ul><li>Single platform focused apps </li></ul><ul><li>Apps which aims to leverage each platform specific capability to the fullest. </li></ul>09/16/11
  37. 37. Right Strategy for you 09/16/11 Web Dev only C# Dev only Ent. Apps Large/ Complex Commercial Apps $ / time constraint Policy & other Issues Highest Quality Responsive apps HTML / Javascript jQuery Phonegap Appcelerator Mono Touch/Droid Native
  38. 38. References <ul><li>http://www.phonegap.com/ </li></ul><ul><li>http://jquerymobile.com/ </li></ul><ul><li>http://www.appcelerator.com </li></ul><ul><li>http://ios.xamarin.com/ </li></ul><ul><li>http://en.wikipedia.org/wiki/Multiple_phone_web_based_application_framework </li></ul>09/16/11
  39. 39. Jeetu Maker <ul><li>Email: jeetumaker@gmail.com </li></ul><ul><li>Twitter# jeetumaker </li></ul>09/16/11
  40. 40. Thank you 09/16/11
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×