Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Phonegap/Cordova vs Native Application

23,532 views

Published on

brown bag presentation @ GDP
number of attendees : 30

Published in: Technology, Art & Photos
  • Dating direct: ❤❤❤ http://bit.ly/2F7hN3u ❤❤❤
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • Follow the link, new dating source: ♥♥♥ http://bit.ly/2F7hN3u ♥♥♥
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here

Phonegap/Cordova vs Native Application

  1. 1. Mobile Application:Phonegap/Cordova vs Native Application hakim.asyari@kaskusnetworks.com
  2. 2. Agenda• The State of the Mobile Browser• Native App and Hybrid App• Cordova : an Overview• Cordova Architecture• Cordova API• Cordova App Project
  3. 3. The State of The Mobile Browser• rng.io• Ring 0 is the intersection of functionality offered by iOS5 and Android 2.2 Froyo, which represents the majority of the smartphone market today
  4. 4. rng.io
  5. 5. NATIVE VS HYBRID
  6. 6. Native Application
  7. 7. Native Application
  8. 8. Hybrid Application
  9. 9. PHONEGAP === CORDOVA http://github.com/apache/incubator-cordova-*
  10. 10. Cordova1. Embed a chromeless browser in a native app2. Create a “bridge” between the browser and the native code providing access to native APIs3. Write a web app4. Package the web app with the native code and deploy to devices!5. Web LAF6. No Cross-compiling magic
  11. 11. Cordova NativeJs Call Cordova API
  12. 12. Cordova : Class Diagram
  13. 13. Cordova : API• Accelerometer • File• Camera • Geolocation• Capture : Image, Audio, • Media Video • Storage• Compass • Websocket (Android)• Contacts
  14. 14. Cordova : API (not available)• NFC (Near Field • Automated Test Communication) • Device API Test (server:• Bluetooth weinre)• opengl/webgl • Native LAF• Logging (Console.log) • Obfuscation (debugging problem)• push notification
  15. 15. Plugins
  16. 16. Cordova Application Project Demo via Eclipse
  17. 17. Cordova Application Project• News• Medical• Business
  18. 18. REFERENCES• www.phonegap.com• www.github.com/apache/incubator-rodova-*• doc.phonegap.com• worklight.com

×