SlideShare uma empresa Scribd logo
1 de 38
Baixar para ler offline
© 2010 Adobe Systems Incorporated. All Rights Reserved.
Build and Deploy RIAs and
Mobile Applications Using Flex
Anne Kathrine Petterøe @yojibee
Enterprise Evangelist Adobe Systems GmbH
© 2010 Adobe Systems Incorporated. All Rights Reserved.
Disruptive Industry Trends
2
Explosion in the number
and diversity of devices
Consumer expectations
are rising
Open is coming (slowly)
© 2010 Adobe Systems Incorporated. All Rights Reserved.
Leading Consumers to Demand a Consistent Experience
3
 Consistent ≠ Same: “Respect the soul of the device”
 Single Screen  Multi-screen experiences, inside and outside the
browser
© 2010 Adobe Systems Incorporated. All Rights Reserved.
Fragmentation: There Is No Consistent Device Platform
4
© 2010 Adobe Systems Incorporated. All Rights Reserved.
Mobile OS Market Share: 2010-2014
6
By 2014:
Android grows to #2 behind Symbian
iOS grows from #4 to #3
Total devices grow from 268M to 875M
© 2010 Adobe Systems Incorporated. All Rights Reserved.
7
Digital Explosion Across Multiple Screens
Consumer
Electronics
Personal
Computers
Mobile
Phones
© 2010 Adobe Systems Incorporated. All Rights Reserved.
Singular experience, Multiple devices
Connecting developers/designers with customers
The Open Screen Project
© 2010 Adobe Systems Incorporated. All Rights Reserved.
Technology Partners
Open Screen Project
Content Partners
© 2010 Adobe Systems Incorporated. All Rights Reserved.
Multi Screen: Same Programming Model, Same Tools, Same Code
 Applications becoming available on exploding number of devices
 Trend is to build “standalone apps” as opposed to “browser apps”
 Building native apps for each device is unsustainable for most organizations
 Flash provides abstraction layer on top of all these devices, build once, deploy on all
11
© 2010 Adobe Systems Incorporated. All Rights Reserved.
Flash Platform runtime roadmap
Flash Player 10.1
AIR 2.0
Public betas
Flash Player 10.1
AIR 2.0 Desktop
AIR for Android
Flash/AIR for
TabletOS
AIR for TV
Flash for
GoogleTV
More to come..
1H’10
Q4’09
2H 10
Q2’10
© 2010 Adobe Systems Incorporated. All Rights Reserved.
Flash Player on most smartphones shipping in 2012, >250M cumulative
Source: Strategy Analytics smartphone forecast (January 2010) and Adobe adoption estimates
0
50
100
150
200
250
300
350
2009 2010 2011 2012
Total Smartphones
Smartphones with Flash Player
MillionsofSmartphones
9%
35%
53%
© 2010 Adobe Systems Incorporated. All Rights Reserved.
The Flash Platform is the leading solution for rapidly building RIAs
Multiscreen
Content and Applications
Flex
ColdFusion
Flash Media
Server Family
Flash
Platform
Services
AIR
Flash Player
Flash Builder
Flash
Catalyst
Flash
Professional
Creative Suite Analytics &
Optimization
FLASHPLATFORM
TOOLS FRAMEWORKS CLIENTSSERVICESSERVERS
LiveCycle
http://www.adobe.com/flashplatform
© 2010 Adobe Systems Incorporated. All Rights Reserved.
The Flash Platform Serves Two Key Use Cases
Flash Player – Inside the Browser Adobe AIR – Standalone Apps
© 2010 Adobe Systems Incorporated. All Rights Reserved.
The Flash Platform Helps Move the Web Forward
Videos GamesRich Internet Applications
MusicInteractive ExperiencesVisualizations
© 2010 Adobe Systems Incorporated. All Rights Reserved.
Established Successes
 Delivered: From 2005
 Available: 1.2Billion devices, 700m in 2009 alone
 20m users, social gaming platform
 163 titles in 2009, all Flash
 As of today their market cap is $3.5Bn.
 $387m revenue and $222m profit in 2010
 70-95% micropayments, 5-30% advertising
© 2010 Adobe Systems Incorporated. All Rights Reserved.
Flash Player 10.1
© 2010 Adobe Systems Incorporated. All Rights Reserved.
Flash Player 10.1
 Delivered: June 2010
 Available: at Adobe.com and the Android Market
 Penetration: 74% of all Desktops in 3 months, 2.5m Android phones
 The only consistent browser-based runtime for connected devices
 Targeting desktops, mobile phones, netbooks, tablets, and the Digital
Home
© 2010 Adobe Systems Incorporated. All Rights Reserved.
Flash Player 10.1 Optimized for Mobile and Media
20
 Double the number of operating systems reached
 New options for media delivery
© 2010 Adobe Systems Incorporated. All Rights Reserved.
Flash Player 10.1 features
 Performance
 Graphics hardware acceleration
 Audio/video hardware decoding
 Memory, battery & CPU
optimizations
 Optimized SWF Management
 Sleep mode
 Device integration
 Multi-touch and gestures
 Accelerometer
 Screen orientation
 Mobile text input
 Porting kit for OSP partners
© 2010 Adobe Systems Incorporated. All Rights Reserved.
Flash Player Demo
© 2010 Adobe Systems Incorporated. All Rights Reserved.
Adobe AIR
© 2010 Adobe Systems Incorporated. All Rights Reserved.
Adobe AIR
24
AIR Runtime Installations
200,000,000+
Developer Tools Downloads
2,000,000+
Broad range of customer applications and adoption
© 2010 Adobe Systems Incorporated. All Rights Reserved.
 Includes Flash Player 10.1 feature set
 Additional Features:
 Multi-touch & gestures
 Geolocation
 cut/copy/paste
 tel:, mailto:, maps:, video:
 Camera
 Microphone
 StageWebView
 Device Debugger
 cacheAsBitmapMatrix
