Gérer ses signets en ligne avec Diigo :

approfondissement

Marie-Laure Malingre, Alexandre SerresURFIST de Rennes

20 novembre 2013

2

PLAN

• 1/ Approfondissement des fonctions de base

• 2/ Les fonctions de capture d’écran

• 3/ Les groupes

• 4/ Importer ses signets

• 5/ Diffuser, exporter ses signets et ses tags

• 6/ Les comptes Educator

SOMMAIRE

1/ Approfondissement des fonctions de base

4

- La barre d’outils Diigo (Diigo Extension sur la page Tools) est compatible avec :

- Firefox, Internet Explorer et Flock- Pour Chrome, extension « Web Collector, Capture and Annotate »

- La barre d’outils permet :- Les opérations de mémorisation (par les boutons de bookmarking

dans la toolbar / par un clic droit sur la page)- Différentes opérations de gestion des bookmarks- L’affichage sur la page visitée des annotations et des extraits

publics faits par d’autres utilisateur

- Autre option possible : la Diigolet

Personnaliser la barre d’outils Diigo

5

- Fonction « Options » de la Toolbar

- Accès par le menu Diigo

- Accès par l’élément « Options » de la barre d’outils

- Accès par le Menu Outils > Modules complémentaires de Firefox

Personnaliser la barre d’outils Diigo

6

- 3 types de paramétrages possibles :

- Options pour l’affichage des éléments de la toolbar et des menus :

- Eléments Diigo en 1er sur le menu contextuel

- Affichage du menu Diigo à la sélection de texte

- Affichage préférentiel de boutons de la Toolbar

- Mode d’affichage des boutons

- 2 paramétrages par défaut

Personnaliser la barre d’outils Diigo

7

- Options pour les fonctions de bookmarking et de surlignage :

- Rendre ses signets privés par défaut

- Options par défaut pour le bookmarking rapide

> icône Livre (ou raccourci) :

- Sauvegarder les bookmarks ailleurs (Delicious, navigateur)

- Masquer les annotations de certaines pages

- Options de surlignage

Personnaliser la barre d’outils Diigo

8

- Autres options :- Raccourcis

- Détection de médias

Personnaliser la barre d’outils Diigo

9

- Filtres de la barre d’outils :- Signets récents

- Signets non lus

- Création de filtres

> Pour faciliter l’accès aux signets

Possibilités de filtrage de la Toolbar

10

• Liste : sous-ensemble de signets, regroupés sur un thème commun– publique ou privée– permalink : URL pérenne– Possibilité de créer plusieurs listes

• Plusieurs fonctionnalités sur les listes :– Informations sur la liste– Impression, édition, suppression– Affichage en diapositives– Abonnement par fils RSS– Organisation de la liste avec les Sections

Gestion des listes

11

Gestion des listes

12

- Possibilité d’afficher une Liste de signets sous forme de diaporama :

Affichage des listes en diaporama

13

• Affichage des pages et ressources sauvegardées, selon l’ordre de classement choisi

– Affichage des annotations et surlignages– Possibilité de paramétrer le déroulement du

diaporama : • Durée d’affichage par défaut : 10 sec.• Possibilité d’insérer un fond sonore

• Intérêt de la fonction WebSlides

Affichage des listes en diaporama

14

• Deux possibilités de créer des diaporamas :– A partir d’un fil RSS– A partir d’une Liste

Affichage des listes en diaporama

15

• Quelques exercices sur les tags :

– Ajouter rapidement un tag au dernier signet– Utiliser les guillemets plutôt que l’underscore pour les

expressions : – Fusionner deux tags identiques mais orthographiés

différemment– Afficher les tags commençant par un chiffre, un signe ou une

lettre accentuée– Repérer les tags les plus et les moins utilisés de votre liste de

tags– Comparer vos tags à ceux de la communauté

URFIST de Rennes, 2013

Gérer ses tags

16

Utiliser les fonctions de partage de Diigo

• Partage de plusieurs signets simultanément

•Toolbar Diigo

- Plusieurs modalités de partage• Icône de partage > Send To, sous chaque signet, pour envoyer à

son réseau, à des adresses mail précises

• Diigolet

17

Utiliser les fonctions de partage de Diigo

- Partager une ressource annotée- Fonction « Share > Get Annotated Link, sous chaque signet

