atelier « netvibes » journées annuelles rndh 14 octobre...
TRANSCRIPT
Atelier « Netvibes »Journées annuelles RNDH
14 octobre 2011
1Animé par Kumar Guha
Netvibes
Définition 1Une plateforme qui permet de réunir des informations de différentes sources afin dede créer un tableau de bord (dashboard).
Définition 2Un agrégateur de fils RSS, pour un tableau de veille.Définition 3Un point d’accès unique, un portail.
Définition 4Une vitrine pour son organisation....
2
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 3
Netvibes
Réalisation d’une page
Créer un compte http://www.netvibes.com/signupAttention : 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).
4
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.
5
Netvibes
Réalisation d’une page
Options > GénéralFaire apparaître ou non le titre, le moteur interne (zone
de recherche) ou Google (afficher la recherche), positionner ce dernier.
Options > Contenu local et LanguesDé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 6
Codes couleur html :http://petitlien.fr/nuanci er
Retouches d’images :http://www.irfanview.co m/http://www.xnview.com/
Netvibes
Réalisation d’une page
Aspect de l’ongletAjouter 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.gif7
Netvibes
Réalisation d’une pageContenu
Un widget est un « web gadget », il est inclus dans la page/dashboard, mais son contenu ne vient pas de Netvibes.
8
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.
Netvibes
Réalisation d’une pageContenu : quelques widgets « essentiels »
9
Netvibes
Réalisation d’une pageParamé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 0
Netvibes
Réalisation d’une pageWidget « 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. 1
1
Exemple de widget avec code html d’un moteur de recherche : http://www.netvibes.com/kumarguha/#wi dgets_a_la_demande
NetvibesRé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. 12
<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();
http://dev.netvibes.com/
Netvibes
Réalisation d’une page« Copier » le widget
des autres
13http://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.
Netvibes
Réalisation d’une pageOrganisation 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
Netvibes
Réalisation d’une pageUn 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.
15
Limites de la personnalisation graphiqueA 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.
Netvibes
Lien entre page privée et page publiqueAucun...
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.
16
...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.
Netvibes
Rendre sa page « sociable »
17
Ajouter le fil RSS de sa page d’actualitésPour 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 NetvibesEt être suivis...
Passer en version PremiumLa 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.co m/http://feed43.com/
Netvibes
Retour d’expérience à l’INRIA
18
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,…).
Netvibes
Retour d’expérience à l’INRIA
19
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.
Netvibes
Retour d’expérience à l’INRIA
20
Netvibes
Retour d’expérience à l’INRIA
21
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,…)
Netvibes
Retour d’expérience à l’INRIA
22
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)
