Flash Evolution on Devices (uncondensed)

FLASH

EVOLUTION

ON DEVICES

Sco! Janousek

Tues June 15th, 2010 1:45pm - 3:00 pm

FLASH BELT 2010

Tuesday, June 15, 2010

A!ouncements


FlashBelt 2010

Mobile Guides

IPHONE

Just search for “flashbelt”

ANDROID

Veronique

Bro!ier might

talk about it.


@sco"janousek

#flashbelt_sj


DISCLAIMER:I am NOT a biologist by

profe!ion, but it was

fun trying to map terms

to technology.


Before we start ...

Here’s some terminology

I’" use in this preso.


Species “A”

Flash Lite is an optimized

Flash Player for constrained

Mobile & Devices.


Species “B”

Flash 10.1 is for top

performing (Mobile) Devices

and Desktop


One of a few “Researchers”

and Profe!ionals here

speaking about

Species B (& A), today.


Since there is

overlap of mobile se!ion

materials this year ...

I’" be concentrating on

busine! aspects, awarene!,

te"ing stories, and sharing

ideas during the preso.


A li#le about me ...


Boston-Based,

Company Founder,

Mobile & Device Developer,

Evangelist,

Author & Educator,

(as you can te") Gadget G$k


Early Adopter in the study and

cultivation of Species A.


I have talked a lot about

Species A

Flash Device Presos from 2006 to 2009


B#ks on the

Species A

Foundation Flash for Mobile Devices

(2006, Friends of ED)

%w.flashmobileb&k.com

AdvancED Flash on Devices: Mobile

Development with Flash Lite and Flash

10 (2009, Friends of ED/Apre!)

advancED.flashmobileb&k.com


http://www.flashmobilebook.com


Species A (e.g. Flash Lite Content from circa 2005-2007)

Early Experiments with

Species A


Some Encounters

with Species A in wild

Sample Flash Mobile scr$nsavers, games, a%lications ...


Active Researcher

of Species “B”

ActionScript 3.0 is a welcome change from AS 2.0. :)


Agenda

Welcome to the “Jungle”

Organisms interacting with

Species “A” and “B”

Origin of the Species

Understanding the Species

Creating “f#d” for the Species

Habitats & Ecosystems

Future & Fate of the “Species”


Welcome to the “Jungle”


The rise of Mobile

Device (Lifeforms)

70’s 80’s90’s

Present Day2000

Model courtesy of Kyle Bean h#p://%w.kylebean.co.uk/


http://www.kylebean.co.uk

http://www.kylebean.co.uk

“Organisms” (aka Devices) have changed a lot from the 80’s


http://img01.picoodle.com/img/img01/5/11/13/f_nokiatimelim_4984aad.jpg



In terms of Flash on

Devices ...

In 5 years,

we’ve gone from ...


Stu& like this ...

Nokia NGage Ce"Phone

su'orted Flash Lite 1.1 (my 2nd Flash Lite device)


... to stu& like this.

