Atelier « Netvibes » Journée annuelle RNDH 14 octobre 2011 Animé par Kumar Guha
Netvibes  Définition 1 Une plateforme qui permet de réunir des informations de différentes sources afin de de créer un tab...
Netvibes  Le choix de Netvibes vient quand on s’est posé toutes ces questions (et qu’on y a répondu) : <ul><li>Quel public...
Netvibes  Réalisation d’une page <ul><li>Créer un compte  http://www.netvibes.com/signup   </li></ul><ul><ul><li>Attention...
Netvibes  Réalisation d’une page <ul><li>Les « Dashboards » </li></ul><ul><ul><li>C’est ce qu’on appelle une « page Netvib...
Netvibes  Réalisation d’une page <ul><li>Options > Général </li></ul><ul><li>Faire apparaître ou non le titre, le moteur i...
Netvibes  Réalisation d’une page <ul><li>Aspect de l’onglet </li></ul><ul><li>Ajouter une icône (y compris via une url*) a...
Netvibes  Réalisation d’une page <ul><li>Contenu </li></ul><ul><li>Un  widget  est un «  w eb ga dget  », il est inclus da...
Netvibes  Réalisation d’une page <ul><li>Contenu : quelques widgets « essentiels » </li></ul>
Netvibes  Réalisation d’une page <ul><li>Paramétrer un widget </li></ul><ul><li>Certains widgets nécessitent d’être paramé...
Netvibes  Réalisation d’une page <ul><li>Widget « code html » </li></ul><ul><li>Ce widget permet d’intégrer du code hmtl, ...
Netvibes  Réalisation d’une page <ul><li>Créer son propre widget </li></ul><ul><li>Il est possible de créer un widget, en ...
Netvibes  Réalisation d’une page <ul><li>« Copier » le widget des autres </li></ul>http://dev.netvibes.com/   Si un widget...
Netvibes  Réalisation d’une page <ul><li>Organisation libre des widgets dans la page </li></ul><ul><li>Une fois un widget ...
Netvibes  Réalisation d’une page <ul><li>Un ou plusieurs onglets? </li></ul><ul><li>Il s’agit de trouver un bon équilibre ...
Netvibes  Lien entre page privée et page publique <ul><li>Aucun... </li></ul><ul><li>Bizarrement, il est impossible de fai...
Netvibes  Rendre sa page « sociable » <ul><li>Ajouter le fil RSS de sa page d’actualités </li></ul><ul><li>Pour créer un f...
Netvibes  Merci de votre attention! Kumar Guha Conseil en management de l’information-documentation http://docnews.wordpre...
Prochain SlideShare
Chargement dans…5
×

Netvibes atelier 14_octobre_2011_kg

1 347 vues

Publié le

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

Publié dans : Technologie
0 commentaire
0 j’aime
Statistiques
Remarques
  • Soyez le premier à commenter

  • Soyez le premier à aimer ceci

Aucun téléchargement
Vues
Nombre de vues
1 347
Sur SlideShare
0
Issues des intégrations
0
Intégrations
12
Actions
Partages
0
Téléchargements
22
Commentaires
0
J’aime
0
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive

