L'atelier sur Netvibes du 14 octobre 2011, animé par Kumar Guha, présente cette plateforme comme un outil d'agrégation d'informations permettant de créer des tableaux de bord personnalisés et de gérer des flux RSS. Le document couvre les étapes de création, de personnalisation et de partage de pages Netvibes, ainsi que l'utilisation de widgets et d'options avancées pour les utilisateurs. Il aborde également les aspects économiques et stratégiques liés à l'utilisation de Netvibes dans un contexte organisationnel.

1. Atelier « Netvibes » Journée annuelle RNDH 14 octobre 2011 Animé par Kumar Guha

2. Netvibes Définition 1 Une plateforme qui permet de réunir des informations de différentes sources afin de de créer un tableau de bord ( dashboard ). Définition 2 Un agrégateur de fils RSS, pour un tableau de veille. Définition 3 Un point d’accès unique, un portail. Définition 4 Une vitrine pour son organisation. ...

3. Netvibes Le choix de Netvibes vient quand on s’est posé toutes ces questions (et qu’on y a répondu) : Quel public est visé? Quel sera le contenu? Quelle durée? Qui porte le projet? Quels sont les services impliqués? Qui alimente et met à jour? Quels sont les critères de réussite? Quel modèle économique? Tarifs : http://www.netvibes.com/fr/pricing Pourquoi Netvibes et pas autre chose? Tarifs : http://www.netvibes.com/fr/pricing

4. Netvibes Réalisation d’une page Créer un compte http://www.netvibes.com/signup Attention : une même adresse mail ne peut correspondre qu’à un seul compte et donc à une seule page publique Netvibes! Paramètres du compte On pourra exporter tous les fils RSS présents dans les pages Netvibes. On peut faire la connexion avec son compte Facebook. On peut supprimer un tableau de bord (une page) Contacts -On peut « s’abonner aux univers » Netvibes d’autres personnes et voir qui s’est abonné au nôtre (ne fonctionne pas bien sur Chrome).

5. Netvibes Réalisation d’une page Les « Dashboards » C’est ce qu’on appelle une « page Netvibes », un univers ou un tableau de bord. On peut créer plusieurs pages privées, on y accède uniquement en se connectant à son compte. Une ou plusieurs pages privées Lors de la création d’un compte, c’est une page privée préremplie qui est créée. Netvibes propose plusieurs thématiques et selon la thématique, il propose un contenu différent. Chaque page peut contenir un ou plusieurs onglets. Une seule page publique -L’activer signifie la créer. La désactiver revient à la cacher. Le nom de la page sera dans son url, donc, il faut le choisir avec soin.

6. Netvibes Réalisation d’une page Options > Général Faire apparaître ou non le titre, le moteur interne (zone de recherche) ou Google (afficher la recherche), positionner ce dernier. Options > Contenu local et Langues Définit la langue de travail de Netvibes et les paramètres de localisation permettent de proposer un contenu issus de la zone définie. Options > Thèmes (aspect graphique) La galerie permet d’utiliser un thème existant (images et couleurs prédéfinies) et de l’adapter dans « Personnaliser » (attention, faire des tests). On peut aussi créer un thème et le rendre public sur eco.netvibes.com Codes couleur html : http://petitlien.fr/nuancier Retouches d’images : http://www.irfanview.com/ http://www.xnview.com/

7. Netvibes Réalisation d’une page Aspect de l’onglet Ajouter une icône (y compris via une url*) avant le titre, changer le titre, partager l’onglet avec un autre utilisateur Netvibes. Afficher sur x colonnes : il vaut mieux faire un choix dès le début et s’y tenir, car un changement en cours de route peut déplacer les widgets à des endroits inattendus et obliger à réorganiser toute sa page. * Exemple : http://www.taga-medical.fr/images/medical_over.gif

8. Netvibes Réalisation d’une page Contenu Un widget est un « w eb ga dget », il est inclus dans la page/dashboard, mais son contenu ne vient pas de Netvibes. Dans « Ajouter du contenu », les widgets sont proposés : Par catégorie (business, sport, etc.). Par les « essentiels » (types de widget : rss, meteo, post-it, blog, etc.). Ajouter un flux : une façon rapide d’ajouter un widget de flux RSS, si on dispose d’une adresse de flux.

9. Netvibes Réalisation d’une page Contenu : quelques widgets « essentiels »

10. Netvibes Réalisation d’une page Paramétrer un widget Certains widgets nécessitent d’être paramétrés. Exemple, le widget « Web page » affichera le contenu d’un site web. Il faut : donner un titre au widget, préciser l’adresse du site à afficher, Indiquer la hauteur du widget (la largeur s’ajuste en réglant la largeur de la colonne où se trouve le widget), Indiquer si on veut autoriser à voir toute la page grâce à un ascenseur ou si seule la partie de la page correspondant à la taille du widget sera visible.

