Support de formation à un atelier Canopé sur le thème de la publication et l'édition d'informations sur le portail documentaire E-sidoc à destination des professeurs documentalistes.

1. La gestion pédagogique de l'information numérique
Animer un portail documentaire
- E-sidoc -
Académie de Nantes - - Claire Chignard - Professeur documentaliste –Juin 2016

2. Présentation
Qui suis-je ?
http://profdocalouest.wordpress.com/
● Lien vers un Pearltrees dédié à E-sidoc :
http://www.pearltrees.com/clairedelune/e-sidoc/id15629361
● Lien vers un Scoop-it dédié aux portails E-sidoc existants :
http://www.scoop.it/t/portail-e-sidoc
Professeur documentaliste 2.0

3. Objectifs de la formation

4. Plan de la formation
I – Portail documentaire et publication en ligne
1 – Définition et concept
2 – Définir une politique éditoriale
3 – Respecter les règles de la publication en ligne
II- Un portail documentaire dédié : E-sidoc
1 – Objectifs d'un portail documentaire
2 – Mettre en place un CDI virtuel
3 – Fonctionnalités d'E-sidoc
III – Publier des contenus multimédias
1 – Organisation de l'information
2 – Publier des ressources fixes (textes, liens, images...)
3 – Publier des ressources animées (vidéos, diaporamas...)

5. Tour de table
Vous et votre portail E-sidoc…
➢ Présentation
➢ Questions
➢ Suggestions
➢ Avis

6. La publication (1)
La publication est une action de communication qui consiste à
mettre un document à la disposition du public.
● La publication peut se faire par l’intermédiaire d’un éditeur,
d’une institution ou d’une organisation.
● La publication est une pratique devenue facile et de plus en plus
fréquente sur Internet.
● Elle donne généralement lieu à la diffusion du document
produit. Les deux notions sont toutefois à distinguer : la
diffusion relève de l’intention de faire connaître et de rendre
disponible une œuvre publiée auprès d’un public plus ou moins
grand ou ciblé.

7. La publication (2)
● La publication est un acte
fondateur qui donne au
document son statut. La date de
publication est inscrite sur le
document et va servir à l’identifier
et à le situer dans le temps.
● Toute publication engage la
responsabilité intellectuelle de
l'auteur quant aux contenus qu'il
publie.
● Les modalités de publication sont
des critères à prendre en compte
lors de l'évaluation d'un
document et des informations qu'il
contient.
Source :
http://apden.org/wikinotions/index.php?title=Publication
Publier sur E-sidoc signifie :
● Publier sur Internet sous la
responsabilité du chef
d'établissement ;
● Représenter une institution et
plus spécifiquement son
établissement ;
● Diffuser des contenus de
manière responsable ;

8. L'éditorialisation (1)
● L'éditorialisation est l'ensemble des pratiques d’organisation
et de structuration de contenus sur le web pour mettre des
ressources à disposition. L'éditorialisation révèle un point de
vue.
● Le processus d'éditorialisation est un processus ouvert
(annotations par de nouveaux lecteurs, réagencements
possibles...), et continu (soumis à des relectures
permanentes).
● Un projet éditorial démarre toujours par une réflexion :
pourquoi ce site (sa finalité) ? Pour qui (public cible) et
sous quelle forme (ligne éditoriale, contenu, structuration) ?
Sources :
● https://fr.wikipedia.org/wiki/%C3%89ditorialisation
● http://fadben.asso.fr/wikinotions/index.php?title=Editorialisation

9. L'éditorialisation (2)
Dans un processus d'éditorialisation tout
internaute peut :
● Proposer une sélection de contenus
qu'il choisit ou non de structurer
(structuration thématique ou
indexation libre avec des tags) ;
● Définir l'accessibilité de ces
contenus, leur structuration et leur
partage futurs ;
● Attirer l'attention sur ces contenus
(c'est la question du design
informationnel : couleurs,
photographies, pictogrammes, travail
sur la police du texte etc.).
Source :
http://fadben.asso.fr/wikinotions/index.php?title=Editorialisation
Editorialisier sur E-sidoc
signifie :
● Proposer des contenus
adaptés à son public cible et
les actualiser régulièrement ;
● Rendre ces contenus
facilement accessibles (ne pas
dépasser les 3 clics) ;
● Attirer son public grâce à un
design informationnel
original (même si E-sidoc
impose des contraintes
techniques).