G&gle Nexus One ru(ing Android 2.2 and su'orting Flash

Player 10.1 (beta) and Mobile AIR (private invitation)


Species A



Mobile & Devices.


A few specimens

of Species A


Species A in the wild

Open Scr$n Funded Project - h#p://%w.openscr$nproject.org


Species Explorer

Overview:

Touchscr$n A%

Flash Lite 3.x a%lication (AS 2.0)

Platform = Nokia S60 (Symbian)

Targets = 5800 & N97

3-4 w$ks project time

Open Scr$n Project Funded

Features:

Geolocation (GPS)

Camera Snapshots & Upload

Data Exchange with Drupal


Species Explorer

Main menu Login Report Browse Details Map


Species B


performing (Mobile) Devices

and Desktop


Adobe Mobile ShowCase

Mobile showcase for in-browser

Flash Player 10.1 (beta)

h#p://m.adobe.com/


http://m.adobe.com

http://m.adobe.com

Experimentation

with Species B


Great to s$ lots

of friends and

co'eagues

experimenting

with Species “B” on

devices ...


Mudbu(le

Animations

Animations from Chris Georgenes with

Flash Player 10.1

on G&gle Nexus One with Android 2.2

h#p://%w.mudbu)le.com/


http://www.mudbubble.com

http://www.mudbubble.com

Ralph's “Milky Ba'”

Ralph Hauwert’s Milky Ba" experiment

ru(ing on G&gle Nexus One with

Flash Player 10.1 and Android

h#p://%w.unitzer&ne.com/blog


http://www.unitzeroone.com/blog


Ralph's “Milky Ba'”

Ralph Hauwert’s Milky Ba" experiment

ru(ing on G&gle Nexus One with

Flash Player 10.1 and Android

h#p://%w.unitzer&ne.com/blog




http://www.unitzeroone.com/blog/2010/05/12/flash-player-10-1-pre-release-on-nexus-one/

http://www.unitzeroone.com/blog/2010/05/12/flash-player-10-1-pre-release-on-nexus-one/

Away3D Lite

h#p://%w.away3d.com/

Rob Bateman : Away3D Lite

ru(ing in AIR on a

G&gle Nexus One


FlashBelt 2010 Guide

Veronique Bro!ier - Flash Belt 2010 Mobile

Guide for Android

h#p://%w.v-ro.com/




FlashBelt 2010 Guide

Veronique Bro!ier - Flash Belt 2010 Mobile

Guide for Android

h#p://%w.v-ro.com/




http://www.youtube.com/watch?v=fLG4uzNfwc4

http://www.youtube.com/watch?v=fLG4uzNfwc4

HYPE on Devices

h#p://%w.hypeframework.org - Brandon Ha" &

Joshua Davis \m/

Simple HYPE demo I made for the litl we)&k - Flash Player 10.x

Music by jónsi


http://www.hypeframework.org


http://jonsi.com/

http://jonsi.com/

HYPE on Devices

h#p://%w.hypeframework.org - Brandon Ha" &

Joshua Davis \m/

Simple HYPE demo I made for the litl we)&k - Flash Player 10.x

Music by jónsi




http://jonsi.com/

http://jonsi.com/

Join the fun ... post your

a' demos*

Tag with:

Flash 10.1 or AIR for

Android

* Flash Player 10.1 in-browser is PUBLIC beta.

AIR for Android is cu*ent Private (invite only)


Organisms

interacting with

Species A & B


Procreators of

Organisms (“OEMS”)


Open Scr$n Project

Singular experience, Multiple devices

Enable consumers to engage with rich Internet experiences

seamle!ly acro! any device, anywhere.


Open Scr$n Project partners span the entire value chain

Chipset vendors > OEMs > Operators > Brands & Content

Providers

Open Scr$n Project

Participants

Over 60 partners ... this is a partial list. :)


Cla)ifications

Feature Phones

Super Phones/SmartPhones

Tablets

PhotoFrames

Portable Media Players

Laptops & NetB&ks, web&ks

TVs & Home Media Devices


Just some of the Flash

devices I have s#n

lately, and think are

compe"ing *

* In no particular order!


Feature Phones


Symbian (S40/S60)

Symbian is an primordial organism that sti" exists

today on feature phones.


There are hundreds of

models of feature

phones, and mi"ions of

devices, worldwide,

that leverage

Species A ...


Super Phones/

Smart Phones


G&gle Nexus One

Android - Flash Player 10.1 and Adobe AIR su'ort


HTC EVO

Android - Flash Player 10.1 and Adobe AIR su'ort


Nokia N900

In Browser Flash “9.4” su'ort.

Nokia has not a(ounced 10.x but it was shown at

Adobe MAX last year on a proto.


BlackBe*y

RIM joined the Adobe Open Scr$n Project in 2009, but

Adobe and RIM are not saying much, lately.


iPhone

Company that makes these does not like Species A,

or B (right now, that is). No Flash Player su'ort.

XTuesday, June 15, 2010

Windows Phone 7

Science has yet to determine that this organism wi"

be populated with Species A or B.


Palm/HP Pre

WebOS - This organism is endangered, but

its progenitor has lot of potential.


Photoframes


Chumby

Chumby One

Original Chumby

This company loves Species A.


Open Peak - Frame

Reported to have a relation with Species B.


SONY Dash

In close contact with Species A


LG Watch

Dick Tracy would be jealous of this watch with Species A.


Flash in Cars ...

Even some cars su'ort in-board Species A for UI.


Portable Media

Players


iRiver

iRiver is probably the best Portable Media Players OEM

using Flash out there. PMPs mostly replaced by mobile.


Sony PSP

Sony PSP su'orted Flash 6, but never drew much

a#ention. Sti" doesn’t. Cla!ified as Species A.


Tablets


iPad

Company that makes this does not like Species A or B, and

sometimes is hostile towards its progenitors.

XTuesday, June 15, 2010

NVIDIA Tegra

Flash 10.1 browser su'ort likely.


J# J#

Su'orting Flash Player 10.1 in the browser.


Open Peak - Tablet

Su'orting Flash 10.x content.


“G” Tablet

If true, then mostly likely Flash 10.1, but how,

where and when TBD.


Kno

Flash 10.1 su'ort (most likely a's and browser)


De' Tablets

Flash 10.1 browser su'ort likely.


Archos

Flash 10.1 browser su'ort likely in future.


AIGO

Flash 10.1 browser su'ort likely ...

Android based device.


Notion Ink

Flash 10.1 browser su'ort a(ounced.


WePad

Flash 10.1 browser su'ort a(ounced.


TVs, Home Media &

Misc Devices


Vizio TVS

Most likely Flash Lite, later 10.1.


a “litl” more

Flash 10.1 su'ort for browser and a's, likely.


G#gle TV

In browser Flash 10.1, likely.


Light Touch

Su'orts Flash Lite for a's.


Nintendo Wii

Su'orts Flash Lite 3.1 in browser (with updates)


webB#ks/

NetB#ks


litl

In browser Flash 10.0 and 10.0 a's.

Expected later this year = 10.1


Origin of the

Species


History is

important, because

it’s sometimes

repeated.


Species Tr$

Rumored beast ca"ed “Pocket PC Flash”

Flash Lite 1.x

Flash Lite 2.x

Flash Lite 3.x

Flash Lite 4.xFlash 10.x


10 years of

i!ovation and

transformation ...


Species

Evolution

Timeline

Device Central CS3 Device Central CS4 Device Central CS5

Flash MX 2004Adobe CS3 Adobe CS4 Adobe CS5

2001 2002 2003 2004 2005 2006 2007 2008 2009 2010

Pocket PC Flash 4

Pocket PC Flash 5

Flash Lite 1.0

Pocket PC Flash 6

Flash Cast

Flash Lite 1.1

Flash Lite 2.0

Pocket PC Flash

Flash Lite 2.1

Flash Lite 3.0

Flash Lite 3.1

Adobe AIR for Android

Flash Player 10.1

iPhone Packager *

Adobe/Macromedia merger

Flash Lite 4.0

* Whole 3.3.1 and Adobe/A"le spat = :(


Rise of the Species on Devices

ERA PERIOD START OF EACH PERIOD Species

Flasherzoic Flashernary 2010 Species B a%ears,

Species A on decline

Flashiary 2009 Species B reported at Adobe

MAX

Flazoic Flataceous 2008 Species A competes

for dominance

Flaura)ic 2007 Rise of Species A