11. Netvibes Réalisation d’une page Widget « code html » Ce widget permet d’intégrer du code hmtl, mais aussi du javascript et pratiquement tout code qu’une page html normale peut accepter. Par exemple, on peut créer un moteur de recherche sur une base OpenURL (dont le terme de recherche se retrouve dans l’url de la page de résultats). Il est possible de récupérer le code d’un widget html déjà existant (voir plus loin) et de l’adapter. Exemple de widget avec code html d’un moteur de recherche : http://www.netvibes.com/kumarguha/#widgets_a_la_demande

12. Netvibes Réalisation d’une page Créer son propre widget Il est possible de créer un widget, en respectant la norme UWA : ce sera un fichier .xml qui respectera certaines règles. On crée un formulaire html, on associe des fonctions javascript, etc. La norme permet de dire que le code ainsi créé est « encapsulé » dans un widget. Ce widget est lui-même « encapsulé » (iframe) dans la page/dashboard. En principe, cette norme est également respectée par Google pour iGoogle. <Module> <Content type=&quot;html&quot;> <![CDATA[ <select id=&quot;listemoteurs&quot; onClick=&quot;choixmoteur(this.selectedIndex);&quot; size=&quot;5&quot;> <option value=&quot;Revues&quot;>Google INRIA articles math-info</option> <option value=&quot;Scholar&quot;>Google Scholar</option> <option value=&quot;HAL&quot;>HAL-INRIA</option> <option value=&quot;Pubmed&quot;>Pubmed</option> <option value=&quot;WoS&quot;>Web of Science (title)</option> <option value=&quot;JSTOR&quot;>JSTOR</option> <option value=&quot;Citeseerx&quot;>Citeseerx</option> <option value=&quot;DBLP&quot;>DBLP</option> <option value=&quot;MathSciNet&quot;>MathSciNet (Ren,Roc,Sop)</option> <option value=&quot;ZentralBlatt&quot;>ZentralBlatt (Gre,Sop)</option> <option value=&quot;F1000&quot;>Faculty of 1000 (Gre)</option> </select> function choixmoteur() { moteur=document.getElementById('listemoteurs'); choix=moteur.options[moteur.selectedIndex].value; if (choix == &quot;Revues&quot;) { envoiRevues(); } if (choix == &quot;Scholar&quot;) { envoiScholar(); http://dev.netvibes.com/

13. Netvibes Réalisation d’une page « Copier » le widget des autres http://dev.netvibes.com/ Si un widget d’une autre page Netvibes répond à votre besoin, vous pouvez le « récupérer » en cliquant sur « Partager », en haut à droite du widget. Si l’on est identifié(e), on peut tout de suite transférer une copie de ce widget dans l’une de ses pages. Il faudra ensuite le positionner à l’endroit voulu. Il est aussi possible de chercher ce widget via « Ajouter du contenu », si on connaît son nom.

14. Netvibes Réalisation d’une page Organisation libre des widgets dans la page Une fois un widget ajouté, il est possible de le déplacer à l’aide de la souris. Cette action n’est possible que si l’on est identifié(e). Une personne qui consulte une page publique en cours de modification ne la verra pas changer en temps réel, il faudra qu’elle recharge la page pour voir la modification.

15. Netvibes Réalisation d’une page Un ou plusieurs onglets? Il s’agit de trouver un bon équilibre entre exhaustivité et lisibilité. Prendre l’avis d’un web designer peut être utile. Le temps de chargement des widgets est aussi à prendre en compte. Limites de la personnalisation graphique A chaque fois qu’on touche à « Options », on risque de perdre quelque chose qu’on avait réglé précédemment : bien vérifier à chaque fois que tout est à sa place! On peut associer un css à un widget « maison », mais le css de Netvibes reste prioritaire. A chaque thème correspond une palette de couleurs de widgets. On ne peut la modifier.

16. Netvibes Lien entre page privée et page publique Aucun... Bizarrement, il est impossible de faire passer une page privée en page publique. Pas de reprise de l’aspect graphique : il faut tout refaire quand on active pour la première fois une page publique. ...ou presque! Il est possible de copier un onglet ou un widget d’une page privée dans la page publique grâce aux bouton « Partager cet onglet ». Mais souvent, l’ordre des widget s’en trouve perturbé!  On peut travailler directement sur la page publique et la désactiver à chaque fois pour qu’elle reste invisible jusqu’à ce qu’elle soit mise en production.

17. Netvibes Rendre sa page « sociable » Ajouter le fil RSS de sa page d’actualités Pour créer un fil RSS à partir d’une page qui n’en n’a pas, il existe des outils en ligne : Page2RSS, Feed43, etc. Suivre d’autres pages Netvibes Et être suivis... Passer en version Premium La version Premium propose des options de partage, de tags, qui permettent plus d’intéractions. http://blog.netvibes.com/fr/decouvrez-netvibes-premium/ http://page2rss.com/ http://feed43.com/

18. Netvibes Merci de votre attention! Kumar Guha Conseil en management de l’information-documentation http://docnews.wordpress.com [email_address]