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.

PhoneGap Session at Multi-Mania.be 2013

2,548 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

×