Your SlideShare is downloading. ×
0
Intro to PhoneGap
Intro to PhoneGap
Intro to PhoneGap
Intro to PhoneGap
Intro to PhoneGap
Intro to PhoneGap
Intro to PhoneGap
Intro to PhoneGap
Intro to PhoneGap
Intro to PhoneGap
Intro to PhoneGap
Intro to PhoneGap
Intro to PhoneGap
Intro to PhoneGap
Intro to PhoneGap
Intro to PhoneGap
Intro to PhoneGap
Intro to PhoneGap
Intro to PhoneGap
Intro to PhoneGap
Intro to PhoneGap
Intro to PhoneGap
Intro to PhoneGap
Intro to PhoneGap
Intro to PhoneGap
Intro to PhoneGap
Intro to PhoneGap
Intro to PhoneGap
Intro to PhoneGap
Intro to PhoneGap
Intro to PhoneGap
Intro to PhoneGap
Intro to PhoneGap
Intro to PhoneGap
Intro to PhoneGap
Intro to PhoneGap
Intro to PhoneGap
Intro to PhoneGap
Intro to PhoneGap
Intro to PhoneGap
Intro to PhoneGap
Intro to PhoneGap
Intro to PhoneGap
Intro to PhoneGap
Intro to PhoneGap
Intro to PhoneGap
Intro to PhoneGap
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Intro to PhoneGap

916

Published on

PhoneGap is an open-source framework (Apache Cordova) that allows you to create cross-platform mobile apps using the web technologies you know and love: HTML, CSS, and JavaScript. Learn how PhoneGap …

PhoneGap is an open-source framework (Apache Cordova) that allows you to create cross-platform mobile apps using the web technologies you know and love: HTML, CSS, and JavaScript. Learn how PhoneGap works and how it will enable you to start building mobile apps with web standards. You will also get an introduction to PhoneGap Build which allows you to package mobile apps in the cloud.

Published in: Technology
0 Comments
6 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
916
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
0
Comments
0
Likes
6
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide
  • UI prototyper 15 yrsDeveloping mobile for the past 5 yearsMgr SDFUGACP
  • Built at an iPhoneDevCamp in 2009Started by NitobiAdobe bought Nitobi (2011)
  • PhoneGap is Adobe's implementationPhoneGap == Cordova
  • Windows Phone 7/8 (+ Windows 8)
  • Windows Phone 7/8 (+ Windows 8)
  • Some variability here, based on exact platform.
  • Transcript

    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/

    ×