Getting started with PhoneGap

4,194 views

Published on

Published in: Technology
1 Comment
7 Likes
Statistics
Notes
  • One other thing that I've noticed about performance is that there can be a substantial difference in performance between the native browser on the phone and interface embedded in the PhoneGap UI view. But it's a great technology nonetheless, particularly if you come from a web-based development methodology and don't have the resources to learn Objective-C, Java, Windows, Blackberry, etc.
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
No Downloads
Views
Total views
4,194
On SlideShare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
242
Comments
1
Likes
7
Embeds 0
No embeds

No notes for slide

Getting started with PhoneGap

  1. 1. Getting Started with PhoneGapMihai CorlanDeveloper Evangelist / Adobe / @mcorlan
  2. 2. Mobile Development 2
  3. 3. 3
  4. 4. Bridging the Gap … PhoneGap 4
  5. 5. PhoneGap ? Cordova 5
  6. 6. Why would you use PhoneGap?§  Write once, run everywhere§  Native Installers -> Application Stores§  Use standard web technologies
  7. 7. PhoneGap could be your best friend if§  You want to target multiple mobile platforms§  You know HTML/JavaScript/CSS§  You already have a web site/web application. Thus you can reuse parts of this (see Wikipedia)
  8. 8. PhoneGap supports 7 platforms
  9. 9. PhoneGap Device APIs
  10. 10. Demo
  11. 11. How does PhoneGap work? PhoneGap App Mobile Device PhoneGap PhoneGap JavaScript Native Engine Engine Access to native mobile Your Code features HTML/JavaScript/CSS/Images/ Frameworks/Libraries Web View Renders the app UI
  12. 12. PhoneGap Plug-ins§  http://wiki.phonegap.com/w/page/36752779/PhoneGap%20Plugins§  Examples of plugins: https://github.com/phonegap/phonegap-plugins§  Extend the built-in functionality with custom plug-ins§  Delegate heavyweight data processing to native code§  Create background services
  13. 13. Building PhoneGap Apps
  14. 14. Build your PhoneGap 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. 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 (SVG for example)
  16. 16. Creating the native installersThere are 2 different methods:§  Using the target platform tool chain§  Using PhoneGap Build – a cloud service
  17. 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. 18. Using the PhoneGap Build – a Cloud Service§  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. 19. Resources§  Source: github.com/callback§  Docs: docs.phonegap.com§  Wiki: wiki.phonegap.com§  PhoneGap Build: build.phonegap.com§  Plugins: github.com/phonegap/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. 20. PhoneGap Day Europe – Amsterdam September 14thhttp://pgday.phonegap.com/eu2012/ 100 Euro early bird
  21. 21. Questions & Answers! Thank you! Mihai Corlan @mcorlan http://corlan.org http://github.com/mcorlan

×