Recomendados
Mais conteúdo relacionado
Mais procurados
Mais procurados (20)
Semelhante a PhoneGap Slides from HTML5 Next and Now
Semelhante a PhoneGap Slides from HTML5 Next and Now (20)
Último
Último (20)
PhoneGap Slides from HTML5 Next and Now
- 2. Who Am I? Steve Gill PhoneGap Community Champ Black Belt in TaeKwonDo Drinks Beer Loves Hockey @SteveSGill steveng@adobe.com
- 9. Smartphone Platform Market Share Google 48% RIM 18% 90 million people in the US own smartphones Microsoft 6% Apple 29% Source: comScore MobiLens, October 2011
- 10. The Trend: Smartphone Platform Market Share 50% 37.5% 25% 12.5% 29% 46% 32% 17% 25% 28% 8% 5% 0% Google RIM Apple Microsoft Dec 2010 Oct 2011 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 • Events • Camera • File • Capture • Geolocation • Compass • Media • Connection • Network • Contacts • Notification • Device • Storage
- 18. Basics Setup the Viewport <meta name="viewport" content="width=dev ice-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. 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
- 27. phonegap.com @phonegap facebook.com/phonegap Thanks!
Notas do Editor
- Who has heard of PhoneGap?\nWho has used PhoneGap?\n
- feel free to tweet me anything\nI will tweet out this deck later tonight/tomrrow\nAlso, I just moved to SF last Thursday and i&#x2019;m taking applications for new friends. Worth a shot\n
- \n
- # High Concept Pitch: 3-5 words or a phrase (what your company does)\n\nOpen source Framework that allows you to build cross platform mobile applications using HTML5, CSS3 and JavaScript.\n
- # Problem you discovered / motivation for creating this company\n* You need expertise in ObjectiveC, Java, .Net, JavaScript, etc...\n* Resources are expensive and hard to find\n* Hire internally or an agency both $$$$!\n* Maintenance \n* Mobile website?\n
- # Problem you discovered / motivation for creating this company\n* You need expertise in ObjectiveC, Java, .Net, JavaScript, etc...\n* Resources are expensive and hard to find\n* Hire internally or an agency both $$$$!\n* Maintenance \n* Mobile website?\n
- Some of you might be thinking\n\nLet me show you one big reason\n
- 90 million people. Google has almost half the share, take that ios only devs\nNever met a single developer who enjoys developing for BB. PhoneGap and webworks making life better\nLets see some trends\n
- microsoft, nokia + xbox integration will help\nback on topic\n
- \n
- Many people using PhoneGap are converting their websites to mobile applications. Lots of reused code.\n
- Open Source, Based on open standards, Active and growing community\n
- Competitors: Appcelerator, RhoMobile, Corona: They don&#x2019;t do it the same way. We don&#x2019;t do any cross compiling to native code. Just run a web browser instance in a native app and run your web files locally\n
- Mac, Windows, anything with a good web browser\n
- We model the PhoneGap Api based on the standards defined by w3c, DAP, Mozzila Web API.\nYou guys being web devs have to love that. Nobody wants to go back to the ie6 days\n
- Here are some of the API&#x2019;s included with PhoneGap.\n
- As a web developer, what do you need to do.\n
- Wait for the device to be ready. \n
- \n
- \n
- PhoneGap was submitted to Apache when Nitobi got purchased by Adobe.\nCurrently 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. \n
- We are going to be making a big push into making better tools available to you guys this upcoming year\n
- Any Javascript Framework. Recently jQuery Mobile gaining traction\n
- Liquid Layouts\nPhones 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.\n
- \n
- \n