Arrivée à Las Vegas

Je débute ce post depuis ma chambre du Treasure Island Hotel. Le voyage vers Las Vegas n’a pas été de tout repos, avec en tout 13-14 heures d’avion, 2 heures d’escales à Philadelphie, et pour finir, une douane aux États unis qui est, comme vous le savez sans doute, assez délicate à passer. Finalement, tout le monde est arrivé entier à Vegas afin d’assister au MIX 2009 de Microsoft.

Franchement, cette ville est hallucinante et disproportionnée (même pour une ville américaine). Pour ceux qui ne l’ont pas encore visitée, il faut vous l’imaginer comme un immense DisneyLand (pour adultes de plus de 21 ans). Les décors sont exhubérants et kitchs, le jour et la nuit se confondent et finissent par être de simples sous-ensembles indistincts et flous de la période de 24 heures définissant une journée. Bref on aime ou on aime pas, mais il est difficile de rester insensible à cet environnement riche en couleurs, en odeurs, en sons et bruits de la rue.

Nous sommes une dizaine de petits chanceux à être invités dont Fred Cavazza, Aude Mousset, François Sutter, David Ferrara, Cédric gavand, Cyril Giacopino et l’équipe d’UCAYA. Merci donc à Christophe Lauer pour cette invitation ainsi qu’au centre de formation Regart.net. Pour rappel, le MIX est sensé être très prolifique en annonces diverses concernant Silverlight 3 et Expression Studio 3. J’incrémenterai donc un post au fur et à mesure des annonces faites sur FlashXpress et Tweened. A plus tard donc pour un article contenant plein de news croustillantes…

Premier jour

Depuis hier matin, 9h00 à Las vegas, Scott Guthrie, Bill Buxton, Jonathan Harris et Joanna Mason dévoilent une grande partie des nouvelles fonctionnalités offertes par Silverlight 3 et Expression Blend 3 (désormais téléchargeables). Bill Buxton, directeur de recherche en charge à Microsoft research a commencé par sensibiliser le public (essentiellement composé de développeurs) à la nécessité de concevoir un design et une ergonomie performante. Ce qui parait évident depuis de nombreuses années pour bon nombre d’acteurs du Web. Son objectif fut surtout de démontrer le rôle central, dans la chaîne de production, occupé par les designers interactifs et autres intégrateurs. De son point de vue, il est nécessaire que le design d’application puissent être envisagé de manière souple, dynamique et vivante. Le nouvel outil de prototyping proposé par Expression Blend montré ci-dessous, SketchFlow qui répond en partie à ce besoin.

C’est Jonathan Harris qui a fait la démonstration de cette nouvelle fonctionnalité. Très franchement, ce module ajouté à Blend est vraiment prometteur en terme de conception et de prototypage. Il permet de designer les interfaces utilisateur simplement, de les relier en elles par des liens logiques puis de transformer simplement une maquette fonctionnelle en applications prête à être déployée. Outre cette importante fonctionnalité qui n’est d’ailleurs pas comprise dans la version d’essai proposée au téléchargement, voici toutes celles évoquées durant les conférences du MIX (je ne les cite pas toutes pour des raisons de confidentialité) :

Silverlight 3

• GPU support pour la vidéo, comme dans Flash on définiera l’utilisation directement dans le tag de l’object ou directement à l’exécution. A ne pas utiliser n’importe comment car comme pour Flash, l’objectif ici est d’utiliser le processeur de la carte graphique uniquement pour les rendus très demandeurs en processeurs. Pour la vidéo dans 95% des cas…

• H264 AAC MPEG4

• perpective 3D, ici rien d’autre que de la bonne 2.5D comme dans Flash 10.

• Bitmap & pixel API

• Pixel Shader effects. Vous pouvez dorénavant utiliser les filtres au sein de Silverlight et même créer les votre grâce au langage HLSL (High Level Shader Language). Ce langage est proche du C est s’apparente pas mal à PixelBender de la plate forme d’Adobe.

• Deep linking. Je n’ai pas vraiment testé cette fonctionnalité mais il semble qu’elle soit implémentée…

• Library caching support. Cette fonctionnalité est assez intéressante, elle permet de ne pas télécharger à chaque fois les librairies partagées par plusieurs applications Silverlight.

• Déploiement du lecteur Silverlight en dehors du navigateur. Grâce à un seul click droit, l’utilisateur peut transformer n’importe quelle applications Silverlight en application bureautique sandboxée. Cette fonctionnalité cible directement la plate forme AIR, mais ne correspond pas exactement au même modèle économique puisqu’il n’y a pas d’installeur proprement dit.

• Behaviors. Les comportements permettent au graphiste une plus grande autonomie. Ainsi, plus besoin d’un développeur pour créer des interactions utilisateurs. Plus que ça les comportements reposent sur le pattern decorator. Un développeur peut assez facilement créer des comportements supplémentaires puis les donner aux graphistes pour faciliter les tâches courantes d’interactivités.

• Le poids du lecteur Silverlight 3 : 40 kilos octets de moins que sl2.

Blend 3

• Joanna Mason nous a fait une démonstration de l’importation de fichiers Photohop et Illustrator (PSD, AI). Les vecteurs sont proprement exportée dans les deux formats sous forme d’arborescences. Les masques photoshop sont également récupérés et éditables sous Blend. Au final Blend génère le XAML correspondant à vos besoins.

• Intellisense XAML, C#, VB. Plus besoin d’installer Visual Studio, Blend devient un outil autonome Pour les développers pures souche, rien ne vaudra Visual Studio et son débogueur.