AIR 2.x – Mac, Windows, Linux, Android and Tablet OS
© 2010 Adobe Systems Incorporated. All Rights Reserved.
AIR Application Development Workflow
27
Tools Deployment Execution
.AIR file
Badge
Marketplace
Badge
 Leverage existing tools for designers and
developers
 Flash, Flex, Dreamweaver, Aptana, and any
text editor with the free Adobe AIR SDK
3rd Party Tools
AIR SDK
Native .APK or .IPA
© 2010 Adobe Systems Incorporated. All Rights Reserved.
Deploying AIR Android Applications
Chroma Circuit.apkChroma Circuit.air
 AIR Applications are packaged up as .APK files
 Will be distributed through Android Market and other catalogs
 AIR Application upgrade mechanism through Android Market
 AIR Runtime will be distributed in Android Market as Shared Library
 Users will have to download the Runtime once for all AIR
applications
 Upgrade through the Android Market
Android Market Android Device
© 2010 Adobe Systems Incorporated. All Rights Reserved.
AIR Demos
© 2010 Adobe Systems Incorporated. All Rights Reserved.
Flex 4.5
© 2010 Adobe Systems Incorporated. All Rights Reserved.
What Is Flex?
31
Productive Cross-platform Design
© 2010 Adobe Systems Incorporated. All Rights Reserved.
Flex Application Building Blocks
32
 Controls
 Charts
 Data binding
 Integration with servers
 Formatting and validation
 Smart layout
 Skinning and styling
 Animation and transition effects
© 2010 Adobe Systems Incorporated. All Rights Reserved.
What Can You Build With Flex?
33
Just about anything
See flex.org/showcase for more
Social Apps
TweetDeck
Dashboards/Visualizatio
n
SAP Xcelsius
Productivity
bizk.it
Digital Publishing
New York Times Reader 2.0
Video
Brightcove
Shopping/Configurators
Mini Cooper
© 2010 Adobe Systems Incorporated. All Rights Reserved.
Understanding Flex and Flash Builder
Flash Builder IDE
 Eclipse plug-in or turn-key install
 Accelerates design and
development
 Design view and code view
Flash Builder IDE
Open Source Flex
 2 languages
 MXML
 ActionScript 3
 Compilers
 Rich component library
 Data visualization libraries
 Debuggers
Flex SDK
Flex Class Library
MXML ActionScript
Debuggers
© 2010 Adobe Systems Incorporated. All Rights Reserved.
Bringing Flex to Mobile Development
 Leveraging core features of Flex
 Rich controls
 Dynamic, resizable layout
 Charting
 Easy server access/integration
 Productive design/dev tools
 Adding mobile-specific UI patterns
 Taking away the grunt work
 Tuning performance for mobile
devices
© 2010 Adobe Systems Incorporated. All Rights Reserved.
Adding Mobile Specific UI Patterns
 View navigation and transitions
 Application components (action bar, menu)
 Mobile- and touch-optimized controls
© 2010 Adobe Systems Incorporated. All Rights Reserved.
Taking Away the Grunt Work
 Saving/restoring state when application is shut
down/restarted
 Handling different screen sizes/densities
 Handling orientation changes
320px
480px
800px
480px
© 2010 Adobe Systems Incorporated. All Rights Reserved.
Tuning Performance for Mobile Devices
 Optimizing application startup
 Lightweight component skins
 GPU acceleration for transitions/scrolling
© 2010 Adobe Systems Incorporated. All Rights Reserved.
Mobile Flex Components
 MobileApplication - Main mobile class
 ActionBar - Header for title and navigation
 View - Title, viewActivate Event, viewDeactivate Event
 ViewNavigator - Stack of Views with animated transitions
 Mobile Skins - Touch support in Scroller (List, etc)
© 2010 Adobe Systems Incorporated. All Rights Reserved.
Flex Mobile Development Demo
© 2010 Adobe Systems Incorporated. All Rights Reserved.
Future Flash

Mais conteúdo relacionado

Mais procurados

Mobile Developer's Guide To The Galaxy No. 9
Mobile Developer's Guide To The Galaxy No. 9Mobile Developer's Guide To The Galaxy No. 9
Mobile Developer's Guide To The Galaxy No. 9Marco Tabor
 
Mobile app developers guide
Mobile app developers guideMobile app developers guide
Mobile app developers guidePrayukth K V
 
Creating Flash Content for Mobile Devices
Creating Flash Content for Mobile DevicesCreating Flash Content for Mobile Devices
Creating Flash Content for Mobile Devicespaultrani
 
Bridge-Stage Framework for the Smartphone Application Development using HTML5
Bridge-Stage Framework for the Smartphone Application Development using HTML5Bridge-Stage Framework for the Smartphone Application Development using HTML5
Bridge-Stage Framework for the Smartphone Application Development using HTML5ijsrd.com
 
Mobile Developer's Guide To The Galaxy 11th edition
Mobile Developer's Guide To The Galaxy 11th editionMobile Developer's Guide To The Galaxy 11th edition
Mobile Developer's Guide To The Galaxy 11th editionMarco Tabor
 
Mobile Developer's Guide To The Galaxy, 5th edition
Mobile Developer's Guide To The Galaxy, 5th editionMobile Developer's Guide To The Galaxy, 5th edition
Mobile Developer's Guide To The Galaxy, 5th editionMarco Tabor
 