Flasha)ic 2006 Species A proliferates

Flashaleozoic Flashian 2005 Species A invades world

Flarboniferous 2004 First a%earance of Species A

Flashvonian 2003 No record

Flaurian 2002 No record

Flashvician 2001 No record

Flambrian prior to 2000 No record


Understanding

the Species


Family of Species

Flash on Devices


Confe!ion: I’ve b#n

having a lot DEJA-VU

recently ...

I thought it might be

interesting to

reminisce a bit before

talking about recent

events.


Species A



Mobile & Devices.


Mutations of Species A

Flash Lite 4.0

Flash Lite 3.1

Flash Lite 3.0

Flash Lite 2.1

Flash Lite 2.0

Flash Lite 1.1

Flash Lite 1.0


Species A Flash Lite 1.x

Flash Lite 1.0 was basica#y stop(), play(), etc

Flash Lite 1.1 a$ed te#Target() and other ActionScript

Version 1.1 was first to step f%t outside of Japan, publicly

E!entia"y working with “Flash 4/5"

Development = ActionScript “0.5”

Features:


NTT DoCoMo N505i su'orted Flash Lite 1.0

(Japanese market) ... around 2003

1st evidence of Species AFlash Lite 1.0


Nokia 3250 su'orted Flash Lite 1.1 (Europe)