- Bouton Send de la barre d’outil > Get Annotated Link

Aperçu de la page annotée

Par copier - coller

2/ Fonctions de capture d’écran

19

L’extension Diigo pour la capture d’écran

• L’extension Awesome Screenshot

– Pour Firefox, Chrome ou Safari

– Fonctions : • capturer et annoter une page

– Intérêt : • Richesse des fonctionnalités par rapport à la simple capture de la

barre d’outils Diigo

– A noter :• Attention aux problèmes de compatibilité entre l’extension et la

version du navigateur utilisée

20

L’extension Diigo pour la capture d’écran

• Installer Awesome Screenshot sur Chrome – Depuis la page Tools de Diigo– Affichage du menu initial

• 3 options de capture

Découper la capture

Rectangle cercleflèche lignes

BrouillageTexte

Sélecteur de couleur

12

21

L’extension Diigo pour la capture d’écran

• Gestion de la capture– Modification possible

• Sauvegarder la capture– En ligne

• Temporaire• Permanente

– Sur Diigo

– Sur Google Drive

– En local

3/ Les groupes

23

Les groupes

• Un groupe :

– Un espace collaboratif avec d’autres utilisateurs Diigo• Membres ou non de son propre réseau

– Pour le partage et la gestion commune de signets

– Un outil de veille collaborative sur un thème : • Groupe public ou privé• alimenté par les différents membres• Possibilité d’abonnement RSS

– Exemple : Groupe Evaluation de l’information• Sauvegarde possible des signets du groupe dans sa

bibliothèque individuelle• Commentaires sur les signets du groupe

24

Les groupes

https://groups.diigo.com/group/bibliotheques-et-numerique

https://groups.diigo.com/group/accompagnement-et-formations-pdagogiques-des-enseignants

https://groups.diigo.com/group/c2i2e-veille-ur2

https://groups.diigo.com/group/cyberloire

Groupes de veille collaborative sur Diigo

25

• Aller dans Groupes et cliquer sur :• Suivre les deux étapes :

Créer un groupe

26

Créer un groupe

Décider si le groupe sera public ou privé

Indexable par les moteurs ou non ?

Choisir parmi les trois statuts du groupe : ouvert, sur demande, par invitation

27

Créer un groupe

Inviter des personnes à participer au groupe

28

Alimenter le groupe

Lors du bookmarking d’une ressource, cocherla case « Share to a Group »

Choisir le Groupe dans la liste des groupes

29

Rejoindre un groupe

• Trois manières de rejoindre un groupe : – Accès libre : – Par demande :– Par invitation par un

membre du groupe :

4/ Importer ses signets

31

• À partir du navigateurLe cas de Firefox

2 possibilités :• Par la toolbar• Par le navigateur

– Import par la barre d’outils Diigo

• Utiliser la fonction « Import Bookmarks » du menu Diigo

Importer ses signets

32

Importer ses signets

Importer tous les signets du navigateur

Mettre en édition le signet pour le compléter

Caractère privé ou public des signets

Caractère privé ou public du signet sélectionné

Sélectionner les signets à importer

OU

33

– Import par le navigateur / Firefox• Aller sur l’interface de gestion des marque-pages

Importer ses signets

Exporter les marque-pages comme fichier bookmarks.html

34

– Import par le navigateur / Firefox (suite)

• Cliquer sur le lien Tools de Diigo pour afficher la page permettant l’import des marque-pages du navigateur dans Diigo (Import bookmarks dans paragraphe Web Services)

Importer ses signets

- Récupérer le fichier- Ajouter les tags souhaités- Indiquer si les signets seront publics ou privés- Importer

35

• À partir d’une autre plateformeLe cas de DeliciousVia le lien Tools

– Page « Import des bookmarks » > de Delicious

Importer ses signets

- Exporter depuis Delicious le fichier des bookmarks- Le récupérer sous Diigo- Ajouter les tags souhaités- Importer

36

• Alimenter la bibliothèque Diigo avec ses tweets

– Fonction « Save Favorite Tweets » (via Tools)

• Connexion entre le compte Twitter et le compte Diigo

• Sauvegarde automatique quotidienne des Tweets

• Sur le compte gratuit de Diigo, concerne seulement la 1ère page de tweets favoris

– Pour aller plus loin, voir le blog de Diigo

Importer ses Tweets

