Intro to-phone gap-techwed-14dec2011
•Download as PPT, PDF•
0 likes•215 views
phonegap technology
Recommended
More Related Content
Viewers also liked
Viewers also liked (17)
Similar to Intro to-phone gap-techwed-14dec2011
Similar to Intro to-phone gap-techwed-14dec2011 (20)
Recently uploaded
Recently uploaded (20)
Intro to-phone gap-techwed-14dec2011
- 2. Who Am I? Steve Gill PhoneGap Community Champ Black Belt in TaeKwonDo Drinks Beer Loves Hockey @SteveSGill steveng@adobe.com
- 8. Smartphone Platform Market Share • 90 million people in the US own smartphone s Source: comScore MobiLens, October 2011
- 9. The Trend: Smartphone Platform Market Share Source: comScore MobiLens, October 2011
- 12. Convert from Desktop to Mobile
- 13. Benefits • One code base, multiple platforms • Reuse existing web developer skills • Shorter learning curve • Faster development • Mobile site and app with same code • Reusable web code and infrastructure • Code portable to other environments • Based on open standards • Active and growing community • Open source with multiple large stakeholders
- 14. Differentiators • Runs on more platforms • Open community & contributors • Web and App with same code • Framework and tool support
- 15. Supported Platforms • iOS (iPad, iPod Touch, iPhone) • Android (Everything) • BlackBerry (Smartphones, PlayBook) • WebOS • Symbian • Windows Phone • Bada
- 16. Standards Based + W3C Device APIs and Policies Working Group (DAP)
- 17. APIs • Accelerometer • File • Camera • Geolocation • Media • Capture • Network • Compass • Notification • Connection • Storage • Contacts • Device • Events
- 18. Basics Setup the Viewport <meta name="viewport" content="width=devic e-width, initial-scale=1.0, maximum- scale=1.0, user-scalable=no;" />
- 19. Basics Listen for the Device Ready Event document.addEventListener("deviceready", onDeviceReady, false); function onDeviceReady(){ //Do Stuff }
- 20. Basics Accelerometer Example function onSuccess(acceleration) { alert('Acceleration X: ' + acceleration.x + 'n' + 'Acceleration Y: ' + acceleration.y + 'n' + 'Acceleration Z: ' + acceleration.z + 'n' + 'Timestamp: ' + acceleration.timestamp + 'n'); }; function onError() { alert('onError!'); }; navigator.accelerometer.getCurrentAcceleration(onSuccess, onError);
- 21. Plugins • Push Notifications (Urban Airship) • Child browser • Facebook • Native Controls • Many more, and more coming
- 22. Free & Open Source
- 23. Tools • Emulators • Ripple • Any platform emulator (iOS Simulator, Android Virtual Devices, etc) • Debugging • Weinre (web inspector remote) • IDEs • Eclipse • Dreamweaver • Textmate
- 24. Javascript Libraries xui
- 25. Perceived Risks & Concerns • Web tech not appropriate for everything • Many webkits • Many screens/pixel densities • There are bugs! • App store rejections • Not "native" • Performance • Security
- 26. http://build.phonegap.com 26
- 27. Basics DEMO TIME
- 28. Resources • Source: github.com/callback • Bugs: issues.apache.org/jira/browse/CB • Docs: docs.phonegap.com • Wiki: wiki.phonegap.com • Support: groups.google.com/group/phonegap • IRC: irc.freenode.net #phonegap • Apps: phonegap.com/apps
- 29. phonegap.com @phonegap facebook.com/phonegap Thanks!
Editor's Notes
- Who has heard of PhoneGap? Who has used PhoneGap?
- feel free to tweet me anything
- Open source Framework that allows you to build cross platform mobile applications using HTML5, CSS3 and JavaScript.
- # Problem you discovered / motivation for creating this company * You need expertise in ObjectiveC, Java, .Net, JavaScript, etc... * Resources are expensive and hard to find * Hire internally or an agency both $$$$! * Maintenance * Mobile website?
- # Problem you discovered / motivation for creating this company * You need expertise in ObjectiveC, Java, .Net, JavaScript, etc... * Resources are expensive and hard to find * Hire internally or an agency both $$$$! * Maintenance * Mobile website?
- Some of you might be thinking Let me show you one big reason
- 90 million people. Google has almost half the share, take that ios only devs Never met a single developer who enjoys developing for BB. PhoneGap and webworks making life better Lets see some trends
- microsoft, nokia + xbox integration will help back on topic
- Deploy apps to all smartphones Write one HTML5 + JS code base Use existing internal team of web devs Reuse existing code and web services Faster, cheaper development HTML5 and W3C standards compliant
- Many people using PhoneGap are converting their websites to mobile applications. Lots of reused code.
- Open Source, Based on open standards, Active and growing community
- Competitors: Appcelerator, RhoMobile, Corona: They don ’ t do it the same way. We don ’ t do any cross compiling to native code. Just run a web browser instance in a native app and run your web files locally
- Mac, Windows, anything with a good web browser
- We model the PhoneGap Api based on the standards defined by w3c, DAP, Mozzila Web API. You guys being web devs have to love that. Nobody wants to go back to the ie6 days
- Here are some of the API ’ s included with PhoneGap.
- As a web developer, what do you need to do.
- Wait for the device to be ready.
- PhoneGap was submitted to Apache when Nitobi got purchased by Adobe. Currently in incubation phase. Name changed to Callback/Cordova due to legal reasons. This name change only matters to people who actually work on the PhoneGap source code. We will still be calling it PhoneGap in the Community. Source code can currently be found on github. Note: Apache is more about OpenDevelopment than OpenSource.
- We are going to be making a big push into making better tools available to you guys this upcoming year
- Any Javascript Framework. Recently jQuery Mobile gaining traction
- Liquid Layouts Phones get more powerful, performance less of an issue. As secure as your web app. Anyone can view your source. Possibly do server side authentication for sensitive information. Or use a Plugin.