Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
#CreateTheWebPhoneGap / PhoneGap Build  Mihai Corlan / Adobe Web Evangelist / @mcorlan
Mobile Development    1. Native Apps    2. Web Apps    3. Hybrid Apps (eg. PhoneGap)    #CreateTheWeb                2
Why would you use PhoneGap?   Write once, run everywhere   Native Installers -> Application Stores   Use standard web t...
PhoneGap could be your best friend                if    You want to target multiple mobile platforms    You know HTML/Ja...
PhoneGap                ?          Apache                           Cordova           #CreateTheWeb                       5
Contributors    Adobe – of course    Microsoft – Windows Phone support    RIM – BlackBerry support / Ripple Emulator  ...
PhoneGap supports 7 platforms                      #CreateTheWeb
PhoneGap Plug-ins   Extend the built-in functionality with custom plug-ins   http://wiki.phonegap.com/w/page/36752779/Ph...
Who else is using PhoneGap?    Facebook Mobile SDK    SalesForce.com Mobile SDK    IBM Worklight Platform    SAP Some ...
Demo#CreateTheWeb
Building PhoneGap Apps      #CreateTheWeb
What can you use to build your app?                       #CreateTheWeb
Build PhoneGap app as you’d build a regular web app                       #CreateTheWeb
Creating the native installers There are 2 different methods:  Using the target platform tool chain  Using PhoneGap Buil...
Using the PhoneGap Build   http://build.phonegap.com   Supports: iOS, Android, BlackBerry, WebOS, Windows Phone 7, and  ...
PhoneGap Debug   http://debug.phonegap.com                            #CreateTheWeb
PhoneGap Emulate   http://emulate.phonegap.com                            #CreateTheWeb
Resources   Source code: github.com/callback   Docs: docs.phonegap.com   Wiki: wiki.phonegap.com   PhoneGap Build: bui...
PhoneGap Day Europe – Amsterdam September 14thhttp://pgday.phonegap.com/eu2012/
Questions & Answers! Thank you! Mihai Corlan @mcorlan http://corlan.org                       #CreateTheWeb
How does PhoneGap work?       PhoneGap App                          Mobile Device PhoneGap             PhoneGap JavaScript...
Upcoming SlideShare
Loading in …5
×

PhoneGap/PhoneGap Build - Amsterdam Adobe Camp

3,390 views

Published on

Published in: Technology
  • Be the first to comment

PhoneGap/PhoneGap Build - Amsterdam Adobe Camp

  1. 1. #CreateTheWebPhoneGap / PhoneGap Build Mihai Corlan / Adobe Web Evangelist / @mcorlan
  2. 2. Mobile Development 1. Native Apps 2. Web Apps 3. Hybrid Apps (eg. PhoneGap) #CreateTheWeb 2
  3. 3. Why would you use PhoneGap? Write once, run everywhere Native Installers -> Application Stores Use standard web technologies #CreateTheWeb
  4. 4. PhoneGap could be your best friend if  You want to target multiple mobile platforms  You know HTML/JavaScript/CSS  Extending existing in-browser apps with native features  Data-centric apps, social networking, simple games #CreateTheWeb
  5. 5. PhoneGap ? Apache Cordova #CreateTheWeb 5
  6. 6. Contributors  Adobe – of course  Microsoft – Windows Phone support  RIM – BlackBerry support / Ripple Emulator  IBM #CreateTheWeb
  7. 7. PhoneGap supports 7 platforms #CreateTheWeb
  8. 8. PhoneGap Plug-ins Extend the built-in functionality with custom plug-ins http://wiki.phonegap.com/w/page/36752779/PhoneGap%20Plugins Examples: https://github.com/phonegap/phonegap-plugins Delegate heavyweight data processing to native code Create background services #CreateTheWeb
  9. 9. Who else is using PhoneGap?  Facebook Mobile SDK  SalesForce.com Mobile SDK  IBM Worklight Platform  SAP Some numbers:  ~ 4% apps in iTunes Store use PhoneGap (Sep 2011)  ~ 100,000 monthly downloads of PhoneGap SDK #CreateTheWeb
  10. 10. Demo#CreateTheWeb
  11. 11. Building PhoneGap Apps #CreateTheWeb
  12. 12. What can you use to build your app? #CreateTheWeb
  13. 13. Build PhoneGap app as you’d build a regular web app #CreateTheWeb
  14. 14. Creating the native installers There are 2 different methods:  Using the target platform tool chain  Using PhoneGap Build – a cloud service #CreateTheWeb
  15. 15. Using the PhoneGap Build http://build.phonegap.com Supports: iOS, Android, BlackBerry, WebOS, Windows Phone 7, and Symbian 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 #CreateTheWeb
  16. 16. PhoneGap Debug http://debug.phonegap.com #CreateTheWeb
  17. 17. PhoneGap Emulate http://emulate.phonegap.com #CreateTheWeb
  18. 18. Resources Source code: github.com/callback Docs: docs.phonegap.com Wiki: wiki.phonegap.com PhoneGap Build: build.phonegap.com PhoneGap Emulate: emulate.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 #CreateTheWeb
  19. 19. PhoneGap Day Europe – Amsterdam September 14thhttp://pgday.phonegap.com/eu2012/
  20. 20. Questions & Answers! Thank you! Mihai Corlan @mcorlan http://corlan.org #CreateTheWeb
  21. 21. 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

×