10. L'identité numérique (1)
L'identité numérique peut être définie comme un lien technologique
entre une entité réelle (personne, organisme ou entreprise) et des
entités virtuelles (sa ou ses représentation(s) numériques).
D'après Olivier Ertzscheid, l'identité numérique peut comprendre :
● des éléments techniques : comme l'adresse IP, les cookies...
● des coordonnées personnelles : comme l'adresse électronique, le
nom, le prénom, les pseudonymes, les coordonnées administratives,
bancaires, professionnelles...
● des publications reliées à l'individu : comme des photographies,
avatars, logos, tags, liens, vidéos, articles, commentaires de forums,
données géolocalisées, etc.
Sources :
● https://fr.wikipedia.org/wiki/Identit%C3%A9_num%C3%A9rique_%28Internet%29
● http://apden.org/wikinotions/index.php?title=Identit%C3%A9_num%C3%A9rique

11. L'identité numérique (2)
L'identité numérique dépend de ce que l'internaute choisit de
publier, de partager. L'identité numérique pose la question de la
réputation d'un individu ou d'une organisation, des traces laissées
sur Internet, et de la conservation des données.
Avoir une identité numérique sur E-sidoc signifie :
● Disposer d'une adresse URL type coderneetablissement.e-sidoc.fr
ou d'une adresse personnalisée à trouver depuis votre espace client
type nomdel'établissementavecdestirets-nomdelacommune.esidoc.fr
● Définir dans la rubrique Informations pratiques son identité réelle
et ses coordonnées professionnelles.
● Éventuellement convenir d'un avatar pour se représenter dans ses
publications.

12. Règles de publication en ligne
Dans le processus de création
● Identifiez les images qui viendront illustrer votre portail ; ne pas hésiter à
utiliser le site Flickr et sa recherche d'images libres de droits, ou encore les
outils de recherche de Google Images qui permettent désormais une
recherche équivalente. L'idéal étant de réaliser soi-même les photographies
qui viendront illustrer le site.
Dans le processus de publication
● Publiez vos créations sous Licence Creative Commons, elles permettent
de partager les œuvres en toute légalité. Lorsque l'on crée une production,
on peut accorder la possibilité d'utiliser ce travail aux autres internautes.
La restriction d’utilisation sera plus ou moins grande selon le type de
licence choisi.
http://creativecommons.fr/

13. Un portail documentaire
On désigne par portails des sites qui donnent accès à un ensemble de
ressources et de services, soit thématique, soit destiné à un public
spécifique ou encore lié à une organisation.
Les CDI développent des portails documentaires, point d'accès privilégié
pour les utilisateurs. Ils peuvent contenir des services tels que :
● Des informations pratiques ;
● L'interrogation d'une base de données ;
● Des applications en ligne (formulaires, réservations…) ;
● Des supports méthodologiques et tutoriels ;
● …
Source : Accart, J.-P., Le métier de documentaliste, Paris : Éditions du Cercle de la librairie, 2015.

14. Une médiation numérique
Pourquoi et comment mettre en place un portail de médiation numérique ?
Source : Silvère Mercier, Bibliothécaire à la Bibliothèque du centre de Pompidou de Paris
http://www.bibliobsession.net/2011/04/08/la-pyramide-dun-projet-de-mediation-numerique/
http://www.bibliobsession.net/2010/03/03/mediation-numerique-en-bibliotheque-une-definition/