... around 2004-2005

Subsequent Species AFlash Lite 1.1


Migratory Paths of

Species A

Epicenter

* You somewhere around here.

*


Species ASkeletal System of Flash Lite 1.x

NOTE: Mutations within species may di+er slightly.

This is Flash Lite 1.1.


Species AFlash Lite 1.x Anatomy

ActionScript code on timeline, except for

library functions inside movie clips


Species A - LanguageFlash Lite 1.1 & ActionScript “0.5”


Species AFlash Lite 2.x

E!entia"y working with “Flash7"

Development = ActionScript 2.0

A,ed Features Such as:

XML

MSO (Mobile Shared Objects)

Drawing API

Device Sound and Video (3GP/MP4,others)

Dynamic Media (images), mimetype su'ort


Species A - LanguageFlash Lite 2.x & ActionScript 2.0




This is Flash Lite 2.x.


Species A Flash Lite 3.x

Flash 9 (AS2 only) su"ort

Improved Web Browsing, 91% of top 500 internet sites.

Local Co&ection / HTML Text / GetURL _target / CSS / WMode

H.264 su"ort * / Improved video su"ort (sm%thing, s'k)

Improved memory handling for images

MP3 Streaming su"ort **

Linux Reference port

* Requires OEM porting to chipset.

** Requires licensing from MPEG.

E!entia"y working with “Flash 8"


Features:




This is Flash Lite 3.x.


Species A - LanguageFlash Lite 3.x & ActionScript 2.0


Matings ca"s of Species Aaka Flash Lite 1.x/2.x APIs

fsco+and2( “fu'scr$n”, true );

fsco+and2( “setQuality”, “high” );

etc.

You can check out: %w.flashmobileb&k.com if

you’re interested in legacy APIs.




Species AFlash Lite 4.0

AS 3.0 su'ort


Meant for OEMs to use

You probably don’t care ... ;)


Species A is g#d at:

Standalone A's & Games

User Interfaces

Animations & Rich Media

Wa"papers & Scr$nsavers


Leading Scientists who

studied Species A

Adobe MAX circa 2007 or 2008 -

“If a bomb blew up here Flash Lite would be in trouble”


Species A is sti'

wri"en about ...


Bi-est Cha"enges

dealing with “A”

Proce)ing Power

Available Memory

Scr$n Size

Fragmentation

Bandwidth & Co!ectivity

Distribution & Deployment

Monetization

NO PREMIER/“TRENDY” DEVICE!


Species B


performing Mobile Devices

Netb#ks, Tablets, and

Desktop


Mutations of Species B

Researchers have found

none thus far ...


Recent Sightings of Species B

* You are around here.

*


Species BFlash Player 10.1

Enhanced Performance

(87% on rendering*)

