0
Mobile Application:Phonegap/Cordova vs Native Application          hakim.asyari@kaskusnetworks.com
Agenda• The   State of the Mobile Browser• Native App   and Hybrid App• Cordova   : an Overview• Cordova Architecture• Cor...
The State of The Mobile Browser• rng.io•   Ring 0 is the intersection of functionality offered by iOS5 and Android    2.2 ...
rng.io
NATIVE VS HYBRID
Native Application
Native Application
Hybrid Application
PHONEGAP === CORDOVA http://github.com/apache/incubator-cordova-*
Cordova1. Embed a chromeless browser in a native app2. Create a “bridge” between the browser and the native code   providi...
Cordova                     NativeJs Call    Cordova                      API
Cordova : Class Diagram
Cordova : API• Accelerometer               • File• Camera                      • Geolocation• Capture   : Image, Audio,   ...
Cordova : API (not                 available)• NFC    (Near Field             • Automated Test Communication)             ...
Plugins
Cordova Application     Project    Demo via Eclipse
Cordova Application                  Project• News• Medical• Business
REFERENCES• www.phonegap.com• www.github.com/apache/incubator-rodova-*• doc.phonegap.com• worklight.com
Phonegap/Cordova vs Native Application
Upcoming SlideShare
Loading in...5
×

Phonegap/Cordova vs Native Application

18,403

Published on

brown bag presentation @ GDP
number of attendees : 30

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

No Downloads
Views
Total Views
18,403
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
292
Comments
0
Likes
17
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
  • Transcript of "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.

    ×