5/ Diffuser, exporter ses signets et tags

38

• Nombreux outils et fonctionnalités d’export des signets et tags:– Publier un signet lors du bookmarking sur Twitter– Publier des listes de signets sur un site web :

• Generate report

• Enhanced Linkrolls

– Publier des signets et des annotations sur son blog :• Send to Blog

• Publish to Blog

• Auto Blog Post

– Publier un nuage de tags sur son site :• Tagrolls

– Publier ses signets sur Delicious

5. Exporter ses signets et ses tags

39

5.1 Publier ses signets sur Twitter

• Possibilité de tweeter un signet à partir de Diigo :

– Cocher la case Twitter– Compléter

éventuellement le tweet et valider

40

• Pour déclarer son compte Twitter sur Diigo :

– Au moment du bookmarking

– Se connecter à son compte Twitter

5.1 Publier ses signets sur Twitter

41

• Fonctionnalité Generate report :– Fonction :

• Publier une liste de signets sur un thème, sur n’importe quel type de site web : site d’organisation, blog, page perso….

• Liste statique

– Usage, intérêt :• Publier une sélection de ressources de référence sur un sujet précis

– Exemple sur le site de l’URFIST de Rennes• Faire un annuaire spécialisé sur une thématique• Publier les signets regroupés dans une Liste de Diigo

– A noter : • Fonction mal adaptée à la diffusion dynamique des résultats d’une veille :

caractère statique de la liste– Voir Enhanced Linkrolls

– Modalité : • Création d’une page HTML à partir d’un lot de signets

5.2 Publier un lot de signets sur un site

42

• Procédure : – Chercher et sélectionner

un lot de bookmarks • Par ex. sur le tag Diigo• Cocher la case de

sélection– Ouvrir le menu More

actions et cliquer sur Generate report

• Création d’une page HTML, avec tous les bookmarks

• Possibilité de mise en forme

• Copier la page et la coller sur son site

5.2 Publier un lot de signets

43

• Outil Enhanced Linkrolls :– Fonctions :

• Publication automatique des derniers signets • Liste dynamique, possibilité de mise en page

– Usages, intérêt :• Publier, en temps réel, ses derniers signets (avec ou sans les

annotations) sur son blog ou son site web • Diffuser les résultats d’une veille thématique, à partir d’un tag :

– Exemples :» Sur le site de l’URFIST» Sur Formadoct : Guide sur le plagiat

– Modalité :• Paramétrage, mise en forme, création d’un script et copier-coller de code

HTML embarqué

5.3 Diffuser automatiquement les derniers signets

44

5.3 Diffuser automatiquement les derniers signets

• Procédure :– Dans Diigo Tools, cliquer

sur Enhanced Linkrolls– Sur la page, paramétrer les

options :• titre• tags de filtrage• nombre de signets à afficher• options de style d’affichage

– Créer le script• Copier le code HTML

– Coller le code sur le site : • En édition Source• Affichage des signets

45

5.3 Diffuser automatiquement les derniers signets

• Pour personnaliser le style : – Dans Style, choisir

Customize– Choisir les couleurs :

• Du titre • Du fond• Des liens

– Choisir les polices de caractère, la taille, la mise en forme

– Visualiser les choix au fur et à mesure

– Une fois les choix terminés, créer le script

46

5.3 Diffuser automatiquement les derniers signets

• Pour personnaliser le style : – copier le script – le coller sur le site ou le

blog : en mode Source, ou Texte…

– publier la page ou le billet• Remarque : il semble y avoir

un problème d’affichage sur WordPress

47

• Quatre fonctionnalités pour publier ses signets et ses annotations sur son blog :– Publish to Blog (sur Tools)

– Send… to Blog (sur la barre d’outils)

– Publish to blog (sur More actions)

– Auto Blog Post (sur Tools)

• Fonctions très proches, mais pour des usages légèrement différents

• Procédure préalable et obligatoire : – Paramétrer l’interopérabilité entre Diigo et les blogs

• Outil Publish to Blog

5.4 Publier ses signets sur son blog

48

• Outil Publish to Blog (dans Tools) : – Fonction :

• Paramétrage des blogs, inter-opérables avec Diigo• Permet de déclarer un ou plusieurs blogs, sur lesquels seront publiés des

signets, des annotations…

