Phonegap/Cordova vs Native Application

20,105
-1

Published on

brown bag presentation @ GDP
number of attendees : 30

Published in: Technology, Art & Photos
0 Comments
19 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
20,105
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
343
Comments
0
Likes
19
Embeds 0
No embeds

No notes for slide
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • worklight.com\n
  • worklight.com\n
  • worklight.com\n
  • \n
  • \n
  • \n
  • open class diagram image\n
  • docs.phonegap.com\n
  • \n
  • \n
  • open eclipse ide\n
  • \n
  • \n
  • 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
    1. A particular slide catching your eye?

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

    ×