flash development on mobile and devic
DESCRIPTION
TRANSCRIPT
REQUIREMENTS FOR HANDS-ON:
Flash CS5, Flash Builder CS5, Adobe Device Central
WE HAVE CS5 TRIALS ON DVD
Do you have Adobe CS5?
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!)
SNAP PHOTO!
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
OSP creation date?
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
add bullet points about device?
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
photoshop for mobile ... other products and services???* 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?
!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
