1.
@ChrisGriffith

2.
These opinions and thoughts are my own, and
may or may not reflect the opinions of the
company that I work for.
Disclaimer

3.
I need to make a mobile app…

4.
Objective C Android
Flavored Java
BlackBerry
Flavored Java
C# XAML

5.
Objective C Android
Flavored Java
C# XAMLBlackBerry
Flavored Java

6.
PhoneGap

7.
Genesis

8.
Getting Started
cordova.apache.org

9.
Application container that allows you to build
natively installed apps using HTML, CSS & JavaScript
What is PhoneGap?

10.
What is PhoneGap
Your Code

11.
What is PhoneGap
Your Code
Native Web View

12.
What is PhoneGap
Your Code
Native Web View
Native APIs

13.
What is PhoneGap
Your Code
Native Web View
Native APIs
Native App - .apk, .ipa, etc

14.
What platforms support PhoneGap?

15.
Since it is HTML, CSS & JSS, can I use existing
tools/frameworks?

16.
Caution…
PhoneGap uses the NATIVE browser on the
device to render the HTML/CSS/JS
Keep that in mind, as that can affect the
experience

17.
Device Access

18.
• Accelerometer - when the device moves
• Camera - pictures of your cat
• Capture - audio, video, stills of your cat
• Compass - for when you're lost
• Connection - type of connection
• Contacts - find and create new friends
Features

19.
• Device - device and OS version metadata
• Events - various app/hardware related
events
• File - native file system access (+ upload)
• Geolocation - for when you're lost
• Globalization - date/number/currency
formatting
Features

20.
• Media - related to audio playback
(supports record as well)
• Notification - visual, audible, and tactile
notifications
• Splashscreen - for your splash screen
needs
• Storage - Mini database
Features

21.
Beyond the mobile web
PhoneGap is extensible with a “native plugin”
model that enables you to write your own
native logic to access via JavaScript.
There are lots of open source plugins at
https://github.com/phonegap/phonegap-
plugins
Learn more at
http://wiki.phonegap.com/w/page/36752779
/ PhoneGap%20Plugins

22.
PhoneGap Community (some…)

23.
Building it
phonegap.com/start

24.
Building it
build.phonegap.com

25.
ConfiGAP
configap.com

26.
Building it
<Demo>

27.
• Desktop Browser
• Mobile via Web
• Ripple Emulator
• Local SDK to Simulator/Device
REAL WORLD BUILDING

28.
• Pro: Super Fast
• Pro: No setup
• Pro: Debugging Rocks
• Con: UI isn't right
• Con: UX isn't right
• Con: Features missing
• Con: Security restrictions
DESKTOP BROWSER

29.
• Pro: Kinda Fast
• Pro: Minimal setup
• Pro: UI and UX testing
• Con: Features missing
• Con: Security restrictions
• Con: Debugging (kinda) sucks
MOBILE VIA WEB

30.
• Pro: Fast
• Pro: Similar UI
• Pro: Free
• Pro: Security restrictions gone
• Con: Doesn't support 100% of the PhoneGap
APIs
• Con: Still not on the device
RIPPLE EMULATOR

31.
• Go to the Chrome Web Store:
https://chrome.google.com/webstore/category/
home
• Search for "ripple"
• Click Extensions
TO INSTALL

32.
• Pro: The Real Deal
• Con: Slow(ish)
• Con: Not Free
• Con: Debugging can suck
TO BE CLEAR:
YOU MUST ALWAYS TEST ON A REAL DEVICE
LOCAL SDK TO SIMULATOR/DEVICE

33.
Hydration

34.
Now go build something!

35.
Thanks!
chris.griffith@gmail.com
@chrisgriffith
http://chrisgriffith.wordpress.com/