Your SlideShare is downloading. ×
PhoneGap/Cordova
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×

Introducing the official SlideShare app

Stunning, full-screen experience for iPhone and Android

Text the download link to your phone

Standard text messaging rates apply

PhoneGap/Cordova

3,128
views

Published on

The presentation I did at MMT30 Cologne/Germany

The presentation I did at MMT30 Cologne/Germany

Published in: Technology

0 Comments
4 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
3,128
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
130
Comments
0
Likes
4
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. PhoneGap / CordovaHTML5 Apps on all Major PlatformsFelix RiesebergDeveloper Evangelist, MicrosoftMihai CorlanDeveloper Evangelist, Adobe
  • 2. About UsFelix Rieseberg§  Microsoft Developer Evangelist§  http://felixrieseberg.com§  http://twitter.com/felixrieseberg§  felix.rieseberg@microsoft.comMihai Corlan§  Adobe Web Developer Evangelist§  Blog: http://corlan.org§  Twitter: mcorlan§  Email: mcorlan@adobe.com 2
  • 3. Let’s talk Mobile Development3
  • 4. Let’s talkHTML5 4
  • 5. Bridging the Gap5
  • 6. 6 §
  • 7. Cordova summarized so far Develop once, deploy everywhere. Chromeless browser WebApp & API Bridge Native Package 7
  • 8. Cordova supports 7 platforms
  • 9. Cordova Compatibility
  • 10. Demo
  • 11. How does Cordova work? Cordova App Mobile Device Cordova Cordova JavaScript Native Engine Engine Access to native mobile Your Code features HTML/JavaScript/CSS/Images/ Frameworks/Libraries Web View Renders the app UI
  • 12. Cordova Plug-ins§  http://wiki.phonegap.com/w/page/36752779/PhoneGap%20Plugins§  Examples of plugins: https://github.com/purplecabbage/phonegap-plugins§  Extend the built-in functionality with custom plug-ins§  Delegate heavyweight data processing to native code§  Create background services
  • 13. Building Cordova Apps
  • 14. Build your Cordova app as you’d build a regular web app§  Using your favorite editors (Eclipse, vim, Dreamweaver, Visual Studio)§  Test and debug the app using your desktop browser§  Test and debug the app using mobile simulators/emulators and the physical devices
  • 15. What can you use to build your app?§  Remember your application will run on the device’s browser§  You can use whatever JavaScript frameworks or libraries you like. Eg. jQuery, jQuery Mobile, Sencha, Backbone, Liquid, Mustache, Bootrstrap, and so on§  Pay attention to performance (mobile vs. desktop)§  Pay attention to mobile browser features or lack of them (I am talking about SVG)
  • 16. Creating the native installersThere are 2 different methods to build the native installers for your PhoneGapapp:§  Using the target platform tool chain§  Using PhoneGap Build – a cloud service
  • 17. Using the platform native tool chain§  Use the OS and tools each platform recommends: §  iOS - http://phonegap.com/start#ios-x4 §  Android - http://phonegap.com/start#android §  BlackBerry - http://phonegap.com/start#blackberry §  Windows Phone - http://phonegap.com/start#wp §  WebOS: http://phonegap.com/start#webos §  Symbian: http://phonegap.com/start#symbian
  • 18. Using PhoneGap Build§  http://build.phonegap.com - a cloud service§  Supports: iOS, Android, BlackBerry, WebOS, Windows Phone 7, and Symbian§  Supports one plugin (ChildBrowser); but you can hack in support for other plugins§  It is in beta and it is free; it will always be free for Open Source projects§  You upload your files (index.html, CSS, JS, images)§  Or you provide a Git / SVN link§  Support for debugging
  • 19. Resources§  Source: github.com/callback§  Docs: docs.phonegap.com§  Wiki: wiki.phonegap.com§  PhoneGap Build: build.phonegap.com§  Plugins: github.com/purplecabbage/phonegap-plugins§  Support: groups.google.com/group/phonegap§  IRC: irc.freenode.net #phonegap§  Apps: phonegap.com/apps§  Bugs: issues.apache.org/jira/browse/CB
  • 20. Thank You! Question & Answers Time! Felix Rieseberg Mihai Corlan http://felixrieseberg.com http://corlan.org http://twitter.com/felixrieseberg http://twitter.com/mcorlan felix.rieseberg@microsoft.com http://github.com/mcorlan