My PhoneGap session at Multi-Mania.be 2013.

1. PhoneGap & PhoneGap Build
Mihai Corlan / @mcorlan
Multi-Mania.be / 2013

2. Who I am
Mihai Corlan / Adobe Evangelist / @mcorlan

3. Welcome to
Transylvania

4. No Vampires!

5. We <3 …

6. Who are you?

7. Mobile Development
1. Native Apps
2. Web Apps
3. Hybrid Apps
@mcorlan

8. Why would you use PhoneGap?
 Native Installers -> Application Stores
 Use standard web technologies
@mcorlan

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. Contributors
 Adobe – of course ;)
 Microsoft – Windows Phone support
 BlackBerry - BlackBerry support / Ripple Emulator
 IBM
@mcorlan

11. PhoneGap supports 8 platforms
@mcorlan

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. Who else is using PhoneGap?
 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
@mcorlan

14. Demo
@mcorlan

15. Building PhoneGap Apps
@mcorlan

16. What can you use to build your app?
@mcorlan

17. Untappd
@mcorlan
iOS Android

18. Build PhoneGap app as you’d build a regular web app
@mcorlan

19. Creating the native installers
There are 2 different methods:
 Using the target platform tool chain
 Using PhoneGap Build – a cloud service
@mcorlan

20. Using 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
@mcorlan

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. Questions & Answers!
Thank you!
Mihai Corlan
@mcorlan
http://corlan.org

23. PhoneGap Debug
 http://debug.phonegap.com
#CreateTheWeb

24. PhoneGap Emulate
 http://emulate.phonegap.com
#CreateTheWeb

25. PhoneGap Build Demo

26. PhoneGap Build Demo

27. PhoneGap Build Demo

28. How does PhoneGap work?
PhoneGap App Mobile Device
PhoneGap
Native
Engine
PhoneGap
JavaScript
Engine
Web View
Renders the app UI
Access to
native
mobile
featuresYour Code
HTML/JavaScript/CSS/Images/
Frameworks/Libraries

29. PhoneGap
29
Apache
Cordova?
#CreateTheWeb