The document discusses PhoneGap, an open source framework that allows developers to build mobile apps using standard web technologies like HTML, CSS, and JavaScript. PhoneGap packages the web app so it can be deployed and distributed as a native mobile app. Developers can write their app once and deploy it across multiple platforms. PhoneGap uses plugins to allow apps access device features like the camera or contacts. It supports building apps for iOS, Android, BlackBerry and other platforms either locally using each platform's tools or through an online build service.

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