Developers Guide To The Galaxy 8th edition
Developers Guide To The Galaxy 8th editionDevelopers Guide To The Galaxy 8th edition
Developers Guide To The Galaxy 8th editionMarco Tabor
 
Mobile Developer's Guide To The Galaxy Vol.7
Mobile Developer's Guide To The Galaxy Vol.7Mobile Developer's Guide To The Galaxy Vol.7
Mobile Developer's Guide To The Galaxy Vol.7Marco Tabor
 
Tizen Overview and Architecture - Seokjae Jeong (Samsung) - Korea Linux Forum...
Tizen Overview and Architecture - Seokjae Jeong (Samsung) - Korea Linux Forum...Tizen Overview and Architecture - Seokjae Jeong (Samsung) - Korea Linux Forum...
Tizen Overview and Architecture - Seokjae Jeong (Samsung) - Korea Linux Forum...Ryo Jin
 
B feigin mobileapplicationdevelopment
B feigin mobileapplicationdevelopmentB feigin mobileapplicationdevelopment
B feigin mobileapplicationdevelopmentsathesh leo
 
Mobile development with AIR
Mobile development with AIRMobile development with AIR
Mobile development with AIRLaurent Jayr
 
Mobile Developer's Guide To The Galaxy No.10
Mobile Developer's Guide To The Galaxy No.10Mobile Developer's Guide To The Galaxy No.10
Mobile Developer's Guide To The Galaxy No.10Marco Tabor
 
Kony Development Cloud
Kony Development CloudKony Development Cloud
Kony Development CloudDipesh Mukerji
 
Kony-Cognizant Webinar: Finding the Silver Bullet in Retail Mobility
Kony-Cognizant Webinar: Finding the Silver Bullet in Retail MobilityKony-Cognizant Webinar: Finding the Silver Bullet in Retail Mobility
Kony-Cognizant Webinar: Finding the Silver Bullet in Retail MobilityKony, Inc.
 
Kony - The multi Channel Challenge
Kony - The multi Channel Challenge Kony - The multi Channel Challenge
Kony - The multi Channel Challenge mickeyheil
 
Latest Trends in Mobile App Development
Latest Trends in Mobile App DevelopmentLatest Trends in Mobile App Development
Latest Trends in Mobile App DevelopmentDipesh Mukerji
 
Html5 overview
Html5 overviewHtml5 overview
Html5 overviewappbackr
 
Mobile Operating Systems
Mobile Operating SystemsMobile Operating Systems
Mobile Operating SystemsAndreas Jakl
 
Introduction To Mobile Application Development
Introduction To Mobile Application DevelopmentIntroduction To Mobile Application Development
Introduction To Mobile Application DevelopmentSyed Absar
 

Mais procurados (20)

Mobile Developer's Guide To The Galaxy No. 9
Mobile Developer's Guide To The Galaxy No. 9Mobile Developer's Guide To The Galaxy No. 9
Mobile Developer's Guide To The Galaxy No. 9
 
Mobile app developers guide
Mobile app developers guideMobile app developers guide
Mobile app developers guide
 
Creating Flash Content for Mobile Devices
Creating Flash Content for Mobile DevicesCreating Flash Content for Mobile Devices
Creating Flash Content for Mobile Devices
 
Bridge-Stage Framework for the Smartphone Application Development using HTML5
Bridge-Stage Framework for the Smartphone Application Development using HTML5Bridge-Stage Framework for the Smartphone Application Development using HTML5
Bridge-Stage Framework for the Smartphone Application Development using HTML5
 
Mobile Developer's Guide To The Galaxy 11th edition
Mobile Developer's Guide To The Galaxy 11th editionMobile Developer's Guide To The Galaxy 11th edition
Mobile Developer's Guide To The Galaxy 11th edition
 
Mobile Developer's Guide To The Galaxy, 5th edition
Mobile Developer's Guide To The Galaxy, 5th editionMobile Developer's Guide To The Galaxy, 5th edition
Mobile Developer's Guide To The Galaxy, 5th edition
 
Developers Guide To The Galaxy 8th edition
Developers Guide To The Galaxy 8th editionDevelopers Guide To The Galaxy 8th edition
Developers Guide To The Galaxy 8th edition
 
Mobile Developer's Guide To The Galaxy Vol.7
Mobile Developer's Guide To The Galaxy Vol.7Mobile Developer's Guide To The Galaxy Vol.7
Mobile Developer's Guide To The Galaxy Vol.7
 
Tizen Overview and Architecture - Seokjae Jeong (Samsung) - Korea Linux Forum...
Tizen Overview and Architecture - Seokjae Jeong (Samsung) - Korea Linux Forum...Tizen Overview and Architecture - Seokjae Jeong (Samsung) - Korea Linux Forum...
Tizen Overview and Architecture - Seokjae Jeong (Samsung) - Korea Linux Forum...
 
B feigin mobileapplicationdevelopment
B feigin mobileapplicationdevelopmentB feigin mobileapplicationdevelopment
B feigin mobileapplicationdevelopment
 
Mobile development with AIR
Mobile development with AIRMobile development with AIR
Mobile development with AIR
 
Mobile Developer's Guide To The Galaxy No.10
Mobile Developer's Guide To The Galaxy No.10Mobile Developer's Guide To The Galaxy No.10
Mobile Developer's Guide To The Galaxy No.10
 
App development
App developmentApp development
App development
 
Kony Development Cloud
Kony Development CloudKony Development Cloud
Kony Development Cloud
 