– Usages, intérêt :• Conditionne la mise en œuvre des autres fonctions d’export de signets vers

un blog

– Modalité :• Procédure avancée, un peu complexe• A faire une fois pour toutes

5.4 Déclarer un blog sur Diigo :Publish to Blog

49

- Procédure : – Dans Tools, cliquer sur

Publish to Blog:– Puis sur Add a new blog

et taper l’URL :

– Plateformes de blogs compatibles :

5.4 Déclarer un blog sur Diigo : Publish to Blog

50

• Après Add a new blog, cliquer sur Advanced et remplir la fenêtre suivante :

L’API Endpoint : /xmlrpc.php(après l’url du blog)

L’URL du blog en mode Admin

L’URL publique du blog

Le nom du blog

L’identifiant sur le blog

Le mot de passe

5.4 Déclarer un blog sur Diigo : Publish to Blog

51

• Fonctionnalité Send… to Blog (dans la Diigo Toolbar) :– Fonctions :

• Envoi d’un seul signet, avec ses annotations, sur un blog

– Usages, intérêt :• Pour alimenter son blog et publier tel ou tel signet, que l’on

veut valoriser • Pour se constituer des dossiers de notes personnelles, en

exportant vers une page non publiée (Draft)

– Modalité :• Conversion par Diigo d’un signet en billet de blog, à partir de

la page web bookmarquée

5.5 Envoyer un signet sur son blog : Send…to Blog

52

• Procédure : – Aller sur la page web annotée

– Dans la barre d’outils Diigo, cliquer sur Send, puis sur To blog

– Dans la nouvelle fenêtre, cocher le blog et décider si le signet sera public ou non

– Puis Send

• Publier ses signets sur son blog

5.5 Envoyer un signet sur son blog : Send…to Blog

53

• Résultat de l’exportation du signet et des annotations sur le blog :

5.5 Envoyer un signet sur son blog : Send…to Blog

54

• Fonctionnalité Publish to blog (dans More actions)

– Fonction :• Publication d’un lot de signets sur un blog

– Usages, intérêt :• Pour alimenter son blog, publier des listes de signets • Pour constituer des dossiers de notes personnelles…

– Modalités :• Conversion d’une liste de signets en billet de blog à partir

de Diigo

5.6 Publier un lot de signets sur son blog : Publish to blog

55

• Procédure : – Chercher et sélectionner

un lot de bookmarks • Par ex. sur le tag Diigo• Cocher la case de

sélection– Ouvrir le menu More

actions et cliquer sur Publish to blog

5.6 Publier un lot de signets sur son blog : Publish to blog

56

5.6 Publier un lot de signets sur son blog : Publish to blog

Choisir le blogModifier éventuellement le titre du billet

Améliorer la mise en forme

Cliquer sur Send

Décider si les signetssont publics ou non

57

• Outil Auto Blog Post (dans Tools) :– Fonction :

• Publication automatique de signets sur un blog• Publication selon une périodicité à définir

– Usages, intérêt :• Pour diffuser, à intervalles réguliers, les résultats

d’une veille thématique sur son blog– Ex : diffuser les résultats d’un groupe de veille

– Modalité :• Paramétrage des envois de signets

5.7 Publier automatiquement ses signets sur son blog : Auto Blog Post

58

• Procédure :– Dans Auto Blog Post :

• Choisir le blog • Décider le statut des signets

(publics ou non)

– Créer ensuite une nouvelle tâche : cliquer sur Add a new job

5.7 Publier automatiquement ses signets sur son blog : Auto Blog Post

59

– Paramétrer l’envoi des signets :

• Titre de la tâche • Choix du ou des tag(s)• Type de contenu :

– Seulement les annotations

– Seulement les liens

– Tout

• Choisir la source :– Toute la bibliothèque

– Un groupe

• Choisir la périodicité • Choisir l’heure d’envoi• Valider

5.7 Publier automatiquement ses signets sur son blog : Auto Blog Post

60

5.8 Publier ses tags sur sa page personnalisable

• Dans Diigo Tools, cliquer sur Tagrolls

• Copier le code des tags

• Le coller sur son site, sa page Netvibes…– Dans les Widgets

essentiels, ajouter le widget Code HTML

– Coller le code dans la zone Source

61

• Fonction : – Si l’on a déjà un compte sur Delicious, possibilité de l’alimenter

