w-jax keynote 2010
DESCRIPTION
TRANSCRIPT
© 2010 Adobe Systems Incorporated. All Rights Reserved.
Build and Deploy RIAs and Mobile Applications Using FlexAnne Kathrine Petterøe @yojibeeEnterprise 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 SymbianiOS grows from #4 to #3Total 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.1AIR 2.0Public betas
Flash Player 10.1AIR 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
2009 2010 2011 20120
50
100
150
200
250
300
350Total Smartphones
Mill
ions
of
Sm
art
phones
9%
35%
53%
© 2010 Adobe Systems Incorporated. All Rights Reserved.
The Flash Platform is the leading solution for rapidly building RIAs
MultiscreenContent and Applications
Flex
ColdFusion
Flash Media Server Family
Flash PlatformServices
AIR
Flash Player
Flash Builder
FlashCatalyst
FlashProfessional
Creative Suite Analytics &Optimization
FLA
SH
PLA
TFO
RM
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 Downloads2,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/Visualization
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
© 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