Designer – Developer
Experience


Point Presse
3 juin 2009




                                                           ...
Les usages de Flash en 2009




                     Animation                                         Video              ...
L’écosystème Flash




                                                              Partenaires   Programmes




        ...
Les technologies Flash en 2009




     Outils Design & Développement                                Framework         Cli...
Les annonces de Juin 2009


                                                                     Toutes les technologies ...
Flex et le design




                                                                                                    ...
La première RIA




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




2009 Adobe Systems Incorporated. All Rights Reserved.
Flex rend le développement de RIA simple


      Open source ActionScript
       framework
      Modèle de développement...
Flex Builder : Expérience de coding avancée




2009 Adobe Systems Incorporated. All Rights Reserved.
Flex pour les Designers?

      Il est difficile de styliser une
       application comme on le
       souhaite




2009 ...
Flex pour les Designers?

      Il est difficile de styliser une
       application comme on le
       souhaite
      Le...
Flex pour les Designers?

      Il est difficile de styliser une
       application comme on le
       souhaite
      Le...
Flex pour les Designers?

      Il est difficile de styliser une
       application comme on le
       souhaite
      Le...
Le modèle de composant de Flex 3




                                                                          Component /...
Le modèle de composant de Flex 4 : MVC

                          ActionScript                                            ...
Le processus de création




                                                                                             ...
Le processus de création




                                                                                             ...
Le processus de création




                                                                                             ...
Le processus de création




                                                                                             ...
Le processus de création




                                                                                             ...
Storyboard




2009 Adobe Systems Incorporated. All Rights Reserved.
Graphisme




2009 Adobe Systems Incorporated. All Rights Reserved.
Prototype




2009 Adobe Systems Incorporated. All Rights Reserved.
Specifications




2009 Adobe Systems Incorporated. All Rights Reserved.
Le constat




                                                                                          Equipe
          ...
Mon souhait



                                                           ?
                                              ...
Démonstrations




                                                                                           ®




Copyri...
Adobe Flash Builder




                                                                                                  ...
Adobe Flash Builder 4

                      Un environnement de développement professionnel, basé sur
                   ...
Adobe Flash Builder 4 - Trois axes


          Améliorer la                                                          Dével...
Adobe Flash Builder 4 – Améliorer la productivité
 Nouveautés :
     Expérience de coding
                 Génération de...
Adobe Flash Builder 4 – Intégration de services distants
 Nouveautés:
     Introspection de services
           Assistan...
Adobe Flash Builder – Applications expressives
Nouvautés:

                   Import de projets Catalyst (FXP)
          ...
Adobe Flash Catalyst




                                                                                                 ...
Adobe Flash Catalyst – Nouvel outil de design (beta1)

     Un outil professionel de design interactif pour définir rapide...
Adobe Flash Catalyst – Améliorer la productivité


    Interface familière aux designers.
     Courbe d’apprentissage réd...
Adobe Flash Catalyst – Applications expressives


     Transformer du contenu statique en
      composants interactifs

 ...
Composants de l’Adobe Flash Platform


                        Workflow collaboratif entre designers et développeurs



 F...
Conclusion


                                                                                         Nouvelle génération...
®




Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe confidential.   42
Upcoming SlideShare
Loading in...5
×

Flash Builder et Flash Catalyst

1,731

Published on

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

Published in: Technology
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
1,731
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
77
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Flash Builder et Flash Catalyst

  1. 1. Designer – Developer Experience Point Presse 3 juin 2009 ® Copyright 2008 Adobe Systems Incorporated. All rights reserved.
  2. 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. 3. L’écosystème Flash Partenaires Programmes Communautés Technologie ® Copyright 2008 Adobe Systems Incorporated. All rights reserved.
  4. 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. 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. 6. Flex et le design ® Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe confidential. 6
  7. 7. La première RIA 2009 Adobe Systems Incorporated. All Rights Reserved.
  8. 8. Les coulisses de l’application Broadmoor 2009 Adobe Systems Incorporated. All Rights Reserved.
  9. 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. 10. Flex Builder : Expérience de coding avancée 2009 Adobe Systems Incorporated. All Rights Reserved.
  11. 11. Flex pour les Designers?  Il est difficile de styliser une application comme on le souhaite 2009 Adobe Systems Incorporated. All Rights Reserved.
  12. 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. 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. 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. 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. 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. 17. Le processus de création Equipe Technique Analyse Storyboard Graphisme Prototype Spécifications 2009 Adobe Systems Incorporated. All Rights Reserved.
  18. 18. Le processus de création Equipe Technique Analyse Storyboard Graphisme Prototype Spécifications 2009 Adobe Systems Incorporated. All Rights Reserved.
  19. 19. Le processus de création Equipe Technique Analyse Storyboard Graphisme Prototype Spécifications 2009 Adobe Systems Incorporated. All Rights Reserved.
  20. 20. Le processus de création Equipe Technique Analyse Storyboard Graphisme Prototype Spécifications 2009 Adobe Systems Incorporated. All Rights Reserved.
  21. 21. Le processus de création Equipe Technique Analyse Storyboard Graphisme Prototype Spécifications 2009 Adobe Systems Incorporated. All Rights Reserved.
  22. 22. Storyboard 2009 Adobe Systems Incorporated. All Rights Reserved.
  23. 23. Graphisme 2009 Adobe Systems Incorporated. All Rights Reserved.
  24. 24. Prototype 2009 Adobe Systems Incorporated. All Rights Reserved.
  25. 25. Specifications 2009 Adobe Systems Incorporated. All Rights Reserved.
  26. 26. Le constat Equipe Technique Storyboard Graphisme Prototype Spécifications 2009 Adobe Systems Incorporated. All Rights Reserved.
  27. 27. Mon souhait ? Equipe Technique Storyboard Graphisme Prototype Spécifications 2009 Adobe Systems Incorporated. All Rights Reserved.
  28. 28. Démonstrations ® Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe confidential. 29
  29. 29. Adobe Flash Builder ® Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe confidential. 30
  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. 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. 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. 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. 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. 35. Adobe Flash Catalyst ® Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe confidential. 36
  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. 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. 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. 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. 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. 41. ® Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe confidential. 42
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×