PhoneGap Session at Multi-Mania.be 2013
-
Upload
mihai-corlan -
Category
Technology
-
view
1.952 -
download
1
description
Transcript of PhoneGap Session at Multi-Mania.be 2013
![Page 1: PhoneGap Session at Multi-Mania.be 2013](https://reader035.fdocuments.net/reader035/viewer/2022070314/554d25d3b4c905ab268b4c21/html5/thumbnails/1.jpg)
PhoneGap & PhoneGap Build
Mihai Corlan / @mcorlan
Multi-Mania.be / 2013
![Page 2: PhoneGap Session at Multi-Mania.be 2013](https://reader035.fdocuments.net/reader035/viewer/2022070314/554d25d3b4c905ab268b4c21/html5/thumbnails/2.jpg)
Who I am
Mihai Corlan / Adobe Evangelist / @mcorlan
![Page 3: PhoneGap Session at Multi-Mania.be 2013](https://reader035.fdocuments.net/reader035/viewer/2022070314/554d25d3b4c905ab268b4c21/html5/thumbnails/3.jpg)
Welcome toTransylvania
![Page 4: PhoneGap Session at Multi-Mania.be 2013](https://reader035.fdocuments.net/reader035/viewer/2022070314/554d25d3b4c905ab268b4c21/html5/thumbnails/4.jpg)
No Vampires!
![Page 5: PhoneGap Session at Multi-Mania.be 2013](https://reader035.fdocuments.net/reader035/viewer/2022070314/554d25d3b4c905ab268b4c21/html5/thumbnails/5.jpg)
We <3 …
![Page 6: PhoneGap Session at Multi-Mania.be 2013](https://reader035.fdocuments.net/reader035/viewer/2022070314/554d25d3b4c905ab268b4c21/html5/thumbnails/6.jpg)
Who are you?
![Page 7: PhoneGap Session at Multi-Mania.be 2013](https://reader035.fdocuments.net/reader035/viewer/2022070314/554d25d3b4c905ab268b4c21/html5/thumbnails/7.jpg)
Mobile Development
1. Native Apps2. Web Apps3. Hybrid Apps
@mcorlan
![Page 8: PhoneGap Session at Multi-Mania.be 2013](https://reader035.fdocuments.net/reader035/viewer/2022070314/554d25d3b4c905ab268b4c21/html5/thumbnails/8.jpg)
Why would you use PhoneGap?
Native Installers -> Application Stores Use standard web technologies
@mcorlan
![Page 9: PhoneGap Session at Multi-Mania.be 2013](https://reader035.fdocuments.net/reader035/viewer/2022070314/554d25d3b4c905ab268b4c21/html5/thumbnails/9.jpg)
PhoneGap could be your best friend if
You want to target multiple mobile platforms You know HTML/JavaScript/CSS Extend existing in-browser apps with native features Data-centric apps, social networking, simple games
@mcorlan
![Page 10: PhoneGap Session at Multi-Mania.be 2013](https://reader035.fdocuments.net/reader035/viewer/2022070314/554d25d3b4c905ab268b4c21/html5/thumbnails/10.jpg)
Contributors
Adobe – of course ;) Microsoft – Windows Phone support BlackBerry - BlackBerry support / Ripple Emulator IBM
@mcorlan
![Page 11: PhoneGap Session at Multi-Mania.be 2013](https://reader035.fdocuments.net/reader035/viewer/2022070314/554d25d3b4c905ab268b4c21/html5/thumbnails/11.jpg)
PhoneGap supports 8 platforms
@mcorlan
![Page 12: PhoneGap Session at Multi-Mania.be 2013](https://reader035.fdocuments.net/reader035/viewer/2022070314/554d25d3b4c905ab268b4c21/html5/thumbnails/12.jpg)
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
@mcorlan
![Page 13: PhoneGap Session at Multi-Mania.be 2013](https://reader035.fdocuments.net/reader035/viewer/2022070314/554d25d3b4c905ab268b4c21/html5/thumbnails/13.jpg)
Who else is using PhoneGap?
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
@mcorlan
![Page 14: PhoneGap Session at Multi-Mania.be 2013](https://reader035.fdocuments.net/reader035/viewer/2022070314/554d25d3b4c905ab268b4c21/html5/thumbnails/14.jpg)
Demo
@mcorlan
![Page 15: PhoneGap Session at Multi-Mania.be 2013](https://reader035.fdocuments.net/reader035/viewer/2022070314/554d25d3b4c905ab268b4c21/html5/thumbnails/15.jpg)
Building PhoneGap Apps
@mcorlan
![Page 16: PhoneGap Session at Multi-Mania.be 2013](https://reader035.fdocuments.net/reader035/viewer/2022070314/554d25d3b4c905ab268b4c21/html5/thumbnails/16.jpg)
What can you use to build your app?
@mcorlan
![Page 17: PhoneGap Session at Multi-Mania.be 2013](https://reader035.fdocuments.net/reader035/viewer/2022070314/554d25d3b4c905ab268b4c21/html5/thumbnails/17.jpg)
Untappd
@mcorlan
iOS Android
![Page 18: PhoneGap Session at Multi-Mania.be 2013](https://reader035.fdocuments.net/reader035/viewer/2022070314/554d25d3b4c905ab268b4c21/html5/thumbnails/18.jpg)
Build PhoneGap app as you’d build a regular web app
@mcorlan
![Page 19: PhoneGap Session at Multi-Mania.be 2013](https://reader035.fdocuments.net/reader035/viewer/2022070314/554d25d3b4c905ab268b4c21/html5/thumbnails/19.jpg)
Creating the native installers
There are 2 different methods: Using the target platform tool chain Using PhoneGap Build – a cloud service
@mcorlan
![Page 20: PhoneGap Session at Multi-Mania.be 2013](https://reader035.fdocuments.net/reader035/viewer/2022070314/554d25d3b4c905ab268b4c21/html5/thumbnails/20.jpg)
Using 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
@mcorlan
![Page 21: PhoneGap Session at Multi-Mania.be 2013](https://reader035.fdocuments.net/reader035/viewer/2022070314/554d25d3b4c905ab268b4c21/html5/thumbnails/21.jpg)
Resources
Source code: github.com/phonegap 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
@mcorlan
![Page 22: PhoneGap Session at Multi-Mania.be 2013](https://reader035.fdocuments.net/reader035/viewer/2022070314/554d25d3b4c905ab268b4c21/html5/thumbnails/22.jpg)
Questions & Answers!
Thank you!
Mihai Corlan@mcorlanhttp://corlan.org
![Page 23: PhoneGap Session at Multi-Mania.be 2013](https://reader035.fdocuments.net/reader035/viewer/2022070314/554d25d3b4c905ab268b4c21/html5/thumbnails/23.jpg)
PhoneGap Debug
http://debug.phonegap.com
#CreateTheWeb
![Page 24: PhoneGap Session at Multi-Mania.be 2013](https://reader035.fdocuments.net/reader035/viewer/2022070314/554d25d3b4c905ab268b4c21/html5/thumbnails/24.jpg)
PhoneGap Emulate
http://emulate.phonegap.com
#CreateTheWeb
![Page 25: PhoneGap Session at Multi-Mania.be 2013](https://reader035.fdocuments.net/reader035/viewer/2022070314/554d25d3b4c905ab268b4c21/html5/thumbnails/25.jpg)
PhoneGap Build Demo
![Page 26: PhoneGap Session at Multi-Mania.be 2013](https://reader035.fdocuments.net/reader035/viewer/2022070314/554d25d3b4c905ab268b4c21/html5/thumbnails/26.jpg)
PhoneGap Build Demo
![Page 27: PhoneGap Session at Multi-Mania.be 2013](https://reader035.fdocuments.net/reader035/viewer/2022070314/554d25d3b4c905ab268b4c21/html5/thumbnails/27.jpg)
PhoneGap Build Demo
![Page 28: PhoneGap Session at Multi-Mania.be 2013](https://reader035.fdocuments.net/reader035/viewer/2022070314/554d25d3b4c905ab268b4c21/html5/thumbnails/28.jpg)
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
![Page 29: PhoneGap Session at Multi-Mania.be 2013](https://reader035.fdocuments.net/reader035/viewer/2022070314/554d25d3b4c905ab268b4c21/html5/thumbnails/29.jpg)
29
PhoneGap Apache Cordova?
#CreateTheWeb