FLASH
          on 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
                                       ...
Scott Janousek


 9:00 am - 10:15 am
  Flash Development
on Mobile and Devices
Max Antinori


   10:30 am - 11:45 am
Using Device APIs with Flash
 and Adobe Device Central
        (Hands-on)
Lunch



12:00 pm - 1:45 pm
      LUNCH
Veronique Brossier


        2:00 pm - 3:15 pm
Tips for Mobile Development using
            Adobe AIR
Chuck Freedman & Kathryn Rotondo



        3:30 pm - 5:00 pm
   A 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 Fl...
Audience Polling


Flash Professionals?
Designers?
Developers?
Mobile (or Device) Developers?
Flash Lite or Flash Mobile d...
FLASH DEVELOPMENT
  ON MOBILE AND
      DEVICES
     with Scott Janousek
Kick’in
Old Sckool
1st Flash Mobile App

My First Mobile Application

Mobile Conference Guide

FITC 2005 (Flash Conference in Toronto)

Flash...
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: Mobil...
Preso history (2005 - 2009)




     http://www.slideshare.net/scottjanousek
Newer Flash Experiences




   Sample Flash Mobile screensavers, games, applications ...
Mobile &
  Device
Landscape
What’s in your pocket?


Have an iPhone?

Have a Nokia?

Have an Android device? BlackBerry?

Have OTHER portable and mobi...
Mobile Terminology
              OEMs = Original Equipment Manufacturers

                Carriers/Operators = Phone compa...
Mobile Ecosystem Chain

Handset and Device Manufacturers (OEMs)
  Design, and construct the devices and handsets
Operators...
Mobile Computing Devices

NetBooks and UMPC type devices

PDAs and Mobile Internet Devices (MIDs = Nokia N810)

Portable M...
Mobile &
 Device
Platform
  Wars
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 pr...
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




 Apple iPhone AppStore   Windows Mobile Marketplace*    Nokia OVI Store




                    ...
Flash
Device-ology
“Flash Brings the Web to Life”
Flash Desktop Experiences



 Widgets!      Consumer"   Business"
Advertising"     Tools"     Apps"




                  ...
Flash is Pervasive




of Internet-enabled PC’s in the    of Alexa top 100 websites are          of all video
        worl...
MultiScreen Experiences

Web content & applications   Standalone Applications
Some Target Markets


Portables
            Non-Portables   Embedded
& Mobile
Po




                                                                   2001
                                           ...
