Pourquoi nous n’avons pas de Webslice IE8 sur Kiwano

21 avril 2009
Tags : IE8, Navigateur, Nouveauté
2 commentaires

Nous n’avons pas mis en place de Webslice sur le site Web Kiwano, voici pourquoi :

• la solution n’est pas utilisable sans créer une page spécifique à la gestion du Webslice
• l’icône qui notifie l’utilisateur qu’un Webslice existe se positionne sur l’icône de syndication (RSS ou ATOM) du navigateur et masque donc le fait qu’un fil de syndication existe
• la documentation des possibilités de customisation des Webslices est encore pauvre

Faisons le point sur les Webslices, leurs avantages et leur défauts actuels.

Qu’est ce qu’un Webslice ?

Les Webslices sont une nouveauté de Internet Explorer 8 vous permettant d’être notifié (comme les flux de syndication) de nouvelles publications sur un site Web. Les Webslices peuvent être utilisés sur une zone très précise et permettent notamment d’être alerté de changements ciblés uniquement sur un sous-ensemble d’une page. Concrètement, lorsque la zone visée par le Webslice est modifiée, le moteur de Internet Explorer 8 notifie l’utilisateur que cette zone a évolué.

Quand un Webslice existe sur un site Web, une nouvelle icône apparaît au survol de la zone qui peut être ajoutée en tant que Webslice dans votre navigateur.
Voici à quoi ressemble l’icône des Webslices :

Si vous cliquez sur l’icône du Webslice, une popup vous propose de l’ajouter à votre navigateur, exemple sur une page de résultat du site eBay :

Lorsqu’il est ajouté, le Webslice s’affiche dans la bar Favoris du navigateur, en cliquant dessus on peut alors consulter le sous-ensemble de la page ciblée par le Webslice sans aller sur le site eBay. Le Webslice gère également la notification à l’utilisateur lors de la modification du site.

Comment ajouter un Webslice sur son site Web ?

Ajouter un Webslice sur son site Web est très simple. Il suffit de rajouter quelques informations à votre balisage HTML pour indiquer la présence d’un Webslice à IE8.

Exemple de code :
<div class="hslice" id="1">
   <p class="entry-title">Game System - $66.00</p>
   <div class="entry-content">
      <img src="game.jpg" alt="game" />
      <p>Auction ends: <abbr class="endtime" title="2008-02-28T12:00:00-05:00">6 hours</abbr></p>
   </div>
   <a rel="feedurl" href="www.ebay.com/game.xml">Subscribe to Feed</a>
   <p>This item updates every <span class="ttl">15</span></p>
</div>

Pouquoi la solution n’est-elle pas si idéale que cela ?

La spécification des Webslices indique que le Webslice doit pointer sur une URL du Feed pour pouvoir l’afficher.
Je pensais logiquement que la solution utiliserait le lecteur de flux RSS ou ATOM intégré dans Internet Explorer depuis la version 7. J’ai donc créé un Webslice utilisant le fil de syndication de Kiwano. Le résultat fut décevant : non seulement l’affichage du flux RSS est basique mais en plus le Webslice n’affiche que le détail du dernier article.

Il faut donc créer une page qui intègre un design spécifique si on veut faire un Webslice optimisé pour son site. Je n’ai pas eu le temps de faire ces tests mais j’ai bien peur que la page spécifique à l’intégration du Webslice ne se comporte pas comme une page normale et qu’il faille par exemple mettre les styles en inline dans la page. Si quelqu’un a déjà effectué ce genre de test, merci de laisser un petit commentaire, je suis curieux de connaître ses impressions.

Autre déception : quand un Webslice existe dans une page, l’icône RSS dans l’en-tête du navigateur (activée par le flux RSS du site) est remplacée par une icône Webslice. Résultat : les utilisateurs ne voient donc plus l’existence du fil de syndication.

Sans Webslice, la barre de navigateur ressemble à cela :

Avec un Webslice, la barre devient :

Conclusion

La solution des Webslices peut paraître une solution intéressante pour mettre en place un système de notification sur une partie d’une page. Cette fonctionnalité semble plus accessible pour les novices que la solution du fil de syndication qui est complexe à appréhender. Malheureusement, l’absence de mise en forme native d’un fil RSS dans un Webslice et la gestion de son icône dans le navigateur qui remplace l’icône RSS sont deux points qui me paraissent bloquant pour le moment. Une solution dont les évolutions sont donc à surveiller.