PhoneGap. Andrew Lunny, Adobe. Monday, 23 July, 12

Transcription

1 PhoneGap Andrew Lunny, Adobe

2 Computer Scientist PhoneGap Build Nitobi Software Adobe Systems Author

3 Computer Scientist PhoneGap Build Nitobi Software Apache Cordova Adobe Systems Mostly out of date Author

4 PhoneGap Build build.phonegap.com Six Platforms No SDKs No Problem

5 PhoneGap Build build.phonegap.com Six Platforms No SDKs No Problem (there are still many problems)

6 PhoneGap Build build.phonegap.com Six Platforms No SDKs BETA No Problem (there are still many problems)

7 What is PhoneGap?

8 cross-platform native mobile apps using HTML5

9 cross-platform native mobile apps using HTML5

10 cross-platform native mobile apps using HTML5

11 cross-platform native Objective-C mobile apps Java using HTML5 Android flavor BlackBerry flavor C#

12 cross-platform native mobile apps using HTML5

13 Huh?

14 (native) webview (hybrid) bridge (web) JS APIs

15 (native) webview part of the SDK

16 this is good reduces app size eases dev fits all terms

17 this is bad mixed HTML5 mixed performance annoying bugs

18 framework code mostly native developer code mostly web

19 caveat

20 extra capabilities through plugins usually require native + js

21 (hybrid) bridge provided by PG

22 important string passing (has limitations)

23 the name

24 PhoneGap -> Callback -> Cordova -> PhoneGap

25 Confusion!

26 Apache Cordova cordova.io distributed at phonegap.com

27 High-Level Goals vs reality

28 the web is a first class development platform

29 reality: APIs mostly there UI still a question

30 the purpose of PhoneGap is to cease to exist

31 reality: mobile browsers move slowly

32 APIs docs.phonegap.com

33 basics events device connection notification

34 events $.on( deviceready, function () { // comment startapp() })

35 events $.on( resume, function () { // comment backtowork() })

36 device var platform = device.platform, cdv = device.cordova; alert(cdv + + platform);

37 connection var c = navigator.network.connection. type; if (c == Connection.NONE) { } doofflinestuff();

38 notification navigator.notification.alert( 'You are the winner!', alertdismissed, 'Game Over', 'Done' );

39 sensors accelerometer geolocation compass

40 geolocation navigator.geolocation. getcurrentposition( onsuccess, onerror, { enablehighaccuracy: true } );

41 accelerometer navigator.accelerometer. getcurrentacceleration( onsuccess, onerror );

42 compass navigator.compass. getcurrentheading( onsuccess, onerror, { filter: 5 } );

43 data media file camera contacts

44 media var song = new Media( audio.mp3 ); song.play();

45 file: read/write // not fit for slide // see docs.phonegap.com

46 file: transfer new FileTransfer.upload( /some/file/uri, onsuccess, onerror, options);

47 camera: legacy navigator.camera.getpicture( onsuccess, onfail, { quality: 50, destinationtype: Camera.DestinationType. FILE_URI });

48 capture navigator.device.capture. capturevideo( onsuccess, onerror, { limit: 2 } );

49 contacts var opt = new ContactFindOptions(); opt.filter = "Bob"; navigator.contacts.find( [ displayname, name ], onsuccess, onerror, opt);

50 PhoneGap 2.0

51 2.0: super high-level cordova-js new platforms embeddable CLI tooling

52 cordova-js consistent js well-tested builds by itself!

53 new platforms windows phone 7 bada soon: firefox, tizen

54 embeddable cordova-webview part of your app

55 CLI tooling no more Xcode! create build debug

56 Plugins

57 cross-platform the same JS what we consistent native API want declarative installation documentation

58 what we have

59

60 work on the way pluginstall cordova-plugin-spec github.com/alunny

61 consistent API as of 2.0 (hopefully) docs.phonegap.com

62 Criticisms

63 laggy poor performance

64 best practives use touchstart avoid jquery make small apps

65 clunky developer exp. too many releases

66 we know! CLI tools in 2.0 fixing releases build.phonegap.com

67 inconsistent documentation

68 improving docs.phonegap.com cordova.io no more callback!

69