Slides de MIchael Chaize et Thibault Imbert pour le lancement de Flash Builder beta1 et Flash Catalyst beta1.

1. Designer – Developer
Experience
Point Presse
3 juin 2009
®
Copyright 2008 Adobe Systems Incorporated. All rights reserved.

2. Les usages de Flash en 2009
Animation Video Jeux
Web Apps & eCommerce Applications métier Widgets & Social Apps
®
Copyright 2008 Adobe Systems Incorporated. All rights reserved.

3. L’écosystème Flash
Partenaires Programmes
Communautés Technologie
®
Copyright 2008 Adobe Systems Incorporated. All rights reserved.

4. Les technologies Flash en 2009
Outils Design & Développement Framework Clients Serveurs
Adobe Flash Adobe Flex Adobe Adobe Flash Adobe AIR Adobe Flash BlazeDS LiveCycle
CS4 Professional Builder Flex Player Media Server Data Services Data Services
®
Copyright 2008 Adobe Systems Incorporated. All rights reserved.

5. Les annonces de Juin 2009
 Toutes les technologies Flash
rassemblées dans la “Flash
Platform”
 Première beta publique de Flash
Catalyst
 Flex Builder devient Flash Builder
 Le framework Open source Flex 4
socle commun des deux outils
Téléchargement depuis labs.adobe.com/technologies/flash/
®
Copyright 2008 Adobe Systems Incorporated. All rights reserved.

6. Flex et le design
®
Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe confidential. 6

7. La première RIA
2009 Adobe Systems Incorporated. All Rights Reserved.

8. Les coulisses de l’application Broadmoor
2009 Adobe Systems Incorporated. All Rights Reserved.

9. Flex rend le développement de RIA simple
 Open source ActionScript
framework
 Modèle de développement
proche du web (tags + script)
 Composants riches
 Gestion native des
comportements comme le
glisser-déposer
9
2009 Adobe Systems Incorporated. All Rights Reserved.

10. Flex Builder : Expérience de coding avancée
2009 Adobe Systems Incorporated. All Rights Reserved.

11. Flex pour les Designers?
 Il est difficile de styliser une
application comme on le
souhaite
2009 Adobe Systems Incorporated. All Rights Reserved.

12. Flex pour les Designers?
 Il est difficile de styliser une
application comme on le
souhaite
 Les composants Flex ne sont pas
les outils habituels des designers
2009 Adobe Systems Incorporated. All Rights Reserved.

13. Flex pour les Designers?
 Il est difficile de styliser une
application comme on le
souhaite
 Les composants Flex ne sont pas
les outils habituels des designers
 Avec Flex, vous démarrez la
conception d’une application
avec un style par défaut
2009 Adobe Systems Incorporated. All Rights Reserved.

14. Flex pour les Designers?
 Il est difficile de styliser une
application comme on le
souhaite
 Les composants Flex ne sont pas
les outils habituels des designers
 Avec Flex, vous démarrez la
conception d’une application
avec un style par défaut
 …puis on lui donne le look que
l’on souhaite
2009 Adobe Systems Incorporated. All Rights Reserved.

15. Le modèle de composant de Flex 3
Component / Skin
Graphics
Layout
Animation
Parts
States
Behavior
Logic
Data
®
Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe confidential. 15

16. Le modèle de composant de Flex 4 : MVC
ActionScript MXML
Component Skin
Graphics
Behavior Layout
Logic Animation
Data CSS Parts
properties States
Séparation complète de l’apparence et des fonctionnalités
®
Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe confidential. 16

17. Le processus de création
Equipe
Technique
Analyse Storyboard Graphisme Prototype Spécifications
2009 Adobe Systems Incorporated. All Rights Reserved.

18. Le processus de création
Equipe
Technique
Analyse Storyboard Graphisme Prototype Spécifications
2009 Adobe Systems Incorporated. All Rights Reserved.

19. Le processus de création
Equipe
Technique
Analyse Storyboard Graphisme Prototype Spécifications
2009 Adobe Systems Incorporated. All Rights Reserved.

20. Le processus de création
Equipe
Technique
Analyse Storyboard Graphisme Prototype Spécifications
2009 Adobe Systems Incorporated. All Rights Reserved.

21. Le processus de création
Equipe
Technique
Analyse Storyboard Graphisme Prototype Spécifications
2009 Adobe Systems Incorporated. All Rights Reserved.

22. Storyboard
2009 Adobe Systems Incorporated. All Rights Reserved.

