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