Reduced Memory

Consumption (55%

improvement*)

Multitouch & Gestures

A(elerometer su"ort

Adobe likes to ca' it “Fu'” Flash Player

1st Target = Android Devices

Features (over Flash Lite):

Scr'n Orientation su"ort

Mobile Input Models

H.264 Video & HW a(eleration

ActionScript 3

Out of memory management

Sl'p Mode

Optimized SWF management

(has Priority)


In-browser

Flash 10.1


Out-of-Browser

Flash 10.1


Species B - LanguageActionScript 3.0


New APIs

Now with Flash Player 10.1 and AS 3.0

Geolocation

Multi-touch & Gestures

A.elerometer

Scr$n orientation

and more ...


Location


Multi-Touch

Check out L$ Brimelow’s se!ion on multitouch here

at Flash Belt 2010 (recorded?)


Multi-Touch API

Flash 10.1 AS3 Multi-touch Cla!

flash.ui.MultitouchinputMode : String

MultitouchInputMode.NONE – behaves like mouse inputMultitouchInputMode.TOUCH_POINTMultitouchInputMode.GESTURE

maxTouchPoints : intsupportsTouchEvents : BooleansupportsGestureEvents : BooleansupportedGestures : Vector.<String>


Multi-Touch

Event Types

flash.events.TouchEventflash.events.GestureEventflash.events.TransformGestureEventflash.events.PressAndTapGestureEvent


Multi-Touch

Touch Events

TOUCH_BEGINTOUCH_ENDTOUCH_MOVETOUCH_OUTTOUCH_OVERTOUCH_ROLL_OUTTOUCH_ROLL_OVERTOUCH_TAP

isPrimaryTouchPoint : BooleanlocalX : NumberlocalY : Numberpressure : Number (0.0-1.0)sizeX : NumbersizeY : NumbertouchPointID : int


Gestures


Multi-Touch

Gestures

GestureEvent.GESTURE_TWO_FINGER_TAPTransformGestureEvent.GESTURE_PANTransformGestureEvent.GESTURE_ROTATETransformGestureEvent.GESTURE_SWIPETransformGestureEvent.GESTURE_ZOOMPressAndTapGestureEvent.GESTURE_PRESS_AND_TAP


A,elerometer

Detect a.eleration on x, y, z axis (if device su'orts it)


A,elerometer API

Flash 10.1 AS3 A.elerometer Cla!

flash.sensors.Accelerometer

isSupported : Booleanmuted : Boolean

status– code (eg "Accelerometer.Muted")

update– timestamp (milliseconds): timestamp of the Accelerometer update.– accelerationX: acceleration values in Gs (9.8m/sec/sec)


Orientation

Detects when scr$n is fli'ed into

landscape, or portrait mode (if su'orted)

Flash 10.1 Stage Orientation


Some organisms

su%orting Species B

G&gle Nexus One (HTC) Motorola DROID


Organisms that

shun Species B

A'le iOS Devices

XXTuesday, June 15, 2010

Some researchers

studying Species B ...

Flash Belt 2010

Take

Photo


Bi-est Cha'enges

for Species “B”

Available Proce)or Power

Memory Considerations

Fragmentation

Distribution & Deployment

Monetization


Creating f#d for

the Species


Life Begins ...


“Modern Primate”

Adobe Flash CS5


Flash Platform

Ecology

Tools to Design & Develop

Adobe Flash CS4 Professional

Adobe Flash Builder

Framework

Adobe Flex

Clients

Adobe Flash Player

Adobe AIR

Servers

Adobe Flash Media Server

Family

BlazeDS Data Services

Adobe Flash Catalyst

Species A & B

live here.


Flash Device

Platform Ecology

Flash Lite for Digital Home *

Adobe Mobile Products & Services

Adobe Creative Suite 5

Flash CS5

Device Central CS5

T!lsRuntimes

Flash Lite 1.x/2.x/

3.x/4.x

Flash 10.1

DEVICES


Periodic Wh$l of CS5


Creation Proce)

Adobe

PhotoshopAdobe

Fireworks

Adobe

I'ustrator

Adobe

Flash


Workflow

Design

Develop

Test

Deploy


Design


Develop


Flash CS5


Test

Adobe Device

Central


Packaging

.SWF ... unpackaged

.APK ... Android

.IPA ... iPhone

.NFL ... Nokia S40

.SIS ... Symbian

.CAB ... Windows Mobile

.WGZ ... Nokia widgets

and more

apk, and all the rest.


Deploy some Species B


Ecosystems


Pros for Species

User Interface

/Personalization

Browser “A"s”

(Games, Social Media,

Financial, etc)

Data Services


anatomy of an a%

Marketing

Branding

DEVELOPING

Designing

Quality A!urance

Testing

Distribution

Monetization

and more ...


a%s


...even more a%s


a% f#d chain

UsersSpecies A or B

Creativity

I!ovation

F$ds

F$ds

Eat


Reality *

Species A (Paying Projects) in Last Month

# of Species B (Paying Projects)

3

1

* Your mileage may vary.


Some

Species Habitats


Flash Lite

Nokia

OVI

Store

Samsung A"

Store

Nokia OVI Store - h)p://*w.ovi.com/LG A"

Store

Sony

Eric!on

Play Now

Qualco+

BREW


Chumby Portal

h)p://*w.chumby.com/widgets


