Do you have Adobe CS5?


REQUIREMENTS FOR HANDS-ON:
Flash CS5, Flash Builder CS5, Adobe
Device Central
WE HAVE CS5 TRIALS ...
FLASH
          on Mobile and Devices



Thursday, May 13th, 9:00 am - 5:00 pm FATC Workshop
Next Generation “Flash Mobilers”



                    SNAP PHOTO!




          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


     add bullet points about
     device?
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 Devic
Flash Development on Mobile and Devic
Flash Development on Mobile and Devic
Flash Development on Mobile and Devic
Upcoming SlideShare
Loading in...5
×

Flash Development on Mobile and Devic

2,884

Published on

0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
2,884
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
63
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Flash Development on Mobile and Devic

  1. 1. Do you have Adobe CS5? REQUIREMENTS FOR HANDS-ON: Flash CS5, Flash Builder CS5, Adobe Device Central WE HAVE CS5 TRIALS ON DVD
  2. 2. FLASH on Mobile and Devices Thursday, May 13th, 9:00 am - 5:00 pm FATC Workshop
  3. 3. Next Generation “Flash Mobilers” SNAP PHOTO! FATC 2010 - Flash Mobile Developers (YOU!)
  4. 4. Introductions
  5. 5. 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)
  6. 6. Scott Janousek 9:00 am - 10:15 am Flash Development on Mobile and Devices
  7. 7. Max Antinori 10:30 am - 11:45 am Using Device APIs with Flash and Adobe Device Central (Hands-on)
  8. 8. Lunch 12:00 pm - 1:45 pm LUNCH
  9. 9. Veronique Brossier 2:00 pm - 3:15 pm Tips for Mobile Development using Adobe AIR
  10. 10. Chuck Freedman & Kathryn Rotondo 3:30 pm - 5:00 pm A litl SDK for Flash and Flex (Hands-on)
  11. 11. 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
  12. 12. Audience Polling Flash Professionals? Designers? Developers? Mobile (or Device) Developers? Flash Lite or Flash Mobile devs?
  13. 13. FLASH DEVELOPMENT ON MOBILE AND DEVICES with Scott Janousek
  14. 14. Kick’in Old Sckool
  15. 15. 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)
  16. 16. Early Experiments (Flash Lite)
  17. 17. Flash Mobile circa 2007 Adobe MAX 2007 (?) - Flash Mobile Developers (Hard Core Flash Lite adopters)
  18. 18. 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
  19. 19. Preso history (2005 - 2009) http://www.slideshare.net/scottjanousek
  20. 20. Newer Flash Experiences Sample Flash Mobile screensavers, games, applications ...
  21. 21. Mobile & Device Landscape
  22. 22. 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?
  23. 23. 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
  24. 24. 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
  25. 25. 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 )
  26. 26. Mobile & Device Platform Wars
  27. 27. Native vs. Web vs.
  28. 28. Native
  29. 29. Web
  30. 30. “White Elephant in the Room”
  31. 31. Adobe and Apple
  32. 32. 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).
  33. 33. Steve’s Opinions on Flash
  34. 34. “Smoke Screen”?
  35. 35. Open vs. Closed Ecosystems
  36. 36. Mobile & Device Landscape
  37. 37. Pre-iPhone Era
  38. 38. iPhone Era (“App for that”)
  39. 39. Lots of OEMS making devices
  40. 40. Android
  41. 41. iPhone
  42. 42. RIM/BlackBerry
  43. 43. Windows Phone 7 * * “Holiday 2010” estimated launch
  44. 44. webOS
  45. 45. Symbian
  46. 46. Mobile App Ecosystems Apple iPhone AppStore Windows Mobile Marketplace* Nokia OVI Store BlackBerry AppWorld Palm App Catalog Android Marketplace
  47. 47. Flash Device-ology
  48. 48. “Flash Brings the Web to Life”
  49. 49. Flash Desktop Experiences Widgets! Consumer" Business" Advertising" Tools" Apps" Social" Video" Games" Apps"
  50. 50. 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
  51. 51. MultiScreen Experiences Web content & applications Standalone Applications
  52. 52. Some Target Markets Portables Non-Portables Embedded & Mobile
  53. 53. 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 F l a 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 Lite 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 IR ag sh Play fo er * OSP creation date? Li e rA te r 1 Device Central CS5 0. ndr 4. 0 1 oi d
  54. 54. Adobe MAX 2009
  55. 55. Adobe’s Device Philosophy Adobe likes to say “Write Once, Run Everywhere ... to me, it’s more Write Once, (tweak) Deploy To Many.”
  56. 56. Open Screen Project Singular experience, Multiple devices Enable consumers to engage with rich Internet experiences seamlessly across any device, anywhere.
  57. 57. Open Screen Project Open Screen Project partners span the entire value chain Chipset vendors > OEMs > Operators > Brands & Content Providers
  58. 58. OSP Partners
  59. 59. Flash on Devices
  60. 60. Classi cations Portables Non-Portables
  61. 61. “Super Phones” Google Nexus One (Android) Palm Pre (webOS) Motorola DROID (Android) ... and more
  62. 62. Google Nexus One
  63. 63. Android (Motorola DROID)
  64. 64. webOS (Palm Pre)
  65. 65. Tablets JooJoo (Browser support) Dell Tablet Google Tablet (Android = AIR & Browser) HP Slate (Probably retooled for webOS) ... and more
  66. 66. The JooJoo
  67. 67. NVIDIA Tegra
  68. 68. HP Slate
  69. 69. Dell Tablet
  70. 70. “G-Tablet”
  71. 71. Is this the G-Tablet Prototype? Web 2.0 Conference 2010 (San Francisco)
  72. 72. 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
  73. 73. litl
  74. 74. Chumby
  75. 75. Sony DASH
  76. 76. QNX Car
  77. 77. Vizio Internet TVs add bullet points about device?
  78. 78. Open Peak
  79. 79. Boxee
  80. 80. Light Touch
  81. 81. Flash Device “Verticals” User Interface Web Applications Data Services /Personalization (Games, Social Media, Financial, etc)
  82. 82. 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 * photoshop for mobile ... other products and * For OEMs only ser vices???
  83. 83. 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
  84. 84. Flash Runtimes
  85. 85. 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
  86. 86. .SWF
  87. 87. Packaging Flash Device Content .SWF .APK (Android) .IPA (iPhone) .NFL (Nokia S40) .SIS (S60) .CAB (Windows Mobile) .WGZ (Nokia widgets) ... and more
  88. 88. 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
  89. 89. 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
  90. 90. 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.
  91. 91. Flash Lite 4.0 AS 3.0 support Development = ActionScript 3.0 Meant for OEMs to use
  92. 92. 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
  93. 93. 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)
  94. 94. Device APIs
  95. 95. Old Device APIs (Flash Lite) fscommand2( “fullscreen”, true ); fscommand2( “setQuality”, “high” ); etc.
  96. 96. New Device APIs (AS 3.0) Now with Flash Player 10.1 and AS 3.0 Geolocation Multitouch Accelerometer Screen orientation and more ...
  97. 97. In Browser (Flash Player)
  98. 98. In/Out of Browser (Flex) Adobe Flex for Mobile = Code Name “Slider” 3rd party product
  99. 99. Out of Browser (AIR)
  100. 100. Google i/o Conference Public Betas likely?
  101. 101. Adobe Tooling
  102. 102. Creation Tooling Adobe Adobe Adobe Adobe Photoshop Illustrator Fireworks Flash
  103. 103. Typical Work ow Deploy Test Develop Design
  104. 104. Adobe Flash
  105. 105. Adobe Device Central Adobe Device Central
  106. 106. Adobe Device Central
  107. 107. Flash Builder
  108. 108. Outro
  109. 109. Mobile Monday Brooklyn
  110. 110. AdvancED: Flash on Devices books?
  111. 111. Contact Info scott@scottjanousek.com twitter: scottjanousek scottjanousek@hookenmobile.com twitter: hookenmobile
  112. 112. Links ashmobile.scottjanousek.com advancED. ashmobilebook.com www.adobe.com/mobile www.adobe.com/go/4it www. ashmobileblog.com www.openscreenproject.org
  113. 113. 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.

×