Le standard Universal Widget API

Le format Universal Widget API (UWA) de Netvibes sert à développer un widget fonctionnant aussi bien sur Netvibes que sur iGoogle ou sur Dashboard d'Apple.

Un widget est un composant web qui s'exécute au sein d'une page d'accueil personnalisée, comme iGoogle ou Netvibes. Jusqu'ici, les widgets n'étaient pas portables. Un éditeur devait donc en développer autant qu'il existait de pages d'accueil personnalisées, soit potentiellement plusieurs dizaines.Avec Universal Widget API (UWA), Netvibes standardise la notion de widget pour éliminer cette contrainte. Cette portabilité n'a rien de théorique, puisqu'un widget UWA s'exécute déjà sur Netvibes, iGoogle, Dashboard, et la plupart des blogs.

L'exemple des blogs

Un widget UWA est écrit en XHTML (extensible HTML), CSS, et Javascript. Il se décompose en deux parties : un en-tête et l'application elle-même. L'en-tête comporte trois sous-parties distinctes. La première contient des métadonnées : nom, auteur, version, etc. La deuxième importe l'environnement d'exécution du widget : la bibliothèque Javascript et la feuille de style (CSS) constituant l'interface utilisateur. Ces deux fichiers sont fournis par le serveur de Netvibes pour aider le widget à s'exécuter n'importe où de manière autonome ?" sur un blog, par exemple.La troisième partie lie l'application à son interface graphique. On y précise notamment les paramètres utilisés par défaut par le widget pour récupérer une information sur un serveur distant : code postal pour afficher la météo locale, etc. C?"ur du widget, les traitements sont écrits en Javascript. Ils s'appuient sur Ajax pour récupérer des données sur un serveur distant en fonction des paramètres de l'utilisateur. Il peut aussi s'agir d'un simple formulaire [e-mail]

Chaque widget est une application autonome

1. Déployé à chaque utilisation
Lorsque l'utilisateur clique sur un lien pour ajouter un widget à sa page d'accueil personnalisée, il n'indique que l'URL du widget. A chaque chargement, la page d'accueil personnalisée ou le blog inspecte cette URL pour récupérer le code du widget et l'exécuter.

2. Un environnement d'exécution fourni par Netvibes
Le widget s'exécute localement dans le navigateur de l'internaute en s'appuyant sur les bibliothèques Javascript et CSS fournies par Netvibes. Cet environnement d'exécution aide le développeur à se concentrer sur les aspects métier de son widget, puisque l'environnement graphique est fourni par Netvibes.

3. Des échanges reposant sur Ajax
En fonction des paramètres de l'utilisateur ?" adresse d'un flux RSS, etc. ?" ou d'une donnée saisie dans le widget ?" code postal pour afficher la météo locale, par exemple ?", le widget interroge un serveur distant, qui lui retourne un résultat. Celui-ci est ensuite affiché par le code Javascript local, qui s'appuie sur les API UWA pour la mise en forme.

4. Des paramètres utilisateur stockés par la page d'accueil
Certains paramètres du widget peuvent être stockés sur le poste de l'utilisateur via un cookie. La plupart du temps, les pages d'accueil personnalisées utilisent un seul cookie pour reconnaître linternaute, et elles stockent les paramètres des applications sur leurs serveurs.