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

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

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

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 Native Engine PhoneGap JavaScript Engine Web View Renders the app UI Access to native mobile features Your Code HTML/JavaScript/CSS/Images/ Frameworks/Libraries