Adobe MAX 2009
Adobe’s Device Philosophy


  Adobe likes to say “Write
  Once, Run Everywhere ...
   to me, it’s more Write
  Once, (twea...
Open Screen Project




  Singular experience, Multiple devices
Enable consumers to engage with rich Internet experiences ...
Open Screen Project




    Open Screen Project partners span the entire value chain
Chipset vendors > OEMs > Operators > ...
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 web...
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, Bo...
litl
Chumby
Sony DASH
QNX Car
Vizio Internet TVs
Open Peak
Boxee
Light Touch
Flash Device “Verticals”




 User Interface    Web       Applications
                                                 Da...
Flash Mobile/Device Platform

                                       DEVICES
                         19 out of 20 OEMs su...
The Flash Platform




         Tools to Design & Develop             Framework         Clients                   Servers
...
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 ...
.SWF
Packaging Flash Device Content

              .SWF
          .APK (Android)
           .IPA (iPhone)
         .NFL (Nokia ...
Flash Device Player Evolution


 2010 - 201x ... Flash 10.1 & Flash Lite 4
 2008 - 2010 ... Flash Lite 3.x
 2006 - 2007 .....
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 (comi...
Flash Lite 3.x

Essentially working with “Flash 8"
Development = ActionScript 2.0
Features over Flash Lite 3.0
  Improved ...
Flash Lite 4.0


AS 3.0 support
Development = ActionScript 3.0
Meant for OEMs to use
Flash 10.1

Adobe likes to call it “Full” Flash Player
1st Targets = webOS, Android
Features (over Flash Lite)
   Enhanced...
Supported 10.1 Platforms


Flash 10.1 is expected in 2010
First (Mobile) Device Platforms to adopt:
   webOS
   Android
.....
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 or...
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?
Adobe
Tooling
Creation Tooling




  Adobe         Adobe        Adobe     Adobe
Photoshop    Illustrator   Fireworks    Flash
Typical Work ow




                            Deploy

                     Test


           Develop

Design
Adobe Flash
Adobe Device Central




     Adobe Device Central
Adobe Device Central
Flash Builder
Outro
Mobile Monday Brooklyn
AdvancED: Flash on Devices


          books?
Contact Info

          scott@scottjanousek.com
             twitter: scottjanousek

  scottjanousek@hookenmobile.com
    ...
Links

 ashmobile.scottjanousek.com
advancED. ashmobilebook.com
   www.adobe.com/mobile
   www.adobe.com/go/4it
  www. ash...
Next Up



15 min break, then ...
  MAX ANTINORI
Flash Development on Mobile and Devices
Flash Development on Mobile and Devices
Upcoming SlideShare
Loading in...5
×

Flash Development on Mobile and Devices

4,947

Published on

Flash Development on Mobile and Devices
Part of the Flash and the City workshop
May 13th, 2010
www.flashandthecity.com

More info:
http://blog.flashandthecity.com/schedule/2010-sessions/workshops/mobile-and-devices/

Flash Development on Mobile and Devices

  1. 1. FLASH on Mobile and Devices Thursday, May 13th, 9:00 am - 5:00 pm FATC Workshop
  2. 2. Next Generation “Flash Mobilers” FATC 2010 - Flash Mobile Developers (YOU!)
  3. 3. Introductions
  4. 4. Today’s Schedule Time Speaker Topic Flash Development on 9:00 am - 10:15 am Scott Janousek Mobile and Devices (Overview) Using Device APIs with Flash CS5 10:30 am - 11:45 am Max Antinori and Device Central (Hands-on) 12:00 pm - 1:45 pm Lunch (not catered) Tips for Mobile Development 2:00 pm - 3:15 pm Veronique Brossier with AIR (Overview) Chuck Freedman & A litl SDK for Flash and Flex 3:30 pm - 5:00 pm Kathryn Rotondo (Hands-on)
  5. 5. Scott Janousek 9:00 am - 10:15 am Flash Development on Mobile and Devices
  6. 6. Max Antinori 10:30 am - 11:45 am Using Device APIs with Flash and Adobe Device Central (Hands-on)
  7. 7. Lunch 12:00 pm - 1:45 pm LUNCH
  8. 8. Veronique Brossier 2:00 pm - 3:15 pm Tips for Mobile Development using Adobe AIR
  9. 9. Chuck Freedman & Kathryn Rotondo 3:30 pm - 5:00 pm A litl SDK for Flash and Flex (Hands-on)
  10. 10. 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
  11. 11. Audience Polling Flash Professionals? Designers? Developers? Mobile (or Device) Developers? Flash Lite or Flash Mobile devs?
  12. 12. FLASH DEVELOPMENT ON MOBILE AND DEVICES with Scott Janousek
  13. 13. Kick’in Old Sckool
  14. 14. 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% Flash Lite 1.1 Mobile Guide No “App Stores” then (circa 2005)
  15. 15. Early Experiments (Flash Lite)
  16. 16. Flash Mobile circa 2007 Adobe MAX 2007 (?) - Flash Mobile Developers (Hard Core Flash Lite adopters)
  17. 17. 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
  18. 18. Preso history (2005 - 2009) http://www.slideshare.net/scottjanousek
  19. 19. Newer Flash Experiences Sample Flash Mobile screensavers, games, applications ...
  20. 20. Mobile & Device Landscape
  21. 21. What’s in your pocket? Have an iPhone? Have a Nokia? Have an Android device? BlackBerry? Have OTHER portable and mobile devices? How many people have > 1 mobile device?
  22. 22. 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
  23. 23. Mobile Ecosystem Chain Handset and Device Manufacturers (OEMs) Design, and construct the devices and handsets Operators Distribute content, manage service for subscribers Aggregators Collect content and distribute it (via operators) Subscribers Purchase handsets, make calls, access data, etc. Content Providers/Developers Create mobile content (games, applications, etc) Product /Service Companies Adobe for instance
  24. 24. 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 )
  25. 25. Mobile & Device Platform Wars
  26. 26. Native vs. Web vs.
  27. 27. Native
  28. 28. Web
  29. 29. “White Elephant in the Room”
  30. 30. Adobe and Apple
  31. 31. 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).
  32. 32. Steve’s Opinions on Flash
  33. 33. “Smoke Screen”?
  34. 34. Open vs. Closed Ecosystems
  35. 35. Mobile & Device Landscape
  36. 36. Pre-iPhone Era
  37. 37. iPhone Era (“App for that”)
  38. 38. Lots of OEMS making devices
  39. 39. Android
  40. 40. iPhone
  41. 41. RIM/BlackBerry
  42. 42. Windows Phone 7 * * “Holiday 2010” estimated launch
  43. 43. webOS
  44. 44. Symbian
  45. 45. Mobile App Ecosystems Apple iPhone AppStore Windows Mobile Marketplace* Nokia OVI Store BlackBerry AppWorld Palm App Catalog Android Marketplace
  46. 46. Flash Device-ology
  47. 47. “Flash Brings the Web to Life”
  48. 48. Flash Desktop Experiences Widgets! Consumer" Business" Advertising" Tools" Apps" Social" Video" Games" Apps"
  49. 49. Flash is Pervasive of Internet-enabled PC’s in the of Alexa top 100 websites are of all video world run Flash using Flash on the web is Flash 87% of Internet connected PCs 200 million AIR worldwide have installed installs and growing Flash Player 10
  50. 50. MultiScreen Experiences Web content & applications Standalone Applications
  51. 51. Some Target Markets Portables Non-Portables Embedded & Mobile
  52. 52. Po 2001 ck et PC Fla sh 4 2002 Po ck et PC Fla sh 5 2003 * Whole 3.3.1 and Adobe/Apple spat = :( Fla sh Po Lit ck e 1 et .0 PC 2004 Fla sh Fla 6 sh Fla Ca sh st Flash MX 2004 Li 2005 te 1. 1 Ad ob e/ M ac ro 2006 m ed Fla ia Adobe CS3 sh m Po teLi er ge ck 2 r 2001-2010 et .0 Device Central CS3 PC 2007 Fla sh Fla 7 sh Li te 2. 1 2008 Fla sh Adobe CS4 Li te 3. 0 Device Central CS4 Fla 2009 sh Li te 3. 1 Flash Evolution on Devices iP h Ad one 2010 Fla ob P Adobe CS5 e A ack Fla sh P IR ag sh lay fo er * Li e rA te r 1 Device Central CS5 0. ndr 4. 0 1 oi d
  53. 53. Adobe MAX 2009
  54. 54. Adobe’s Device Philosophy Adobe likes to say “Write Once, Run Everywhere ... to me, it’s more Write Once, (tweak) Deploy To Many.”
  55. 55. Open Screen Project Singular experience, Multiple devices Enable consumers to engage with rich Internet experiences seamlessly across any device, anywhere.
  56. 56. Open Screen Project Open Screen Project partners span the entire value chain Chipset vendors > OEMs > Operators > Brands & Content Providers
  57. 57. OSP Partners
  58. 58. Flash on Devices
  59. 59. Classi cations Portables Non-Portables
  60. 60. “Super Phones” Google Nexus One (Android) Palm Pre (webOS) Motorola DROID (Android) ... and more
  61. 61. Google Nexus One
  62. 62. Android (Motorola DROID)
  63. 63. webOS (Palm Pre)
  64. 64. Tablets JooJoo (Browser support) Dell Tablet Google Tablet (Android = AIR & Browser) HP Slate (Probably retooled for webOS) ... and more
  65. 65. The JooJoo
  66. 66. NVIDIA Tegra
  67. 67. HP Slate
  68. 68. Dell Tablet
  69. 69. “G-Tablet”
  70. 70. Is this the G-Tablet Prototype? Web 2.0 Conference 2010 (San Francisco)
  71. 71. 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
  72. 72. litl
  73. 73. Chumby
  74. 74. Sony DASH
  75. 75. QNX Car
  76. 76. Vizio Internet TVs
  77. 77. Open Peak
  78. 78. Boxee
  79. 79. Light Touch
  80. 80. Flash Device “Verticals” User Interface Web Applications Data Services /Personalization (Games, Social Media, Financial, etc)
  81. 81. Flash Mobile/Device Platform DEVICES 19 out of 20 OEMs supporting Flash Runtimes Tools Flash Lite 1.x/2.x/3.x/4.x Adobe Creative Suite 5 Flash 10.1 Flash CS5 Device Central CS5 Adobe Mobile Products & Services Flash Lite for Digital Home * * For OEMs only
  82. 82. The Flash Platform Tools to Design & Develop Framework Clients Servers Adobe Flash Adobe Flash Adobe Flash Adobe Adobe Flash Adobe AIR Adobe Flash BlazeDS CS4 Professional Catalyst Builder Flex Player Media Server Data Services Family
  83. 83. Flash Runtimes
  84. 84. 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
  85. 85. .SWF
  86. 86. Packaging Flash Device Content .SWF .APK (Android) .IPA (iPhone) .NFL (Nokia S40) .SIS (S60) .CAB (Windows Mobile) .WGZ (Nokia widgets) ... and more
  87. 87. 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
  88. 88. 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
  89. 89. Flash Lite 3.x Essentially working with “Flash 8" Development = ActionScript 2.0 Features over Flash Lite 3.0 Improved Web Browsing, 91% of top 500 internet sites. Flash 9 (AS2 only) support Local Connection / HTML Text / GetURL_target / CSS support / WMode H.264 support * / Improved video support (smoothing, seek) Improved memory handling for images MP3 Streaming support ** Linux Reference port * Requires OEM porting to chipset. ** Requires licensing from MPEG.
  90. 90. Flash Lite 4.0 AS 3.0 support Development = ActionScript 3.0 Meant for OEMs to use
  91. 91. Flash 10.1 Adobe likes to call it “Full” Flash Player 1st Targets = webOS, Android Features (over Flash Lite) Enhanced Performance (87% Screen Orientation on rendering*) support Reduced Memory Consumption Mobile Input Models (55% improvement*) HTTP Streaming support Multitouch Gesture support ActionScript 3 support! Accelerometer support
  92. 92. 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)
  93. 93. Device APIs
  94. 94. Old Device APIs (Flash Lite) fscommand2( “fullscreen”, true ); fscommand2( “setQuality”, “high” ); etc.
  95. 95. New Device APIs (AS 3.0) Now with Flash Player 10.1 and AS 3.0 Geolocation Multitouch Accelerometer Screen orientation and more ...
  96. 96. In Browser (Flash Player)
  97. 97. In/Out of Browser (Flex) Adobe Flex for Mobile = Code Name “Slider” 3rd party product
  98. 98. Out of Browser (AIR)
  99. 99. Google i/o Conference Public Betas likely?
  100. 100. Adobe Tooling
  101. 101. Creation Tooling Adobe Adobe Adobe Adobe Photoshop Illustrator Fireworks Flash
  102. 102. Typical Work ow Deploy Test Develop Design
  103. 103. Adobe Flash
  104. 104. Adobe Device Central Adobe Device Central
  105. 105. Adobe Device Central
  106. 106. Flash Builder
  107. 107. Outro
  108. 108. Mobile Monday Brooklyn
  109. 109. AdvancED: Flash on Devices books?
  110. 110. Contact Info scott@scottjanousek.com twitter: scottjanousek scottjanousek@hookenmobile.com twitter: hookenmobile
  111. 111. Links ashmobile.scottjanousek.com advancED. ashmobilebook.com www.adobe.com/mobile www.adobe.com/go/4it www. ashmobileblog.com www.openscreenproject.org
  112. 112. Next Up 15 min break, then ... MAX ANTINORI
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×