breizh camp adobe flex et les mobiles

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

Michaël Chaize | Flash Platform Evangelist | www.RIAgora.com | @mchaizeFlex 4.5 et les applications multi-screen

Thursday, June 23, 2011

© 2010 Adobe Systems Incorporated. All Rights Reserved.

Innovation et interfaces riches

2

Thursday, June 23, 2011

®

Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe con!dential. 3

N’exposer pas ce qu’a"end le système

Thursday, June 23, 2011

®

Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe con!dential. 4

Exposer ce qu’a"end l’utilisateur

5 mins 20 secs

Augmenter la productivité et améliorer la prise de décision

Thursday, June 23, 2011

© 2010 Adobe Systems Incorporated. All Rights Reserved. 5

Customer care @ Adobe

Thursday, June 23, 2011

© 2010 Adobe Systems Incorporated. All Rights Reserved. 6

Adobe Hendrix

15%solve a case

+10%customer

satisfaction

1day training

Thursday, June 23, 2011

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

Adobe Flex

7

Thursday, June 23, 2011

© 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

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

Thursday, June 23, 2011

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

Flex & Java

&

Richness / Fast / Open-source / Industrialization

Thursday, June 23, 2011

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

Le multiscreen introduit de nouveaux dé!s techniques pour les développeurs d’applications

Thursday, June 23, 2011

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

Technology Partners

Open Screen Project: Adobe et plus de 70 partenaires

Content Partners

Thursday, June 23, 2011

© 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

Thursday, June 23, 2011

© 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.

Introducing a new mobile development paradigm

Additional OS’s

AIR

Flex Application

One Tool, One Language, One Codebase

Any Platform

Common codebase

Thursday, June 23, 2011

© 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.

Platforms, browsers, and devices

In-browser

Outside the browser

Set-top boxes (Future)

Mobile Platforms

Thursday, June 23, 2011

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

Adobe Flex 4.5

15

4.5

Thursday, June 23, 2011

SPARK COMPONENT MODEL

FLEX FRAMEWORK 4

ActionScript MXML

GraphicsLayout

AnimationParts

States

Component Skin

CSS properties

BehaviorLogicData

http://www.lafabrick.com/labz/skins/jellySkin/

Thursday, June 23, 2011

© 2010 Adobe Systems Incorporated. All Rights Reserved.

Mobile Applications in Flex 4.5

17

s:TabbedViewNavigatorApplications:ViewNavigatorApplications:Application

Thursday, June 23, 2011

© 2010 Adobe Systems Incorporated. All Rights Reserved.

<s:ViewNavigatorApplication> life cycle

18

views.ListEmployees views.DetailsEmployee views.ListEmployees

DATA DATA

persisted in memory

subset

view destroyed view created

view destroyed view created

“BACK” bu!on

Thursday, June 23, 2011

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

Un problème technique: la densité des écrans

19

150 x 40 pixel bu"on

Desktop monitor@100 dpi

= 1.5” x 0.4”

Galaxy Tab@160 dpi

= 0.9” x 0.25”

Droid 2@240 dpi

= 0.6” x 0.17”

iPhone 4@320 dpi

= 0.46” x 0.13”

Un même nombre de pixels pour différentes tailles physiques

Thursday, June 23, 2011

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

Flex 4.5 et la mise à l’échelle automatique

20

<Application applicationDPI=“160”> <Button width=“160” height=“40”/></Application>

160 dpi 240 dpi 320dpi

Scaled 1.5x Scaled 2x

Thursday, June 23, 2011

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

Flex 4.5 and smartphones/tablets

21

BlackBerry PlayBookAndroid tablets Apple tablets

Thursday, June 23, 2011

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

Demo

22

Thursday, June 23, 2011

Thursday, June 23, 2011

SPRING BLAZE DS INTEGRATION PROJECT

FLEX AND JAVA

Thursday, June 23, 2011

JAVA rockstar

JAVA + FLEX 4 rockstar

JAVA + FLEX 4.5HYPER ROCK STAR

Thursday, June 23, 2011

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

Les Flexeurs à Rennes

26

Réunion Lundi à la Cantine Rennaise

18h30 - 20h30

Les frameworks MVC

Thursday, June 23, 2011

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

Michaël Chaize & resources

27

@mchaize

RIAgora.com Flex.orgdeveloper.adobe.com

Tour de Mobile Flex

Thursday, June 23, 2011

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

Thursday, June 23, 2011