PhoneGap Session at Multi-Mania.be 2013

2,524 views

Published on

My PhoneGap session at Multi-Mania.be 2013.

Published in: Technology
  • Be the first to comment

PhoneGap Session at Multi-Mania.be 2013

  1. 1. PhoneGap & PhoneGap BuildMihai Corlan / @mcorlanMulti-Mania.be / 2013
  2. 2. Who I amMihai Corlan / Adobe Evangelist / @mcorlan
  3. 3. Welcome toTransylvania
  4. 4. No Vampires!
  5. 5. We <3 …
  6. 6. Who are you?
  7. 7. Mobile Development1. Native Apps2. Web Apps3. Hybrid Apps@mcorlan
  8. 8. Why would you use PhoneGap? Native Installers -> Application Stores Use standard web technologies@mcorlan
  9. 9. PhoneGap could be your best friend if You want to target multiple mobile platforms You know HTML/JavaScript/CSS Extend existing in-browser apps with native features Data-centric apps, social networking, simple games@mcorlan
  10. 10. Contributors Adobe – of course ;) Microsoft – Windows Phone support BlackBerry - BlackBerry support / Ripple Emulator IBM@mcorlan
  11. 11. PhoneGap supports 8 platforms@mcorlan
  12. 12. 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@mcorlan
  13. 13. Who else is using PhoneGap? SalesForce.com Mobile SDK IBM Worklight Platform SAPSome numbers: ~ 4% apps in iTunes Store use PhoneGap (Sep 2011) ~ 100,000 monthly downloads of PhoneGap SDK@mcorlan
  14. 14. Demo@mcorlan
  15. 15. Building PhoneGap Apps@mcorlan
  16. 16. What can you use to build your app?@mcorlan
  17. 17. Untappd@mcorlaniOS Android
  18. 18. Build PhoneGap app as you’d build a regular web app@mcorlan
  19. 19. Creating the native installersThere are 2 different methods: Using the target platform tool chain Using PhoneGap Build – a cloud service@mcorlan
  20. 20. Using PhoneGap Build http://build.phonegap.com Supports: iOS, Android, BlackBerry, WebOS, Windows Phone 7, andSymbian 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@mcorlan
  21. 21. Resources Source code: github.com/phonegap 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@mcorlan
  22. 22. Questions & Answers!Thank you!Mihai Corlan@mcorlanhttp://corlan.org
  23. 23. PhoneGap Debug http://debug.phonegap.com#CreateTheWeb
  24. 24. PhoneGap Emulate http://emulate.phonegap.com#CreateTheWeb
  25. 25. PhoneGap Build Demo
  26. 26. PhoneGap Build Demo
  27. 27. PhoneGap Build Demo
  28. 28. How does PhoneGap work?PhoneGap App Mobile DevicePhoneGapNativeEnginePhoneGapJavaScriptEngineWeb ViewRenders the app UIAccess tonativemobilefeaturesYour CodeHTML/JavaScript/CSS/Images/Frameworks/Libraries
  29. 29. PhoneGap29ApacheCordova?#CreateTheWeb

×