Introduction to PhoneGap       Raymond Camden
Your Speaker Developer Evangelist for Adobe Focused on Web Standards www.raymondcamden.com raymondcamden@gmail.com @c...
Wait – Adobe bought PhoneGap?
Wait – Adobe bought PhoneGap?
Wait – Adobe bought PhoneGap?
Adobe bought Nitobi We buy all companies with rhyming  names (just because) PhoneGap is an open source project In proce...
Apache Cordova Cordova is the open source project PhoneGap is the implemenation Like Webkit for Chrome/Safari http://i...
What is PhoneGap?   "PhoneGap is an HTML5 app platform    that allows you to author native    applications with web techn...
What is PhoneGap, really?
What is PhoneGap, really?               Awesome sauce: http://www.thinkgeek.com/caffeine/dc05/
What is PhoneGap, really?
Where does it go…. See the pretty icons below… Specific details about each:    ◦ http://phonegap.com/about/features   T...
Features   Accelerometer    ◦ "The thing you shake"   Compass    ◦ "The thing that tells you what direction you      are...
Features   Geolocation    ◦ "The thing that tells you where you are"   Storage    ◦ "The place you put your stuff"   Ca...
Features   Connection    ◦ "Am I offline or just in the wrong part of      Lafayette?"   Events    ◦ "What is my phone d...
Features   Capture    ◦ "Make new videos, sounds, and pictures of      your cat"   Contacts    ◦ "I really do have 200 f...
Features Remote Ajax w/o guilt Orientation The App Store (all of them actually)
Who is using PhoneGap?
Featured Apps
How can you use it? (Tooling) Plain text + command line #ubergeek Adobe Dreamweaver CS 5.5 Eclipse Xcode Other bits f...
How can you use it? (Code) Add cordova-VERSION.js to your HTML Provides the hooks to the awesome Done
The Hard Way
Demo – The Easy Wayhttp://wiki.phonegap.com/w/page/34483744/PhoneGap%20Eclipse%20PlugIn%20for%20Android
Code Demos! General Device Contact Search Compass Geolocation Camera (oops, broken) jQuery Mobile (RSS) SimpleDB
Plugins
Plugins Written in your platforms native language Provide a JavaScript API https://github.com/phonegap/phonegap-  plugins
Demo
PhoneGap Build Public Beta Automated builds for all platforms API http://phonegap.com/2011/10/13/phonega  p-build-pric...
Demo
Debugging PhoneGap Build on the desktop first! Consider your development tools Weinre    ◦ http://phonegap.github.com/w...
Help!   Mailing List    ◦ http://groups.google.com/group/phonegap   Books    ◦ PhoneGap Beginners Guide    ◦ More on Ama...
Wrap Up 7 Platforms Free HTML+JavaScript+CSS And you win!
Introduction to PhoneGap
Introduction to PhoneGap
Upcoming SlideShare
Loading in...5
×

Introduction to PhoneGap

8,739

Published on

You can view a recording of this URL here: http://experts.adobeconnect.com/p8x6r7cl6te/

Published in: Technology

Transcript of "Introduction to PhoneGap"

  1. 1. Introduction to PhoneGap Raymond Camden
  2. 2. Your Speaker Developer Evangelist for Adobe Focused on Web Standards www.raymondcamden.com raymondcamden@gmail.com @cfjedimaster
  3. 3. Wait – Adobe bought PhoneGap?
  4. 4. Wait – Adobe bought PhoneGap?
  5. 5. Wait – Adobe bought PhoneGap?
  6. 6. Adobe bought Nitobi We buy all companies with rhyming names (just because) PhoneGap is an open source project In process to becoming a project under the Apache Software Foundation New name: Cordova
  7. 7. Apache Cordova Cordova is the open source project PhoneGap is the implemenation Like Webkit for Chrome/Safari http://incubator.apache.org/cordova
  8. 8. What is PhoneGap? "PhoneGap is an HTML5 app platform that allows you to author native applications with web technologies and get access to APIs and app stores. PhoneGap leverages web technologies developers already know best... HTML and JavaScript."
  9. 9. What is PhoneGap, really?
  10. 10. What is PhoneGap, really? Awesome sauce: http://www.thinkgeek.com/caffeine/dc05/
  11. 11. What is PhoneGap, really?
  12. 12. Where does it go…. See the pretty icons below… Specific details about each: ◦ http://phonegap.com/about/features To be clear: Phones, Tablets, e-Readers, and whatever else Silicon Valley throws our way in 2012.
  13. 13. Features Accelerometer ◦ "The thing you shake" Compass ◦ "The thing that tells you what direction you are heading" Device ◦ "Generic info about the device"
  14. 14. Features Geolocation ◦ "The thing that tells you where you are" Storage ◦ "The place you put your stuff" Camera ◦ "Pictures of your cat"
  15. 15. Features Connection ◦ "Am I offline or just in the wrong part of Lafayette?" Events ◦ "What is my phone doing now?!?!" Media ◦ "Work with all those legally purchased MP3s."
  16. 16. Features Capture ◦ "Make new videos, sounds, and pictures of your cat" Contacts ◦ "I really do have 200 friends!" File ◦ "For important file stuff" Notification ◦ "Buzzzzzzzzzzzzzzzzzz"
  17. 17. Features Remote Ajax w/o guilt Orientation The App Store (all of them actually)
  18. 18. Who is using PhoneGap?
  19. 19. Featured Apps
  20. 20. How can you use it? (Tooling) Plain text + command line #ubergeek Adobe Dreamweaver CS 5.5 Eclipse Xcode Other bits for other platforms Warning – docs are a bit in flux
  21. 21. How can you use it? (Code) Add cordova-VERSION.js to your HTML Provides the hooks to the awesome Done
  22. 22. The Hard Way
  23. 23. Demo – The Easy Wayhttp://wiki.phonegap.com/w/page/34483744/PhoneGap%20Eclipse%20PlugIn%20for%20Android
  24. 24. Code Demos! General Device Contact Search Compass Geolocation Camera (oops, broken) jQuery Mobile (RSS) SimpleDB
  25. 25. Plugins
  26. 26. Plugins Written in your platforms native language Provide a JavaScript API https://github.com/phonegap/phonegap- plugins
  27. 27. Demo
  28. 28. PhoneGap Build Public Beta Automated builds for all platforms API http://phonegap.com/2011/10/13/phonega p-build-pricing-plans-update/
  29. 29. Demo
  30. 30. Debugging PhoneGap Build on the desktop first! Consider your development tools Weinre ◦ http://phonegap.github.com/weinre/ debug.phonegap.com
  31. 31. Help! Mailing List ◦ http://groups.google.com/group/phonegap Books ◦ PhoneGap Beginners Guide ◦ More on Amazon IRC
  32. 32. Wrap Up 7 Platforms Free HTML+JavaScript+CSS And you win!
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×