Kony-Cognizant Webinar: Finding the Silver Bullet in Retail Mobility
Kony-Cognizant Webinar: Finding the Silver Bullet in Retail MobilityKony-Cognizant Webinar: Finding the Silver Bullet in Retail Mobility
Kony-Cognizant Webinar: Finding the Silver Bullet in Retail Mobility
 
Kony - The multi Channel Challenge
Kony - The multi Channel Challenge Kony - The multi Channel Challenge
Kony - The multi Channel Challenge
 
Latest Trends in Mobile App Development
Latest Trends in Mobile App DevelopmentLatest Trends in Mobile App Development
Latest Trends in Mobile App Development
 
Html5 overview
Html5 overviewHtml5 overview
Html5 overview
 
Mobile Operating Systems
Mobile Operating SystemsMobile Operating Systems
Mobile Operating Systems
 
Introduction To Mobile Application Development
Introduction To Mobile Application DevelopmentIntroduction To Mobile Application Development
Introduction To Mobile Application Development
 

Semelhante a W-JAX Keynote 2010

Mobile Development With Flash Platform
Mobile Development With Flash PlatformMobile Development With Flash Platform
Mobile Development With Flash PlatformMihai Corlan
 
Flash platform fitc
Flash platform fitcFlash platform fitc
Flash platform fitcMark Doherty
 
Adobe AIR Mobile development for Android and PlayBook
Adobe AIR Mobile development for Android and PlayBookAdobe AIR Mobile development for Android and PlayBook
Adobe AIR Mobile development for Android and PlayBookMihai Corlan
 
Flash/AIRの最新情報及びARMとの協業
Flash/AIRの最新情報及びARMとの協業Flash/AIRの最新情報及びARMとの協業
Flash/AIRの最新情報及びARMとの協業Andy Hall
 
Progressing beyond the Desktop at Universities with Adobe AIR
Progressing beyond the Desktop at Universities with Adobe AIRProgressing beyond the Desktop at Universities with Adobe AIR
Progressing beyond the Desktop at Universities with Adobe AIRJoseph Labrecque
 
Soirée Flex/RIA au Nantes jug
Soirée Flex/RIA au Nantes jugSoirée Flex/RIA au Nantes jug
Soirée Flex/RIA au Nantes jugFrançois Le Droff
 
Over the air 2.5 - Adobe AIR for Android
Over the air 2.5 - Adobe AIR for AndroidOver the air 2.5 - Adobe AIR for Android
Over the air 2.5 - Adobe AIR for AndroidMichael Chaize
 
Android Development with Flash Platform
Android Development with Flash PlatformAndroid Development with Flash Platform
Android Development with Flash PlatformMihai Corlan
 
Overview of Mobile Development Platforms
Overview of Mobile Development PlatformsOverview of Mobile Development Platforms
Overview of Mobile Development PlatformsMike Wolfson
 
Anup Murarka’s Presentation at eComm 2009
Anup Murarka’s Presentation at eComm 2009Anup Murarka’s Presentation at eComm 2009
Anup Murarka’s Presentation at eComm 2009eCommConf
 
Making Money with Adobe AIR
Making Money with Adobe AIRMaking Money with Adobe AIR
Making Money with Adobe AIRAlmog Koren
 
Getting started with flash mobile development
Getting started with flash mobile developmentGetting started with flash mobile development
Getting started with flash mobile developmentMihai Corlan
 
Practical Design and Development with Flash on Mobile and Devices
Practical Design and Development with Flash on Mobile and DevicesPractical Design and Development with Flash on Mobile and Devices
Practical Design and Development with Flash on Mobile and DevicesChris Griffith
 
Group 5 Report Effect
Group 5 Report EffectGroup 5 Report Effect
Group 5 Report Effectjorence
 
Group 5 Report Effect
Group 5 Report EffectGroup 5 Report Effect
Group 5 Report Effectjorence
 
Adobe's RIA Technologies (non technical)
Adobe's RIA Technologies (non technical)Adobe's RIA Technologies (non technical)
Adobe's RIA Technologies (non technical)Cyril Hanquez
 
Xebia adobe flash mobile applications
Xebia adobe flash mobile applicationsXebia adobe flash mobile applications
Xebia adobe flash mobile applicationsMichael Chaize
 

Semelhante a W-JAX Keynote 2010 (20)

Mobile Development With Flash Platform
Mobile Development With Flash PlatformMobile Development With Flash Platform
Mobile Development With Flash Platform
 
Flash platform fitc
Flash platform fitcFlash platform fitc
Flash platform fitc
 
Adobe AIR Mobile development for Android and PlayBook
Adobe AIR Mobile development for Android and PlayBookAdobe AIR Mobile development for Android and PlayBook
Adobe AIR Mobile development for Android and PlayBook
 
AIR for Higher Education
AIR for Higher EducationAIR for Higher Education
AIR for Higher Education
 
Flex3
Flex3Flex3
Flex3
 
Flash/AIRの最新情報及びARMとの協業
Flash/AIRの最新情報及びARMとの協業Flash/AIRの最新情報及びARMとの協業
Flash/AIRの最新情報及びARMとの協業
 
Progressing beyond the Desktop at Universities with Adobe AIR
Progressing beyond the Desktop at Universities with Adobe AIRProgressing beyond the Desktop at Universities with Adobe AIR
Progressing beyond the Desktop at Universities with Adobe AIR
 
Soirée Flex/RIA au Nantes jug
Soirée Flex/RIA au Nantes jugSoirée Flex/RIA au Nantes jug
Soirée Flex/RIA au Nantes jug
 
