Netvibes atelier 14_octobre_2011_kg

1 381 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 381
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]

×