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