Flash Platform for Devices

19
© 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Condential. SERGE JESPERS SR. PLATFORM EVANGELIST [email protected] http://www.webkitchen.be @sjespers The Flash Platform on devices

Transcript of Flash Platform for Devices

Page 1: Flash Platform for Devices

© 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Con!dential.

SERGE JESPERSSR. PLATFORM EVANGELIST

[email protected]://www.webkitchen.be@sjespers

The Flash Platformon devices

Page 2: Flash Platform for Devices

© 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Con!dential.

Web content & applications Standalone applications(Inside the browser) (Outside the browser)

Areas of Focus

Page 3: Flash Platform for Devices

© 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Con!dential.

Page 4: Flash Platform for Devices

© 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Con!dential.

Page 5: Flash Platform for Devices

© 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Con!dential.

Fastest path to great experiences everywhere

Page 6: Flash Platform for Devices

© 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Con!dential.

Flash Player 10.1 - Update

§ Delivered: June 2010

§ Available: at Adobe.com and the Android Market

§ "e only consistent browser-based runtime for connected devices

§ Targeting desktops, mobile phones, netbooks, tablets, and the Digital Home

Page 7: Flash Platform for Devices

© 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Con!dential.

§ Brings full Flash Player feature set to devices

§ New Features:

§ Multi-touch & gestures (not on Android)

§ Accelerometer

§ Screen orientation

§ Mobile text input

§ Device capabilities discovery

§ Globalization support (GSLib)

§ Mobile se#ings manager

§ Global error handling

§ Optimized SWF management for mobile

§ Sleep mode

Flash Player 10.1

Page 8: Flash Platform for Devices

© 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Con!dential.

Adobe AIR for smartphones (and tablets)

§ Adobe AIR allows developers to build standalone applications using Flash technology

§ Android available now, Google and RIM support AIR

§ First mobile operating system to be supported is Android

§ Provides Flash developers access to app stores

Page 9: Flash Platform for Devices

© 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Con!dential.

§ Includes Flash Player 10.1 feature set

§ Additional Features:

§ Multi-touch & gestures

§ Geolocation

§ cut/copy/paste

§ tel:, mailto:, maps:, video:

§ Camera

§ Microphone

§ StageWebView

§ Device Debugger

§ cacheAsBitmapMatrix

AIR 2.5

Page 10: Flash Platform for Devices

© 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Con!dential.

Creating an Android App: Setup

Get the Android SDK: h#p://developer.android.com/sdk Allows you to create and install apps on your device

§ Android - SDK Manager to install packages etc.

§ ADB – Android Device Debugger installs apps on your device

§ DDMS - Dalvik Debug Monitor for desktop simulation.

Join the AIR Prerelease: h#p://labs.adobe.com/technologies/air/

§ Get AIR for Android runtime .apk installed

§ Get the AIR for Android Extension for Flash CS5

§ Get Flash Builder Burrito

Page 11: Flash Platform for Devices

© 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Con!dential.

Flash CS5 AIR for Android Extension

Create, install and launch an .apk using Flash Professional CS5

.apk

Page 12: Flash Platform for Devices

© 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Con!dential.

Flash Builder “Burrito”

Create, install and launch an .apk using Flash Builder Burrito

.apk

Page 13: Flash Platform for Devices

© 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Con!dential.

AIR Packaging & Distribution Work$ow

.air

.exe .apk

native code and distribution

.dmg .deb .ipa

Page 14: Flash Platform for Devices

© 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Con!dential.

Let’s look at some code!

Page 15: Flash Platform for Devices

© 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Con!dential.

Geolocation

import $ash.sensors.Geolocation;

var geo:Geolocation;if (Geolocation.isSupported) {            geo = new Geolocation();            geo.addEventListener(GeolocationEvent.UPDATE, updateHandler);            geo.setRequestedUpdateInterval(10000);}

function updateHandler(e:GeolocationEvent):void{ e.latitude; e.longitude; e.speed;

// and more...}

Page 16: Flash Platform for Devices

© 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Con!dential.

Accelerometer

import $ash.sensors.Accelerometer;import $ash.events.AccelerometerEvent;

if (Accelerometer.isSupported){ var accel:Accelerometer = new Accelerometer(); accel.addEventListener(AccelerometerEvent.UPDATE, updateHandler);}

function updateHandler(e:AccelerometerEvent):void{ e.accelerationX; e.accelerationY; e.accelerationZ;}

Page 17: Flash Platform for Devices

© 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Con!dential.

Gestures

import $ash.events.TransformGestureEvent;

cell.addEventListener(TransformGestureEvent.GESTURE_ZOOM, onZoom);function onZoom(e:TransformGestureEvent):void{ cell.scaleX *= e.scaleX; cell.scaleY = cell.scaleX;}cell.addEventListener(TransformGestureEvent.GESTURE_ROTATE, onRotate);

function onRotate(e:TransformGestureEvent):void{ cell.rotation += e.rotation;}

Page 18: Flash Platform for Devices

© 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Con!dential.

Challenges: Performance of the SDK, Different screen sizes and densities.

Solution: Hero - is the Flex 4 Framework

§ Optimizes both the performance and user experience

§ New mobile development capabilities:

§Managing application “screens”

§Resolution-independent layout

§ New user interface components designed for mobile form factors

Flex on Mobile?

Page 19: Flash Platform for Devices

© 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Con!dential.