FLASHon Mobile and Devices

Thursday, May 13th, 9:00 am - 5:00 pm FATC Workshop

Next Generation “Flash Mobilers”

FATC 2010 - Flash Mobile Developers (YOU!)

Introductions

Today’s Schedule

Time Speaker Topic

9:00 am - 10:15 am Scott Janousek Flash Development on Mobile and Devices (Overview)

10:30 am - 11:45 am Max Antinori Using Device APIs with Flash CS5 and Device Central (Hands-on)

12:00 pm - 1:45 pm Lunch (not catered)Lunch (not catered)

2:00 pm - 3:15 pm Veronique Brossier Tips for Mobile Development with AIR (Overview)

3:30 pm - 5:00 pmChuck Freedman & Kathryn Rotondo

A litl SDK for Flash and Flex (Hands-on)

Scott Janousek

9:00 am - 10:15 amFlash Development

on Mobile and Devices

Max Antinori

10:30 am - 11:45 am Using Device APIs with Flash

and Adobe Device Central(Hands-on)

12:00 pm - 1:45 pmLUNCH

Lunch

Veronique Brossier

2:00 pm - 3:15 pmTips for Mobile Development using

Adobe AIR

Chuck Freedman & Kathryn Rotondo

3:30 pm - 5:00 pmA litl SDK for Flash and Flex

(Hands-on)

FATC Sessions on Mobile

Development on Multiple Devices Weyert De Boer Fri, May 14th 11:00 am - 11:50 am

Devices with Flash Panel - Lee Brimelow, Thomas Joos, Scott Janousek Moderator: Chuck Freedman Sat, May 15th 3:00 pm - 3:50 pm

Brass Monkey - Seriously Fun Control Mr. Chris Allen Sun, May 16th, 4:00 pm - 4:50 pm

Flash Professionals?

Designers?

Developers?

Mobile (or Device) Developers?

Flash Lite or Flash Mobile devs?

Audience Polling

FLASH DEVELOPMENTON MOBILE AND

DEVICESwith Scott Janousek

Kick’inOld Sckool

1st Flash Mobile App

My First Mobile Application

Mobile Conference Guide

FITC 2005 (Flash Conference in Toronto)

Flash Lite 1.1 (UI) + MySQL + PHP (backend)

How many people used? 5 out of 500 = 1%

No “App Stores” then (circa 2005)Flash Lite 1.1 Mobile Guide

Early Experiments (Flash Lite)

Flash Mobile circa 2007

Adobe MAX 2007 (?) - Flash Mobile Developers (Hard Core Flash Lite adopters)

Books

Foundation Flash for Mobile Devices (2006, Friends of ED)

www.!ashmobilebook.com

AdvancED Flash on Devices: Mobile Development with Flash Lite and Flash 10 (2009, Friends of ED/Apress)

advancED.!ashmobilebook.com

Preso history (2005 - 2009)

http://www.slideshare.net/scottjanousek

Newer Flash Experiences

Sample Flash Mobile screensavers, games, applications ...

Mobile & Device

Landscape

Have an iPhone?

Have a Nokia?

Have an Android device? BlackBerry?

Have OTHER portable and mobile devices?

How many people have > 1 mobile device?

What’s in your pocket?

Mobile Terminology

OEMs = Original Equipment Manufacturers

Carriers/Operators = Phone companies

Content = (Mobile) “Apps”, games, other media

Gardens (open/closed) = Content Ecosystems

Fragmentation = inconsistencies across devices, platforms, software, etc.

Handsets = SmartPhones/Mobile Phones

App = (Mobile) Software Application

Emulators = Mobile Testing Software

Target(s) = Devices and/or platforms you work under

Mobile Ecosystem Chain

Handset and Device Manufacturers (OEMs)Design, and construct the devices and handsets

OperatorsDistribute content, manage service for subscribers

AggregatorsCollect content and distribute it (via operators)

SubscribersPurchase handsets, make calls, access data, etc.

Content Providers/DevelopersCreate mobile content (games, applications, etc)

Product /Service CompaniesAdobe for instance

Mobile Computing Devices

NetBooks and UMPC type devices