Netvibes atelier 14_octobre_2011_kg

  1. 1. Atelier « Netvibes » Journée annuelle RNDH 14 octobre 2011 Animé par Kumar Guha
  2. 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. 3. Netvibes Le choix de Netvibes vient quand on s’est posé toutes ces questions (et qu’on y a répondu) : <ul><li>Quel public est visé? </li></ul><ul><li>Quel sera le contenu? </li></ul><ul><li>Quelle durée? </li></ul><ul><li>Qui porte le projet? </li></ul><ul><li>Quels sont les services impliqués? </li></ul><ul><li>Qui alimente et met à jour? </li></ul><ul><li>Quels sont les critères de réussite? </li></ul><ul><li>Quel modèle économique? Tarifs : http://www.netvibes.com/fr/pricing </li></ul><ul><li>Pourquoi Netvibes et pas autre chose? </li></ul><ul><li>Tarifs : http://www.netvibes.com/fr/pricing </li></ul>
  4. 4. Netvibes Réalisation d’une page <ul><li>Créer un compte http://www.netvibes.com/signup </li></ul><ul><ul><li>Attention : une même adresse mail ne peut correspondre qu’à un seul compte et donc à une seule page publique Netvibes! </li></ul></ul><ul><li>Paramètres du compte </li></ul><ul><ul><li>On pourra exporter tous les fils RSS présents dans les pages Netvibes. </li></ul></ul><ul><ul><li>On peut faire la connexion avec son compte Facebook. </li></ul></ul><ul><ul><li>On peut supprimer un tableau de bord (une page) </li></ul></ul><ul><li>Contacts </li></ul><ul><ul><li>-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). </li></ul></ul>
  5. 5. Netvibes Réalisation d’une page <ul><li>Les « Dashboards » </li></ul><ul><ul><li>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. </li></ul></ul><ul><li>Une ou plusieurs pages privées </li></ul><ul><ul><li>Lors de la création d’un compte, c’est une page privée préremplie qui est créée. </li></ul></ul><ul><ul><li>Netvibes propose plusieurs thématiques et selon la thématique, il propose un contenu différent. </li></ul></ul><ul><ul><li>Chaque page peut contenir un ou plusieurs onglets. </li></ul></ul><ul><li>Une seule page publique </li></ul><ul><ul><li>-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. </li></ul></ul>
  6. 6. Netvibes Réalisation d’une page <ul><li>Options > Général </li></ul><ul><li>Faire apparaître ou non le titre, le moteur interne (zone de recherche) ou Google (afficher la recherche), positionner ce dernier. </li></ul><ul><li>Options > Contenu local et Langues </li></ul><ul><li>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. </li></ul><ul><li>Options > Thèmes (aspect graphique) </li></ul><ul><li>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). </li></ul><ul><li>On peut aussi créer un thème et le rendre public sur eco.netvibes.com </li></ul>Codes couleur html : http://petitlien.fr/nuancier Retouches d’images : http://www.irfanview.com/ http://www.xnview.com/
  7. 7. Netvibes Réalisation d’une page <ul><li>Aspect de l’onglet </li></ul><ul><li>Ajouter une icône (y compris via une url*) avant le titre, changer le titre, partager l’onglet avec un autre utilisateur Netvibes. </li></ul><ul><li>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. </li></ul>* Exemple : http://www.taga-medical.fr/images/medical_over.gif
  8. 8. Netvibes Réalisation d’une page <ul><li>Contenu </li></ul><ul><li>Un widget est un «  w eb ga dget  », il est inclus dans la page/dashboard, mais </li></ul><ul><li>son contenu ne vient pas de Netvibes. </li></ul><ul><li>Dans « Ajouter du contenu », les widgets sont proposés : </li></ul><ul><li>Par catégorie (business, sport, etc.). </li></ul><ul><li>Par les « essentiels » (types de widget : rss, meteo, post-it, blog, etc.). </li></ul><ul><li>Ajouter un flux : une façon rapide d’ajouter un widget de flux RSS, si on dispose d’une adresse de flux. </li></ul>
  9. 9. Netvibes Réalisation d’une page <ul><li>Contenu : quelques widgets « essentiels » </li></ul>
  10. 10. Netvibes Réalisation d’une page <ul><li>Paramétrer un widget </li></ul><ul><li>Certains widgets nécessitent d’être paramétrés. </li></ul><ul><li>Exemple, le widget « Web page » affichera le contenu d’un site web. </li></ul><ul><li>Il faut : </li></ul><ul><li>donner un titre au widget, </li></ul><ul><li>préciser l’adresse du site à afficher, </li></ul><ul><li>Indiquer la hauteur du widget (la largeur s’ajuste en réglant la largeur de la colonne où se trouve le widget), </li></ul><ul><li>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. </li></ul>
  11. 11. Netvibes Réalisation d’une page <ul><li>Widget « code html » </li></ul><ul><li>Ce widget permet d’intégrer du code hmtl, mais aussi du javascript et pratiquement tout code qu’une page html normale peut accepter. </li></ul><ul><li>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). </li></ul><ul><li>Il est possible de récupérer le code d’un widget html déjà existant (voir plus loin) et de l’adapter. </li></ul>Exemple de widget avec code html d’un moteur de recherche : http://www.netvibes.com/kumarguha/#widgets_a_la_demande
  12. 12. Netvibes Réalisation d’une page <ul><li>Créer son propre widget </li></ul><ul><li>Il est possible de créer un widget, en respectant la norme UWA : ce sera un fichier .xml qui respectera certaines règles. </li></ul><ul><li>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. </li></ul><ul><li>Ce widget est lui-même « encapsulé » (iframe) dans la page/dashboard. </li></ul><ul><li>En principe, cette norme est également respectée par Google pour iGoogle. </li></ul><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. 13. Netvibes Réalisation d’une page <ul><li>« Copier » le widget des autres </li></ul>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. 14. Netvibes Réalisation d’une page <ul><li>Organisation libre des widgets dans la page </li></ul><ul><li>Une fois un widget ajouté, il est possible de le déplacer à l’aide de la souris. </li></ul><ul><ul><li>Cette action n’est possible que si l’on est identifié(e). </li></ul></ul><ul><ul><li>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. </li></ul></ul>
  15. 15. Netvibes Réalisation d’une page <ul><li>Un ou plusieurs onglets? </li></ul><ul><li>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. </li></ul><ul><li>Limites de la personnalisation graphique </li></ul><ul><li>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! </li></ul><ul><li>On peut associer un css à un widget « maison », mais le css de Netvibes reste prioritaire. </li></ul><ul><li>A chaque thème correspond une palette de couleurs de widgets. On ne peut la modifier. </li></ul>
  16. 16. Netvibes Lien entre page privée et page publique <ul><li>Aucun... </li></ul><ul><li>Bizarrement, il est impossible de faire passer une page privée en page publique. </li></ul><ul><li>Pas de reprise de l’aspect graphique : il faut tout refaire quand on active pour la première fois une page publique. </li></ul><ul><li>...ou presque! </li></ul><ul><li>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é! </li></ul><ul><li> 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. </li></ul>
  17. 17. Netvibes Rendre sa page « sociable » <ul><li>Ajouter le fil RSS de sa page d’actualités </li></ul><ul><li>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. </li></ul><ul><li>Suivre d’autres pages Netvibes </li></ul><ul><li>Et être suivis... </li></ul><ul><li>Passer en version Premium </li></ul><ul><li>La version Premium propose des options de partage, de tags, qui permettent plus d’intéractions. </li></ul><ul><li>http://blog.netvibes.com/fr/decouvrez-netvibes-premium/ </li></ul>http://page2rss.com/ http://feed43.com/
  18. 18. Netvibes Merci de votre attention! Kumar Guha Conseil en management de l’information-documentation http://docnews.wordpress.com [email_address]

×