Bridging the Gap Cross Platform Mobile Application Development
Me
The Late 90’s
Desktop Apps <ul><li>A predominant O/S – Windows </li></ul><ul><li>Minimal design constraints </li></ul><ul><li>Few well d...
The App Economy – Early Days <ul><li>‘ Freeware’ and ‘Shareware’ </li></ul><ul><li>Limited channels for delivery </li></ul...
Today <ul><li>7 Billion People </li></ul><ul><li>0.7 Billion Personal Computers </li></ul><ul><li>5 Billion Mobile Phones ...
Today <ul><li>Single channel delivery and acquisition for smart phone apps </li></ul><ul><li>The advent of the App Stores ...
A Fragmented Market
A Fragmented Market Platform Toolkit Android Java (Dalvik) Symbian C++, Java ME Windows Mobile .NET iPhone Objective C Bla...
Cross Platform Development <ul><li>Java </li></ul><ul><li>PhoneGap </li></ul><ul><li>RhoMobile </li></ul><ul><li>Appcelera...
PhoneGap <ul><li>HTML / JavaScript / CSS </li></ul><ul><li>If you know how to develop a webpage, you are in the party. </l...
PhoneGap
Native Methods <ul><li>Accelerometer </li></ul><ul><li>Camera </li></ul><ul><li>GPS </li></ul><ul><li>Contacts </li></ul><...
Example <html> <head> <title>Device Properties Example</title> <script type=&quot;text/javascript&quot; charset=&quot;utf-...
Deploying <ul><li>PhoneGap compiles using the original SDKs </li></ul><ul><li>Android ADT on Eclipse </li></ul><ul><li>App...
Further reading <ul><li>www.phonegap.com </li></ul><ul><li>www.appcelerator.com </li></ul><ul><li>www.rhomobile.com </li><...
That’s all folks [email_address] Twitter : @anoopsankar
Upcoming SlideShare
Loading in...5
×

Bridging the gap

844

Published on

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
844
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
19
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Bridging the gap

  1. 1. Bridging the Gap Cross Platform Mobile Application Development
  2. 2. Me
  3. 3. The Late 90’s
  4. 4. Desktop Apps <ul><li>A predominant O/S – Windows </li></ul><ul><li>Minimal design constraints </li></ul><ul><li>Few well developed patterns </li></ul><ul><li>Few established tools </li></ul><ul><ul><li>Visual Studio </li></ul></ul><ul><ul><li>Delphi </li></ul></ul><ul><li>Web was for documents </li></ul>
  5. 5. The App Economy – Early Days <ul><li>‘ Freeware’ and ‘Shareware’ </li></ul><ul><li>Limited channels for delivery </li></ul><ul><li>Tough on the consumer too </li></ul><ul><li>Rags to Riches – near to impossible </li></ul>
  6. 6. Today <ul><li>7 Billion People </li></ul><ul><li>0.7 Billion Personal Computers </li></ul><ul><li>5 Billion Mobile Phones </li></ul><ul><li>1 Billion Mobile ‘Smart’ Phones </li></ul><ul><li>Shift from the PC to the Smart Phone </li></ul>
  7. 7. Today <ul><li>Single channel delivery and acquisition for smart phone apps </li></ul><ul><li>The advent of the App Stores </li></ul><ul><li>Why? </li></ul><ul><ul><li>Micropayments </li></ul></ul><ul><ul><li>Reach </li></ul></ul><ul><ul><li>Free marketing </li></ul></ul><ul><ul><li>Easy for consumers </li></ul></ul>
  8. 8. A Fragmented Market
  9. 9. A Fragmented Market Platform Toolkit Android Java (Dalvik) Symbian C++, Java ME Windows Mobile .NET iPhone Objective C Blackberry OS Proprietary Java Libraries/API
  10. 10. Cross Platform Development <ul><li>Java </li></ul><ul><li>PhoneGap </li></ul><ul><li>RhoMobile </li></ul><ul><li>Appcelerator Titanium </li></ul><ul><li>MoSync </li></ul>
  11. 11. PhoneGap <ul><li>HTML / JavaScript / CSS </li></ul><ul><li>If you know how to develop a webpage, you are in the party. </li></ul><ul><li>Supports – </li></ul><ul><ul><li>iPhone, Android, Symbian, </li></ul></ul><ul><ul><li>Blackberry, Windows </li></ul></ul>
  12. 12. PhoneGap
  13. 13. Native Methods <ul><li>Accelerometer </li></ul><ul><li>Camera </li></ul><ul><li>GPS </li></ul><ul><li>Contacts </li></ul><ul><li>Network </li></ul><ul><li>Messaging </li></ul>
  14. 14. Example <html> <head> <title>Device Properties Example</title> <script type=&quot;text/javascript&quot; charset=&quot;utf-8&quot; src=&quot;phonegap.js&quot;></script> <script type=&quot;text/javascript&quot; charset=&quot;utf-8&quot;> // Wait for PhoneGap to load function onLoad() { document.addEventListener(&quot;deviceready&quot;, onDeviceReady, false); } // PhoneGap is ready function onDeviceReady() { navigator.geolocation.getCurrentPosition(onSuccess, onError); } // onSuccess Geolocation function onSuccess(position) { var element = document.getElementById('geolocation'); element.innerHTML = 'Latitude: ' + position.coords.latitude + '<br />' + 'Longitude: ' + position.coords.longitude + '<br />' + 'Altitude: ' + position.coords.altitude + '<br />'; } // onError Callback receives a PositionError object function onError(error) { alert('code: ' + error.code + 'n' + 'message: ' + error.message + 'n'); } </script> </head> <body onload=&quot;onLoad()&quot;> <p id=&quot;geolocation&quot;>Finding geolocation...</p> </body> </html> 1 2 3 4 5
  15. 15. Deploying <ul><li>PhoneGap compiles using the original SDKs </li></ul><ul><li>Android ADT on Eclipse </li></ul><ul><li>Apple OSX, Xcode for iOS </li></ul><ul><li>Minimal platform dependent code </li></ul><ul><li>Faster turn around times </li></ul><ul><li>Code re-use </li></ul>
  16. 16. Further reading <ul><li>www.phonegap.com </li></ul><ul><li>www.appcelerator.com </li></ul><ul><li>www.rhomobile.com </li></ul>
  17. 17. That’s all folks [email_address] Twitter : @anoopsankar
  1. A particular slide catching your eye?

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

×