PDAs and Mobile Internet Devices (MIDs = Nokia N810)

Portable Media Players (PMPs = iPod Touch, iRiver, etc)

Feature Phones (aka “Cell Phones”)

SmartPhones (e.g. iPhone)

“SuperPhones” (e.g. Google Nexus One)

Tablets (iPad, Google Tablet*, HP Tablet )

Mobile & Device

PlatformWars

Native vs. Web

vs.

Native

Web

“White Elephant in the Room”

Adobe and Apple

3.3.1

3.3.1 — Applications may only use Documented APIs in the manner prescribed by Apple and must not use or call any private APIs. Applications must be originally written in Objective-C, C, C++, or JavaScript as executed by the iPhone OS WebKit engine, and only code written in C, C++, and Objective-C may compile and directly link against the Documented APIs (e.g., Applications that link to Documented APIs through an intermediary translation or compatibility layer or tool are prohibited).

Steve’s Opinions on Flash

“Smoke Screen”?

Open vs. Closed Ecosystems

Mobile & Device

Landscape

Pre-iPhone Era

iPhone Era (“App for that”)

Lots of OEMS making devices

Android

iPhone

RIM/BlackBerry

Windows Phone 7 *

* “Holiday 2010” estimated launch

webOS

Symbian

Mobile App Ecosystems

Windows Mobile Marketplace* Nokia OVI Store

BlackBerry AppWorld

Apple iPhone AppStore

Palm App Catalog Android Marketplace

Flash Device-ology

“Flash Brings the Web to Life”

Flash Desktop Experiences

Widgets !Advertising"

Video"

Consumer"Tools"

Social"Apps"

Business"Apps"

Games"

Flash is Pervasive

of Internet-enabled PC’s in the world run Flash

of Alexa top 100 websites are using Flash

of all video on the web

is Flash

87% of Internet connected PCs worldwide have installed

Flash Player 10

200 million AIRinstalls and growing

MultiScreen Experiences

Web content & applications Standalone Applications

Some Target Markets

Portables& Mobile Non-Portables Embedded

Flash Evolution on Devices

Device Central CS3 Device Central CS4 Device Central CS5Flash MX 2004 Adobe CS3 Adobe CS4 Adobe CS5

2001 2002 2003 2004 2005 2006 2007 2008 2009 2010

Pock

et PC

Flash

4

Pock

et PC

Flash

5

Flash

Lite

1.0

Pock

et PC

Flash

6

Flash

Cast

Flash

Lite

1.1

Flash

Lite

2.0

Pock

et PC

Flash

7

Flash

Lite

2.1

Flash

Lite

3.0

Flash

Lite

3.1

Adobe

AIR

for A

ndro

id

Flash

Playe

r 10.1

iPhon

e Pac

kage

r *

Adob

e/Mac

romed

ia merg

er

Flash

Lite

4.0

2001-2010