15. Un CDI Virtuel
Mettre en place un CDI Virtuel c'est
proposer à tout un établissement :
● Un profil Institutionnel –
Informations pratiques...
● Un profil Médiateur – Actualités,
catalogue en ligne, ressources...
● Un profil Communautaire – Coups de
coeurs, travaux d'élèves, clubs…
Deux enjeux dans la mise en place d'un
CDI virtuel : identitaire et pédagogique.
Sources :
● Jourdain, T., Profs docs sur le web, InterCDI 247,
janv-fév 2014.
● Claire Cassaigne, De la dissémination à l'identité
numérique des CDI : enjeux pédagogiques et
identitaires des CDI virtuels, domainshs.info.educ,
2011.
http://memsic.ccsd.cnrs.fr/mem_00671748/document

16. Un portail documentaire : E-sidoc (1)
E-sidoc est un service payant proposé par le Canopé de Poitiers,
complémentaire au logiciel BCDI, qui rend accessible des données
via Internet.
Pourquoi utiliser E-sidoc ?
● Pour optimiser le système info-documentaire d'un CDI ;
● Pour permettre un accès en ligne au catalogue du CDI ;
● Pour éditer des contenus et ainsi développer un « CDI
virtuel » ;
Fonctionnement

17. Un portail documentaire : E-sidoc (2)
1- La base de données de BCDI
Source : Sire, L, Stage E-sidoc : comment le
paramétrer, l'alimenter et l'utiliser avec nos usagers,
janvier 2016
2- La partie publication ou CMS
(système de gestion de contenu)
● Administration (espaces,
rubriques…) ;
● Publication de données
(actualités, articles,
sélections thématiques…) ;
● Intégration de ressources
(flux Rss, codes sources,
liens hypertextes…) ;

18. Animer un portail E-sidoc (1)
Étape 1 : se connecter en mode Administrateur
● Identifiant : n°RNE de l'établissement
● Mot de passe : espace client Cyberlibrarie Canopé Poitiers

19. Animer un portail E-sidoc (2)
Étape 2 : activer le CMS
● Cliquer sur
Administration ;
● Activer la partie CMS de
votre portail ;
● Publier sur Internet votre
CMS ;

20. Organisation de l'information (1)
Zone d'accueil
Carrousels
Identité
officielle
Espaces
d'information
Authentification
Moteur de
recherche
Menu d'accès
aux rubriques
Zones
d'informations
contextuelles

21. Organisation de l'information (2)
● Le portail est divisé en Espaces
par défaut il y en a deux. On
peut modifier leurs appellations
et proposer jusqu'à cinq
espaces différents.
● Chaque Espace est divisé en
Rubriques dont on peut
également modifier les titres ; il
est possible de créer des sous-
rubriques à l'intérieur de
chaque rubrique.
Conseils
● Bien réfléchir à la
dénomination des espaces
et rubriques, ils doivent être
courts et parlants pour votre
public cible (les élèves).
● Réfléchir à l'arborescence
d'un site prend du temps
mais est nécessaire pour
faciliter la navigation de
votre public cible selon la
théorie du fil d'Ariane.

22. Publier du texte (1)
Etape 1 : dans l'espace souhaité cliquer sur Configurer ou Publier
du contenu
● Choisir Actualités ou Articles ;
● Une toolbar apparaît, vous pouvez alors remplir tous les
champs en mode « brut »,
C'est-à-dire avec une mise
en page sommaire (gras, italique,
souligné, 4 tailles de caractères, liens hypertextes, puces et
numéros).

23. Publier du texte (2)
Vous souhaitez une mise en page de votre texte plus élaborée ?
Couleur, police de caractère, taille… différent de ce qui est proposé ?
● Il faut alors passer par un éditeur HTML WYSIWYG
● En logiciel libre : Nvu
● Autres éditeurs possibles :
http://outils-web.fr/les-12-meilleurs-editeurs-html-gratuits/
● Et ensuite copier/coller le code source proposé en cliquant sur html.
A l'inverse, vous souhaitez « enlever » la mise en page d'un texte
tapé dans un logiciel de bureautique ?
● Aller dans le Bloc-Note de votre ordinateur, copié-collé le texte,
récupérer-le et insérer-le dans le corps du texte sur E-sidoc.

