Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

DevChatt 2011 - PhoneGap: For Fun and Science


Published on

#devchatt Slides from the PhoneGap demo

Published in: Technology, Education
  • I have done a couple of papers through ⇒⇒⇒ ⇐⇐⇐ they have always been great! They are always in touch with you to let you know the status of paper and always meet the deadline!
    Are you sure you want to  Yes  No
    Your message goes here

DevChatt 2011 - PhoneGap: For Fun and Science

  1. 1. PhoneGap For fun and science Cameron Kilgore • @thrillgore •
  2. 2. What in the world is PhoneGap? <ul><li>PhoneGap is a framework that uses web technologies such as HTML5, CSS3, and JavaScript to resolve the multi-platform mobile device conundrum </li><ul><li>If you can make a web app, you can make a PhoneGap app </li></ul><li>Developed & maintained by Nitobi, and available to the community at large as open source (MIT) </li></ul>
  3. 3. How it's made (also a popular TV show) <ul><li>PhoneGap uses JavaScript functions to access native interfaces on mobile devices </li><ul><li>Camera
  4. 4. Accelerometer
  5. 5. Storage
  6. 6. Events
  7. 7. Etc... </li></ul><li>Uses HTML5 semantic elements to implement context modes and interfaces from device to device
  8. 8. Extends HTML5 featureset in multiple devices </li></ul>
  9. 9. Work the Shaft <ul><li>PhoneGap's only performance gap is the performance of the rendering engine </li><ul><li>Mobile rendering engines are faster than you think
  10. 10. Handsets are iterating quickly </li></ul><li>Perfect for RAD and Agile development
  11. 11. HTML/CSS/JS is a framework we all know, so we don't need to learn Obj-C or Java to write applications
  12. 12. Every interface we need can be accessed using PhoneGap's JS calls </li><ul><li>Similar to a JS library like jQuery, Dojo, Sencha </li></ul></ul>
  13. 13. You broke it, didn't you? <ul><li>PhoneGap does not compile to native C like AppCelerator
  14. 14. While Apple recognizes that PhoneGap falls into “acceptable” terms, this could change
  15. 15. Performance is dependent on the rendering engine and JS interpreter </li><ul><li>And the OS </li></ul><li>You open yourself up to internet browser vulnerabilities </li><ul><li>XSS attacks are possible </li></ul></ul>
  16. 16. Booby trap the Stalemate button <ul><li>PhoneGap is just a browser for local assets – it does not include a full web server stack </li><ul><li>If you want to make multi-page applications, you might have to work around that </li></ul><li>You can extend functions with plugins
  17. 17. There are so many interfaces offered that I don't have time to cover them all </li><ul><li>But if you want to do it, chances are you can with PhoneGap </li></ul></ul>
  18. 18. You Mileage May Vary <ul><li>PhoneGap works with: </li><ul><li>iOS (iPhone, iPod Touch, iPad)
  19. 19. Android
  20. 20. Symbian
  21. 21. Blackberry OS (OS 6+ and PlayBook)
  22. 22. WebOS
  23. 23. Windows Phone 7
  24. 24. Bada
  25. 25. MeeGo (status of MeeGo unknown) </li></ul></ul>
  26. 26. Some perspective on mobile browsers
  27. 27. Let's build an app <ul><li>We're going to build a simple application that demos Accelerometer, Camera, and Location inside an Android 2.3 AVD Image </li><ul><li>Due to move and short schedule I had to rebuff on more ambitious plans </li></ul><li>To speed up time, we're also going to use jQuery Touch for our interface elements </li><ul><li>jQuery Touch is another speech another time </li></ul></ul>
  28. 28. Switch to Eclipse Here Oh god how did this get here I am not good with computer
  29. 29. In Closing PhoneGap isn't this cool, but it's close!
  30. 30. Any Questions? Thanks for coming Source code + slides will be up soon @thrillgore