Adobe Flex 2

Ted Patrick
Adobe Systems

2006 Adobe Systems Incorporated. All Rights Reserved.

Introducing Rich Internet Applications

Global
2004

WEB APPLICATIONS

RICH INTERNET APPLICATIONS

1998
REACH

1992
Local
MAINFRAME Desktop

Text UI RICH Integrated media GUI

2005 Adobe Systems Incorporated. All Rights Reserved.

Demo Summary: Rich Internet Applications Characteristics

ƒ Expressiveness
ƒ Rich media integration
ƒ Performance / Responsiveness
ƒ Real time
ƒ Offline
ƒ Deep back-end integration
ƒ Web deployment model

2005 Adobe Systems Incorporated. All Rights Reserved.

Flash Player

98%

600 million
PCs and devices

2005 Adobe Systems Incorporated. All Rights Reserved.

 Flash Player

Flash Player Penetration

100.0%

90.0%

80.0%

70.0% FLASH
80% in ~12 months
60.0%

50.0%
OTHERS
40.0% Internet Explorer 6: 77% in 51 months2
30.0% Windows XP: 65% after 45 months3
20.0%
Java v1.4.x: 33% after 49 months4

10.0% Flash Player 5 Flash Player 6 Flash Player 7 Flash Player 8 Flash Player 8 (projected)

0.0%
Sep-02

Sep-03

Sep-04
Dec-01

Dec-02

Dec-04
Dec-03

Sep-06
Sep-01

Sep-05

Dec-06
Sep-00

Dec-00

Dec-05
Mar-03

Mar-04
Mar-02

Jun-02

Jun-03

Jun-04
Jun-01

Mar-05
Mar-01
Jun-00

Jun-05

Jun-06
Mar-06
Source: NPD, December 2006

ƒ Flash 8.0 reached 45% penetration in first 3 months

Flash Player 5 Flash Player 6 Flash Player 7 Flash Player 8

2005 Adobe Systems Incorporated. All Rights Reserved.

Adobe Engagement Platform

Creative
Tools

Universal Client Creative Suite

Programming Model Developer

Tools

Servers
LiveCycle ColdFusion Flex Data Flash Media Flex Builder
Services Server

Enterprise Infrastructure and Web Services

2005 Adobe Systems Incorporated. All Rights Reserved.

 Benefits of Rich Internet Applications

BUSINESS DEVELOPERS IT OPERATIONS

• Higher completion rates • More features • Web deployment model

• Higher utilization rates • Less code • Less server load
• Increased customer loyalty • Easier to maintain • Less bandwidth

ROI Time to Market TCO

2005 Adobe Systems Incorporated. All Rights Reserved.

Flex Customers Snapshot

PLATFORM VENDORS FINANCIAL SERVICES OTHER SECTORS

TELECOM

GOVT / DEFENSE

EDUCATION

2005 Adobe Systems Incorporated. All Rights Reserved.

Flex Architecture

Flash Player Flex UI components and client-side logic

Framework Application and data connectivity

SOAP HTTP/S AMF RTMP/S

Application Flex Data Data management and messaging

Server Open adapter architecture
Services

Business EJB, POJO

Tier

Integration Connectors to Data and Legacy Systems

Tier

Resource
Tier DBMS LDAP CRM/ERP Web
Services

2005 Adobe Systems Incorporated. All Rights Reserved.

How Flex Works

Flex Builder IDE Browser

Browser
MXML and ActionScript
Flash Player
Flex
Flex SDK
SDK
MXML
MXML ActionScript
ActionScript
Flex
Flex Class
Class Library
Library
Data Data

Web
Web Server
Server
Compile
XML/HTTP
XML/HTTP Flex Data Services 2
REST
REST
SOAP
SOAP Web
Web Services
Services J2EE
J2EE Application
Application Server
Server
.swf
Existing
Existing Applications
Applications and
and Infrastructure
Infrastructure

2005 Adobe Systems Incorporated. All Rights Reserved.

Flash Player 9

ƒ New World Class Virtual Machine

ƒ Performance (JIT Compiler)
ƒ Reduced memory consumption

ƒ ActionScript 3
ƒ Standard compliant (ECMAScript 4)
ƒ Strong and dynamic typing
ƒ Runtime error checking
ƒ ECMAScript for XML (E4X)

ƒ Seamless Deployment
ƒ One-click upgrade
ƒ Full backward compatibility

2005 Adobe Systems Incorporated. All Rights Reserved.

Flex Programming Model: MXML and ActionScript

<WebService id=“ws” wsdl=“catalog.wsdl”/>

<Button label=“Get Data” click=“ws.getProducts()”/>
<DataGrid dataProvider=“{ws.getProducts.result}”/>
<LineChart dataProvider=“{ws.getProducts.result}”/>

public class MyClass implements MyInterface {

public function doSomething():void {
try {
} catch (e:Exception) {
}
}
}

2005 Adobe Systems Incorporated. All Rights Reserved.

Class Library

UI Components Charting Components

ƒ Datagrid, Tree, List, TileList, ƒ LineChart, ColumnChart, BarChart,
HorizontalList, ... PieChart, HLOC, Candle, Plot, Bubble, ...
ƒ Tab, Accordion, Menu,
Expressiveness
ContextMenu, ...
ƒ Styling and Skinning
ƒ RichText Editor, Sliders, ...
ƒ Effects, Transitions
ƒ ToggleButton, PopupButton, ...
Data
Media Components
ƒ HTTPService, WebService, RemoteObject
ƒ Video, Audio, Streaming
ƒ Producer, Consumer
Layout Management ƒ DataService
ƒ Panel, VBox, HBox, VDividedBox, ƒ E4X data binding
HDivideBox, Form, Tile, Grid, … ƒ Paging
ƒ Constraint-based layouts ƒ Validators
ƒ View States ƒ Formatters

2005 Adobe Systems Incorporated. All Rights Reserved.

Flex 2 Product Line

Flex SDK 2 Flex Builder 2

MXML and ActionScript 3.0 Visual Layout

Flex Framework and Class Library Code Hinting

Command-line Compiler & Debugger
Debugging

Flex Skinning and Styling

Extensible Charting Components
Charting 2

Flex Data Services 2

Message Service

Data Management Service

RPC Services

2005 Adobe Systems Incorporated. All Rights Reserved.

2005 Adobe Systems Incorporated. All Rights Reserved.