Over the air 2.5 - Adobe AIR for Android
Over the air 2.5 - Adobe AIR for AndroidOver the air 2.5 - Adobe AIR for Android
Over the air 2.5 - Adobe AIR for Android
 
Android Development with Flash Platform
Android Development with Flash PlatformAndroid Development with Flash Platform
Android Development with Flash Platform
 
Overview of Mobile Development Platforms
Overview of Mobile Development PlatformsOverview of Mobile Development Platforms
Overview of Mobile Development Platforms
 
Anup Murarka’s Presentation at eComm 2009
Anup Murarka’s Presentation at eComm 2009Anup Murarka’s Presentation at eComm 2009
Anup Murarka’s Presentation at eComm 2009
 
Making Money with Adobe AIR
Making Money with Adobe AIRMaking Money with Adobe AIR
Making Money with Adobe AIR
 
Getting started with flash mobile development
Getting started with flash mobile developmentGetting started with flash mobile development
Getting started with flash mobile development
 
Practical Design and Development with Flash on Mobile and Devices
Practical Design and Development with Flash on Mobile and DevicesPractical Design and Development with Flash on Mobile and Devices
Practical Design and Development with Flash on Mobile and Devices
 
Group 5 Report Effect
Group 5 Report EffectGroup 5 Report Effect
Group 5 Report Effect
 
Group 5 Report Effect
Group 5 Report EffectGroup 5 Report Effect
Group 5 Report Effect
 
Adobe's RIA Technologies (non technical)
Adobe's RIA Technologies (non technical)Adobe's RIA Technologies (non technical)
Adobe's RIA Technologies (non technical)
 
Windows 7 mobile
Windows 7 mobileWindows 7 mobile
Windows 7 mobile
 
Xebia adobe flash mobile applications
Xebia adobe flash mobile applicationsXebia adobe flash mobile applications
Xebia adobe flash mobile applications
 

