brown bag presentation @ GDP number of attendees : 30

1. Mobile Application:
Phonegap/Cordova vs
Native Application
hakim.asyari@kaskusnetworks.com

2. Agenda
• The State of the Mobile Browser
• Native App and Hybrid App
• Cordova : an Overview
• Cordova Architecture
• Cordova API
• Cordova App Project

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. rng.io

6. NATIVE VS HYBRID

7. Native Application

8. Native Application

9. Hybrid Application

10. PHONEGAP === CORDOVA
http://github.com/apache/incubator-cordova-*

11. Cordova
1. Embed a chromeless browser in a native app
2. Create a “bridge” between the browser and the native code
providing access to native APIs
3. Write a web app
4. Package the web app with the native code and deploy to devices!
5. Web LAF
6. No Cross-compiling magic

12. Cordova
Native
Js Call Cordova
API

13. Cordova : Class Diagram

14. Cordova : API
• Accelerometer • File
• Camera • Geolocation
• Capture : Image, Audio, • Media
Video
• Storage
• Compass
• Websocket (Android)
• Contacts

15. 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

16. Plugins

17. Cordova Application
Project
Demo via Eclipse

18. Cordova Application
Project
• News
• Medical
• Business

19. REFERENCES
• www.phonegap.com
• www.github.com/apache/incubator-rodova-*
• doc.phonegap.com
• worklight.com