23. Graphisme
2009 Adobe Systems Incorporated. All Rights Reserved.

24. Prototype
2009 Adobe Systems Incorporated. All Rights Reserved.

25. Specifications
2009 Adobe Systems Incorporated. All Rights Reserved.

26. Le constat
Equipe
Technique
Storyboard Graphisme Prototype Spécifications
2009 Adobe Systems Incorporated. All Rights Reserved.

27. Mon souhait
?
Equipe
Technique
Storyboard Graphisme Prototype Spécifications
2009 Adobe Systems Incorporated. All Rights Reserved.

28. Démonstrations
®
Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe confidential. 29

29. Adobe Flash Builder
®
Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe confidential. 30

30. Adobe Flash Builder 4
Un environnement de développement professionnel, basé sur
Eclipse, conçu pour les développeurs qui souhaitent rapidement
coder , tester et déployer des RIA multi-plateformes.
Edition de code MXML Mise en page visuelle et Debugger et profiler
et ActionScript Définition des styles (CSS) interactifs
®
Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe confidential. 31

31. Adobe Flash Builder 4 - Trois axes
Améliorer la Développement Workflow Design /
productivité Data-centric Développement
®
Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe confidential. 32

32. Adobe Flash Builder 4 – Améliorer la productivité
Nouveautés :
 Expérience de coding
 Génération de gestionnaire d’événements
 Génération des Getter/setter
 Aide Tooltip en ASDoc
 Vue de code par States
 Support de modèles
 Package explorer
 Développement agile
 Tests unitaires
 Builds en ligne de commande
 Nouveau: Network monitor
 Amélioration du debugging, profiling et
du re-factoring
®
Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe confidential. 33

33. Adobe Flash Builder 4 – Intégration de services distants
Nouveautés:
 Introspection de services
 Assistants d’introspection et tests d’appel
d’opération
 Génération automatique de code “exemple”
SOAP REST
côté serveur
 Vue du modèle de données
 Configuration visuelle des services
 Support du Data management et du paging
 Génération de composants et binding
 Génération automatique de formulaires
 Data-binding par glisser - déposer
®
Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe confidential. 34

34. Adobe Flash Builder – Applications expressives
Nouvautés:
 Import de projets Catalyst (FXP)
pour les connecter aux services
 Création de composants Flash
personnalisés
 Support du lien dynamique avec
Flash CS4
 Amélioration de la vue Design
 Exploitation des nouveautés du
Flash Player 10 (3D, texte avancé,
pixel bender, etc)
®
Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe confidential. 35

35. Adobe Flash Catalyst
®
Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe confidential. 36

36. Adobe Flash Catalyst – Nouvel outil de design (beta1)
Un outil professionel de design interactif pour définir rapidement
l’expérience utilisateur d’une RIA et publier du contenu interactif sans une
ligne de code
®
Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe confidential. 37

37. Adobe Flash Catalyst – Améliorer la productivité
 Interface familière aux designers.
Courbe d’apprentissage réduite
 Import de fichiers natifs Photoshop
et Illustrator en conservant les
calques
 Circuit d’édition du design avec
Photoshop et Illustrator
 Création d’interactions
sophistiquées sans coder
 Export des projets vers Flash Builder
®
Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe confidential. 38

38. Adobe Flash Catalyst – Applications expressives
 Transformer du contenu statique en
composants interactifs
 Design qui profite de toute la
richesse de la plateforme Flash
 Itérations rapides pour améliorer le
design de l’application
 Utilisation de données fictives le
temps de la phase de design
 Design de contenu interactifs ou
d’applications riches complexes
®
Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe confidential. 39

39. Composants de l’Adobe Flash Platform
Workflow collaboratif entre designers et développeurs
Flash Professional Flash Catalyst Flash Builder
Création de Intégration de Développement
contenu animé contenu statique d’applications
interactif et interactif riches
Cible : Cible : Cible :
Animateurs, Intégrateurs, Développeurs de
Designers Designers RIA utilisant le
interactif interactif framework Flex,
Développeurs
ActionScript ®
Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe confidential. 40

40. Conclusion
 Nouvelle génération d’outils pour
améliorer le développement de RIA
expressives et rapidement connectées à
des services
 Flex Builder devient Flash Builder
 Première beta publique de Flash Catalyst
 Le framework Open Source Flex 4 est la
clef de voute de cette nouvelle génération
 Téléchargez et participez !
Disponibles sur http://labs.adobe.com
®
Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe confidential. 41

41. ®
Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe confidential. 42