24. Écrire pour le web (1)
Quelques règles de base :
● Le titre : c'est LE niveau de lecture que l'on repère lors d'une première
lecture-balayage, il doit être le plus informatif possible.
● Le chapeau : il est situé entre le titre et le texte, il propose une synthèse du
texte en 1 ou 2 lignes maximum et contient les mots-clés du sujet qui sera
développé.
● Le colonnage : le texte doit être présenté sur une seule colonne, si possible
pas trop large.
● La justification : le texte, pour les occidentaux, est aligné sur la marge de
gauche.
● Le morcellement : le texte doit être découpé en morceaux de 4 ou 5 lignes
maximum.
● L'intertitre : il se place tous les 2 ou 3 paragraphes, il délivre le message
essentiel du paragraphe qui le suit immédiatement.
● Le lien hypertexte : doit être contextualisé dans le texte et doit renvoyer
vers la page précise où se trouve l'information complémentaire.
Source : Patrick Lenormand, Guide Wordpress créez, gérez, animez votre site pro, Pyramid, 2011.

25. Écrire pour le web (2)
Pour dynamiser son contenu il faut :
● Varier les formats : des brèves (40 à 50 mots), des articles (150 à 250
mots), pour rester lisible il ne faut pas dépasser les 500 mots sur un article.
● Varier les genres journalistiques : synthèse, interview, témoignage, revue
de presse, dossier…
● Varier les médias : texte + image, texte + vidéo, titre + chapeau +
diaporama, titre + chapeau + infographie… etc.
● Développer l'interactivité en insérant des liens hypertextes qui apportent
une plus-value informative au lecteur.
● Ajouter des effets de lecture : un mot en gras attire l’œil, l'italique est
peu lisible, à réserver pour les mots étrangers, le souligné indique les liens
hypertextes, enfin la MAJUSCULE est à conserver uniquement pour les
débuts de phrase, la minuscule reste la plus lisible.
Sources :
Patrick Lenormand, Guide Wordpress créez, gérez, animez votre site pro, Pyramid, 2011.
Canivet-Bourgaux Isabelle, Bien rédiger pour le web, Eyrolles, 3e
édition, 2014.

26. Insérer un module bibliographie
Un peu de code…
● Au préalable créer une rubrique
type « Citer ses sources » ;
● Choisir un espace de
publication : soit à la racine de la
rubrique, soit en créant un article ;
● Puis suivre la procédure ci-
dessous :
https://fenetresur.wordpress.com/2012/12
● Attention : le formulaire est codé
en javascript. L’activation de Java
est donc nécessaire pour qu’il
fonctionne.

27. Publier des sites Internet (1)
Mode « classique »
● Donner un titre et une adresse URL ;
● Possibilité de classer par catégorie ;
● Ajouter UNE image et un texte ;
● Exemple :
http://college-julesferry-montaigu.esidoc.fr/rubrique/view/id/3?feature=website

28. Publier des sites Internet (2)
Version « Pearltrees »
● Se créer un profil sur l'outil de social bookmarking Pearltrees ;
● Créer des catégories thématiques en fonction de ses besoins ;
● Sur Pearltrees, choisir le dossier à insérer. Cliquer sur le signe Partager, puis sur
Intégrer. Choisir une taille (400x320) ou personnaliser. Puis copier.
● Sur E-sidoc se connecter en mode Administrateur ; choisir la rubrique où l'on
souhaite intégrer son Pearltrees.
● Intégrer le code source de Pearltrees en cliquant sur le bouton « html ». Coller et
mettre à jour la publication .
Attention :
● A la largeur du Pearltrees que l'on va insérer, on l'identifie ainsi dans le code
source : <width= > ; elle ne doit pas excéder 500 pixels ;
● Votre Pearltrees peut parfois mettre du temps à apparaître en raison de son poids
ou de la mise à jour nécessaire du Flash dans votre navigateur.
Exemple : http://0850639h.esidoc.fr/record/view/id/246206

