W-JAX Keynote 2010

© 2010 Adobe Systems Incorporated. All Rights Reserved.

Build and Deploy RIAs and Mobile Applications Using FlexAnne Kathrine Petterøe @yojibeeEnterprise Evangelist Adobe Systems GmbH


Disruptive Industry Trends

2

Explosion in the number

and diversity of devices

Consumer expectations

are rising

Open is coming (slowly)


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


Fragmentation: There Is No Consistent Device Platform

4


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


Singular experience, Multiple devices

Connecting developers/designers with customers

The Open Screen Project


Technology Partners

Open Screen Project

Content Partners


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


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


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%


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

http://www/adobe.com/flashplatform


The Flash Platform Serves Two Key Use Cases

Flash Player – Inside the Browser Adobe AIR – Standalone Apps


The Flash Platform Helps Move the Web Forward

Videos GamesRich Internet Applications

MusicInteractive ExperiencesVisualizations


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


Flash Player 10.1


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


Flash Player 10.1 Optimized for Mobile and Media

20

Double the number of operating systems reached New options for media delivery


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


Flash Player Demo


Adobe AIR


Adobe AIR

24

AIR Runtime Installations

200,000,000+

Developer Tools Downloads2,000,000+

Broad range of customer applications and adoption


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


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


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


AIR Demos


Flex 4.5


What Is Flex?

31

Productive Cross-platform Design


Flex Application Building Blocks

32

Controls Charts

Data binding Integration with servers Formatting and validation

Smart layout Skinning and styling Animation and transition

effects


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


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


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


Adding Mobile Specific UI Patterns

View navigation and transitions

Application components (action bar, menu)

Mobile- and touch-optimized controls


Taking Away the Grunt Work

Saving/restoring state when application is shut down/restarted

Handling different screen sizes/densities

Handling orientation changes


Tuning Performance for Mobile Devices

Optimizing application startup

Lightweight component skins

GPU acceleration for transitions/scrolling


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)


Flex Mobile Development Demo


Future Flash

W-JAX Keynote 2010

Documents

Transcript of W-JAX Keynote 2010