Slides présentés au JUG de Lille. Introduction sur la RIA, Flash Platform, Adobe Flex... et les applications J2EE.

1. Adobe Flash Platform et JAVA
Michaël Chaize | Flash Platform Evangelist
©2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential.

2. Prîns eùne càyèle, pîs åssîs ' e pàrh tièrre !
Michaël Chaize
Flash Platform Evangelist
My blog: www.RIAgora.com
@mchaize
©2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential. 2

3. Menu du jour
Rich Internet Application
©2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential. 3

4. Evolution des applications en Entreprise
Global
2004
RICH INTERNET
WEB APPLICATIONS APPLICATIONS
REACH
1998
1992
Local
MAINFRAME CLIENT/SERVER
Text UI Integrated media GUI
RICH
®
4
Copyright 2008 Adobe Systems Incorporated. All rights reserved.

5. Pourquoi est-ce que les interfaces comptent ?
Forrester
August 7, 2009
e State Of Enterprise IT Budgets: 2009
by Heidi Lo and Andrew Bartels
®
Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe con dential. 5

6. Rich User Experiences: Productivité des utilisateurs
®
Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe con dential. 6

7. Rich User Experiences: Productivité des utilisateurs
5 mins 20 secs
Augmenter la productivité
& Améliorer la prise de décision
®
Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe con dential. 7

8. OTAN
®
Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe con dential. 8

9. OTAN
®
Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe con dential. 9

10. OTAN
From system-centric views, to user-centric applications.
®
Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe con dential. 10

11. Concevoir la nouvelle génération d’applications
Productivity by design
Productive users Productive developers
®
Copyright 2009 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential.

12. Adobe Flash Platform - Plateforme complète pour les interfaces riches
©2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential.

13. Adobe Flash Platform - Plateforme complète pour les interfaces riches
©2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential.

14. 97%
Flash Player 10 (March 2010)

15. The Open Screen Project
Singular experience, Multiple devices
Enable consumers to engage with rich Internet experiences seamlessly across any device, anywhere.
®
Copyright 2008 Adobe Systems Incorporated. All rights reserved.

16. Open Screen Project: plus de 70 partenaires
Technology Partners Content Partners
®
Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe con dential. 16

17. 10.1

18. Flash Player 10.1 API et le debug sur mobiles
©2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential. 18

19. En dehors du navigateur
O ine/Online sync (salesForce)
Invoke OS Native Processes
Embarquer vos librairies JAVA
Bientôt sur smartphones
ADOBE AIR 2.0

20. Adobe Flash Platform - Plateforme complète pour les interfaces riches
©2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential.

21. ADOBE FLEX 4

22. FLEX FRAMEWORK 4
OLD COMPONENT MODEL
Component / Skin
Graphics
Layout
Animation
Parts
States
Behavior
Logic
Data

23. FLEX FRAMEWORK 4
SPARK COMPONENT MODEL
ActionScript MXML
Component Skin
Graphics
Behavior Layout
Logic Animation
CSS properties Parts
Data States

24. Le fonctionnement
Flash Builder IDE Browser
Flex SDK Flash Player
MXML ActionScript
Flex Class Library SOAP HTTP/S AMF/S RTMP/S
Web Server
Compile
XML/HTTP LC Data Services
REST
SOAP Web Services J2EE Application Server
Existing Applications & Infrastructure
©2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential.

25. ADOBE FLEX 4

26. Show me the code
Mon premier tableau de
bord Flex + JAVA
©2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential. 26

27. Adobe Flash Platform - Plateforme complète pour les interfaces riches
©2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential.

28. BEST RIA WORKFLOW
DESIGNERS DEVELOPERS
FLASH CS5 FLASH CATALYST CS5 FLASH BUILDER 4

29. Show me the code
From static design artwork
to a RIA connected to a java
backend
©2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential. 29

30. Flash Platform - A complete system for web innovation
©2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential.

31. Flex + JAVA

32. Flex/JSP architecture
UI LAYER
Web browser
SERVER XML on HTTP(s) Java servlet container (tomcat, WAS…)
PRESENTATION
/SERVICES/DAO Webapp (WAR)
LAYER
JAVA classes/services
catalog.jsp
ProductService.java public getProducts()
DATABASE/
STORAGE LAYER
WSDL JDBC
2008 Adobe Systems Incorporated. All Rights Reserved.

33. AMF
Published in December 2007

34. REMOTING AMF
XML vs AMF
!®
!Copyright 2008 Adobe Systems Incorporated. All rights reserved.

35. Java and ActionScript types
© 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential.

36. Java and ActionScript value objects
Java VO ActionScript VO
© 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential.

37. Flex/Java classic architecture
UI LAYER
Web browser
AMF sur HTTPs
SERVER Java servlet container (tomcat, WAS…)
PRESENTATION
/SERVICES/DAO Webapp (WAR)
LAYER
LiveCycle Data Services JAVA classes/services
JAVA <-> AMF
RPC services Messaging Data Mgt ProductService.java public getProducts()
DATABASE/
STORAGE LAYER
WSDL JDBC
2008 Adobe Systems Incorporated. All Rights Reserved.

38. Show me the code
Récupérer des objets JAVA ?
©2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential. 38

39. Publish/Subscribe Messaging
LiveCycle DS / Blaze DS
!Client A
Message
Endpoint
Service
!Client B
!RTMP
!Client C
!AMF Publisher
!HTTP Subscriber
44
2008 Adobe Systems Incorporated. All Rights Reserved.

40. Messaging - Data Push
LiveCycle DS / Blaze DS
Messaging
Adapter X
System X
Message JMS
Endpoint JMS Adapter
Services Provider
Messaging
Adapter Y
System Y
!RTMP
!AMF Publisher
!HTTP Subscriber
45
2008 Adobe Systems Incorporated. All Rights Reserved.

41. Show me the code
Un chat en 5 minutes ?
©2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential. 41

42. Flex et les
développeurs JAVA

43. Apprendre un nouveau langage ?
Flex et les
développeurs JAVA
RAPIDE et FUN

44. Développement agile?
JavaUnit and FlexUnit
JavaPMD and FlexPMD
MAVEN, ANT
MVC frameworks
Hudson, Sonar reports
FlexCover, FlexCPD, load tests
Flex et les
développeurs JAVA
Conserver vos outils et vos méthodes

45. Applications critiques J2EE ?
Adobe J2EE
Flex et les libraries
développeurs JAVA
Framework leader pour la RIA

46. Comment apprendre Flex ?
www.FLEX.org
Flex et les
développeurs JAVA
Formations en ligne gratuites

47. Cycles de développement RIA
CLASSIC IT development cycle (system-centric apps) USERS
Business Services Presentation Design/Dev
De nition Delivery
layer exposure Layer iterations
Long and painful development cycles.
User is involved at the end of the process.
e presentation steps start a er backend steps.
60% of IT applications fail because of poor user adoption.
OPTIMIZED RIA development cycle (user-centric apps)
Business Services
USERS layer exposure
Design/Users Delivery
De nition USERS
iterations
Design/Dev Presentation
iterations Layer Up to 50% faster
Minimize iterations
Roles: design, business layer, presentation layer Successful deliveries
Functional and technical speci cations from the design
Guarantee user adoption
®
Copyright 2009 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential.

48. &

49. JAVA JAVA + FLEX
rockstar rockstar

50. Adobe Flash Platform - Plateforme complète pour les interfaces riches
©2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential.

51. Merci et n’hésitez pas à me contacter
Michaël Chaize
Flash Platform Evangelist
My blog: www.RIAgora.com
@mchaize
©2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential. 51