Introduction

Le jeudi 17 Avril 2008 se tenait à Paris l'évènement REMIX08 organisé par Microsoft France et de nombreux partenaires. Il s'agit d'un condensé et d'un remixe de la conférence MIX08 (LA conférence Microsoft pour le monde du Web) qui s'est déroulée début mars à Las Vegas.

Contrairement aux éditions précédentes, la conférence de cette année ciblait beaucoup moins les développeurs purs et durs (les hard codeurs, fans de pointeurs C++ et autres bizarreries techniques du même genre). Celle-ci s'adressait plus volontiers aux responsables e-commerce, e-marketing et Internet  et créatifs souhaitant être novateurs et faire la différence sur le Web.

La conférence proposée trois sessions au choix (car se déroulant en même temps):

Valoriser votre présence Web

Publics cibles : Responsables e-commerce, e-marketing et Internet

Il s'agissait ici de découvrir comment les dernières technologies Microsoft pouvaient optimiser sa présence Internet. Au programme, de nombreuses interventions de clients venues témoigner de leur stratégie et bonne pratiques autour de tables rondes.

Soyez créateur de différences !

Publics cibles : Créatifs, Concepteurs et Développeurs du Web

L'accent est ici mi sur l'ergonomie des applications Web. Il sera question des nouvelles versions de Silverlight, Expression Studio et de grandes nouveautés : Photosynth (reconstitution d'un lieu en 3D à partir de simples photos), SeaDragon (navigation et zoom dans des images de très haute définition) ou Web Messenger.

Développez votre activité avec les Services Web Microsoft

Publics cibles : Éditeurs de logiciels, agences interactives et sociétés de services web

Windows Live Messenger, Windows Live Mail, Windows Live Spaces, Virtual Earth. Le but ici est de découvrir tous les bénéfices apportés par l'intégration de ces différents services dans ses applications ou sites Web existants : interactivité, économie de temps, nouveaux revenus, accessibilité depuis un PC, un téléphone mobile ou d'autres devices.

Ne pouvant me dupliquer je n'ai donc pu assister qu'à une seule des trois sessions: Soyez créateur de différences ! C'est donc de celle-ci dont il sera principalement question ici.

D:\dotNET\developpez.com\Articles\ReMix08\photos\IMG_9380.JPG
Pas mal de monde, alors on fait la queue pour récupérer son badge d'entrée.

I. Soyez créateur de différences

Cette session était animée principalement par Dick Lantim (Microsoft France). Tradition oblige, nous avons commencé avec un bon quart d'heure de retard qu'il a fallu ensuite rattraper (quelques diapositives ont sautées.).

D:\dotNET\developpez.com\Articles\ReMix08\photos\IMG_9384.JPG

I-A. Remix Las Vegas

Nous abordons en premier un comparatif entre les RDA (Rich Desktop Application) et les RIA (Rich Internet Application).

RDA:

  • Interface riche et réactive
  • Possibilité d'accès à une base Entreprise
  • Possibilité d'accès aux ressources de la machine
  • Possibilité d'accès à Internet

De nouveaux besoins apparaissent quand à leur utilisation

  • Accès à des services Web
  • Accès à une base de données locale
  • Déploiement facile
  • Mise à jour facile

La réponse de Microsoft sur ce segment se nomme WPF (la nouvelle génération d'interface graphique apparue avec le Framework .NET 3.0).

S'en suit deux démonstrations de produits utilisant WPF. La première est une application WPH hébergée au sein du navigateur et qui propose la visite 3D d'une agence. La deuxième est une démo de MSDN Reader, un client riche permettant de consulter les articles du magazine MSDN.

ReaderShot.jpg

RIA:

  • Interface riche et réactive
  • Déploiement facile
  • Mise à jour facile
  • Multi navigateurs

De nouveaux besoins apparaissent quand à leur utilisation

  • Accès à des services Web
  • Accès à une base de données locale

Ici Microsoft propose Silverlight et plus particulièrement la version 2.0 (encore en béta à l'heure actuelle). Mais celui-ci ne permet pas l'accès à une base Entreprise ni l'accès aux ressources de la machine (comme la carte vidéo par exemple).

Quelques nouveautés de Silverlight 2.0 ont été abordées (suite de contrôles, DataBinding, de Linq to Objects et Linq To XML, sockets et des appels cross-domains, Intégration HTML). Vous pouvez voir un aperçu de ces nouveautés sur cet article de Benjamin Roux.

Silverlight se positionne donc bien en tant que produit multiplateforme et multi navigateurs (ActiveX pour IE, plugin pour Netscape). Microsoft revendique 1.5 millions de téléchargements par jour pour Silverlight.

Comme on le voit on tend vers une unification des plateformes. Il faut donc que les outils puissent suivre. Microsoft possède la gamme Expression actuellement en version 1.0 et qui regroupe différents outils: Expression Web (création de sites Web), Expression Blend (création d'applications WPF et Silverlight), Expression Design (graphisme), Expression Media qui inclut Expression Encoder (encodage de vidéo pour diffusion via Silverlight).

D:\dotNET\developpez.com\Articles\ReMix08\expressionstudio.png

La version 2.0 d'Expression Studio devrait être disponible très bientôt. Celle-ci inclura le support du Framework 3.5. Mais Silverlight 2.0 ne sera pas supporté car celui-ci se trouve encore en version béta. Cependant il existe Expression Blend 2.5 preview (une Béta donc) prenant en charge Silverlight 2.0.

Graphistes et développeurs doivent pouvoir collaborer entre eux facilement. Pour cela ils peuvent s'appuyer sur:

  • Un langage commun, le XAML
  • L'utilisation de styles, templates et databinding
  • Une structure de projet identique entre Blend et Visual Studio
  • Une synergie entre la gamme Expression et Visual Studio

Afin d'illustrer tout cela, Aude Mousset (i-breed) y est allé de sa démo (non sans mal).

D:\dotNET\developpez.com\Articles\ReMix08\photos\IMG_9387.JPG

I-A-1. Expression Encoder 2.0

Nous avons ensuite eu droit à une démo d'Expression Encoder 2.0. Parmi les nouveautés de cette version :

  • Editions simples de vidéos directement au sein d'Encoder
  • La possibilité d'utiliser un overlay (incrustation d'animations, logo, etc. par-dessus la vidéo) en XAML au lieu d'une simple image dans la version 1.0.
  • TimeLine intéractive
  • Nouveau codec VC-1
  • L'encodage "intelligent" permettant de ne ré-encoder que les modifications apportées à une vidéo (au lieu de la vidéo en entier dans la version 1.0)
  • Une API .NET permettant d'utiliser le moteur d'encodage dans ses propres applications .NET !
  • Intégration au sein de Workflows managés
  • Envoie direct de sa vidéo vers le service Silverlight Streaming

I-A-2. Deep Zoom

Pierre Lagarde est venu présenter la technologie Deep Zoom. Il s'agit d'une manière élégante de visionner et zoomer dans des images immenses et en haute résolution. Les images sont découpées en différents morceaux et seuls ceux visibles à l'écran sont téléchargés.

Vous pouvez voir un exemple de cette technologie ici: http://memorabilia.hardrock.com.

Pour nous aider il existe l'outil Deep Zoom Composer (aussi disponible en ligne de commande) permettant de préparer les images à être utiliser avec cette technologie.

I-B. L'ergonomie Web - Contrôler son trafic

Un nouvel invité fait ici son apparition. Il s'agit d'Amélie Boucher, directrice de People Square et spécialiste en ergonomie Web et qui vient faire un topo sur le couple technologie-ergonomie. Elle continuera à intervenir le reste de la session pour discuter de l'ergonomie des applications présentées par différents clients.

D:\dotNET\developpez.com\Articles\ReMix08\photos\IMG_9388.JPG


L'accessibilité des applications Web et les possibilités offertes par Silverlight ont été abordées. Si la version 1.0 n'offrait que le vectoriel et les "alternative tag", la version 2.0 est elle beaucoup plus riche: gestion de la tabulation, focus et entrées clavier, arbre d'accessibilité (UIA), Automation Peer (pilotage par la voix), informations d'accessibilités. Quand à IE8 il supportera la norme W3C ARIA.

Mais une application aussi ergonomique ne sert à rien si elle n'est pas connue du public. Il a donc été abordé le problème de l'indexation des applications Silverlight (et des RIA en générale) par les moteurs de recherche. Le principe est de transformer le XAML en HTML (compréhensible par les moteurs de recherches) via XSLT. Une recherche de l'expression "Silverlight SEO" vous donnera plus d'informations.

I-C. Séduire les utilisateurs

I-C-1. Interactivité et vidéo

Toufik Lerari, PDG de TequilaRapido a présenté une version (concept) Silverlight de M6Replay, qui permet de visionner un programme M6 que l'on aurait manqué. La subtilité consiste à placer des spots publicitaires ciblés, en ce servant notamment des marqueurs que l'on peut disposer sur les vidéos (via Expression Encoder par exemple). Par exemple, vous regardez une rediffusion de Turbo (émission consacrée aux voitures) et juste quand passe à l'essai de la nouvelle Audi un encart publicitaire apparait par dessus la vidéo et vous propose un lien vers le site Web du concessionnaire le plus proche.imparable.

L'application offrait une navigation intéressante ainsi que des fonctionnalités de partage, notamment avec Messenger via les activités (nous en parlerons un peu plus loin).

D:\dotNET\developpez.com\Articles\ReMix08\photos\IMG_9404.JPG

I-C-2. Interactivité et e-commerce

Stéphane Priolet (c-discount) et Guillaume Renaud (Microsoft France) ont présentés un concept de catalogue produits interactif en Silverlight.

I-C-3. Interactivité et e-tourisme

Bruno Delmas (CEO de la start-up Constellation) est venu faire la démonstration d'une application Silverlight combinant l'utilisation de plusieurs services Web et permettant de préparer un voyage touristique. Sur fond de carte Virtual Earth l'utilisateur peut visualiser différents site touristiques et réserver des hôtels en ligne.

D:\dotNET\developpez.com\Articles\ReMix08\photos\IMG_9408.JPG

I-D. Créer une relation permanente sur PC

De plus en plus de personnes et d'applications connectées. De plus en plus de consommation d'Internet en dehors du navigateur. Il est donc important pour un site Web d'en tirer partie pour propose rune relation permanant à ces internautes. Cela passe par une API (pour du B2B par exemple), des flux RSS, une exposition virale (s'exposer sur d'autres site) ou encore pouvoir être utilisable pour une composition (mashup).

Sur ce dernier point, Pierre Lagarde a effectué une démonstration de Popfly, un éditeur de mashups signé Microsoft, évidemment.

Une deuxième démo concernait les activités Messenger. L'application M6Replay (vu précédemment) permettait de faire découvrir à un contact MSN une vidéo que l'on avait aimée. Un fois le contact choisi, une activité messenger démarrait avec ce dernier et la vidéo se jouait en même temps chez les deux contacts.

Ce fût aussi l'occasion d'aborder IE8. Une première béta est disponible depuis quelques semaines. Celle-ci est pour le moment à destination des développeurs. Une prochaine béta, plus grand public et avec des modifications de l'interface sera disponible plus tard. Deux nouveautés interressantes sont les activités (permettant d'offrir des services contextuels sur une page web) et les Webslices (possibilité de souscrire à des portions de site web, avec notification de mise à jour).

I-E. Etendre cette relation en dehors du PC

Le PC n'a plus le monopole de l'accès à Internet. L'accès par les appareils mobile notamment explose et Microsoft se doit d'être présent sur ce marché.

Concernant Silverlight, Microsoft annonce une version (l'équivalent de la version 1.0 pour le moment) pour plateforme mobile. Seront pris en charge Windows Mobile 6 et Symbian (S60). La version finale pour mobile devrait sortir pour la fin de cette année. La première béta public devrait apparaître dans les semaines à venir. La version suivante, permettant le prise en charge du code managé est prévue pour l'année prochaine.

Nous avons eu droit à l'annonce par Seesmic du lancement premier client vidéo mobile réalisé en Silverlight Mobile. Il s'agit d'une version mobile de son service de conversations vidéo. Cette application permettra de consulter mais aussi de créer et uploader des vidéos vers son compte. Plus d'infos ici.

Microsoft propose aussi depuis déjà quelque temps un Media Center pour Windows et prépare une version commerciale de Surface (annoncé à 10000$ !).

En parlant de surface, Guillaume Rochart (Bouygue R&D) est venue présenter un prototype de table de même type que Surface. Mais le but ici n'est pas de concurrencer la table de Microsoft mais plutôt de valider des concepts et scénarios d'utilisation.

II. Espace Networking

Un espace "MIXez-vous!" permettait aux participants de rencontrer différents exposants et d'échanger entre eux.

D:\dotNET\developpez.com\Articles\ReMix08\photos\IMG_9393.JPG



Quatre buffets étaient à disposition des affamés et des assoiffés :

D:\dotNET\developpez.com\Articles\ReMix08\photos\IMG_9382.JPG



L'ambiance musicale était assurée par Eva Gardner.

D:\dotNET\developpez.com\Articles\ReMix08\photos\IMG_9417.JPG

III. Conclusion

Aucune véritable nouvelle annonce dans cette troisième édition du ReMIX08 (tout fût annoncé précédemment lors du MIX08 de Las Vegas). Mais cela permet quand même aux retardataires de se mettre à jour concernant les dernières technologies Microsoft pour le Web.

IV. Liens

Remerciements

J'adresse ici tous mes remerciements à l'équipe de rédaction de "developpez.com" pour le temps qu'ils ont bien voulu passer à la correction et à l'amélioration de cet article.

Contact

Si vous constatez une erreur ou pour toutes informations, n'hésitez pas à me contacter par le forum.