automatiquement à partir de Diigo

• Usage, intérêt :– Permet de garder actifs son compte et son réseau de contacts

sur Delicious, tout en choisissant de travailler sur Diigo

• A noter :– L’inverse n’est pas possible (mais procédure d’import depuis

Delicious reste possible)

• Modalité : – Créer un lien entre le compte Delicious et le compte Diigo

5.9 Alimenter son compte Delicious

62

• Procédure :– Passer par le lien Tools > Web Services > Save to

delicious

5.9 Alimenter son compte Delicious

Déclarer les coordonnées du compte Delicious dans Diigo

Les signets Diigo seront automatiquement postés sur Delicious

Valider le compteet sauvegarder

63

• Fonction :– Export de la bibliothèque de signets sous 5 formats

possibles

• Usage, intérêt :– Permet d’avoir une copie locale

• Sauvegarde des données

– Permet l’intégration des signets sur d’autres outils

• Modalité :– Choisir « Export your library » dans la page Tools >

Web Services

5.10 Exporter sa bibliothèque de signets

64

– IE Bookmark Format• URL + Title

– Netscape Bookmark Format• URL + Title + Tag

– RSS Format• URL + Title + Tag + Comments+ Sticky Notes

– CSV Format • URL + Title + Tag + Comments+ Sticky Notes

– Format standard– Compatible avec beaucoup d’outils de bookmarking + Excel

– Delicious Format• Format d’export de Delicious

5.10 Exporter sa bibliothèque de signets

6/ Les comptes Diigo Educator

66

• Diigo Education Accounts :– Fonction :

• Création d’un compte « Enseignant », distinct du compte personnel (mais rattaché à lui)

– Usages, intérêt :• Création de groupes pédagogiques, permettant d’associer

tous les participants d’une formation (élèves, étudiants, stagiaires…)

– Evite de demander aux stagiaires la création de comptes personnels

• Usages pédagogiques collectifs :– Par ex. : projet de veille collaborative à visée pédagogique,

exercices sur les annotations, initiation à Diigo…

Les comptes Educator

67

• Diigo Education Accounts :– Modalités :

• Faire la demande par mail d’ouverture d’un compte Educator, auprès de l’équipe de Diigo

– Présenter le projet pédagogique

– Justifier de son appartenance à un établissement d’enseignement (par l’adresse mel)

• Si la demande est acceptée, envoi d’un identifiant et d’un mot de passe, commun au compte

• Accès à la Console de gestion du compte• Création de groupes pédagogiques (analogues aux Groupes

Diigo)

Les comptes Educator

68

• Procédure :– Mise à disposition par Diigo d’une Console de gestion du

compte Educator (Teacher Console)

– Possibilité de créer plusieurs groupes de classe :

– Créer un groupe et le décrire

Les comptes Educator

69

Les comptes Educator

Même procédure que pour la création d’un groupe

Nomdu groupe

Statut public ou privé

Décrire brièvementl’objet du groupe

70

• Une fois le groupe créé, déclarer les membres du groupe sur la Console Teacher :• Par saisie manuelle des noms et prénoms de tous les membres du

groupe

• Par les adresses mel, pour les personnes possédant déjà un compte Diigo

• Après validation, création par Diigo de comptes Etudiants :• identifiants et mots de passe provisoires pour chaque membre

• Chaque membre peut se connecter à son compte Etudiant : possibilité de bookmarking, de taguer, etc. , mais pas d’accès à toutes les fonctions

• Voir la FAQ de Diigo Educator

Les comptes Educator

71

Ressources sur les fonctions avancées de Diigo

– Aline Bouchard. "Un outil de gestion de signets en ligne : Diigo". URFIST de Paris, 19/11/2012

– Jean-Michel Mermet. "Diigo. La gestion moderne de ses signets. Formation Diigo niveau 2." BU Grenoble, printemps 2011.

– Le blog de Diigo – « Diigo comme outil de veille collaborative », 4 vidéos sur :

Chaîne de l’œil au carré– Voir aussi :

• Le support du stage « Gérer ses signets en ligne : initiation à Diigo », URFIST de Rennes, février 2013

Contacts :

marie-laure.malingre@uhb.fr

alexandre.serres@uhb.fr

Le site de l’URFIST de Rennes :

http://www.sites.univ-rennes2.fr/urfist/