phonegap/phonegap build - amsterdam adobe camp
Post on 09-May-2015
2.871 Views
Preview:
TRANSCRIPT
PhoneGap / PhoneGap Build
#CreateTheWeb
Mihai Corlan / Adobe Web Evangelist / @mcorlan
2
Mobile Development
1. Native Apps2. Web Apps3. 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
5
PhoneGap 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 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
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
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
PhoneGap Debug
http://debug.phonegap.com
#CreateTheWeb
PhoneGap Emulate
http://emulate.phonegap.com
#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
http://pgday.phonegap.com/eu2012/
Questions & Answers!
Thank you!
Mihai Corlan@mcorlanhttp://corlan.org
#CreateTheWeb
How does PhoneGap work?
PhoneGap App Mobile Device
PhoneGapNativeEngine
PhoneGapJavaScriptEngine
Web ViewRenders the app UI
Access to nativemobilefeaturesYour Code
HTML/JavaScript/CSS/Images/Frameworks/Libraries
top related