Getting Started with PhoneGap

Getting Started with PhoneGap Kevin Hoyt Manager, Developer Evangelism Adobe Systems, Inc.

What Gap?

What Gap?Objective C Java Java

What Gap?Objective C Java Java WebKit WebKit WebKit

iPhoneDevCamp 2008

PhoneGap 0.9.3 iPhone Android BlackBerry Symbian PalmGeo LocationVibrationAccelerometer OS 4.7SoundContact Support N/A

Checkpoint #1 Native Application Browser ApplicationWho, what, when, where and why will help solve how.

iPhone • Intel-based Mac OS X (10.6) • XCode and iPhone SDK • Apple iOS device (for testing) • iOS developer certiﬁcate • Latest version of PhoneGap

Android • Eclipse Ganymede (3.4) • Android SDK (r08) • Android Virtual Device (AVD) • Latest version of PhoneGap • Android device (for testing)

Dreamweaver CS5 • Code Intelligence • Split View • Live View • Live Code • Media Queries

“You with me? So let’s do this thing!” - Linguine

Checkpoint #2Display resolution and pixel density both matter.

Closing the Gap<html><head><script src=”phonegap.js”></script><script>function doLoad() { document.addEventListener( ‘deviceready’, doDeviceReady, false );}</script></head><body onLoad=”doLoad();”></body></html>

Geo Locationvar watchID = 0;function doDeviceReady() { watchID = navigator.geolocation.watchPosition( doLocation, onFailure, { frequency: 3000 } );}function doLocation( position ) { alert( Latitude: + position.coords.latitude + n + Longitude: + position.coords.longitude );}

Vibrationfunction doDeviceReady() { // Empty}function doVibrate() { navigator.notification.vibrate( 2000 );}...<a href="#" onClick="doVibrate(); return false;"> Vibrate</a>

Accelerometerfunction doDeviceReady() { navigator.accelerometer.getCurrentAcceleration( doAcceleration, doFailure );}function doAcceleration( acceleration ) { alert( Acceleration X: + acceleration.x + n + Acceleration Y: + acceleration.y + n + Acceleration Z: + acceleration.z + n + Timestamp: + acceleration.timestamp );}

Soundvar media = null;function doDeviceReady() { var media = new Media( rock-guitar.mp3, doComplete, doFailure );}function doMedia() { media.play( 2000 );}...<a href="#" onClick="doMedia(); return false;">Play Sound</a>

Contact Supportfunction doDeviceReady() { var fields = [displayName, names]; var options = new ContactFindOptions( { filter: Bob } ); navigator.service.contacts.find( fields, doResults, onFailure, options );}function doResults( contacts ) { for( var c = 0; c < contacts.length; c++ ) { console.log( Display Name = + contacts[c].displayName ); }}

Checkpoint #3Different devices yield different user expectations.

ResourcesGetting Started PhoneGap Tutorials Documentation ?Eclipse Project My Blog Plugin

Getting Started with PhoneGap Kevin Hoyt Manager, Developer Evangelism Adobe Systems, Inc.

Getting Started with PhoneGap

by Kevin Hoyt

Accessibility

Categories

Upload Details

Usage Rights

1 Embed 1

Statistics

Getting Started with PhoneGap Presentation Transcript