Atelier «Netvibes» Journées annuelles RNDH 14 octobre 2011 Animé par Kumar Guha 1
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.... 2
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 3
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! 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). 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) 4
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. 5
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/nuanci er Retouches d images : http://www.irfanview.co m/ http://www.xnview.com/ 6
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.tagamedical.fr/images/ medical_over.gif7
Contenu Un widget est un «web gadget», 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. 8
Contenu : quelques widgets «essentiels» 9
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. 1
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/#wi dgets_a_la_demande 1
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. <Module> <Content type="html"> <![CDATA[ <select id="listemoteurs" onclick="choixmoteur(this.selectedindex);" size="5"> <option value="revues">google INRIA articles math-info</option> <option value="scholar">google Scholar</option> <option value="hal">hal-inria</option> <option value="pubmed">pubmed</option> <option value="wos">web of Science (title)</option> <option value="jstor">jstor</option> <option value="citeseerx">citeseerx</option> <option value="dblp">dblp</option> <option value="mathscinet">mathscinet (Ren,Roc,Sop)</option> <option value="zentralblatt">zentralblatt (Gre,Sop)</option> <option value="f1000">faculty of 1000 (Gre)</option> </select> function choixmoteur() { moteur=document.getelementbyid('listemoteurs'); choix=moteur.options[moteur.selectedindex].value; if (choix == "Revues") { envoirevues(); } if (choix == "Scholar") { envoischolar(); En principe, cette norme est également respectée par Google 12 pour igoogle. http://dev.netvibes.com/
«Copier» le widget des autres 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. http://dev.netvibes.com/ 13
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. 14
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. 15
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. 16
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. http://page2rss.co m/ http://feed43.com/ 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-netvibespremium/ 17
Retour d expérience à l INRIA Pourquoi avoir choisi Netvibes à l INRIA pour les services proposés par l Information Scientifique et Technique (IST)? Tous les services sur une même page Souplesse : chacun doit pouvoir prendre ce qui l intéresse pour l intégrer dans son environnement (résultat d une enquête auprès des usagers) Faire découvrir ce genre de plate-formes aux chercheurs. Plateforme très répandue et déjà utilisée pour la documentation (INIST, Esc Lille, ). 18
Retour d expérience à l INRIA La mise en place Petit groupe de travail pour élaborer le cahier des charges : maquette du résultat attendu. Prestataire pour réaliser les fichiers xml (pas assez de ressources en interne). Pas de test auprès des utilisateurs (exception à la démarche habituelle), démarche «Push». Mise en service et communication très large auprès des chercheurs. 19
Retour d expérience à l INRIA 20
Retour d expérience à l INRIA Quel «circuit éditorial»? 1 coordinateur : veille, auprès des responsables des services présentés, que les widgets sont à jour, identifie les widgets à modifier. Binôme pour la mise à jour des fichiers xml. 1 correspondant des services informatiques, où sont hébergés les fichiers xml. Groupe responsable de la cohérence des services: suggère, approuve les évolutions, prépare la com. 1 correspondant avec les commerciaux de Netvibes (statistiques, version Premium, ) 21
Retour d expérience à l INRIA Bilan Meilleure lisibilité et visibilité des services offerts par l IST. Présence dans différents environnements (Netvibes, igoogle) appréciée des utilisateurs. Harmonisation des services (la page Atelier documentaire du chercheur tend à remplacer la page intranet locale du service IST). Instabilité de Netvibes. Longueur de chargement de la page. Connaissance du xml et javascript indispensables pour les widgets «sur mesure» (évolution des widgets) 22
Merci de votre attention! Kumar Guha Professionnel info-doc http://docnews.wordpress.com Kumarutil@gmail.com 23