* Whole 3.3.1 and Adobe/Apple spat = :(

Adobe MAX 2009

Adobe’s Device Philosophy

Adobe likes to say “Write Once, Run Everywhere ...

to me, it’s more Write Once, (tweak) Deploy To

Many.”

Open Screen Project

Singular experience, Multiple devicesEnable consumers to engage with rich Internet experiences seamlessly across any device, anywhere.

Open Screen Project

Open Screen Project partners span the entire value chainChipset vendors > OEMs > Operators > Brands & Content Providers

OSP Partners

Flash on Devices

Classi"cations

Portables Non-Portables

“Super Phones”

Google Nexus One (Android)

Palm Pre (webOS)

Motorola DROID (Android)

... and more

Google Nexus One

Android (Motorola DROID)

webOS (Palm Pre)

Tablets

JooJoo (Browser support)

Dell Tablet

Google Tablet (Android = AIR & Browser)

HP Slate (Probably retooled for webOS)

... and more

The JooJoo

NVIDIA Tegra

HP Slate

Dell Tablet

“G-Tablet”

Is this the G-Tablet Prototype?

Web 2.0 Conference 2010 (San Francisco)

Other recent Flash Devices

litl

Chumby, Sony Dash, Open Peak

QNX Car (still evolving, it’s a “kit”)

Vizio Internet TV, Boxee

Light Touch

... and more

litl

Chumby

Sony DASH

QNX Car

Vizio Internet TVs

Open Peak

Boxee

Light Touch

Flash Device “Verticals”

User Interface/Personalization

Web Applications(Games, Social Media,

Financial, etc)

Data Services

Flash Mobile/Device Platform

Flash Lite for Digital Home *

Adobe Mobile Products & Services

Adobe Creative Suite 5 Flash CS5

Device Central CS5

ToolsRuntimesFlash Lite 1.x/2.x/3.x/4.x

Flash 10.1

* For OEMs only

DEVICES19 out of 20 OEMs supporting Flash

The Flash Platform

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

Flash Runtimes

Flash on Devices (Basics)

.swf = Flash Content

.!v = Flash Video

Flash Lite 1.x/2.x/3.x/4.x

Flash 10.1

Supported Device Platforms = Dozens of OEMS

.SWF

Packaging Flash Device Content

.SWF

.APK (Android)

.IPA (iPhone)

.NFL (Nokia S40)

.SIS (S60)

.CAB (Windows Mobile)

.WGZ (Nokia widgets)

... and more

Flash Device Player Evolution

2010 - 201x ... Flash 10.1 & Flash Lite 4

2008 - 2010 ... Flash Lite 3.x

2006 - 2007 ... Flash Lite 2.x

2004 - 2005 ... Flash Lite 1.x

< 2004 ... Pocket PC Flash era

Flash Lite vs. Flash 10.1

Flash Lite is an optimized Flash Player for Mobile & Devices (1.x/2.x/3.x)

Flash 10.1 (coming soon) is for top-tier Mobile and other Devices

Flash Lite 3.x

Improved Web Browsing, 91% of top 500 internet sites.Flash 9 (AS2 only) supportLocal Connection / HTML Text / GetURL_target / CSS support / WModeH.264 support * / Improved video support (smoothing, seek)Improved memory handling for imagesMP3 Streaming support **Linux Reference port

* Requires OEM porting to chipset. ** Requires licensing from MPEG.

Essentially working with “Flash 8"

Development = ActionScript 2.0

Features over Flash Lite 3.0

Flash Lite 4.0

AS 3.0 support

Development = ActionScript 3.0

Meant for OEMs to use

Flash 10.1

Enhanced Performance (87% on rendering*)

Reduced Memory Consumption (55% improvement*)Multitouch Gesture supportAccelerometer support

Adobe likes to call it “Full” Flash Player

1st Targets = webOS, Android

Features (over Flash Lite)Screen Orientation supportMobile Input ModelsHTTP Streaming supportActionScript 3 support!

Supported 10.1 Platforms

Flash 10.1 is expected in 2010

First (Mobile) Device Platforms to adopt:

webOS

Android

... other OEMS soon (e.g. RIM)

Device APIs

Old Device APIs (Flash Lite)

fscommand2( “fullscreen”, true );

fscommand2( “setQuality”, “high” );

etc.

New Device APIs (AS 3.0)

Now with Flash Player 10.1 and AS 3.0

Geolocation

Multitouch

Accelerometer

Screen orientation

and more ...

In Browser (Flash Player)

In/Out of Browser (Flex)

Adobe Flex for Mobile = Code Name “Slider”

3rd party product

Out of Browser (AIR)

Google i/o Conference

Public Betas likely?

AdobeTooling

Creation Tooling

Adobe Photoshop

Adobe Fireworks

Adobe Illustrator

Adobe Flash

Typical Work!ow

Design

Develop

Test

Deploy

Adobe Flash

Adobe Device Central

Adobe Device Central

Adobe Device Central

Flash Builder

Outro

Mobile Monday Brooklyn

AdvancED: Flash on Devices

books?

scott@scottjanousek.comtwitter: scottjanousek

scottjanousek@hookenmobile.comtwitter: hookenmobile

Contact Info

!ashmobile.scottjanousek.com

advancED.!ashmobilebook.com

www.adobe.com/mobile

www.adobe.com/go/4it

www.!ashmobileblog.com

www.openscreenproject.org

Links

15 min break, then ...

MAX ANTINORI

Next Up