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

Netvibes atelier 14_octobre_2011_kg

Embed Size (px)

DESCRIPTION

Présentation issue de l'atelier organisé à la demande du RNDH le 14 octobre 2011

Citation preview

Page 1: Netvibes atelier 14_octobre_2011_kg

Atelier « Netvibes »Journée annuelle RNDH

14 octobre 2011

1Animé par Kumar Guha

Page 2: Netvibes atelier 14_octobre_2011_kg

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

Page 3: Netvibes atelier 14_octobre_2011_kg

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

Page 4: Netvibes atelier 14_octobre_2011_kg

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).

4

Page 5: Netvibes atelier 14_octobre_2011_kg

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

Page 6: Netvibes atelier 14_octobre_2011_kg

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 6

Codes couleur html :http://petitlien.fr/nuancier

Retouches d’images :http://www.irfanview.com/http://www.xnview.com/

Page 7: Netvibes atelier 14_octobre_2011_kg

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 7

Page 8: Netvibes atelier 14_octobre_2011_kg

Netvibes

Réalisation d’une page

ContenuUn widget est un « web gadget », il est inclus dans la page/dashboard, maisson 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.

Page 9: Netvibes atelier 14_octobre_2011_kg

Netvibes

Réalisation d’une page

Contenu : quelques widgets « essentiels »

9

Page 10: Netvibes atelier 14_octobre_2011_kg

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.

10

Page 11: Netvibes atelier 14_octobre_2011_kg

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.

11

Exemple de widget avec code html d’un moteur de recherche : http://www.netvibes.com/kumarguha/#widgets_a_la_demande

Page 12: Netvibes atelier 14_octobre_2011_kg

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. 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/

Page 13: Netvibes atelier 14_octobre_2011_kg

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.

Page 14: Netvibes atelier 14_octobre_2011_kg

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.

14

Page 15: Netvibes atelier 14_octobre_2011_kg

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.

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.

Page 16: Netvibes atelier 14_octobre_2011_kg

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.

Page 17: Netvibes atelier 14_octobre_2011_kg

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.com/http://feed43.com/

Page 18: Netvibes atelier 14_octobre_2011_kg

Netvibes

Merci de votre attention!

Kumar GuhaConseil en management de l’information-documentationhttp://docnews.wordpress.com [email protected]

18