Des exemples d’utilisation de Microsoft Pivot Viewer

Dans un billet précédent, je vous présentais Microsoft Pivot, cette nouvelle technologie issue des Microsoft Live Labs qui tire partie de DeepZoom pour offrir une façon intuitive, visuelle et ludique de visualiser et d’intéragir avec une large collection de données structurées.

En complément de l’application Pivot qui est un client riche qui s’installe sur votre PC, les mêmes équipes ont dernièrement produit un contrôle en Silverlight que vous pouvez utiliser dans vos sites Web. Techniquement, c’est aussi simple que d’insérer un tag EMBED pour un player vidéo.

Vous trouverez la documentation sur ce contrôle Pivot Viewer ici à l’adresse https://www.getpivot.com/silverlight/  ainsi qu’un forum sur lequel les développeurs peuvent poser des questions et partager leurs expériences.

Voici à présent trois exemples d’utilisation du contrôle Pivot Viewer : deux sur des sites web publics actuellement en ligne, et une troisième qui est un prototype réalisé par Microsoft Consulting et qui n’est pas encore finalisé, et donc pas encore publiquement accessible.

Tweet Pivot

Cette application a été réalisée par une jeune start-up membre de BizSpark. Elle combine le contrôle Pivot Viewer avec les données de vos followers et following sur Twitter, ce qui en fait une application plutôt trendy. Mais vous allez voir rapidement en “jouant” avec que l’expérience est un peu déceptive et qu’on en a rapidement fait le tour… Je vais détailler pourquoi.

Wedding venues visual search

Le site Anglais Hitched.co.uk traite globalement de l’univers du Mariage et de tout ce qui s’y rapporte. Dernièrement, le site a été enrichi avec une page comportant le contrôle Pivot Viewer et qui permet de faire une recherche visuelle d’un endroit pour organiser la réception du plus beau jour de sa vie. Cette utilisation est très bien faite, et c’est une des meilleures utilisations de Pivot Viewer que vous pourrez trouver actuellement.

Pourquoi celà ? Parce que, premièrement, la collection de données est assez grande pour que la recherche visuelle ait du sens : si votre ensemble de données comporte 100 ou 200 éléments, c’est sans doute trop peu et le résultat sera sans doute déceptif. C’est aussi une très bonne utilisation de Pivot parce que les critères de filtrage et de choix sont nombreux et pertinents.

C’est aussi réciproquement ce qui fait que – à mon goût - le tweet pivot est un peu déceptif : On ne dispose que de quelques critères, et ceux ci ne sont pas toujours pertinents : filtrer les following par le nombre de leur followers ? Le filtrage sur la localisation n’est pas non plus une réussite, car cette donnée est facultative dans twitter, et que c’est une donnée “livre” non normalisée… Du coup on a des “Paris” et des “Paris, France”, “paris” Paris, FRANCE” ou encore “Paris – France”… Avouez quand même qu’il y aurait moyen de faire mieux. Et surtout, il faudrait faire un minimum de boulot via des APIs d’applications autour de twitter pour proposer d’autres critères comme les centres d’intérêt, hashtags courants, etc…

Autre détail qui a son importance : dans le Wedding Venues Visual Search, vous remarquerez que les images utilisées ne sont pas des photos brutes. Elles ont été retravaillées, mises en forme et comportent en quelques sorte déjà des métadonnées : il y a un code sur la couleur de la barre horizontale en bas de l’image : la couleur diffère en fonction de la région dans laquelle est situé une salle de réception données (mauve, par exemple sur la capture ci-dessous).

De ce fait, quand on recule ( disons quand on “dézoome”) on peut rapidement d’un simple coup d’oeil trier les différentes salles de réception par région, en observant la couleur de la fiche :

Si vous basculez sur une vue non plus en “grille” mais en colonnes, et que vous regroupez les salles par région, vous vous apercevez alors rapidement et visuellement que vous aurez plus de facilité à trouver une salle dans la région du Sud Est de l’Angleterre que dans le Nord Est. Et vous pouvez combinez ceci avec d’autres critères comme par exemple la capacité d’accueil de la salle (ici on a fixé à 215 invités…)

The Body Shop

Ce dernier exemple d’utilisation du Pivot Viewer est un prototype réalisé par un collègue de Microsoft Consulting - Bonjour, Max! ;) – pour son client “The Body Shop UK”. Cette application n’est pas encore en production, donc inutile pour le moment de la chercher sur le site de TheBodyShop, vous ne pourrez pas la trouver.

Voici une copie d’écran provenant de la machine virtuelle Windows Server 2008 dans laquelle ce prototype a été créé :

Croyez-moi ou pas : Il n’a pas fallu plus d’une journée à Max pour exporter les données de la base de données produit, les délinéariser, puis générer le fameux fichier .CXML qui est le format que consomme le contrôle Pivot Viewer. C’est vraiment très simple à mettre en oeuvre, à partir du moment où l’on possède une structure de données homogène et propre à la base.

Dans un prochain billet, nous verrons quelques conseils et trucs à prendre en compte pour la conception et la réalisation de collections de données pour Pivot Viewer. D’ici là, amusez-vous bien avec le Wedding Venues Visual Search ;)