W-JAX Keynote 2010

  • 1. © 2010 Adobe Systems Incorporated. All Rights Reserved. Build and Deploy RIAs and Mobile Applications Using Flex Anne Kathrine Petterøe @yojibee Enterprise Evangelist Adobe Systems GmbH
  • 2. © 2010 Adobe Systems Incorporated. All Rights Reserved. Disruptive Industry Trends 2 Explosion in the number and diversity of devices Consumer expectations are rising Open is coming (slowly)
  • 3. © 2010 Adobe Systems Incorporated. All Rights Reserved. Leading Consumers to Demand a Consistent Experience 3  Consistent ≠ Same: “Respect the soul of the device”  Single Screen  Multi-screen experiences, inside and outside the browser
  • 4. © 2010 Adobe Systems Incorporated. All Rights Reserved. Fragmentation: There Is No Consistent Device Platform 4
  • 5. © 2010 Adobe Systems Incorporated. All Rights Reserved. Mobile OS Market Share: 2010-2014 6 By 2014: Android grows to #2 behind Symbian iOS grows from #4 to #3 Total devices grow from 268M to 875M
  • 6. © 2010 Adobe Systems Incorporated. All Rights Reserved. 7 Digital Explosion Across Multiple Screens Consumer Electronics Personal Computers Mobile Phones
  • 7. © 2010 Adobe Systems Incorporated. All Rights Reserved. Singular experience, Multiple devices Connecting developers/designers with customers The Open Screen Project
  • 8. © 2010 Adobe Systems Incorporated. All Rights Reserved. Technology Partners Open Screen Project Content Partners
  • 9. © 2010 Adobe Systems Incorporated. All Rights Reserved. Multi Screen: Same Programming Model, Same Tools, Same Code  Applications becoming available on exploding number of devices  Trend is to build “standalone apps” as opposed to “browser apps”  Building native apps for each device is unsustainable for most organizations  Flash provides abstraction layer on top of all these devices, build once, deploy on all 11
  • 10. © 2010 Adobe Systems Incorporated. All Rights Reserved. Flash Platform runtime roadmap Flash Player 10.1 AIR 2.0 Public betas Flash Player 10.1 AIR 2.0 Desktop AIR for Android Flash/AIR for TabletOS AIR for TV Flash for GoogleTV More to come.. 1H’10 Q4’09 2H 10 Q2’10
  • 11. © 2010 Adobe Systems Incorporated. All Rights Reserved. Flash Player on most smartphones shipping in 2012, >250M cumulative Source: Strategy Analytics smartphone forecast (January 2010) and Adobe adoption estimates 0 50 100 150 200 250 300 350 2009 2010 2011 2012 Total Smartphones Smartphones with Flash Player MillionsofSmartphones 9% 35% 53%
  • 12. © 2010 Adobe Systems Incorporated. All Rights Reserved. The Flash Platform is the leading solution for rapidly building RIAs Multiscreen Content and Applications Flex ColdFusion Flash Media Server Family Flash Platform Services AIR Flash Player Flash Builder Flash Catalyst Flash Professional Creative Suite Analytics & Optimization FLASHPLATFORM TOOLS FRAMEWORKS CLIENTSSERVICESSERVERS LiveCycle http://www.adobe.com/flashplatform
  • 13. © 2010 Adobe Systems Incorporated. All Rights Reserved. The Flash Platform Serves Two Key Use Cases Flash Player – Inside the Browser Adobe AIR – Standalone Apps
  • 14. © 2010 Adobe Systems Incorporated. All Rights Reserved. The Flash Platform Helps Move the Web Forward Videos GamesRich Internet Applications MusicInteractive ExperiencesVisualizations
  • 15. © 2010 Adobe Systems Incorporated. All Rights Reserved. Established Successes  Delivered: From 2005  Available: 1.2Billion devices, 700m in 2009 alone  20m users, social gaming platform  163 titles in 2009, all Flash  As of today their market cap is $3.5Bn.  $387m revenue and $222m profit in 2010  70-95% micropayments, 5-30% advertising
  • 16. © 2010 Adobe Systems Incorporated. All Rights Reserved. Flash Player 10.1
  • 17. © 2010 Adobe Systems Incorporated. All Rights Reserved. Flash Player 10.1  Delivered: June 2010  Available: at Adobe.com and the Android Market  Penetration: 74% of all Desktops in 3 months, 2.5m Android phones  The only consistent browser-based runtime for connected devices  Targeting desktops, mobile phones, netbooks, tablets, and the Digital Home
  • 18. © 2010 Adobe Systems Incorporated. All Rights Reserved. Flash Player 10.1 Optimized for Mobile and Media 20  Double the number of operating systems reached  New options for media delivery
  • 19. © 2010 Adobe Systems Incorporated. All Rights Reserved. Flash Player 10.1 features  Performance  Graphics hardware acceleration  Audio/video hardware decoding  Memory, battery & CPU optimizations  Optimized SWF Management  Sleep mode  Device integration  Multi-touch and gestures  Accelerometer  Screen orientation  Mobile text input  Porting kit for OSP partners
  • 20. © 2010 Adobe Systems Incorporated. All Rights Reserved. Flash Player Demo
  • 21. © 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe AIR
  • 22. © 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe AIR 24 AIR Runtime Installations 200,000,000+ Developer Tools Downloads 2,000,000+ Broad range of customer applications and adoption
  • 23. © 2010 Adobe Systems Incorporated. All Rights Reserved.  Includes Flash Player 10.1 feature set  Additional Features:  Multi-touch & gestures  Geolocation  cut/copy/paste  tel:, mailto:, maps:, video:  Camera  Microphone  StageWebView  Device Debugger  cacheAsBitmapMatrix AIR 2.x – Mac, Windows, Linux, Android and Tablet OS
  • 24. © 2010 Adobe Systems Incorporated. All Rights Reserved. AIR Application Development Workflow 27 Tools Deployment Execution .AIR file Badge Marketplace Badge  Leverage existing tools for designers and developers  Flash, Flex, Dreamweaver, Aptana, and any text editor with the free Adobe AIR SDK 3rd Party Tools AIR SDK Native .APK or .IPA
  • 25. © 2010 Adobe Systems Incorporated. All Rights Reserved. Deploying AIR Android Applications Chroma Circuit.apkChroma Circuit.air  AIR Applications are packaged up as .APK files  Will be distributed through Android Market and other catalogs  AIR Application upgrade mechanism through Android Market  AIR Runtime will be distributed in Android Market as Shared Library  Users will have to download the Runtime once for all AIR applications  Upgrade through the Android Market Android Market Android Device
  • 26. © 2010 Adobe Systems Incorporated. All Rights Reserved. AIR Demos
  • 27. © 2010 Adobe Systems Incorporated. All Rights Reserved. Flex 4.5
  • 28. © 2010 Adobe Systems Incorporated. All Rights Reserved. What Is Flex? 31 Productive Cross-platform Design
  • 29. © 2010 Adobe Systems Incorporated. All Rights Reserved. Flex Application Building Blocks 32  Controls  Charts  Data binding  Integration with servers  Formatting and validation  Smart layout  Skinning and styling  Animation and transition effects
  • 30. © 2010 Adobe Systems Incorporated. All Rights Reserved. What Can You Build With Flex? 33 Just about anything See flex.org/showcase for more Social Apps TweetDeck Dashboards/Visualizatio n SAP Xcelsius Productivity bizk.it Digital Publishing New York Times Reader 2.0 Video Brightcove Shopping/Configurators Mini Cooper
  • 31. © 2010 Adobe Systems Incorporated. All Rights Reserved. Understanding Flex and Flash Builder Flash Builder IDE  Eclipse plug-in or turn-key install  Accelerates design and development  Design view and code view Flash Builder IDE Open Source Flex  2 languages  MXML  ActionScript 3  Compilers  Rich component library  Data visualization libraries  Debuggers Flex SDK Flex Class Library MXML ActionScript Debuggers
  • 32. © 2010 Adobe Systems Incorporated. All Rights Reserved. Bringing Flex to Mobile Development  Leveraging core features of Flex  Rich controls  Dynamic, resizable layout  Charting  Easy server access/integration  Productive design/dev tools  Adding mobile-specific UI patterns  Taking away the grunt work  Tuning performance for mobile devices
  • 33. © 2010 Adobe Systems Incorporated. All Rights Reserved. Adding Mobile Specific UI Patterns  View navigation and transitions  Application components (action bar, menu)  Mobile- and touch-optimized controls
  • 34. © 2010 Adobe Systems Incorporated. All Rights Reserved. Taking Away the Grunt Work  Saving/restoring state when application is shut down/restarted  Handling different screen sizes/densities  Handling orientation changes 320px 480px 800px 480px
  • 35. © 2010 Adobe Systems Incorporated. All Rights Reserved. Tuning Performance for Mobile Devices  Optimizing application startup  Lightweight component skins  GPU acceleration for transitions/scrolling
  • 36. © 2010 Adobe Systems Incorporated. All Rights Reserved. Mobile Flex Components  MobileApplication - Main mobile class  ActionBar - Header for title and navigation  View - Title, viewActivate Event, viewDeactivate Event  ViewNavigator - Stack of Views with animated transitions  Mobile Skins - Touch support in Scroller (List, etc)
  • 37. © 2010 Adobe Systems Incorporated. All Rights Reserved. Flex Mobile Development Demo
  • 38. © 2010 Adobe Systems Incorporated. All Rights Reserved. Future Flash

