Bridging the Phonegap

An introduction to Mobile web and Phonegap

Transcript

1. Bridging the Phonegap Cross Platform Mobile Development
2. Dan Slack Web Developer, Niche Solutions dslack@nichesolutions.ca @javaslack http://www.github.com/NicheSolutions http://www.nichesolutions.ca Who am I?
3. Agenda • Mobile Web Applications • What is Phonegap? • Phonegap APIs • Extending Phonegap • Design Considerations
4. Mobile Web • We can use our existing skillsets • Leverage HTML5 APIs (Geolocation, storage, etc.) • Evergrowing W3C Standards • What is Mobile Web?
5. Mobile Web • Mobile device detection ◦ server-side vs client-side • Testing ◦ User Agent switching ◦ Resolution changes • About Ripple Design Considerations:
6. Ripple
7. Mobile Web DEMO
8. What is Phonegap? (aka Apache Cordova) • Near write-once, run-anywhere on mobile • Write using HTML5/CSS3/JS stack • A bridge between native and web layer • Some history...
9. What is Phonegap?
10. What is Phonegap?
11. What is Phonegap?
12. What is Phonegap?
13. What is Phonegap? • Phonegap uses the native layer • We can open and test in native environment • Native environment for each OS • Phonegap Build and Debug • Ripple Issues - http://bit.ly/XPhts2
14. Better than the Web? Mobile web can handle many scenarios, but... • Monetization • Access to native APIs ◦ Calendar, Contacts ◦ Compass, Accelerometer, Camera • Visibility
15. Phonegap DEMO
16. Phonegap Plugins • Phonegap has many APIs ◦ And growing... • Plugin framework for extra features not covered • Phonelistener, BarcodeScanner, NFC, more
17. Phonegap Plugins • Platform specific • https://github.com/phonegap/phonegap-plugins • Something missing? Make it! • Blackberry specific case
18. Final Considerations • Resolutions, platform limitations ◦ http://mobilehtml5.org/ • Use Performance Tricks ◦ document.createDocumentFragment ▪ http://bit.ly/zZ4m9L ◦ reduce closures, avoid for-in ◦ http://bit.ly/c26sdW • JS Frameworks ◦ size
19. Thanks! Questions? Resources: Samples Phonegap Ripple http://bit.ly/YCqNhW http://www.phonegap.com http://developer.blackberry.com/html5/download