http://www.chumby.com/widgets

http://www.chumby.com/widgets

1st Habitat for

Flash 10.1

Android Marketplace

(likely at end of year)


Future Habitats for Species B on Mobile Devices

Windows Mobile Marketplace*

BlackBe,y A"World *

A"le iPhone A"Store Palm A" Catalog *

X* TBD


“You can be a

big fish in a

sma" pond, or a sma"

fish in a big pond.”


Future & Fate

of the Species

ca'ed Flash


"Predictions can

be very di-icult—

especia#y about

the future.”

- Niels Bohr


HTML5 and Flash


HTML5 is DOOM *

* After you go through *hundreds* of insta" instructions


Flash is like Quake!

It just works in your browser (if it su'orts Flash).


Doesn’t l#k like

a “Hypercard” a%

to me!


Darwinism“Survival of the Fi)est”

Native Flashand

Flash HTML5and

HTML5 Nativeand


Po)ible Outcomes

for Species

Flash

(on Devices)


Outcome in 4 Years95% chance species B wi" Proliferate

Species A wi" eventua"y die out.


Outro


B#k Giveaway


Linkage

flashmobile.sco#janousek.com

advancED.flashmobileb&k.com

%w.adobe.com/mobile

%w.biskero.org

%w.flashmobileblog.com

%w.theflashblog.com

%w.openscr$nproject.org




http://www.adobe.com/mobile

http://www.adobe.com/mobile

http://www.biskero.org

http://www.biskero.org

http://www.flashmobileblog.com




http://www.openscreenproject.org

http://www.openscreenproject.org

Next up in this r&m ...

Using AIR Technology for Mobile Devices

(Veronique Bro#ier)

If you are familiar with the ActionScript language

and interested in creating portable a'lications,

this se!ion wi" help you through some of the

specifics and hurdles of developing for mobiles

devices.

Many tips and techniques wi" be covered. To name a

few: Touch and Gesture events, scr$n orientation,

geolocation, a.elerometer, vector versus bitmaps,

saving and retrieving data on the device, optimizing

animation and scro"ing, device resolution, text,

debu-ing, architecture for one scr$n at a time and

breadcrumb navigation.

And there wi" be a surprise t&.


Contact Info

sco#@sco#janousek.com

twi#er: sco#janousek

sco#janousek@h&kenmobile.com

twi#er: h&kenmobile


mailto:[email protected]






Fin