29. Publier des Flux Rss
● Les Flux Rss sont des fichiers
dont le contenu est produit
automatiquement en fonction des
mises à jour d’un site web.
● Le terme RSS signifie que le
contenu du fichier est
informatiquement codé selon le
standard RSS qui s'appuie lui-
même sur le langage informatique
XML.
● L'utilisation de flux RSS permet
une collecte programmée et
automatisée de l'information,
l'outil agit en lieu et place de
l'individu dans l'objectif
d'améliorer l'accès à l'information.
● Comment les récupérer ? Sur les sites
Internet, les blogs, les portails... en
cliquant sur le logo.
● Pour insérer un flux Rss à E-sidoc :
cliquer sur Publier du contenu et
Ajouter un flux Rss. E-sidoc vous
demande alors de spécifier un titre et
d'indiquer l'adresse URL du flux.
● Ce qui sera affiché : les dernières
parutions du site qui seront mises à jour
automatiquement dans la colonne de
droite de votre portail.
● Exemple :

30. Publier une image
« Un dessin vaut mieux
qu’un long discours. »
Le visuel a une place centrale dans les publications en ligne, il fait sens et
participe au premier niveau de lecture. L'image doit compléter l'information
ou apporter une plus-value.
● Chaque Actualité et chaque article peuvent être illustrés par UNE image qui
ne doit pas excéder 500 ko ;
● Il est également possible de créer une Galerie d'images et ainsi insérer
plusieurs images.
Conseils outils pour retravailler
les images :
● Gimp
● Paint
● Photofiltre
Exemple : Une rubrique Le CDI en images
http://college-julesferry-montaigu.esidoc.fr/rubrique/view/id/47?feature=gallery

31. Publier une infographie
Logiciels de créations d'infographies : Easel.ly, Piktochart, Infogr.am...
● Étape 1 : se connecter en mode Administrateur sur E-sidoc ;
● Étape 2 : choisir la rubrique où l'on souhaite intégrer son infographie ;
● Étape 3 : intégrer le code source de l'infographie (récupéré sur le site de
création de l'infographie) en cliquant sur le bouton « html ». Puis, mettre à
jour la publication ;
Désormais votre infographie apparaît sur votre portail documentaire.
Attention :
● A la largeur de l'infographie, que l'on identifie ainsi dans le code source
<width= > : elle ne doit pas excéder 500 pixel ;
● Votre infographie peut parfois mettre du temps à apparaître en raison de
son poids.
Exemples : http://0440034y.esidoc.fr/rubrique/view/id/31
http://college-julesferry-montaigu.esidoc.fr/rubrique/view/id/45?feature=gallery

32. Publier une vidéo/ un booktrailer
● Se créer un compte sur un site web d’hébergement de vidéos : Youtube,
Dailymotion, Viméo…
● Ces sites proposent la création de chaîne vidéo, ne pas hésiter à se créer une
chaîne Booktrailer par exemple ;
● Les outils de création de booktrailer que sont Animoto, Powtoon, Moovly et
Explee permettent d'exporter directement les vidéos sur Youtube ;
Exemples : https://www.youtube.com/channel/UCoP2ZiSluOMMGgT-TIGXVgA
https://www.youtube.com/watch?v=WifllUtmroM&list=PLvHDz9AtcWABQCX5giffcVgKVTF8kN-ky
● Avant de publier ses vidéos vérifier les paramètres : Licence et propriété
des droits ; Intégration ; Commentaires…
● Récupérer le code source de vos vidéos – dans les paramètres, intégrer -,
Code Embed <iframe..>, et le copier/coller dans l'onglet html d'E-sidoc.
● Ne pas hésiter à personnaliser la taille : maximum 500 px en largeur pour
l'espace central d'E-sidoc.
Exemple : http://college-julesferry-montaigu.esidoc.fr/?feature=article

