Jax 2011 keynote

© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Con!dential.

Michaël Chaize | Flash Platform Evangelist | www.RIAgora.com | @mchaizeArchitecting user experiences

1Wednesday, May 11, 2011

http://www.RIAgora.com

http://www.RIAgora.com


Adobe Flex

2


© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Con!dential.© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Con!dential.

Flex SDK

Flex Class Library

MXML ActionScript

Debuggers

How Flex Works in the Browser

Flash Builder IDE



Flex SDK

Flex Class Library

MXML ActionScript

Debuggers

How Flex Works in the Browser

Compile

SOAP HTTP/S AMF/S RTMP/S

Web Server

Existing Applications & Infrastructure

J2EE Application Server

Adobe Data ServicesXML/HTTPREST

SOAP Web Services

Browser

Flash Player

Flash Builder IDE


©2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Con!dential.

Flex & Java

&

Richness / Fast / Open-source / Industrialization



"e explosion of devices introduces new challenges for application development


© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Con!dential.© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Con!dential.© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Con!dential.

Native Mobile Application Development Model

NativeApp

NativeApp

NativeApp

NativeApp

Additional OS’s

A costly, inefficient development model



Introducing a new mobile development paradigm

Additional OS’s

AIR

Flex Application

One Tool, One Language, One Codebase

Any Platform

Common codebase



Platforms, browsers, and devices

In-browser

Outside the browser

Set-top boxes (Future)

Mobile Platforms



Adobe AIR

9



How Flex Works on Mobile and Desktop

Flex SDK

Flex Class Library

Debuggers

Flash Builder IDE

MXML ActionScript



How Flex Works on Mobile and Desktop

Compile & Package

SOAP HTTP/S AMF/S RTMP/S

Web Server / Market place

Existing Applications & Infrastructure

J2EE Application Server

LC Data ServicesXML/HTTPREST

SOAP Web Services

Mobile or Desktop

AIR Client Runtime

Files SQLite Noti!cations ClipboardFlex SDK

Flex Class Library

Debuggers

Flash Builder IDE

MXML ActionScript


©2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Con!dential.

Adobe AIR APIs

- Multitouch- Geolocation- Cameras- Microphone- Accelerometer- Display a web page- SQLite local database- Native extensions- GPU acceleration


© 2011 Adobe Systems Incorporated.

AIR on smartphones and tablets


What about Flex ?



Adobe Flex 4.5

14

4.5


SPARK COMPONENT MODEL

FLEX FRAMEWORK 4

ActionScript MXML

GraphicsLayout

AnimationParts

States

Component Skin

CSS properties

BehaviorLogicData


© 2010 Adobe Systems Incorporated. All Rights Reserved.

Mobile Applications in Flex 4.5

16

s:TabbedViewNavigatorApplications:ViewNavigatorApplications:Application



<s:ViewNavigatorApplication> life cycle

17

views.ListEmployees views.DetailsEmployee views.ListEmployees

DATA DATA

persisted in memory

subset

view destroyed view created

view destroyed view created

“BACK” bu!on



ActionBar

<s:View xmlns:fx=http://ns.adobe.com/mxml/2009 … title=”Expenses"> <s:navigationContent> <s:Button icon="@Embed('assets/home.png')"/> </s:navigationContent> <s:actionContent> <s:Button label=”+"/> </s:actionContent></s:View>

18 3

navigationContent titleContent actionContent



Components that have Mobile Skins

§ Bu$on

§ CheckBox

§ DataGroup

§ Group/HGroup/VGroup/TileGroup

§ Image/BitmapImage

§ Label List

§ RadioBu$on/RadioBu$onGroup

§ Scroller

§ TextArea

§ TextInput

19



Screens and Flex 4.5

<?xml version="1.0" encoding="utf-8"?>

<s:MobileApplication applicationDPI="160"> ...

20

var curDensity:Number = FlexGlobals.topLevelApplication.runtimeDPI;

<s:Image> <s:source> <s:MultiDPIBitmapSource source160dpi="logo.png" source240dpi="logo240.png" source320dpi="logo320.png" /> </s:source> </s:Image>



Flex 4.5 and tablets

21

BlackBerry PlayBookAndroid tablets Apple tablets



Demo

22


© 2011 Adobe Systems Incorporated.

Tablet and Enterprise applications

Camera

Microphone

GPS

3G

Mobility

Bright screen



Mobile applications + JAVA = REAL-TIME

24


LiveCycle Collaboration Service

IN-CONTEXT COLLABORATION

Webcam Chat

SharedForm



All external content and images pending approvals.

Multi-user collaboration in real time

LiveCycle Collaboration Service Flex & JAVA API

Major CapabilitiesMajor Capabilities

Peer-to-peer (P2P) streaming of data, audio and video HTTP server-to-server APIsPrivate audio/video streaming Server-side provisioning of services

Large Rooms – via on-demand loading of user presence

Audio/video application multicast

Record and Playback Screen sharing

JavaScript APIs – integration with a customer’s existing websitesJavaScript APIs – integration with a customer’s existing websites

26

§ Engage more effectively through a web presence enhanced with real-time collaboration tools.

§ Integrate text chat, whiteboard functionality, webcam video, and audio into any rich Internet application (RIA),


JAVA rockstar

JAVA + FLEX 4 rockstar


JAVA rockstar

JAVA + FLEX 4 rockstar

JAVA + FLEX 4.5HYPER ROCK STAR



Michaël Chaize & resources

30

@mchaize

RIAgora.com Flex.orglabs.adobe.com

developer.adobe.com

Tour de Mobile Flex


Jax 2011 keynote

Technology

Transcript of Jax 2011 keynote