PhoneGap / PhoneGap Build #CreateTheWeb Mihai Corlan / Adobe Web Evangelist

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

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

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

PhoneGap 5 Apache Cordova ? #CreateTheWeb

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

PhoneGap supports 7 platforms #CreateTheWeb

PhoneGap Plug-ins  Extend the built-in functionality with custom plug-ins   Examples:  Delegate heavyweight data processing to native code  Create background services #CreateTheWeb

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

Demo #CreateTheWeb

Building PhoneGap Apps #CreateTheWeb

What can you use to build your app? #CreateTheWeb

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

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

Using the PhoneGap Build   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

PhoneGap Debug  #CreateTheWeb

PhoneGap Emulate  #CreateTheWeb

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

PhoneGap Day Europe – Amsterdam September 14th

Questions & Answers! Thank you! Mihai #CreateTheWeb

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