UE Informatique ambiante Module Informatique graphique. Rémy Legrand Simon Toussaint Option Vision Embarquée

Transcription

1 UE Informatique ambiante Module Informatique graphique Rémy Legrand Simon Toussaint Option Vision Embarquée

2 Déroulement de la séance Partie «Cours» environs 30 minutes (+ questions) Partie «TP d initiation à Expression Blend 4» Partie «Restitution»

3 Sommaire Introduction Expression Blend 4 Les points essentiels La concurrence Conclusion

4 Avant propos (ou contexte?) Projet WPF : Nouveau concept de programmation Silverlight : Créer des projets web Expression blend 4: Expression blend WPF Silverlight

5 Qu est ce que Expression Blend 4??? C est un outil professionnel de conception d'interfaces utilisateurs de Microsoft. Il est utilisé pour créer des interfaces graphiques riches mêlant le meilleur du Web et du poste de travail. Expression Blend est écrit en utilisant le.net Framework 3.0 et le «Windows Presentation Foundation»(WPF). Introduction Son but : proposer une véritable plate forme commune pour les designers, les développeurs et les utilisateurs afin de concevoir les premières esquisse d interface graphique d un projet

6 Historique Origine du nom: Son nom de code pour Microsoft était «Sparkle» A l'origine, le produit a été annoncé en tant que «Microsoft Expression Interactive Designer» Mais en décembre 2006, il a été renommé en «Expression Blend» Attention a ne pas le confondre avec le logiciel «blender» Versions disponibles: Introduction Expression Blend 1 Expression Blend 2 Expression Blend 3 Expression Blend

7 Caractéristiques Il se trouve dans la suite Microsoft Expression 2010 Expression Blend 4 supporte la programmation visuelle, le support de WPF ( 3.5 et 4), silverlight ( 3.5 et 4), le support des formats d'adobe (photoshop, illustrator), l export pour les Windows Phone 7. Expression Blend fonctionne-t-il avec Visual Studio? Oui, car «Microsoft Expression» et «Visual Studi»o partagent le même format de projet («.sln») permet d'atteindre un nouveau degré d'efficacité graphiste/développeur Expression blend 4

8 Configuration minimum requise Système d exploitation Windows XP (SP3), Windows Vista, Windows 7 PC avec processeur 1 GHz 1 Go de RAM 2 Go ou plus d'espace disque disponible.net Framework 4.0 Silverlight 4.0 Expression blend 4 Firefox 3.0 ou plus, et Internet Explorer 8 (pour certaines fonctionnalités)

9 Ses possibilités Conception d une application visuellement, dessiner des formes, des tracés et des contrôles sur la planche graphique, puis modifier leur apparence et leur comportement. Importation des images, et de fichiers vidéo et audio. Création des tables de montage séquentiel qui animent les éléments visuels ou audio d une conception et éventuellement déclencher ces tables de montage séquentiel lorsque les utilisateurs interagissent avec votre application. Expression blend 4

10 SketchFlow Révolutionne la vitesse à laquelle on peut prototyper une idée de conception d'une application. Permet de présenter rapidement des idées, des flux de l'interface utilisateur à des client avec un prototype efficace. Transmet une idée à travers des dessins basiques et des éléments qui aideront un client à se concentrer sur la fonctionnalité du prototype plutôt que le détail. Projets réutilisables Les points essentiels

11 Les importations Expression Blend comprend des puissants importateurs pour permettre une intégration harmonieuse d'adobe Photoshop et Adobe Illustrator avec le workflow utilisé par les concepteurs visuels d'aujourd'hui. Lors de l'importation, il y a possibilité de voir et d'importer des fichiers Photoshop couche par couche. Les couches peuvent aisément être regroupées et les éléments gardent leur format original ; position des couches, texte modifiable et vecteurs. Les points essentiels

12 Les Comportements Les comportements sont des blocs puissants pour la mise en place de l'interactivité Les développeurs peuvent encapsuler des interactions complexes et des idées dans des productions réutilisables pouvant ensuite être affinées visuellement par l'inspecteur des propriétés sans écrire de code. Assurer une cohérence dans l équipe, réduit le chevauchement dans les tâches et permet aux équipes de maximiser leur force de proposition en terme d'innovation. Les points essentiels

13 Conception d applications Windows Phone7 Offre le workflow simplifié pour le développement de Windows Mobile 7 qui n'était auparavant disponible que pour Silverlight et les applications. NET. La livraison d'applications innovantes sur Windows Phone. Il n'a jamais été aussi facile de créer l'interface utilisateur d une application. Les points essentiels

14 Espaces de travail Menus Outils Objets et chronologie l espace de travail de Design Planche graphique Projets, propriétes et ressources Résultats l espace de travail d animation L interface graphique

15 Comparatif Expression blend: Adobe Creative Suite: Première sortie en 2003 Version actuelle : 5.5 Compatible avec des tablettes (ipad, galaxy tab, ), Smartphone Première sortie en 2007 Version actuelle : 4 Compatible seulement avec des produits Windows La concurrence

16 Les points faibles Disponible seulement sous Windows Payant Communauté de développeurs encore restreinte (car c est très récent) Projet en C# ou visual basic Conclusion

17 Les points forts Concepteurs et les programmeurs peuvent travailler sur le même projet en même temps sans se gêner mutuellement. Révolutionne la vitesse de prototypage Permet l'interactivité sans écrire de code Accélère la création d'interfaces efficaces avec un échantillon de données Conclusion Propose des diagnostics visuels avancés pour accélérer le débogage Importation de fichiers Adobe Photoshop et Adobe Illustrator

18 Questions