1. #CreateTheWeb
PhoneGap / PhoneGap Build
Mihai Corlan / Adobe Web Evangelist / @mcorlan

2. Mobile Development
1. Native Apps
2. Web Apps
3. Hybrid Apps (eg. PhoneGap)
#CreateTheWeb
2

3. Why would you use PhoneGap?
 Write once, run everywhere
 Native Installers -> Application Stores
 Use standard web technologies
#CreateTheWeb

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. PhoneGap
? Apache
Cordova
#CreateTheWeb
5

6. Contributors
 Adobe – of course
 Microsoft – Windows Phone support
 RIM – BlackBerry support / Ripple Emulator
 IBM
#CreateTheWeb

7. PhoneGap supports 7 platforms
#CreateTheWeb

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. 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. Demo
#CreateTheWeb

11. Building PhoneGap Apps
#CreateTheWeb

12. What can you use to build your app?
#CreateTheWeb

13. Build PhoneGap app as you’d build a regular web app
#CreateTheWeb

14. Creating the native installers
There are 2 different methods:
 Using the target platform tool chain
 Using PhoneGap Build – a cloud service
#CreateTheWeb

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. PhoneGap Debug
 http://debug.phonegap.com
#CreateTheWeb

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

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. PhoneGap Day Europe – Amsterdam September 14th
http://pgday.phonegap.com/eu2012/

20. Questions & Answers!
Thank you!
Mihai Corlan
@mcorlan
http://corlan.org
#CreateTheWeb

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