• Outils dégradé. Les graphistes vont être content, l’outil de gestion des dégradés a été largement amélioré et propose une ergonomie performante. C’est assez difficile à décrire, mais pour simplifier, il permet de personnaliser le dégradé directement dans la vue de design sans aller dans l’inspecteur de propriétés.

• Équations de mouvements. Les fonctions d’accélération comme celle proposées par Robert Penner sont maintenant directement intégrées au niveau des objets d’animations (StoryBoards et DoubleAnimation). Un nouveau panneau permet de configurer simplement chaque clé d’animation et de lui associer une équation. Par exemple, vous pouvez ajouter une animation de rebond et préciser ses paramètres : nombre de rebonds, facteur de rebond, etc…

• Liaison de propriété d’instances. Outre les liaisons de donnée et de modèle déjà présente, on peut désormais directement lier la valeur d’une propriété d’objet à une autre en mode OneWay, TwoWay ou OneTime. Tout cela est directement réalisable par le graphiste de manière simple.

• Créer des composants à partir d’éléments visuels simples. Blend propose désormais la possibilité de créer des composants à partir d’élements graphiques existants et introduit la notion de controlParts (un nouveau panneau est désormais accessible. Vous pouvez cliquer-droit sur un élément graphique ou logique et simplement le définir comme étant une partie du composant en choisissant dans une liste pré-définie. Il adoptera dans ce cas, le comportement logique associé à la partie du composant sélectionnée.

Voilà, c’est tout pour le moment mais je pense que cela vous donnera une idée plus juste des capacités qu’affiche désormais Silverlight. Reste à voir les versions finales de Blend et Silverlight 3 et à tester tout ça…

Deuxième jour

Je passe rapidement le keynote de la deuxième journée, Internet Explorer 8 y était évoqué et Microsoft a confirmé ce que tout le monde sait déjà : IE est lent si on le compare à un Chrome, l’accent a donc été mis sur la détection et la protection des malwares et autres spywares présents sur la toile. La conférence qui a suivi était plus interessante à tous points de vue, puisqu’il s’agissait des futurs fonctionnalités apportées dans Expression Blend 3 qui présage aussi de ce qui est prévu dans l’avenir. Doug Olson en charge de la présentation a commencé par dresser un rapide récapitulatif des objectifs poursuivis par la gamme Expression : améliorer l’expérience utilisateur, la productivité et abaisser les coûts. Au sein de Blend cela se traduit par les avancés suivantes :

• Prototypage avec SketchFlow. Voici plus d’informations sur le fonctionnement de cet outil. Chaque application de type SketchFlow est jouée au sein d’un container spécifique. Celui-ci permet d’annoter et de rajouter des propositions directement sur la maquette en cours de création. Au sein de Blend, il est ensuite possible de récupérer directement les remarques de chaque acteurs de la production grâce au panneau FeedBacks.Il est même possible de les exporter vers Word, dans ce cas on récupère un document Word avec un sommaire reprenant chaque page, les remarques apportées ou les ergonomie alternatives porposées. Il peut-être intéressant d’uploader l’application SketchFlow lors de chaque compilation pour partager facilement son accès et communiquer sur le projet. Un ensemble composants est disponible pour mettre en page et designer rapidement un prototype. Ceux-ci ressemblent à des croquis de composants dessinés au crayon à papier mais peuvent être personnalisés à tous moments et sont pleinement fonctionnels.

• Design des visuels en utilisant des données fictives ou réelles. Il est maintenant possible de générer des données aléatoires selon un schéma XML que vous pouvez définir simplement. C’est à la portée d’un graphiste web, l’idée est de choisir le nom de vos champs ainsi que le type de valeur contenue. Une fois les données fictives créées par Blend, il est possible de générer un composant Datagrid ou Listbox par un simple glisser-déposer sur la scène. Vous pouvez également directement aller chercher un fichier XML de votre choix, et ainsi travailler su des données réelles.

• Permettre l’interactivité sans utiliser de code. Blend 3 introduit la notion de comportement. Un graphiste peut ajouter des comportements aux objets de son choix par glisser-déposer. Dans une des conférences d’aujourd’hui, Microsoft a démontré ce concept en ajoutant une gravité, des pivots et tout un moteur physique. Le graphiste définit une gravité, une friction des éléments solides (l’équivalent de RigidBody en 3D) et hop une balle rebondit, percute un jeu de quilles, etc… Le deuxième exemple permettait de détecter un mouvement spécifique de la souris. Le designer dessine un tracé directement dans le panneau propriété. Par la suite, si ce mouvement est détecté à l’exécution détecté, on peut déclencher une animation, une modification de valeur ou n’importe quelle méthode de son choix.

• Code source des composants disponible. Tous les composants sont ouverts à la modification et à l’extension grâce au code source qui est fourni. Si vous êtes codeurs et que vous souhaitez modifier le comportement de tel ou tel composant, vous n’avez plus à réinventez la poudre. Cela vous permettra également de vous familiariser avec des APIs propres au framework Silverlight (je pense notamment au Silverlight Layout System).

Entre chaque conférence, un jeu concours était organisé autour de rockBand, ceux qui font le plus de points reparte avec des lots de folie )

Une conférence était organisée sur le C# pour les designers mais très franchement, vous trouverez l’équivalent sur Tweened grâce à la Web Tv. Nous avons tous fini la soirée dans une boîte branchée du Palacio. Il intéressant de noter que Mike Chambers, avec qui j’ai pu m’entretenir, était présent lors de la soirée au Tao Club et à de nombreuses conférences…