Jax 2011 keynote

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

1Wednesday, May 11, 2011

Adobe Flex

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

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

Additional OS’s

A costly, inefficient development model

Introducing a new mobile development paradigm

Additional OS’s

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

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

Adobe AIR APIs

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

AIR on smartphones and tablets

What about Flex ?

Adobe Flex 4.5

SPARK COMPONENT MODEL

FLEX FRAMEWORK 4

ActionScript MXML

GraphicsLayout

AnimationParts

States

Component Skin

CSS properties

BehaviorLogicData

Mobile Applications in Flex 4.5

s:TabbedViewNavigatorApplications:ViewNavigatorApplications:Application

<s:ViewNavigatorApplication> life cycle

views.ListEmployees views.DetailsEmployee views.ListEmployees

DATA DATA

persisted in memory

subset

view destroyed view created

“BACK” bu!on

DATA DATA

persisted in memory

subset

“BACK” bu!on

DATA DATA

persisted in memory

subset

“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>

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

Screens and Flex 4.5

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

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

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

BlackBerry PlayBookAndroid tablets Apple tablets

Tablet and Enterprise applications

Camera

Microphone

Mobility

Bright screen

Mobile applications + JAVA = REAL-TIME

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

§ 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

@mchaize

RIAgora.com Flex.orglabs.adobe.com

developer.adobe.com

Tour de Mobile Flex

Jax 2011 keynote

Technology

Mobile Development Choices: Native Apps vs. Web Apps at JAX 2011

JAX-RS JavaOne Hyderabad, India 2011

Jax keynote

Adobe flex at jax london 2011

Jax Rpc Versus Jax Ws

Home - Center One Jax Center One Jax

Spark IT 2011 - Developing RESTful Web services with JAX-RS

HTML5 Server Sent Events/JSF JAX 2011 Conference

2011 AdhearsionConf Keynote

Elements of the Fintech revolution - JAX Finance Keynote - April 2016

Keynote training 2011

SpringSource The Future of Enterprise Java - Spring …assets.spring.io/wp/wp-content/uploads/2008/04/JAX Keynote - Future... · The Future of Enterprise Java Keynote, JAX (Wiesbaden),

Loading [MathJax]/jax/output/CommonHTML/jax

Amost 2011 keynote

Jax london 2011

Moodlemoot 2011 keynote

Class of 2011 College Honors Keynote Speaker Keynote Address · Class of 2011 College Honors Keynote Speaker Keynote Address . Class of 2011 Nana Abena Acheampong Bachelor of Science,

JAX London Keynote: The Art of Shifting Perspectives

Rise and fall and rise of java jax 2011 london

Shrm jax conference keynote