Developing with Phonegap - Adobe Refresh 2012
Upcoming SlideShare
Loading in...5
×
 

Developing with Phonegap - Adobe Refresh 2012

on

  • 2,976 views

Presentation at Adobe Refresh 2012 on developing applications with PhoneGap.

Presentation at Adobe Refresh 2012 on developing applications with PhoneGap.

Statistics

Views

Total Views
2,976
Views on SlideShare
2,976
Embed Views
0

Actions

Likes
5
Downloads
73
Comments
0

0 Embeds 0

No embeds

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

    Developing with Phonegap - Adobe Refresh 2012 Developing with Phonegap - Adobe Refresh 2012 Presentation Transcript

    • Developing with PhoneGap Building mobile applications with HTML/JSSaturday, March 31, 2012
    • e Power of PhoneGapSaturday, March 31, 2012
    • HTML/JS/CSS for Mobile AppsSaturday, March 31, 2012
    • What’s the benefit of web standards for mobile applications?Saturday, March 31, 2012
    • Marketshare Language 29% Objective C 53% Java 10% Java/ActionScript 3% C#Saturday, March 31, 2012
    • Mobile Web: Marketshare: 100% Language: HTML/JS/CSS Why not write apps that way?Saturday, March 31, 2012
    • e web is awesome: Using web technologies leaves you freeto target any device/os/platform you wantSaturday, March 31, 2012
    • So how does it work?Saturday, March 31, 2012
    • Your CodeSaturday, March 31, 2012
    • Your Code Native Web ViewSaturday, March 31, 2012
    • Your Code Native Web View Native APIsSaturday, March 31, 2012
    • Your Code Native Web View Native APIs Native App - .apk, .ipa, etcSaturday, March 31, 2012
    • PhoneGap provides a JavaScript Library that reaches out into the native APIs. That means anything the device supports is doable.Saturday, March 31, 2012
    • PhoneGap is completely open source and has been submitted to the Apache Foundation.Saturday, March 31, 2012
    • The entire project is available on Github https:// github.com/ cordovaSaturday, March 31, 2012
    • There are multiple ways to “start” with PhoneGap. The project includes command line tools, IDE plugins, and Dreamweaver 5.5 ships with PhoneGap support.Saturday, March 31, 2012
    • - Accelerometer - Camera - Capture - Compass Out of the box, - Connection PhoneGap - Contacts - Device provides support - Events for a number of - - File Geolocation basic device APIs - Media - Network - Notification - StorageSaturday, March 31, 2012
    • For added functionality PhoneGap provides a plug-in mechanism. Includes OS- specific code/ libraries and the JS to use it in PhoneGap Some of the helpful ones: PayPal, Facebook, Push NotificationSaturday, March 31, 2012
    • Camera API exampleSaturday, March 31, 2012
    • Demo: Using PhoneGapSaturday, March 31, 2012
    • DebuggingSaturday, March 31, 2012
    • Debugging these kinds of apps is best done on device.Saturday, March 31, 2012
    • It’s all just HTML/ JS, so you can use your browser! Take advantage of Chrome Developer tools/Firebug to test your app’s UI.Saturday, March 31, 2012
    • But what about Device APIs? Because we’re in the web view, there is no way to do line-by-line debugging.Saturday, March 31, 2012
    • Luckily we have Weinre, which lets us debug and manipulate the DOM from our PCs.Saturday, March 31, 2012
    • Weinre can be configured as a server (there is a Mac application) and uses the developer tools from Chrome to provide hooks into the mobile app.Saturday, March 31, 2012
    • But, a much easier way: http://debug.phonegap.com/Saturday, March 31, 2012
    • Demo: debug.phonegap.comSaturday, March 31, 2012
    • Deploying build.phonegap.comSaturday, March 31, 2012
    • e Problem: You’re building a cross-platform app, but dealing with a lot of native projectsSaturday, March 31, 2012
    • e Solution: PhoneGap Build - a cloud service forcreating binary files for multiple platforms from a single codebaseSaturday, March 31, 2012
    • Saturday, March 31, 2012
    • Build for every platform at once PhoneGap Build creates binaries for all of the major platforms at the same time and in one place.Saturday, March 31, 2012
    • Core part of PhoneGap Build: Work how you want to workSaturday, March 31, 2012
    • Using Git/SVN repositoriesSaturday, March 31, 2012
    • Debugging and TestingSaturday, March 31, 2012
    • Build includes a debugging option that will inject the Weinre JavaScript into the app so it can be remotely debugged using debug.phonegap.comSaturday, March 31, 2012
    • Demo: PhoneGap BuildSaturday, March 31, 2012
    • Demo: PhoneGap in ActionSaturday, March 31, 2012
    • Ryan Stewart Web Developer Evangelist, Adobe ryan@adobe.com blog.digitalbackcountry.com @ryanstewart github.com/ryanstewartSaturday, March 31, 2012