Notas do Editor

  1. Before explaining what OSP is, let’s take a step back and look at some of the industry trends and dynamics that motivated OSP First dynamic - The number and diversity of devices continue to explodeMobile phones already outnumber PCs and becoming more powerful with improved batter life, processing power, and screen qualityIn emerging countries, 1 billion people will experience the Internet through a mobile device without having ever used a PC 2 ) Open is slowly coming to mobile and TV platforms.  On desktop, we’re used to a very open model – anyone can download any SW on their PC’s. However, we see trend changing to more openness in mid/long-term.  3) Third trend: Customer’s Expectations are rising: Consumers want more from their devices – they want video and the full Internet experience across all the screens in their lives.
  2. Whether they’re accessing the Internet, interactive content or applications on their PCs, their mobile phones, or their TVs – consumers are demanding a seamless and integrated experienceHaving a consistent experience doesn’t mean the same exact thing on all devices – rather it’s an experience that “respects the soul of the device” – it’s customized for the different displays and the different context they’re used in, but runs on the same underlying technology. Moving from a single screen world to multi-screen experiences that live both inside and outside of the traditional browser.
  3. However, the problem is that there is fragmentation across devices, operating systems, and browsers, so users can’t easily access content and applications across different screens. Holding the industry backNone of the existing technologies (Java, HTML, smartphone Oss) yet provide a consistent, reliable environment for des/devs, who struggle to make applications work across dozens of mobile handsets. We’re just talking here about mobile – you can imagine having to do this not just for mobile but also TV &PCAnother challenge we face is that runtimes on devices are not easily updatable, so new versions of runtimes introduce incompatibility over time, even if it’s the same technology.
  4. The chart speaks for itself, today there are countless numbers of mobile phones and consumer electronics.As more and more of these devices become connected to the Internet, users of these devices are demanding access to their favourite services and applications online
  5. For many years now the Flash Platform has enabled the delivery and creation of Rich Internet Applications. These experiences span gaming, social, enterprise and video applications that millions of users engage with everyday. With the onset of widely available and stable network connections more and more applications are moving to the cloud. We’re talking about services that are agnostic of their delivery platform. Facebook can be considered a cloud service, but also an application platform. But this application, and service is presents different information on a mobile phone than on your desktop browser; the interface is contextual.Some of those contexts include mobile phones, consoles, laptops, desktop computers and even televisions. So successful applications of the future are those which can provide service to their users on any device, and this is where the Flash Platform is going.
  6. To address these challenges and opportunities, we’ve established the Open Screen Project in May of 2008The vision is for consumers to be able to engage with rich Internet experiences seamlessly across any device, anywhereWith the goals of:Drive consistent, rich Internet experiences and innovation across devices and Enable developers, designers to seamlessly publish content & apps across connected devices The way we do this is by delivering a consistent runtime environment for open web browsing & standalone appsWhat is it: OSP is an industry initiative, led by Adobe with the participation of industry leaders.
  7. OSP partners to date are listed here – close to 70 industry leaders in the mobile, PC, and TV spaceSpan all key parts of the value chainChipset/silicon vendors World’s leading handset and device OEMsCarriersContent providersWe’ve added many new members to the OSP since MAX – continuing to see strong participation by technology partners. Now focus has recently shifted to seeing a lot more energy on the content partners, who are working with the developer beta of our runtimes to make sure their content works, and to provide improved experiences for those using devices on the Flash Platform.
  8. Applications are becoming available on an exploding number of devices (laptops, desktops, phones, tablets, TVs, etc.) powered by Windows, MacOS, Linux, iOS, Android, BlackBerry, Palm, Windows Mobile, etc.On devices, the trend is to build standalone apps as opposed to browser apps: for example, if you want to do Home Banking on your phone, Bank of America will drive you to their standalone app sitting on your phone “desktop”, not to their browser app.But building native apps for each device (iOS, Android, Blackberry, Palm, Windows Mobile) in addition to the desktop operating systems (Windows, MacOS, Linux) is unsustainable for many organizations.The Flash Platform and AIR offer an abstraction layer on top of these devices and will allow you to build your application once and deploy it on all of these devices (with the exception of iOS devices): same programming model, same language, same toolset, same code.
  9. The innovation that the Flash platform has contributed to the web has enabled entirely new categories of Web applications and content.Once Flash has enabled the category, the innovation doesn’t slow down, it accelerates. Video improves from low quality to HD, from progressive download to dynamic streaming. Games move from 2D to 3D virtual worlds. Interactive experiences transition from simple animation to immersive, highly customized, commerce enabled experiences. Flash is now the preferred platform for these categories of web development.
  10. Flash Player 10.1 is the first consistent runtime release of the Open Screen Project that enables uncompromised Web browsing of expressive applications, content and video across devices. Flash Player 10.1 is now available for a broad range of mobile devices, including smartphones, netbooks and other Internet-connected devices, allowing your content to reach your customers wherever they are. Supported mobile device operating systems include: Palm webOS, Microsoft Windows Phone 7, Android, and Symbian. This release does also support Windows 7 and Mac OS X 10.6 (“Snow Leopard”) desktop operating systems. The consistent Flash Player browser-based runtime is the most productive way to deliver content to users across operating systems and devices. Runtime consistency reduces the cost of creating, testing and deploying content across different device, software, network and user contexts and helps improve business results.   Flash Player 10.1 has been engineered to take advantage of upcoming Adobe media servers and hosted services that will provide innovative new ways to deliver rich and premium media experiences and create new business models.
  11. Flash Player 10.1 is the first consistent runtime release of the Open Screen Project that enables uncompromised Web browsing of expressive applications, content and video across devices. Flash Player 10.1 is now available for a broad range of mobile devices, including smartphones, netbooks and other Internet-connected devices, allowing your content to reach your customers wherever they are. Supported mobile device operating systems include: Palm webOS, Microsoft Windows Phone 7, Android, and Symbian. This release does also support Windows 7 and Mac OS X 10.6 (“Snow Leopard”) desktop operating systems. The consistent Flash Player browser-based runtime is the most productive way to deliver content to users across operating systems and devices. Runtime consistency reduces the cost of creating, testing and deploying content across different device, software, network and user contexts and helps improve business results.   Flash Player 10.1 has been engineered to take advantage of upcoming Adobe media servers and hosted services that will provide innovative new ways to deliver rich and premium media experiences and create new business models.
  12. Flash Player 10.1 is the first consistent runtime release of the Open Screen Project that enables uncompromised Web browsing of expressive applications, content and video across devices. Flash Player 10.1 is now available for a broad range of mobile devices, including smartphones, netbooks and other Internet-connected devices, allowing your content to reach your customers wherever they are. Supported mobile device operating systems include: Palm webOS, Microsoft Windows Mobile 6.5, Android Éclair, and Symbian S60. This release does also support Windows 7 and Mac OS X 10.6 (“Snow Leopard”) desktop operating systems. The consistent Flash Player browser-based runtime is the most productive way to deliver content to users across operating systems and devices. Runtime consistency reduces the cost of creating, testing and deploying content across different device, software, network and user contexts and helps improve business results.  Flash Player 10.1 has been engineered to take advantage of upcoming Adobe media servers that will provide innovative new ways to deliver rich and premium media experiences and create new business models.
  13. Note: The performance improvements represent averages across 5 different benchmarks for each metric, using an HTC Fuzesmartphone running Windows Mobile 6.5. Software rendering performance represents an average framerate. Many of the optimizations are specific to phones.  For example, we added optimizations that only apply when the screen is 16-bits-per-pixel, which is common on phones but non-existent on desktops.  We wouldn’t expect to see a dramatic speed increase in the Windows/Mac desktop version of the player.To make it possible to deploy SWF content on smartphones and other mobile devices that have limited processing power and memory availability compared to PCs, a tremendous amount of engineering work has gone into to making Flash Player 10.1 “ready for mobility”. This work includes performance improvements, such as rendering, scripting, memory, start-up time, battery and CPU optimizations, in addition to hardware acceleration of graphics and video. Improvements in memory utilization and management, start-up time, CPU usage, and rendering/scripting performance benefit PCs as well as mobile devices. New mobile-ready features that take advantage of native device capabilities including support for multi-touch, gestures, mobile input models, accelerometer and screen orientation, bringing unprecedented creative control and expressiveness to the mobile browsing experience.Contextual applications that span different devices can adapt to different software and device contexts to provide optimized user experiences and deliver improved business results.
  14. The broad reach of the runtime makes it easier to deliver applications with minimum installation and bandwidth hassles. The large number of developers has lead to a robust ecosystem of open source projects, developer tools, and consulting agencies – all of which make it faster and easier to bring applications to market.
  15. Keep references to AIR not Flash PlayeriPhone solution today, Android solution at MAX, representation on other platformsSkip 2.0 bullets, focus on 2.5Move to authoring for multi-screen, workflow, better support for a wider range of designers/developers
  16. Delivering the new runtime for mobile phones requires a set of new features and investments.We have completed a huge amount of engineering to increase performance and use less memory on devices.As well as that, the new runtime supports features that are common on these new mobile platforms.We have added multi-touch support, Accelerometer, and new APIs for globalization, error handling and text input
  17. Flex is a highly productive, open source framework for building and maintaining expressive web applications that deploy consistently on all major browsers, desktops and operating systems.
  18. Flex is used in a wide variety of applications both outside the firewall and inside the firewall. The six are common use cases for Flex applications in the world today.Product Configurators – From motorcycles, automobiles, custom clothing, shoes, and more, providing people with the ability to select and customize products and services help them explore products, add options, cross-sell to related products and help customers get what they want. LOB applications – Line of Business applications are some of the last applications to migrate to the web. There are still thousands of installed, client-server applications that are core to running businesses, that are now being migrate to the web through the use of the Flash Platform. These applications deal with complex data, multiple windows and screens, and drive many of the core business processes in companies.Data Visualization – The ability to visualize complex business data in a way that allows people to quickly understand it leads to faster decision making and more accurate understanding of business operations. In addition, summarize large volumes of more complex data in highly visual systems helps people assimilate information faster.Rich Media Applications – Rich media is an obvious sweet spot for Flash, and we therefore see the majority of rich media applications today built in Flash.Self-Service applications – Self Service applications, whether B2B or B2C applications, help empower users to have more control over transactions with businesses today. These application reduce costs while increasing revenues through upsell/cross-sell opportunities. Product Selectors – Providing a visual means for people to select product from complex portfolios, help people order the products that meet their needs, while exposing them to potential upsell offerings. From electronics, to entertainment offerings, visual product selectors help people find what they are looking for faster.
  19. Let’s switch gears a bit a walk and help you understand the Flex and Flash Builder are. We start with the open source Flex framework. It provides the core programming language, compilers, and component libraries needed for creating rich Internet applications. Adobe Flash Builder is a professional-grade IDE, build on the popular Eclipse framework. Flash Builder helps developers accelerate the design, development and testing of Flex applications.