Introduction to PhoneGap
Upcoming SlideShare
Loading in...5
×
 

Like this? Share it with your network

Share

Introduction to PhoneGap

on

  • 9,233 views

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

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

Statistics

Views

Total Views
9,233
Views on SlideShare
3,610
Embed Views
5,623

Actions

Likes
5
Downloads
121
Comments
0

19 Embeds 5,623

http://www.raymondcamden.com 4990
http://css.dzone.com 369
http://raymondcamden.com 154
http://feeds.feedburner.com 48
http://mobile.dzone.com 20
http://www-ig-opensocial.googleusercontent.com 12
http://localhost 5
http://translate.googleusercontent.com 3
http://www.cfshowcase.com 3
http://www.thecodebakery.com 3
http://www.iribbit.net 3
http://www.dzone.com 3
http://www.ourmango.com 2
http://html2canvas.hertzen.com 2
http://www.twylah.com 2
http://www.cf-toolbox.com 1
http://www.coldfusionjedi.com 1
http://cf-toolbox.com 1
http://mail.tedparton.com 1
More...

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Introduction to PhoneGap Presentation Transcript

  • 1. Introduction to PhoneGap Raymond Camden
  • 2. Your Speaker Developer Evangelist for Adobe Focused on Web Standards www.raymondcamden.com raymondcamden@gmail.com @cfjedimaster
  • 3. Wait – Adobe bought PhoneGap?
  • 4. Wait – Adobe bought PhoneGap?
  • 5. Wait – Adobe bought PhoneGap?
  • 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. Apache Cordova Cordova is the open source project PhoneGap is the implemenation Like Webkit for Chrome/Safari http://incubator.apache.org/cordova
  • 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. What is PhoneGap, really?
  • 10. What is PhoneGap, really? Awesome sauce: http://www.thinkgeek.com/caffeine/dc05/
  • 11. What is PhoneGap, really?
  • 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. Features Accelerometer ◦ "The thing you shake" Compass ◦ "The thing that tells you what direction you are heading" Device ◦ "Generic info about the device"
  • 14. Features Geolocation ◦ "The thing that tells you where you are" Storage ◦ "The place you put your stuff" Camera ◦ "Pictures of your cat"
  • 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. 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. Features Remote Ajax w/o guilt Orientation The App Store (all of them actually)
  • 18. Who is using PhoneGap?
  • 19. Featured Apps
  • 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. How can you use it? (Code) Add cordova-VERSION.js to your HTML Provides the hooks to the awesome Done
  • 22. The Hard Way
  • 23. Demo – The Easy Wayhttp://wiki.phonegap.com/w/page/34483744/PhoneGap%20Eclipse%20PlugIn%20for%20Android
  • 24. Code Demos! General Device Contact Search Compass Geolocation Camera (oops, broken) jQuery Mobile (RSS) SimpleDB
  • 25. Plugins
  • 26. Plugins Written in your platforms native language Provide a JavaScript API https://github.com/phonegap/phonegap- plugins
  • 27. Demo
  • 28. PhoneGap Build Public Beta Automated builds for all platforms API http://phonegap.com/2011/10/13/phonega p-build-pricing-plans-update/
  • 29. Demo
  • 30. Debugging PhoneGap Build on the desktop first! Consider your development tools Weinre ◦ http://phonegap.github.com/weinre/ debug.phonegap.com
  • 31. Help! Mailing List ◦ http://groups.google.com/group/phonegap Books ◦ PhoneGap Beginners Guide ◦ More on Amazon IRC
  • 32. Wrap Up 7 Platforms Free HTML+JavaScript+CSS And you win!