33. Partager un booktrailer via une base de données
Objectif : développer un catalogue 2.0 ;
● Étape 1 : intégrer le code source de la vidéo/du booktrailer dans
le champs résumé de la notice BCDI, de préférence sous le
résumé texte.
● Étape 2 : sélectionner une taille de vidéo inférieure à 300 pixel.
● Désormais lorsque l’on recherche cette notice dans BCDI la
vidéo apparaît elle aussi à la suite du résumé !
Source : https://profdocalouest.wordpress.com/2014/06/10/booktrailers-bcdi-et-e-sidoc/

34. Partager via un portail documentaire
Objectif : développer et/ou donner
le goût de la lecture
● Étape 1 : intégrer les vidéos dans BCDI ;
● Étape 2 : mettre à jour le portail E-sidoc grâce au
connecteur présent sur le serveur.
● Désormais lorsque l’on recherche un livre sur E-
sidoc, une vidéo peut apparaître à la suite d'un
résumé !
Exemple :http://0850639h.esidoc.fr/record/view/id/691344
● On peut également choisir de créer un espace dédié
à ces vidéos :
Exemple : http://0851193k.esidoc.fr/rubrique/view/id/3
Source :
https://profdocalouest.wordpress.com/2014/06/10/booktrailers-bcdi-et-e-sidoc/

35. Publier du contenu HTML (1)
● HTML « HyperText Mark-Up Language » est le langage universel utilisé
pour communiquer sur le Web.
● C'est un langage dit de « marquage » dont le rôle est de formaliser
l'écriture d'un document avec des balises de formatage. Les balises
permettent d'indiquer au navigateur la façon dont doit être présenté le
document et les liens qu'il établit avec d'autres documents (fond et forme).
● Une fois le code html généré depuis une plateforme d’hébergement il suffit
de le copier et de le coller dans la partie html d'Esidoc.
Exemple avec un Podcast de
France Inter

36. Publier du contenu HTML (2)
Types de documents Outils possibles
Diaporamas, présentations, documents PDF
Exemple :
http://college-julesferry-montaigu.esidoc.fr/record/view/id/774184
● Calaméo
● Slideshare
● Scribd
● Google drive
● Prezi
● ...
Livres numériques
Exemple :
http://college-julesferry-montaigu.esidoc.fr/rubrique/view/id/41
● Gallica
● ...
Formulaires
Exemple :
http://college-julesferry-montaigu.esidoc.fr/rubrique/view/id/42
● Google Form
● WebQuest
● Typeform
● ...
Agenda
Exemple : http://0250030x.esidoc.fr/rubrique/view/id/29
● Google Agenda
● ...

37. Insérer des médias sociaux
Chaque média social permet de générer des widgets
dans le but de les intégrer à un site web au format
html.
Exemples :
● http://0110007y.esidoc.fr/rubrique/view/id/3
● http://0250030x.esidoc.fr/rubrique/view/id/96
● http://college-fraissinet-marseille.esidoc.fr/rubrique/view/id/81
Tutoriels à exploiter :
● http://canope.ac-besancon.fr/formation/esidoc2/lintgration_dobjets
● https://www.pedagogie.ac-aix-marseille.fr/upload/docs/application
Réfléchissez bien à votre identité numérique (adresse
mail, login et mot de passe, avatar…) lorsque vous vous
inscrivez sur ces sites d'hébergements.

38. Et demain déjà...
● Un site pour suivre les évolutions à venir du portail E-sidoc :
http://documentation.solutionsdoc.net/
● Une version mobile de la recherche sur le catalogue. Cette version web
mobile permet de faire une recherche documentaire sur smartphone ou
tablette.
● Cette stratégie de communication de l'information doit être inscrite dans
la politique documentaire de l’EPLE et doit faire l’objet d’une évaluation
régulière.
● Les objectifs de ce travail doivent être définis en fonction de l’évolution
des contextes (nouveaux outils, nouveaux dispositifs, découvertes
pédagogiques...).
● Les résultats du travail doivent être accessibles par tous les acteurs de la
communauté scolaire, notamment à l'aide d'outils de communication du
professeur documentaliste que sont l'ENT et le portail documentaire.