SlideShare une entreprise Scribd logo
La gestion pédagogique de l'information numérique
Infographie
Communiquer et produire de l'information visuelle au CDI
Académie de Nantes - - Claire Chignard - Professeur documentaliste - Mise à jour Mars 2017
Présentation
Qui suis-je ?
http://profdocalouest.wordpress.com/
Lien vers un Pearltrees dédié aux Infographies :
http://www.pearltrees.com/clairedelune/infographie/id13350182
Professeur documentaliste 2.0
Objectifs de la formation
Plan de la formation
I – Infographie et Datavisualisation
1 – Définition et concept
2 – Communiquer par l'image à l'heure du web 2.0
3 – Les grands types d'infographie
II- Infographier en éducation
1 – Une infographie pour dire quoi ?
2 – Pour communiquer de l'information
3 – Pour produire de l'information
III – Outils de création d'infographies
1 – Outils de création en ligne : Easel.ly, Picktochart, Infogr.am, Genial.ly...
2 – Se représenter en infographie
3 – Rendre actifs : une image, une frise chronologique, un nuage de mots ou une carte
Infographie ? (1)
A sa création dans les années 80, le
terme infographie désigne les
graphismes produits par ordinateur.
Puis, par confusion sur le sens du
préfixe "info" (informatique /
information), le terme infographie est
utilisé par certains au sens de
diagramme, cartographie et tout type
de schéma explicatif destiné à mettre
en image des informations,
notamment statistiques ou
géographiques.
Le concept d'infographie désigne donc
tous les graphismes produits par des
moyens informatiques. Exemple d'infographie sur le thème
de l'évaluation d'un site Internet
Source de l'infographie :
http://www.faireunerecherche.fse.ulaval.ca/ressources/affiches/
Infographie ? (2)
L’infographie est chargée d’une mission : simplifier sans banaliser, éveiller des
interrogations et offrir des réponses, mais aussi informer de façon claire,
captivante et synthétique.
Éditeurs web et journalistes, services de communication d'entreprise,
spécialistes du marketing ou simples internautes recourent aux infographies
pour mettre en valeur l'information, la vulgariser et la contextualiser.
La visualisation des données offre aux professionnels et aux particuliers
une manière innovante de communiquer des informations.
Exemple de communication visuelle institutionnelle : http://senat-fr.tumblr.com/
Sources :
● http://fr.wikipedia.org/wiki/Infographie
● http://www.commentcamarche.net/faq/34164-creer-des-infographies-en-ligne-outils-et-bonnes-pratiques
● http://blog.mondediplo.net/2012-08-23-L-infographie-dans-la-production-du-savoir
Datavisualisation ? (1)
Face à l'accroissement des volumes de
données numériques et au défi du Big
Data, les outils de visualisation
d'indicateurs voient leur utilité décuplée.
Le Big Data regroupe une famille d'outils
qui répondent à trois problématiques : un
Volume de données important à traiter, une
grande Variété d'informations, et un
certain niveau de Vélocité à atteindre -
c'est-à-dire de fréquence de création,
collecte et partage de ces données. C'est la
règle dite des 3V.
La datavisualisation est l’étude, la science
ou l’art de représenter des données de
façon visuelle.
Datavisualisation ? (2)
.
La datavisualisation commence toujours par une collecte de données et de
chiffres bruts.
Une fois les données brutes sélectionnées, traitées et formatées dans un
tableur, il appartient au journaliste, à l’infographiste ou au designer d’imaginer
la meilleure façon de les présenter.
Un nouveau métier apparaît : le data journaliste, qui a pour mission de
recueillir de l’information chiffrée et de la mettre en forme pour l’expliciter à
ses lecteurs. Son travail consiste à trouver le dosage équilibré pour que
l’information soit pertinente et qu’elle soit également esthétique.
La présentation de ces données sous une forme illustrée les rend plus lisibles et
compréhensibles.
Exemple de data journalisme : http://www.lemonde.fr/data-visualisation/
Sources :
● http://www.parteja.net/la-datavisualisation-cest-quoi-4194.html
● http://www.journaldunet.com/solutions/dsi/informatique-les-previsions-pour-2014/la-data-visualisation
-au-secours-du-big-data.shtml
● http://www.base-plus.fr/jour-jai-explique-data-visualisation-a-mere/
Le poids des mots...
« Un dessin vaut mieux
qu’un long discours. »
L’aphorisme prêté à Napoléon
est connu.
Aujourd’hui, on serait tenté de le
paraphraser ainsi :
« Une infographie vaut mieux
qu’un article. »
Exemple : https://www.cfactuel.fr/
Source :
http://themediatrend.com/le-journalisme-visuel-une-
tendance-forte-dans-les-medias
Infographie et journalisme
« L'infographie est un genre de
journalisme, au même titre que les
interviews, les articles, ou les
photographies, c'est même plus que
cela c'est un genre qui combine tous
les genres ».
Source : Javier Errea (qui a réalisé la nouvelle
formule de Courrier international ), en préface du
livre "Infographics, a Visual Definition", publié en
2012 par la SND (Society for News Design).
http://www.courrierinternational.com/article/2014/0
1/02/l-infographie-expliquee-en-images
…le choc des photos
Quels sont les avantages de ce journalisme visuel ?
● Illustrer un texte, un article, un propos.
● Présenter une information facilement assimilable : une infographie est un
moyen efficace de présenter l’information en fines couches successives et de
la rendre ainsi plus digeste ;
● Donner un aspect ludique à l’information ;
● Gérer le temps, car il est possible de réactualiser en permanence les données
affichées lorsque l'infographie est en ligne ;
● Créer une interactivité avec l’internaute : la tendance étant de pousser cette
interactivité le plus loin possible ; Hyperlier le web ;
● Générer des UGC (User Generated Content), avec l’avantage que
l’internaute voit (au sens propre du terme) ses informations s’afficher sur le
site ; c’est la tendance forte du moment.
Source : http://themediatrend.com/le-journalisme-visuel-une-tendance-forte-dans-les-medias
Communiquer par l'image... (1)
… à l'heure du web 2.0
Le web 2.0 permet aux usagers de créer et de
partager des contenus Web.
L'usager est à la fois consommateur et
producteur de contenu.
Le visuel a une place centrale dans les
publications web 2.0, il fait sens.
La surinformation peut alors parfois chasser
l’information et sa hiérarchisation.
Enjeux :
L'infobésité dans le contexte de la société de
l'information et du web 2.0.
Comprendre et partager l'information
rapidement.
Why your brain craves infographics
Communiquer par l'image... (2)
… à l'heure du web 2.0
● L'infographie est utile à celui qui la « lit », mais aussi à celui qui la
crée. Au cours de son élaboration, elle permet de structurer « les
savoirs » de son auteur.
● Elle transmet des informations et structure les connaissances, elle
décrit et prescrit, elle est formative et informative.
● C’est une écriture géométrique et numérique et en même temps une
image subjective et partiale.
● L’infographie est le résultat d’une intention.
● L’interprétation et le point de vue, l’analyse et la synthèse sont les
véritables valeurs ajoutées de l’infographie.
Exemple : https://twitter.com/afpfr/status/553657249915101185
Source : Giulio Frigieri, L’infographie dans la production du savoir, Blog Monde Diplomatique, le jeudi 23
août 2012, [en ligne] http://blog.mondediplo.net/2012-08-23-L-infographie-dans-la-production-du-savoir
Les grands types d'infographie (1)
Tableaux comparatifs Camemberts
Diagrammes en barreOrganigrammes
Les grands types d'infographie (2)
Frises chronologiques Diagrammes de Venn
Profils d'individusCartes interactives
Les grands types d'infographie (3)
Nuages de Tags Cartes mentales
...Liste non exhaustive...
Source :
http://www.commentcamarche.net/faq/34164-creer-des-infographies-en-ligne-outils-et-bonnes-pratiques
Infographier en éducation (1)
Dans un processus d'enseignement, il faut voir une infographie
comme :
● Un procédé innovant qui peut permettre d’emmener un élève à
apprendre à s'informer, à comprendre les nouveaux modes de
communication, d'éduquer aux Médias et à l'Information ;
● Une mise en valeur d'une information ;
● Une manière de travailler le rapport entre le texte et l'image ;
● Un moyen de travailler sur les images libres de droit ;
● Un processus qui favorise le partage de l'information et invite à la
découverte, à la connaissance.
Infographier en éducation (2)
Une infographie pour dire quoi ?
● Présenter : projet, compte rendu, bilan, information factuelle...
● Résumer : explication d’activité pédagogique, réunion de travail...
● Compléter : un article avec des ressources intéressantes, visuelles ;
● Organiser : séquences pédagogiques, idées, projets pédagogiques
ou culturels ;
● Communiquer : un travail, des résultats, des productions d’élèves ;
● Collaborer : entre collègues, avec des élèves.
Exemples : http://www.pearltrees.com/clairedelune/exemples-infographies/id13993625
Source : http://documentation.ac-besancon.fr/ecrire-pour-le-web-illustrer-son-article/
Objectifs pédagogiques
Objectifs pour le professeur documentaliste :
●  Trier et sélectionner l'information pour la restituer ;
● Communiquer visuellement de l'information dans le but de
promouvoir, valoriser, un concept ou un service ;
Objectifs pour les élèves :
● Savoir chercher et traiter une information ;
● Prendre conscience de l'évolution de l'environnement médiatique
avec l’émergence d’une forme nouvelle d’information visuelle ;
● Maîtriser des outils de création issus du web 2.0 ;
● Valoriser son travail en le partageant avec d'autres ; écrire pour
être lu ;
● Communiquer pour convaincre ;
● Diffuser de l'information sur des réseaux dédiés.
Compétences mises en œuvre
Compétences info-documentaires :
● Rechercher de l’information ;
● Lire, sélectionner, reformuler et
diffuser une information ;
● Identifier une source, citer une
source ;
● Rechercher des images libres de
droits ;
Compétences médiatiques :
● Développer l’esprit critique.
*Source : Serres, A., « Dans le labyrinthe : évaluer
l'information sur Internet », Caen : C&F éd., 2012
Compétences numériques :
● S'approprier un
environnement informatique
de travail ;
● Adopter une attitude
responsable ;
● Créer / produire / traiter et
exploiter des données
numériques ;
● Communiquer / échanger.
Communiquer de l'information
Présenter de l'information de façon synthétique
Créez vous-mêmes des infographies pour présenter une notion d’une façon
visuellement attrayante. Cette communication recouvre aussi bien la promotion, la
valorisation, la médiation que l'animation d'activités liées au CDI.
Attention : une infographie demande plus de temps à créer qu’un texte. Le temps
investi en vaut la peine, mais il faut tout de même user de discernement pour
choisir seulement les (ou le !) sujets qui s’y prêtent le mieux parmi ceux que l’on
veut traiter.
Exemples :
● A titre informatif : http://0672198a.esidoc.fr/rubrique/view/id/33
● A usage pédagogique :
http://0850639h.esidoc.fr/rubrique/view/id/45?feature=gallery
https://magic.piktochart.com/output/18927995-fiche-de-lecture
Source :
http://www.profweb.ca/publications/articles/creer-et-utiliser-des-infographies-en-classe#.VP4R3p4K7Os.twitter
Produire de l'information
Pour remplacer le rapport écrit que doivent produire les élèves
au terme d'un travail de recherche.
Synthétiser et organiser l’information est une compétence à développer.
En demandant aux élèves de créer une infographie, on leur demande
également d’analyser l’information et de réfléchir à la meilleure façon de
la présenter.
Bonus : la création d’une infographie sur un sujet « scolaire » déterminé
est une activité pour laquelle les risques de plagiat sont relativement
limités.
Source :
http://www.profweb.ca/publications/articles/creer-et-utiliser-des-infographies-en-classe#.VP4R3p4K7Os.twitter
Levier Frein
Motivation liée à
l'usage en classe d'un
service web 2.0
Contrainte technique
liée au codage
d'informations.
Exemples de scénarios pédagogiques - Collège
Réaliser une infographie sur les métiers de
l'image
http://documentation.ac-orleans-tours.fr/mutual
isation/scenarios_traam/
Objectifs pédagogiques :
● Sélectionner et extraire des informations ;
● Dégager l'essentiel d'un texte lu ;
● Traitement informatique d'images et de
textes ;
● Découvrir des métiers.
Compétences documentaires :
● Questionner le sujet ;
● Rechercher de l'information ;
● Trier, sélectionner l’information ;
● Évaluer, valider l'information ;
● Restituer, communiquer.
Infographier des dépêches
http://documentation.ac-besancon.fr/inf
ographier-des-depeches/
Objectifs pédagogiques :
● Être capable de reconnaître une
infographie ;
● Être capable de créer un infographie
à partir d’une information ;
● Être capable de rédiger une brève à
partir d’une infographie.
Compétences documentaires :
● Trier, sélectionner l’information ;
● Restituer communiquer.
Séquence testée - Collège
Infographier des métiers en classe de 5ème
https://profdocalouest.wordpress.com/2016/01/20/infographier-des-metiers-en-classe-de-
5eme/
Objectifs pédagogiques :
● Acquérir les méthodes et techniques de recherche documentaire ;
● Acquérir les techniques de prise de notes adaptées à un objectif de recherche ;
● Reformuler des informations dans une langue personnelle (à l'écrit et à l'oral) ;
● Identifier et interpréter les formes de communication infographique ;
● Communiquer en langage textuel et infographique ;
● Mettre en page un document bureautique (textes et illustrations).
Freins et réussites :
● Peu de freins techniques malgré un logiciel utilisé en langue anglaise.
● Tous les élèves ont pu travailler sur le même compte Piktochart en même temps.
● La réussite de ce projet a été favorisée par un groupe classe dynamique et motivé.
Exemples de scénarios pédagogiques – Lycée
S’informer et informer avec un nouveau genre de document, l’infographie :
une situation pédagogique translittératique ? Classe de CAP
http://www.culturedel.info/cactusacide/?p=6716
Objectif professeur : établir un diagnostic pour percevoir les acquis en matière de
lecture de ce dispositif de communication avec ses codes propres ;
Objectif élève : prendre conscience d’un environnement médiatique qui évolue.
Tableau de synthèse de la séquence :
http://www.culturedel.info/cactusacide/wp-content/uploads/2013/01/Tableau-synth%
C3%A8se-infographie.pdf
Les infographies de presse - Classe de 1ES
https://crendipt.wordpress.com/2014/05/23/seance-pedagogique-les-infographies-de-pr
esse/
Objectifs info-documentaires :
● Prendre conscience de l’évolution des productions médiatiques ;
● Être capable d’extraire l’information d’une infographie ;
● Être capable de repérer les stratégies visuelles utilisées par l’auteur ;
● Continuer de se familiariser avec les périodiques économiques.
Évaluation
Qualitative :
● Par les pairs grâce aux commentaires, « like » ;
● Fiche d’évaluation (grille de lecture type) ; Exemple d'une
grille d'évaluation d'une infographie de presse :
https://crendipt.files.wordpress.com/2014/05/tableau-c3a9lc3a
8ve1.pdf
Source : https://crendipt.wordpress.com/2014/05/23/seance-pedagogique-les-infographies-de-presse/
Quantitative :
● Par les pairs : statistiques de vues sur l'image ; nombre de
partages sur les médias sociaux.
Travailler sur le droit à l'image
Dans le processus de création
● Identifiez les images qui viendront illustrer votre propos ; 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.
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/
Exemple :
Séance sur les Unes de presse et le droit à l'image :
http://www.ac-nice.fr/docazur/spip.php?article1107
Réalisation d'une infographie :
https://magic.piktochart.com/output/14348251-droit-a-limage
Panorama général
Easel.ly
Picktochart
Infogr.am
Genial.ly
...
Visual.ly
Vizualize.me
Kinzaa
...
Images interactives
Frises chronologiques interactives
Nuages de mots
Cartes interactives
...
Infographies
Se représenter
Cousins éloignés
Outils de réalisation
d'infographies
Les outils du web
Il existe sur Internet une gamme d'outils très vaste avec
des critères très variés.
Pour effectuer un choix il faut donc définir ses besoins, ses
attentes.
Mais également le contexte dans lequel on va travailler, et les
personnes impliquées.
Les fonctions de l'outil doivent répondre à un besoin et/ou à
un objectif.
Les critères de choix
● Gérer l'identité numérique de l'individu et/ou du service
(problématique de l'adresse mail à anticiper).
● Multiplier les outils ou se concentrer sur une seule offre ?
● Choisir un outil ergonomique.
● Repérer les contraintes techniques spécifiques.
● Prendre en compte les contraintes de temps liées à l'outil.
● Choisir les fonctionnalités collaboratives, mono ou multi-auteurs ?
● Penser à l'interactivité et réfléchir aux fonctionnalités d'édition et
de partage : Quelles possibilités de publication ?
● Choisir un outil en ligne ou à installer ?
● Prendre en compte le coût éventuel.
« Open source » versus propriétaire
« On entend par standard ouvert tout protocole de communication,
d'interconnexion ou d'échange et tout format de données interopérables
et dont les spécifications techniques sont publiques et sans restriction
d'accès ni de mise en œuvre.» Source : Journal Officiel. 
Logiciel libre et gratuitLogiciel libre et gratuit
A l'opposé : les formats propriétaires qui contiennent des données dont
les spécifications relèvent du domaine privé et qui sont généralement
protégés par des brevets :
Logiciel gratuicielLogiciel gratuiciel
Logiciel freemiumLogiciel freemium
Source :
http://fenetresur.wordpress.com/2012/12/05/cartes-heuristiques-quels-outils-pour-un-usage-pedagogique/
Easel.ly
Type : Outil freemium de réalisations d'infographies créé en 2012.
Fonctionnalités : Il est possible de commencer par une page blanche ou de
choisir un thème pré-défini (une vingtaine de choix possibles). Des diagrammes
et autres graphiques sont également personnalisables.
Le service permet de glisser-déposer des objets graphiques (icônes, cartes,
paysages, personnes, formes, etc.) avant de les agencer. Il est aussi possible
d'ajouter ses propres fichiers. Il propose en outre différents outils pour des
créations libres : choix des couleurs et plusieurs effets de style. A noter que
les chiffres et textes doivent être inclus manuellement.
Les infographies, en HTML5, seront aussi visibles depuis les smartphones.
Le moins : il ne prend pas en charge les caractères accentués.
http://www.easel.ly/
Tutoriel : http://www.cddp91.ac-versailles.fr/spip.php?article882
Exemples : http://easel.ly/infographic/jpqv9d
http://sgermain.loire-atlantique.e-lyco.fr/presentation-du-college/l-organisation
-pedagogique/
Piktochart
Type : Outil freemium de réalisations d'infographies.
Fonctionnalités : Il est possible de commencer par une page blanche ou de choisir un
thème pré-défini. La version gratuite est limitée à trois thèmes assez basiques, et
embarque le logo Piktochart, mais la version payante est évidemment plus vaste (plus
de 100 thèmes).
Fonctionnant assez simplement, son outil d'édition en ligne permet d'insérer des
images, ajouter des formes, des graphiques ou du texte, mais aussi d'importer des
fichiers csv. Le résultat peut être exporté en HTML, mais aussi téléchargé en images
.jpg.
http://piktochart.com/
Tutoriels :
● http://outilstice.com/2013/01/piktochart-creer-des-infographies-professionnelles/
● http://cdi.ac-dijon.fr/IMG/pdf/tutoriel_piktochart.pdf
Exemples :
● https://magic.piktochart.com/output/3671410-untitled-infographic
● https://fenetresur.wordpress.com/2014/10/19/infographie-les-etapes-de-la-recherche
-dinformation/
Réaliser un bilan d'activité avec les indicateurs de BCDI :
● http://www.ac-nice.fr/docazur/IMG/pdf/tuto_bcdi_indicateurs.pdf
Infogr.am
Type : Outil freemium de réalisations de datavisualisation
Fonctionnalités : Permet de créer en ligne rapidement et
gratuitement des infographies interactives. A partir de
quelques thèmes, l'outil permet d'ajouter graphiques, cartes,
textes, photos et  vidéos. Des données peuvent être
importées à partir de fichiers .xls ou .csv, puis modifiées.
Les créations sont ensuite publiées sur infogr.am, et
associées au compte qui les a générées. Elles pourront être
diffusées sur les réseaux sociaux ou embarquées sur un site
Web via le code "embed". Elles seront signées avec un lien
pointant vers Infogr.am.
https://infogr.am/
Tutoriel :
http://www.olivier-penant.com/blog/2012/09/17/infogr-am-une
-application-en-ligne-pour-creer-vos-infographies/
Genial.ly
Type : application en ligne, fremium, qui permet de créer des infographies, des
diaporamas, des CV...
Fonctionnalités : Pour débuter, il est nécessaire de créer un compte avec une adresse
mail et/ou un compte Google ou Facebook. Genial.ly enregistre automatiquement toutes
les opérations effectuées. Une fois terminée, il est possible de partager sa production sur
les médias sociaux ou par mail, ou de l'intégrer via un code source sur un site web.
https://www.genial.ly/fr
● Tutoriels :
http://blogs.univ-poitiers.fr/t-roy/2016/06/27/tutoriels-genial-ly/
http://electrotoile.eu/tutoriel_diaporama_genially.php
Tableau comparatif
Les + Les -
Easel.ly Facile à prendre en main. Pas
de logo lorsque l'on exporte
l'infographie.
Impossible d'ajouter des accents dans
les textes.
Pickotchart Fonctions d'édition complètes
et faciles à prendre en main.
Version gratuite : peu de thèmes et
logo de l'outil ajouté par défaut sur
chaque réalisation.
Infogr.am Permet de gérer des données
au format Excel ou .csv.
Pas d'enregistrement au format image
et logo de l'outil ajouté par défaut sur
chaque réalisation.
Genial.ly Outil complet qui propose un
choix important de
fonctionnalités.
Outil exclusivement en anglais (ou
espagnol !).
Source :
www.presse-citron.net/trois-outils-pour-donner-une-touche-sexy-a-vos-compte-rendus-un-peu-ternes/
Autres outils à tester  :
● Venngage : https://infograph.venngage.com
● Visme : http://www.visme.co/
● Visual.ly : http://visual.ly/
Conseils pratiques
● Dotez-vous d’un outil qui correspond à vos besoins ;
● Ciblez précisément le sujet de votre infographie ;
● Vérifiez l'information avant de la partager ;
● Citez vos sources ;
● La mise en page doit faciliter la lecture des informations ;
● Choisissez le format portrait ou paysage ;
● Accompagnez les données qualitatives d’illustrations et les données quantitatives
de données numériques ;
● Identifiez des images libres de droit qui viendront illustrer votre propos ;
● Choisissez un maximum de 3 ou 4 couleurs de base ;
● Utilisez 2 polices au maximum : l'une pour les titres, l'autre pour le texte ;
● Mettez en valeur votre propos en utilisant le gras, ou différentes tailles de
caractères ;
● Signez et datez votre infographie ;
● Publiez vos créations sous Licence Creative Commons.
Source :
http://www.profweb.ca/publications/articles/creer-et-utiliser-des-infographies-en-classe#.VP4R3p4K7Os.twitter
Publier via un portail documentaire
Objectif : animer son portail documentaire
● Étape 1 : se connecter en mode Administrateur ;
● Étape 2 : choisir la rubrique où l'on souhaite intégrer son infographie ;
● Étape 3 : intégrer le code source de l'infographie en cliquant sur le bouton
« html ». 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 pixels ;
● Votre infographie peut parfois mettre du temps à apparaître en raison de son
poids.
Exemple : http://0440034y.esidoc.fr/rubrique/view/id/31
Source :
https://profdocalouest.wordpress.com/2014/11/19/lieu-et-equipements-du-cdi-infographie-a-inserer-dans-e-sidoc/
Se représenter en infographie
Infographier son identité
sur les réseaux sociaux
● http://create.visual.ly/
L’outil propose de réaliser une
infographie liée à Facebook ou à
Twitter.
Concernant Facebook, vous pourrez
générer une visualisation de votre
profil personnel ou votre page. Dans
le cas de Twitter, il sera possible de
comparer deux comptes Twitter
distincts.
Séance : travailler sa présence et
son identité numérique
● http://documentation.ac-besancon.
fr/jinfographie-mon-identite-nume
rique/
Un CV original
en infographie
● http://beta.vizualize.me/
Pour créer son CV en infographie, il est
possible de se connecter à un compte
LinkedIn depuis le site. Visualize se
chargera de rapatrier automatiquement
les données. Mais il est également
possible d'éditer directement son CV en
ligne.
● http://kinzaa.com/
L’apparence de l’infographie générée
par le service Kinzaa est plus classique.
Pour tous ceux qui souhaitent un CV
original mais sans excès.
Les cousins éloignés (1)
Faire parler une image
● http://www.thinglink.com
Application web qui permet d’annoter des photos ou des illustrations. L'outil
permet de placer des marqueurs sur la photo et, quand on passe la souris sur ces
marqueurs, on obtient des informations supplémentaires (texte, image, vidéo…).
Tutoriel : http://pedagogie.ac-toulouse.fr/langues-vivantes/spip.php?article1306
Exemples :
https://www.thinglink.com/scene/710881426072928258
Sur E-lyco :
http://laneustrie.loire-atlantique.e-lyco.fr/espace-pedagogique/c-d-i/la-renaissance-vue-par-le
s-5e-11544.htm?URL_BLOG_FILTRE=http%3A%2F%2Flaneustrie.loire-atlantique.e-lyco.fr%2Fespace-peda
gogique%2Fc-d-i%2Fblog.do%3FORDRE%3DORDRE_DATE_MODIFICATION%26FROM%3D10%23743
● http://xia.dane.ac-versailles.fr/
XIA est un «outil auteur» qui, couplé à Inkscape ou LibreOffice Draw, vous
permet de réaliser simplement des images interactives (avec détails zoomables) et
des jeux sérieux en html5.
Les cousins éloignés (2)
Nuage de tags
La création de nuages de mots-clés est
une façon simple de cartographier
des idées, des champs sémantiques,
des concepts, d’évoquer des notions
essentielles… Et de mettre en forme
via des réglages (couleur, taille des
mots, position dans l’espace, jeu de
polices de caractère…) un instantané
visuel qui offre une forme de
représentation synthétique.
● http://www.tagxedo.com/
● http://www.wordle.net/
Source :
http://www.netpublic.fr/2013/12/22-outils-gratuits-n
uages-de-mots-cles/
Frise chronologique interactive
● http://www.myhistro.com/
● http://timeline.knightlab.com/
Deux outils qui permettent de créer
des lignes du temps interactives. On
peut y intégrer des images et des
vidéos.
Exemple :
http://world.time.com/2013/12/05/nels
on-mandelas-extraordinary-life-an-int
eractive-timeline/
Les cousins éloignés (3)
Cartographie interactive
Cartographier, fabriquer des cartes
pour visualiser des indicateurs
démographiques, des données
géographiques...
Outil en ligne :
● https://openstreetmap.fr/
● https://umap.openstreetmap.fr/fr/
A explorer
Collection des applications et services permettant de créer des visualisations de
données : http://outils.expoviz.fr/
Carte mentale
Le Mind mapping est une technique
pour organiser l’information de
manière graphique.
Les utilisations du Mind Mapping sont
nombreuses, qu’il s’agisse de gérer un
projet, mémoriser un cours ou animer
une réunion.
● https://www.mindomo.com/fr/
● https://www.mindmeister.com/fr
● ...
Pérenniser sa démarche
● 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.
● Ne pas hésiter à solliciter les « feed-back » des créateurs et des
lecteurs afin d'améliorer sa démarche.
● S'inspirer d'infographies existantes :
http://www.coolinfographics.com/ blog qui regroupe des exemples
d'infographies particulièrement réussies.
Glossaire
● Cloud Computing : consiste à stocker
des données numériques à distance par
l'intermédiaire du réseau Internet.
● Dashboard : tableau de bord d'un
logiciel, sur lequel on retrouve
l'intégralité de son travail réalisé sur ce
même logiciel.
● Freemium : offre commerciale
composée de deux parties distinctes.
La première est gratuite, mais limitée
(dans les fonctions ou dans le temps).
Elle permet de tester le produit. La
seconde est payante et complète.
Fonctionne essentiellement sur
Internet.
● Mapping : fabrication de cartes, mise
en correspondance de données sur une
carte.
● Tag : c'est un mot-clé (signifiant)
assigné à de l'information qui décrit
ainsi l'objet et permet une
classification des informations basée
sur les mots-clés.
● Template : Informatique, anglicisme.
Modèle de conception de logiciel ou
de présentation des données.
Bibliographie indicative
Monographies
● Will Hill, Le langage de la typographie : connaître et choisir ses polices de caractères, Eyrolles : 2006
● David McCandless, Datavision², Robert Laffont : 2014
● Beth Tondreau, 100 principes universels de mise en page pour l'imprimé et le web, Dunod, Paris : 2010
Sites Internet
● Catherine Rhéaume, Créer et utiliser des infographies en classe, ProfWeb, le 26 janvier 2014 :
http://www.profweb.ca/publications/articles/creer-et-utiliser-des-infographies-en-classe#.VP4R3p4K7Os.twitter
● Claire Chignard, blog professionnel, Wordpress, Mise à jour 2016 : http://profdocalouest.wordpress.com/
● Créer des infographies en ligne : outils et bonnes pratiques, Entreprise Comment ça marche, avril 2015 :
http://www.commentcamarche.net/faq/34164-creer-des-infographies-en-ligne-outils-et-bonnes-pratiques
● Datajournalisme. L'infographie expliquée en images, Courrier International, le 02 janvier 2014 :
http://www.courrierinternational.com/article/2014/01/02/l-infographie-expliquee-en-images
● Giulio Frigieri, L’infographie dans la production du savoir, Blog du Monde Diplomatique, le 23 août 2012 :
http://blog.mondediplo.net/2012-08-23-L-infographie-dans-la-production-du-savoir
● Julie Jacoutot, Ecrire pour le web, illustrer son article, Académie de Besançon, le 06 novembre 2012 :
http://missiontice.ac-besancon.fr/documentation/index.php/ecrire-pour-le-web-illustrer-son-article/
● Virgile Juhan, La data visualisation accompagne l'envol du Big Data, Journal du Net, le 08 janvier 2014 :
http://www.journaldunet.com/solutions/dsi/informatique-les-previsions-pour-2014/la-data-visualisation-au-secours-du-big
-data.shtml
● La datavisualisation c'est quoi ?, Parteja Communication Web, le 4 juillet 2012 :
http://www.parteja.net/la-datavisualisation-cest-quoi-4194.html
●
Elsa Riquier, Des indicateurs d'activité en infographie, le 1er
juillet 2016 :
http://www.ac-nice.fr/docazur/spip.php?article1114&var_mode=calcul
● Tim, Why Your Brain Craves Infographics, Adweek Dailyinfographic, le 03 mars 2015 :
http://www.dailyinfographic.com/why-your-brain-craves-infographics
● Pearltrees dédié à l'infographie : http://www.pearltrees.com/clairedelune/infographie/id13350182
● Ressources iconographiques du diaporama : https://www.iconfinder.com/ mise à jour 2017.

Contenu connexe

Tendances

Booktrailer, BCDI et E-sidoc
Booktrailer, BCDI et E-sidocBooktrailer, BCDI et E-sidoc
Booktrailer, BCDI et E-sidoc
Claire Chignard
 
Usages et pratiques numériques dans l'enseignement des langues vivantes
Usages et pratiques numériques dans l'enseignement des langues vivantesUsages et pratiques numériques dans l'enseignement des langues vivantes
Usages et pratiques numériques dans l'enseignement des langues vivantes
Claire Chignard
 
S'approprier des outils de publication de contenus multimédia en ligne
S'approprier des outils de publication de contenus multimédia en ligneS'approprier des outils de publication de contenus multimédia en ligne
S'approprier des outils de publication de contenus multimédia en ligne
Claire Chignard
 
Veille documentaire et outils de communication du web 2.0
Veille documentaire et outils de communication du web 2.0Veille documentaire et outils de communication du web 2.0
Veille documentaire et outils de communication du web 2.0
Claire Chignard
 
Animer un portail documentaire : E-sidoc
Animer un portail documentaire : E-sidocAnimer un portail documentaire : E-sidoc
Animer un portail documentaire : E-sidoc
Claire Chignard
 
Veille et curation
Veille et curationVeille et curation
Veille et curation
Claire Chignard
 
Veille et social bookmarking
Veille et social bookmarkingVeille et social bookmarking
Veille et social bookmarking
Claire Chignard
 
Pearltrees, un outil de Social Bookmarking pour les professeurs documentalistes
Pearltrees, un outil de Social Bookmarking pour les professeurs documentalistesPearltrees, un outil de Social Bookmarking pour les professeurs documentalistes
Pearltrees, un outil de Social Bookmarking pour les professeurs documentalistes
Claire Chignard
 
Produire, publier et diffuser de l'information sur Internet
Produire, publier et diffuser de l'information sur InternetProduire, publier et diffuser de l'information sur Internet
Produire, publier et diffuser de l'information sur Internet
Claire Chignard
 
Veille et medias sociaux
Veille et medias sociaux Veille et medias sociaux
Veille et medias sociaux
Claire Chignard
 
Book trailers, book tubers... Book readers ?
Book trailers, book tubers... Book readers ?Book trailers, book tubers... Book readers ?
Book trailers, book tubers... Book readers ?
Solène FONT
 
Animer un portail documentaire : E-sidoc
Animer un portail documentaire : E-sidocAnimer un portail documentaire : E-sidoc
Animer un portail documentaire : E-sidoc
Claire Chignard
 
Contrôle de ses données et écriture de soi
Contrôle de ses données et écriture de soiContrôle de ses données et écriture de soi
Contrôle de ses données et écriture de soiOlivier Le Deuff
 
Crowdsourcing : redocumentarisation, veille documentaire et curation
Crowdsourcing : redocumentarisation, veille documentaire et curationCrowdsourcing : redocumentarisation, veille documentaire et curation
Crowdsourcing : redocumentarisation, veille documentaire et curation
Claire Chignard
 
Veille documentaire et outils du web 2.0
Veille documentaire et outils du web 2.0Veille documentaire et outils du web 2.0
Veille documentaire et outils du web 2.0
Claire Chignard
 
Mettre les compétences de l’EMI au service de la réalisation du chef-d’œuvre ...
Mettre les compétences de l’EMI au service de la réalisation du chef-d’œuvre ...Mettre les compétences de l’EMI au service de la réalisation du chef-d’œuvre ...
Mettre les compétences de l’EMI au service de la réalisation du chef-d’œuvre ...
eloxgo
 
Booktrailer, BCDI et eeE-sidoc
Booktrailer, BCDI et eeE-sidocBooktrailer, BCDI et eeE-sidoc
Booktrailer, BCDI et eeE-sidoc
Claire Chignard
 
Accès à la majorité technique et intellectuelle
Accès à la majorité technique et intellectuelleAccès à la majorité technique et intellectuelle
Accès à la majorité technique et intellectuelleOlivier Le Deuff
 
La culture de l'information en sept leçons et les enjeux du numérique
La culture de l'information en sept leçons et les enjeux du numériqueLa culture de l'information en sept leçons et les enjeux du numérique
La culture de l'information en sept leçons et les enjeux du numérique
Olivier Le Deuff
 

Tendances (19)

Booktrailer, BCDI et E-sidoc
Booktrailer, BCDI et E-sidocBooktrailer, BCDI et E-sidoc
Booktrailer, BCDI et E-sidoc
 
Usages et pratiques numériques dans l'enseignement des langues vivantes
Usages et pratiques numériques dans l'enseignement des langues vivantesUsages et pratiques numériques dans l'enseignement des langues vivantes
Usages et pratiques numériques dans l'enseignement des langues vivantes
 
S'approprier des outils de publication de contenus multimédia en ligne
S'approprier des outils de publication de contenus multimédia en ligneS'approprier des outils de publication de contenus multimédia en ligne
S'approprier des outils de publication de contenus multimédia en ligne
 
Veille documentaire et outils de communication du web 2.0
Veille documentaire et outils de communication du web 2.0Veille documentaire et outils de communication du web 2.0
Veille documentaire et outils de communication du web 2.0
 
Animer un portail documentaire : E-sidoc
Animer un portail documentaire : E-sidocAnimer un portail documentaire : E-sidoc
Animer un portail documentaire : E-sidoc
 
Veille et curation
Veille et curationVeille et curation
Veille et curation
 
Veille et social bookmarking
Veille et social bookmarkingVeille et social bookmarking
Veille et social bookmarking
 
Pearltrees, un outil de Social Bookmarking pour les professeurs documentalistes
Pearltrees, un outil de Social Bookmarking pour les professeurs documentalistesPearltrees, un outil de Social Bookmarking pour les professeurs documentalistes
Pearltrees, un outil de Social Bookmarking pour les professeurs documentalistes
 
Produire, publier et diffuser de l'information sur Internet
Produire, publier et diffuser de l'information sur InternetProduire, publier et diffuser de l'information sur Internet
Produire, publier et diffuser de l'information sur Internet
 
Veille et medias sociaux
Veille et medias sociaux Veille et medias sociaux
Veille et medias sociaux
 
Book trailers, book tubers... Book readers ?
Book trailers, book tubers... Book readers ?Book trailers, book tubers... Book readers ?
Book trailers, book tubers... Book readers ?
 
Animer un portail documentaire : E-sidoc
Animer un portail documentaire : E-sidocAnimer un portail documentaire : E-sidoc
Animer un portail documentaire : E-sidoc
 
Contrôle de ses données et écriture de soi
Contrôle de ses données et écriture de soiContrôle de ses données et écriture de soi
Contrôle de ses données et écriture de soi
 
Crowdsourcing : redocumentarisation, veille documentaire et curation
Crowdsourcing : redocumentarisation, veille documentaire et curationCrowdsourcing : redocumentarisation, veille documentaire et curation
Crowdsourcing : redocumentarisation, veille documentaire et curation
 
Veille documentaire et outils du web 2.0
Veille documentaire et outils du web 2.0Veille documentaire et outils du web 2.0
Veille documentaire et outils du web 2.0
 
Mettre les compétences de l’EMI au service de la réalisation du chef-d’œuvre ...
Mettre les compétences de l’EMI au service de la réalisation du chef-d’œuvre ...Mettre les compétences de l’EMI au service de la réalisation du chef-d’œuvre ...
Mettre les compétences de l’EMI au service de la réalisation du chef-d’œuvre ...
 
Booktrailer, BCDI et eeE-sidoc
Booktrailer, BCDI et eeE-sidocBooktrailer, BCDI et eeE-sidoc
Booktrailer, BCDI et eeE-sidoc
 
Accès à la majorité technique et intellectuelle
Accès à la majorité technique et intellectuelleAccès à la majorité technique et intellectuelle
Accès à la majorité technique et intellectuelle
 
La culture de l'information en sept leçons et les enjeux du numérique
La culture de l'information en sept leçons et les enjeux du numériqueLa culture de l'information en sept leçons et les enjeux du numérique
La culture de l'information en sept leçons et les enjeux du numérique
 

En vedette

« Les réseaux de neurones peuvent faire l’apprentissage de modèles grâce à un...
« Les réseaux de neurones peuvent faire l’apprentissage de modèles grâce à un...« Les réseaux de neurones peuvent faire l’apprentissage de modèles grâce à un...
« Les réseaux de neurones peuvent faire l’apprentissage de modèles grâce à un...
Living Things
 
Performances des turbo codes parallèles pour un canal satellite non linéaire
Performances des turbo codes parallèles pour un canal satellite non linéairePerformances des turbo codes parallèles pour un canal satellite non linéaire
Performances des turbo codes parallèles pour un canal satellite non linéaire
Rachidz
 
Le codage de huffman
Le codage de huffmanLe codage de huffman
Le codage de huffman
Mohamed Alaeddin Turki
 
Analyse de régression linéaire
Analyse de régression linéaire Analyse de régression linéaire
Analyse de régression linéaire
Adad Med Chérif
 
SCADA Labview PLC TIA portal v13
SCADA Labview PLC TIA portal v13SCADA Labview PLC TIA portal v13
SCADA Labview PLC TIA portal v13
Mohsen Sadok
 
Infographie : communiquer et produire de l’information visuelle au CDI
Infographie : communiquer et produire de l’information visuelle au CDIInfographie : communiquer et produire de l’information visuelle au CDI
Infographie : communiquer et produire de l’information visuelle au CDI
Claire Chignard
 
Booktrailer, BCDI et E-sidoc
Booktrailer, BCDI et E-sidocBooktrailer, BCDI et E-sidoc
Booktrailer, BCDI et E-sidoc
Claire Chignard
 
Animer un portail documentaire - E-sidoc
Animer un portail documentaire - E-sidocAnimer un portail documentaire - E-sidoc
Animer un portail documentaire - E-sidoc
Claire Chignard
 
Tutoriel Pearltrees
Tutoriel PearltreesTutoriel Pearltrees
Tutoriel Pearltrees
Claire Chignard
 

En vedette (9)

« Les réseaux de neurones peuvent faire l’apprentissage de modèles grâce à un...
« Les réseaux de neurones peuvent faire l’apprentissage de modèles grâce à un...« Les réseaux de neurones peuvent faire l’apprentissage de modèles grâce à un...
« Les réseaux de neurones peuvent faire l’apprentissage de modèles grâce à un...
 
Performances des turbo codes parallèles pour un canal satellite non linéaire
Performances des turbo codes parallèles pour un canal satellite non linéairePerformances des turbo codes parallèles pour un canal satellite non linéaire
Performances des turbo codes parallèles pour un canal satellite non linéaire
 
Le codage de huffman
Le codage de huffmanLe codage de huffman
Le codage de huffman
 
Analyse de régression linéaire
Analyse de régression linéaire Analyse de régression linéaire
Analyse de régression linéaire
 
SCADA Labview PLC TIA portal v13
SCADA Labview PLC TIA portal v13SCADA Labview PLC TIA portal v13
SCADA Labview PLC TIA portal v13
 
Infographie : communiquer et produire de l’information visuelle au CDI
Infographie : communiquer et produire de l’information visuelle au CDIInfographie : communiquer et produire de l’information visuelle au CDI
Infographie : communiquer et produire de l’information visuelle au CDI
 
Booktrailer, BCDI et E-sidoc
Booktrailer, BCDI et E-sidocBooktrailer, BCDI et E-sidoc
Booktrailer, BCDI et E-sidoc
 
Animer un portail documentaire - E-sidoc
Animer un portail documentaire - E-sidocAnimer un portail documentaire - E-sidoc
Animer un portail documentaire - E-sidoc
 
Tutoriel Pearltrees
Tutoriel PearltreesTutoriel Pearltrees
Tutoriel Pearltrees
 

Similaire à Infographie : communiquer et produire de l’information visuelle au CDI

Les rôles des professionnels de l’information dans le passage des médias vers...
Les rôles des professionnels de l’information dans le passage des médias vers...Les rôles des professionnels de l’information dans le passage des médias vers...
Les rôles des professionnels de l’information dans le passage des médias vers...
Vincent Chapdelaine
 
Formation découvrabilité ISOC Québec - 30 avril 2021 | metaD.media
Formation découvrabilité ISOC Québec - 30 avril 2021 | metaD.mediaFormation découvrabilité ISOC Québec - 30 avril 2021 | metaD.media
Formation découvrabilité ISOC Québec - 30 avril 2021 | metaD.media
Jean-Robert Bisaillon
 
Les multiples facettes du rapport texte/image
Les multiples facettes du rapport texte/imageLes multiples facettes du rapport texte/image
Les multiples facettes du rapport texte/image
Cécile Bernet
 
Cours projet web collaboratif - partie 2 : Stratégie éditoriale, version 2019
Cours projet web collaboratif - partie 2 : Stratégie éditoriale, version 2019Cours projet web collaboratif - partie 2 : Stratégie éditoriale, version 2019
Cours projet web collaboratif - partie 2 : Stratégie éditoriale, version 2019
Eric Giraudin
 
Utiliser des outils collaboratifs en BU
Utiliser des outils collaboratifs en BUUtiliser des outils collaboratifs en BU
Utiliser des outils collaboratifs en BU
Anne-Gaëlle Gaudion
 
Outils numériques à l'usage des bibliothécaires
Outils numériques à l'usage des bibliothécairesOutils numériques à l'usage des bibliothécaires
Outils numériques à l'usage des bibliothécaires
Flora Gousset
 
Management participatif et design de services en bibliothèques
Management participatif et design de services en bibliothèquesManagement participatif et design de services en bibliothèques
Management participatif et design de services en bibliothèques
Renaud AIOUTZ
 
Notre catalogue 2012-2013
Notre catalogue   2012-2013Notre catalogue   2012-2013
Notre catalogue 2012-2013
Julien Voyez
 
Notre catalogue 2014
Notre catalogue   2014Notre catalogue   2014
Notre catalogue 2014
Julien Voyez
 
La médiation numérique en médiathèque.pptx
La médiation numérique en médiathèque.pptxLa médiation numérique en médiathèque.pptx
La médiation numérique en médiathèque.pptx
Daniel Perez Prada
 
Top twitter
Top twitterTop twitter
La veille en bibliothèque
La veille en bibliothèqueLa veille en bibliothèque
La veille en bibliothèque
Pauline Moirez
 
formation Veille à des étudiants en licence pro SRC
formation Veille à des étudiants en licence pro SRCformation Veille à des étudiants en licence pro SRC
formation Veille à des étudiants en licence pro SRC
richard peirano
 
Formation "Médias numeriques et évolutions" (Clemi - PAF)
Formation "Médias numeriques et évolutions" (Clemi - PAF)Formation "Médias numeriques et évolutions" (Clemi - PAF)
Formation "Médias numeriques et évolutions" (Clemi - PAF)
Alexandre Acou
 
12 preao-pergaud stg
12 preao-pergaud stg12 preao-pergaud stg
12 preao-pergaud stgamazonai
 
Créer un cv en ligne 2
Créer un cv en ligne 2Créer un cv en ligne 2
Créer un cv en ligne 2
Idril3
 
Innovation, management et numérique
Innovation, management et numériqueInnovation, management et numérique
Innovation, management et numériqueRenaud AIOUTZ
 
Master CEN - Université de Paris
Master CEN - Université de ParisMaster CEN - Université de Paris
Master CEN - Université de Paris
Crossmedias
 

Similaire à Infographie : communiquer et produire de l’information visuelle au CDI (20)

Les rôles des professionnels de l’information dans le passage des médias vers...
Les rôles des professionnels de l’information dans le passage des médias vers...Les rôles des professionnels de l’information dans le passage des médias vers...
Les rôles des professionnels de l’information dans le passage des médias vers...
 
Formation découvrabilité ISOC Québec - 30 avril 2021 | metaD.media
Formation découvrabilité ISOC Québec - 30 avril 2021 | metaD.mediaFormation découvrabilité ISOC Québec - 30 avril 2021 | metaD.media
Formation découvrabilité ISOC Québec - 30 avril 2021 | metaD.media
 
Les multiples facettes du rapport texte/image
Les multiples facettes du rapport texte/imageLes multiples facettes du rapport texte/image
Les multiples facettes du rapport texte/image
 
Cours projet web collaboratif - partie 2 : Stratégie éditoriale, version 2019
Cours projet web collaboratif - partie 2 : Stratégie éditoriale, version 2019Cours projet web collaboratif - partie 2 : Stratégie éditoriale, version 2019
Cours projet web collaboratif - partie 2 : Stratégie éditoriale, version 2019
 
Utiliser des outils collaboratifs en BU
Utiliser des outils collaboratifs en BUUtiliser des outils collaboratifs en BU
Utiliser des outils collaboratifs en BU
 
Outils numériques à l'usage des bibliothécaires
Outils numériques à l'usage des bibliothécairesOutils numériques à l'usage des bibliothécaires
Outils numériques à l'usage des bibliothécaires
 
Management participatif et design de services en bibliothèques
Management participatif et design de services en bibliothèquesManagement participatif et design de services en bibliothèques
Management participatif et design de services en bibliothèques
 
Notre catalogue 2012-2013
Notre catalogue   2012-2013Notre catalogue   2012-2013
Notre catalogue 2012-2013
 
Notre catalogue 2014
Notre catalogue   2014Notre catalogue   2014
Notre catalogue 2014
 
Projet et strategie
Projet et strategieProjet et strategie
Projet et strategie
 
La médiation numérique en médiathèque.pptx
La médiation numérique en médiathèque.pptxLa médiation numérique en médiathèque.pptx
La médiation numérique en médiathèque.pptx
 
Top twitter
Top twitterTop twitter
Top twitter
 
La veille en bibliothèque
La veille en bibliothèqueLa veille en bibliothèque
La veille en bibliothèque
 
Veille
VeilleVeille
Veille
 
formation Veille à des étudiants en licence pro SRC
formation Veille à des étudiants en licence pro SRCformation Veille à des étudiants en licence pro SRC
formation Veille à des étudiants en licence pro SRC
 
Formation "Médias numeriques et évolutions" (Clemi - PAF)
Formation "Médias numeriques et évolutions" (Clemi - PAF)Formation "Médias numeriques et évolutions" (Clemi - PAF)
Formation "Médias numeriques et évolutions" (Clemi - PAF)
 
12 preao-pergaud stg
12 preao-pergaud stg12 preao-pergaud stg
12 preao-pergaud stg
 
Créer un cv en ligne 2
Créer un cv en ligne 2Créer un cv en ligne 2
Créer un cv en ligne 2
 
Innovation, management et numérique
Innovation, management et numériqueInnovation, management et numérique
Innovation, management et numérique
 
Master CEN - Université de Paris
Master CEN - Université de ParisMaster CEN - Université de Paris
Master CEN - Université de Paris
 

Dernier

Cycle de Formation Théâtrale 2024 / 2025
Cycle de Formation Théâtrale 2024 / 2025Cycle de Formation Théâtrale 2024 / 2025
Cycle de Formation Théâtrale 2024 / 2025
Billy DEYLORD
 
Iris van Herpen. pptx
Iris         van        Herpen.      pptxIris         van        Herpen.      pptx
Iris van Herpen. pptx
Txaruka
 
Iris van Herpen. pptx
Iris         van         Herpen.      pptxIris         van         Herpen.      pptx
Iris van Herpen. pptx
Txaruka
 
Newsletter SPW Agriculture en province du Luxembourg du 12-06-24
Newsletter SPW Agriculture en province du Luxembourg du 12-06-24Newsletter SPW Agriculture en province du Luxembourg du 12-06-24
Newsletter SPW Agriculture en province du Luxembourg du 12-06-24
BenotGeorges3
 
Formation M2i - Onboarding réussi - les clés pour intégrer efficacement vos n...
Formation M2i - Onboarding réussi - les clés pour intégrer efficacement vos n...Formation M2i - Onboarding réussi - les clés pour intégrer efficacement vos n...
Formation M2i - Onboarding réussi - les clés pour intégrer efficacement vos n...
M2i Formation
 
Formation Intelligence Artificielle pour dirigeants- IT6-DIGITALIX 24_opt OK_...
Formation Intelligence Artificielle pour dirigeants- IT6-DIGITALIX 24_opt OK_...Formation Intelligence Artificielle pour dirigeants- IT6-DIGITALIX 24_opt OK_...
Formation Intelligence Artificielle pour dirigeants- IT6-DIGITALIX 24_opt OK_...
cristionobedi
 
Iris van Herpen. pptx
Iris            van        Herpen.     pptxIris            van        Herpen.     pptx
Iris van Herpen. pptx
Txaruka
 
Burkina Faso library newsletter May 2024
Burkina Faso library newsletter May 2024Burkina Faso library newsletter May 2024
Burkina Faso library newsletter May 2024
Friends of African Village Libraries
 

Dernier (8)

Cycle de Formation Théâtrale 2024 / 2025
Cycle de Formation Théâtrale 2024 / 2025Cycle de Formation Théâtrale 2024 / 2025
Cycle de Formation Théâtrale 2024 / 2025
 
Iris van Herpen. pptx
Iris         van        Herpen.      pptxIris         van        Herpen.      pptx
Iris van Herpen. pptx
 
Iris van Herpen. pptx
Iris         van         Herpen.      pptxIris         van         Herpen.      pptx
Iris van Herpen. pptx
 
Newsletter SPW Agriculture en province du Luxembourg du 12-06-24
Newsletter SPW Agriculture en province du Luxembourg du 12-06-24Newsletter SPW Agriculture en province du Luxembourg du 12-06-24
Newsletter SPW Agriculture en province du Luxembourg du 12-06-24
 
Formation M2i - Onboarding réussi - les clés pour intégrer efficacement vos n...
Formation M2i - Onboarding réussi - les clés pour intégrer efficacement vos n...Formation M2i - Onboarding réussi - les clés pour intégrer efficacement vos n...
Formation M2i - Onboarding réussi - les clés pour intégrer efficacement vos n...
 
Formation Intelligence Artificielle pour dirigeants- IT6-DIGITALIX 24_opt OK_...
Formation Intelligence Artificielle pour dirigeants- IT6-DIGITALIX 24_opt OK_...Formation Intelligence Artificielle pour dirigeants- IT6-DIGITALIX 24_opt OK_...
Formation Intelligence Artificielle pour dirigeants- IT6-DIGITALIX 24_opt OK_...
 
Iris van Herpen. pptx
Iris            van        Herpen.     pptxIris            van        Herpen.     pptx
Iris van Herpen. pptx
 
Burkina Faso library newsletter May 2024
Burkina Faso library newsletter May 2024Burkina Faso library newsletter May 2024
Burkina Faso library newsletter May 2024
 

Infographie : communiquer et produire de l’information visuelle au CDI

  • 1. La gestion pédagogique de l'information numérique Infographie Communiquer et produire de l'information visuelle au CDI Académie de Nantes - - Claire Chignard - Professeur documentaliste - Mise à jour Mars 2017
  • 2. Présentation Qui suis-je ? http://profdocalouest.wordpress.com/ Lien vers un Pearltrees dédié aux Infographies : http://www.pearltrees.com/clairedelune/infographie/id13350182 Professeur documentaliste 2.0
  • 3. Objectifs de la formation
  • 4. Plan de la formation I – Infographie et Datavisualisation 1 – Définition et concept 2 – Communiquer par l'image à l'heure du web 2.0 3 – Les grands types d'infographie II- Infographier en éducation 1 – Une infographie pour dire quoi ? 2 – Pour communiquer de l'information 3 – Pour produire de l'information III – Outils de création d'infographies 1 – Outils de création en ligne : Easel.ly, Picktochart, Infogr.am, Genial.ly... 2 – Se représenter en infographie 3 – Rendre actifs : une image, une frise chronologique, un nuage de mots ou une carte
  • 5. Infographie ? (1) A sa création dans les années 80, le terme infographie désigne les graphismes produits par ordinateur. Puis, par confusion sur le sens du préfixe "info" (informatique / information), le terme infographie est utilisé par certains au sens de diagramme, cartographie et tout type de schéma explicatif destiné à mettre en image des informations, notamment statistiques ou géographiques. Le concept d'infographie désigne donc tous les graphismes produits par des moyens informatiques. Exemple d'infographie sur le thème de l'évaluation d'un site Internet Source de l'infographie : http://www.faireunerecherche.fse.ulaval.ca/ressources/affiches/
  • 6. Infographie ? (2) L’infographie est chargée d’une mission : simplifier sans banaliser, éveiller des interrogations et offrir des réponses, mais aussi informer de façon claire, captivante et synthétique. Éditeurs web et journalistes, services de communication d'entreprise, spécialistes du marketing ou simples internautes recourent aux infographies pour mettre en valeur l'information, la vulgariser et la contextualiser. La visualisation des données offre aux professionnels et aux particuliers une manière innovante de communiquer des informations. Exemple de communication visuelle institutionnelle : http://senat-fr.tumblr.com/ Sources : ● http://fr.wikipedia.org/wiki/Infographie ● http://www.commentcamarche.net/faq/34164-creer-des-infographies-en-ligne-outils-et-bonnes-pratiques ● http://blog.mondediplo.net/2012-08-23-L-infographie-dans-la-production-du-savoir
  • 7. Datavisualisation ? (1) Face à l'accroissement des volumes de données numériques et au défi du Big Data, les outils de visualisation d'indicateurs voient leur utilité décuplée. Le Big Data regroupe une famille d'outils qui répondent à trois problématiques : un Volume de données important à traiter, une grande Variété d'informations, et un certain niveau de Vélocité à atteindre - c'est-à-dire de fréquence de création, collecte et partage de ces données. C'est la règle dite des 3V. La datavisualisation est l’étude, la science ou l’art de représenter des données de façon visuelle.
  • 8. Datavisualisation ? (2) . La datavisualisation commence toujours par une collecte de données et de chiffres bruts. Une fois les données brutes sélectionnées, traitées et formatées dans un tableur, il appartient au journaliste, à l’infographiste ou au designer d’imaginer la meilleure façon de les présenter. Un nouveau métier apparaît : le data journaliste, qui a pour mission de recueillir de l’information chiffrée et de la mettre en forme pour l’expliciter à ses lecteurs. Son travail consiste à trouver le dosage équilibré pour que l’information soit pertinente et qu’elle soit également esthétique. La présentation de ces données sous une forme illustrée les rend plus lisibles et compréhensibles. Exemple de data journalisme : http://www.lemonde.fr/data-visualisation/ Sources : ● http://www.parteja.net/la-datavisualisation-cest-quoi-4194.html ● http://www.journaldunet.com/solutions/dsi/informatique-les-previsions-pour-2014/la-data-visualisation -au-secours-du-big-data.shtml ● http://www.base-plus.fr/jour-jai-explique-data-visualisation-a-mere/
  • 9. Le poids des mots... « Un dessin vaut mieux qu’un long discours. » L’aphorisme prêté à Napoléon est connu. Aujourd’hui, on serait tenté de le paraphraser ainsi : « Une infographie vaut mieux qu’un article. » Exemple : https://www.cfactuel.fr/ Source : http://themediatrend.com/le-journalisme-visuel-une- tendance-forte-dans-les-medias Infographie et journalisme « L'infographie est un genre de journalisme, au même titre que les interviews, les articles, ou les photographies, c'est même plus que cela c'est un genre qui combine tous les genres ». Source : Javier Errea (qui a réalisé la nouvelle formule de Courrier international ), en préface du livre "Infographics, a Visual Definition", publié en 2012 par la SND (Society for News Design). http://www.courrierinternational.com/article/2014/0 1/02/l-infographie-expliquee-en-images
  • 10. …le choc des photos Quels sont les avantages de ce journalisme visuel ? ● Illustrer un texte, un article, un propos. ● Présenter une information facilement assimilable : une infographie est un moyen efficace de présenter l’information en fines couches successives et de la rendre ainsi plus digeste ; ● Donner un aspect ludique à l’information ; ● Gérer le temps, car il est possible de réactualiser en permanence les données affichées lorsque l'infographie est en ligne ; ● Créer une interactivité avec l’internaute : la tendance étant de pousser cette interactivité le plus loin possible ; Hyperlier le web ; ● Générer des UGC (User Generated Content), avec l’avantage que l’internaute voit (au sens propre du terme) ses informations s’afficher sur le site ; c’est la tendance forte du moment. Source : http://themediatrend.com/le-journalisme-visuel-une-tendance-forte-dans-les-medias
  • 11. Communiquer par l'image... (1) … à l'heure du web 2.0 Le web 2.0 permet aux usagers de créer et de partager des contenus Web. L'usager est à la fois consommateur et producteur de contenu. Le visuel a une place centrale dans les publications web 2.0, il fait sens. La surinformation peut alors parfois chasser l’information et sa hiérarchisation. Enjeux : L'infobésité dans le contexte de la société de l'information et du web 2.0. Comprendre et partager l'information rapidement. Why your brain craves infographics
  • 12. Communiquer par l'image... (2) … à l'heure du web 2.0 ● L'infographie est utile à celui qui la « lit », mais aussi à celui qui la crée. Au cours de son élaboration, elle permet de structurer « les savoirs » de son auteur. ● Elle transmet des informations et structure les connaissances, elle décrit et prescrit, elle est formative et informative. ● C’est une écriture géométrique et numérique et en même temps une image subjective et partiale. ● L’infographie est le résultat d’une intention. ● L’interprétation et le point de vue, l’analyse et la synthèse sont les véritables valeurs ajoutées de l’infographie. Exemple : https://twitter.com/afpfr/status/553657249915101185 Source : Giulio Frigieri, L’infographie dans la production du savoir, Blog Monde Diplomatique, le jeudi 23 août 2012, [en ligne] http://blog.mondediplo.net/2012-08-23-L-infographie-dans-la-production-du-savoir
  • 13. Les grands types d'infographie (1) Tableaux comparatifs Camemberts Diagrammes en barreOrganigrammes
  • 14. Les grands types d'infographie (2) Frises chronologiques Diagrammes de Venn Profils d'individusCartes interactives
  • 15. Les grands types d'infographie (3) Nuages de Tags Cartes mentales ...Liste non exhaustive... Source : http://www.commentcamarche.net/faq/34164-creer-des-infographies-en-ligne-outils-et-bonnes-pratiques
  • 16. Infographier en éducation (1) Dans un processus d'enseignement, il faut voir une infographie comme : ● Un procédé innovant qui peut permettre d’emmener un élève à apprendre à s'informer, à comprendre les nouveaux modes de communication, d'éduquer aux Médias et à l'Information ; ● Une mise en valeur d'une information ; ● Une manière de travailler le rapport entre le texte et l'image ; ● Un moyen de travailler sur les images libres de droit ; ● Un processus qui favorise le partage de l'information et invite à la découverte, à la connaissance.
  • 17. Infographier en éducation (2) Une infographie pour dire quoi ? ● Présenter : projet, compte rendu, bilan, information factuelle... ● Résumer : explication d’activité pédagogique, réunion de travail... ● Compléter : un article avec des ressources intéressantes, visuelles ; ● Organiser : séquences pédagogiques, idées, projets pédagogiques ou culturels ; ● Communiquer : un travail, des résultats, des productions d’élèves ; ● Collaborer : entre collègues, avec des élèves. Exemples : http://www.pearltrees.com/clairedelune/exemples-infographies/id13993625 Source : http://documentation.ac-besancon.fr/ecrire-pour-le-web-illustrer-son-article/
  • 18. Objectifs pédagogiques Objectifs pour le professeur documentaliste : ●  Trier et sélectionner l'information pour la restituer ; ● Communiquer visuellement de l'information dans le but de promouvoir, valoriser, un concept ou un service ; Objectifs pour les élèves : ● Savoir chercher et traiter une information ; ● Prendre conscience de l'évolution de l'environnement médiatique avec l’émergence d’une forme nouvelle d’information visuelle ; ● Maîtriser des outils de création issus du web 2.0 ; ● Valoriser son travail en le partageant avec d'autres ; écrire pour être lu ; ● Communiquer pour convaincre ; ● Diffuser de l'information sur des réseaux dédiés.
  • 19. Compétences mises en œuvre Compétences info-documentaires : ● Rechercher de l’information ; ● Lire, sélectionner, reformuler et diffuser une information ; ● Identifier une source, citer une source ; ● Rechercher des images libres de droits ; Compétences médiatiques : ● Développer l’esprit critique. *Source : Serres, A., « Dans le labyrinthe : évaluer l'information sur Internet », Caen : C&F éd., 2012 Compétences numériques : ● S'approprier un environnement informatique de travail ; ● Adopter une attitude responsable ; ● Créer / produire / traiter et exploiter des données numériques ; ● Communiquer / échanger.
  • 20. Communiquer de l'information Présenter de l'information de façon synthétique Créez vous-mêmes des infographies pour présenter une notion d’une façon visuellement attrayante. Cette communication recouvre aussi bien la promotion, la valorisation, la médiation que l'animation d'activités liées au CDI. Attention : une infographie demande plus de temps à créer qu’un texte. Le temps investi en vaut la peine, mais il faut tout de même user de discernement pour choisir seulement les (ou le !) sujets qui s’y prêtent le mieux parmi ceux que l’on veut traiter. Exemples : ● A titre informatif : http://0672198a.esidoc.fr/rubrique/view/id/33 ● A usage pédagogique : http://0850639h.esidoc.fr/rubrique/view/id/45?feature=gallery https://magic.piktochart.com/output/18927995-fiche-de-lecture Source : http://www.profweb.ca/publications/articles/creer-et-utiliser-des-infographies-en-classe#.VP4R3p4K7Os.twitter
  • 21. Produire de l'information Pour remplacer le rapport écrit que doivent produire les élèves au terme d'un travail de recherche. Synthétiser et organiser l’information est une compétence à développer. En demandant aux élèves de créer une infographie, on leur demande également d’analyser l’information et de réfléchir à la meilleure façon de la présenter. Bonus : la création d’une infographie sur un sujet « scolaire » déterminé est une activité pour laquelle les risques de plagiat sont relativement limités. Source : http://www.profweb.ca/publications/articles/creer-et-utiliser-des-infographies-en-classe#.VP4R3p4K7Os.twitter Levier Frein Motivation liée à l'usage en classe d'un service web 2.0 Contrainte technique liée au codage d'informations.
  • 22. Exemples de scénarios pédagogiques - Collège Réaliser une infographie sur les métiers de l'image http://documentation.ac-orleans-tours.fr/mutual isation/scenarios_traam/ Objectifs pédagogiques : ● Sélectionner et extraire des informations ; ● Dégager l'essentiel d'un texte lu ; ● Traitement informatique d'images et de textes ; ● Découvrir des métiers. Compétences documentaires : ● Questionner le sujet ; ● Rechercher de l'information ; ● Trier, sélectionner l’information ; ● Évaluer, valider l'information ; ● Restituer, communiquer. Infographier des dépêches http://documentation.ac-besancon.fr/inf ographier-des-depeches/ Objectifs pédagogiques : ● Être capable de reconnaître une infographie ; ● Être capable de créer un infographie à partir d’une information ; ● Être capable de rédiger une brève à partir d’une infographie. Compétences documentaires : ● Trier, sélectionner l’information ; ● Restituer communiquer.
  • 23. Séquence testée - Collège Infographier des métiers en classe de 5ème https://profdocalouest.wordpress.com/2016/01/20/infographier-des-metiers-en-classe-de- 5eme/ Objectifs pédagogiques : ● Acquérir les méthodes et techniques de recherche documentaire ; ● Acquérir les techniques de prise de notes adaptées à un objectif de recherche ; ● Reformuler des informations dans une langue personnelle (à l'écrit et à l'oral) ; ● Identifier et interpréter les formes de communication infographique ; ● Communiquer en langage textuel et infographique ; ● Mettre en page un document bureautique (textes et illustrations). Freins et réussites : ● Peu de freins techniques malgré un logiciel utilisé en langue anglaise. ● Tous les élèves ont pu travailler sur le même compte Piktochart en même temps. ● La réussite de ce projet a été favorisée par un groupe classe dynamique et motivé.
  • 24. Exemples de scénarios pédagogiques – Lycée S’informer et informer avec un nouveau genre de document, l’infographie : une situation pédagogique translittératique ? Classe de CAP http://www.culturedel.info/cactusacide/?p=6716 Objectif professeur : établir un diagnostic pour percevoir les acquis en matière de lecture de ce dispositif de communication avec ses codes propres ; Objectif élève : prendre conscience d’un environnement médiatique qui évolue. Tableau de synthèse de la séquence : http://www.culturedel.info/cactusacide/wp-content/uploads/2013/01/Tableau-synth% C3%A8se-infographie.pdf Les infographies de presse - Classe de 1ES https://crendipt.wordpress.com/2014/05/23/seance-pedagogique-les-infographies-de-pr esse/ Objectifs info-documentaires : ● Prendre conscience de l’évolution des productions médiatiques ; ● Être capable d’extraire l’information d’une infographie ; ● Être capable de repérer les stratégies visuelles utilisées par l’auteur ; ● Continuer de se familiariser avec les périodiques économiques.
  • 25. Évaluation Qualitative : ● Par les pairs grâce aux commentaires, « like » ; ● Fiche d’évaluation (grille de lecture type) ; Exemple d'une grille d'évaluation d'une infographie de presse : https://crendipt.files.wordpress.com/2014/05/tableau-c3a9lc3a 8ve1.pdf Source : https://crendipt.wordpress.com/2014/05/23/seance-pedagogique-les-infographies-de-presse/ Quantitative : ● Par les pairs : statistiques de vues sur l'image ; nombre de partages sur les médias sociaux.
  • 26. Travailler sur le droit à l'image Dans le processus de création ● Identifiez les images qui viendront illustrer votre propos ; 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. 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/ Exemple : Séance sur les Unes de presse et le droit à l'image : http://www.ac-nice.fr/docazur/spip.php?article1107 Réalisation d'une infographie : https://magic.piktochart.com/output/14348251-droit-a-limage
  • 27. Panorama général Easel.ly Picktochart Infogr.am Genial.ly ... Visual.ly Vizualize.me Kinzaa ... Images interactives Frises chronologiques interactives Nuages de mots Cartes interactives ... Infographies Se représenter Cousins éloignés Outils de réalisation d'infographies
  • 28. Les outils du web Il existe sur Internet une gamme d'outils très vaste avec des critères très variés. Pour effectuer un choix il faut donc définir ses besoins, ses attentes. Mais également le contexte dans lequel on va travailler, et les personnes impliquées. Les fonctions de l'outil doivent répondre à un besoin et/ou à un objectif.
  • 29. Les critères de choix ● Gérer l'identité numérique de l'individu et/ou du service (problématique de l'adresse mail à anticiper). ● Multiplier les outils ou se concentrer sur une seule offre ? ● Choisir un outil ergonomique. ● Repérer les contraintes techniques spécifiques. ● Prendre en compte les contraintes de temps liées à l'outil. ● Choisir les fonctionnalités collaboratives, mono ou multi-auteurs ? ● Penser à l'interactivité et réfléchir aux fonctionnalités d'édition et de partage : Quelles possibilités de publication ? ● Choisir un outil en ligne ou à installer ? ● Prendre en compte le coût éventuel.
  • 30. « Open source » versus propriétaire « On entend par standard ouvert tout protocole de communication, d'interconnexion ou d'échange et tout format de données interopérables et dont les spécifications techniques sont publiques et sans restriction d'accès ni de mise en œuvre.» Source : Journal Officiel.  Logiciel libre et gratuitLogiciel libre et gratuit A l'opposé : les formats propriétaires qui contiennent des données dont les spécifications relèvent du domaine privé et qui sont généralement protégés par des brevets : Logiciel gratuicielLogiciel gratuiciel Logiciel freemiumLogiciel freemium Source : http://fenetresur.wordpress.com/2012/12/05/cartes-heuristiques-quels-outils-pour-un-usage-pedagogique/
  • 31. Easel.ly Type : Outil freemium de réalisations d'infographies créé en 2012. Fonctionnalités : Il est possible de commencer par une page blanche ou de choisir un thème pré-défini (une vingtaine de choix possibles). Des diagrammes et autres graphiques sont également personnalisables. Le service permet de glisser-déposer des objets graphiques (icônes, cartes, paysages, personnes, formes, etc.) avant de les agencer. Il est aussi possible d'ajouter ses propres fichiers. Il propose en outre différents outils pour des créations libres : choix des couleurs et plusieurs effets de style. A noter que les chiffres et textes doivent être inclus manuellement. Les infographies, en HTML5, seront aussi visibles depuis les smartphones. Le moins : il ne prend pas en charge les caractères accentués. http://www.easel.ly/ Tutoriel : http://www.cddp91.ac-versailles.fr/spip.php?article882 Exemples : http://easel.ly/infographic/jpqv9d http://sgermain.loire-atlantique.e-lyco.fr/presentation-du-college/l-organisation -pedagogique/
  • 32. Piktochart Type : Outil freemium de réalisations d'infographies. Fonctionnalités : Il est possible de commencer par une page blanche ou de choisir un thème pré-défini. La version gratuite est limitée à trois thèmes assez basiques, et embarque le logo Piktochart, mais la version payante est évidemment plus vaste (plus de 100 thèmes). Fonctionnant assez simplement, son outil d'édition en ligne permet d'insérer des images, ajouter des formes, des graphiques ou du texte, mais aussi d'importer des fichiers csv. Le résultat peut être exporté en HTML, mais aussi téléchargé en images .jpg. http://piktochart.com/ Tutoriels : ● http://outilstice.com/2013/01/piktochart-creer-des-infographies-professionnelles/ ● http://cdi.ac-dijon.fr/IMG/pdf/tutoriel_piktochart.pdf Exemples : ● https://magic.piktochart.com/output/3671410-untitled-infographic ● https://fenetresur.wordpress.com/2014/10/19/infographie-les-etapes-de-la-recherche -dinformation/ Réaliser un bilan d'activité avec les indicateurs de BCDI : ● http://www.ac-nice.fr/docazur/IMG/pdf/tuto_bcdi_indicateurs.pdf
  • 33. Infogr.am Type : Outil freemium de réalisations de datavisualisation Fonctionnalités : Permet de créer en ligne rapidement et gratuitement des infographies interactives. A partir de quelques thèmes, l'outil permet d'ajouter graphiques, cartes, textes, photos et  vidéos. Des données peuvent être importées à partir de fichiers .xls ou .csv, puis modifiées. Les créations sont ensuite publiées sur infogr.am, et associées au compte qui les a générées. Elles pourront être diffusées sur les réseaux sociaux ou embarquées sur un site Web via le code "embed". Elles seront signées avec un lien pointant vers Infogr.am. https://infogr.am/ Tutoriel : http://www.olivier-penant.com/blog/2012/09/17/infogr-am-une -application-en-ligne-pour-creer-vos-infographies/
  • 34. Genial.ly Type : application en ligne, fremium, qui permet de créer des infographies, des diaporamas, des CV... Fonctionnalités : Pour débuter, il est nécessaire de créer un compte avec une adresse mail et/ou un compte Google ou Facebook. Genial.ly enregistre automatiquement toutes les opérations effectuées. Une fois terminée, il est possible de partager sa production sur les médias sociaux ou par mail, ou de l'intégrer via un code source sur un site web. https://www.genial.ly/fr ● Tutoriels : http://blogs.univ-poitiers.fr/t-roy/2016/06/27/tutoriels-genial-ly/ http://electrotoile.eu/tutoriel_diaporama_genially.php
  • 35. Tableau comparatif Les + Les - Easel.ly Facile à prendre en main. Pas de logo lorsque l'on exporte l'infographie. Impossible d'ajouter des accents dans les textes. Pickotchart Fonctions d'édition complètes et faciles à prendre en main. Version gratuite : peu de thèmes et logo de l'outil ajouté par défaut sur chaque réalisation. Infogr.am Permet de gérer des données au format Excel ou .csv. Pas d'enregistrement au format image et logo de l'outil ajouté par défaut sur chaque réalisation. Genial.ly Outil complet qui propose un choix important de fonctionnalités. Outil exclusivement en anglais (ou espagnol !). Source : www.presse-citron.net/trois-outils-pour-donner-une-touche-sexy-a-vos-compte-rendus-un-peu-ternes/ Autres outils à tester  : ● Venngage : https://infograph.venngage.com ● Visme : http://www.visme.co/ ● Visual.ly : http://visual.ly/
  • 36. Conseils pratiques ● Dotez-vous d’un outil qui correspond à vos besoins ; ● Ciblez précisément le sujet de votre infographie ; ● Vérifiez l'information avant de la partager ; ● Citez vos sources ; ● La mise en page doit faciliter la lecture des informations ; ● Choisissez le format portrait ou paysage ; ● Accompagnez les données qualitatives d’illustrations et les données quantitatives de données numériques ; ● Identifiez des images libres de droit qui viendront illustrer votre propos ; ● Choisissez un maximum de 3 ou 4 couleurs de base ; ● Utilisez 2 polices au maximum : l'une pour les titres, l'autre pour le texte ; ● Mettez en valeur votre propos en utilisant le gras, ou différentes tailles de caractères ; ● Signez et datez votre infographie ; ● Publiez vos créations sous Licence Creative Commons. Source : http://www.profweb.ca/publications/articles/creer-et-utiliser-des-infographies-en-classe#.VP4R3p4K7Os.twitter
  • 37. Publier via un portail documentaire Objectif : animer son portail documentaire ● Étape 1 : se connecter en mode Administrateur ; ● Étape 2 : choisir la rubrique où l'on souhaite intégrer son infographie ; ● Étape 3 : intégrer le code source de l'infographie en cliquant sur le bouton « html ». 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 pixels ; ● Votre infographie peut parfois mettre du temps à apparaître en raison de son poids. Exemple : http://0440034y.esidoc.fr/rubrique/view/id/31 Source : https://profdocalouest.wordpress.com/2014/11/19/lieu-et-equipements-du-cdi-infographie-a-inserer-dans-e-sidoc/
  • 38. Se représenter en infographie Infographier son identité sur les réseaux sociaux ● http://create.visual.ly/ L’outil propose de réaliser une infographie liée à Facebook ou à Twitter. Concernant Facebook, vous pourrez générer une visualisation de votre profil personnel ou votre page. Dans le cas de Twitter, il sera possible de comparer deux comptes Twitter distincts. Séance : travailler sa présence et son identité numérique ● http://documentation.ac-besancon. fr/jinfographie-mon-identite-nume rique/ Un CV original en infographie ● http://beta.vizualize.me/ Pour créer son CV en infographie, il est possible de se connecter à un compte LinkedIn depuis le site. Visualize se chargera de rapatrier automatiquement les données. Mais il est également possible d'éditer directement son CV en ligne. ● http://kinzaa.com/ L’apparence de l’infographie générée par le service Kinzaa est plus classique. Pour tous ceux qui souhaitent un CV original mais sans excès.
  • 39. Les cousins éloignés (1) Faire parler une image ● http://www.thinglink.com Application web qui permet d’annoter des photos ou des illustrations. L'outil permet de placer des marqueurs sur la photo et, quand on passe la souris sur ces marqueurs, on obtient des informations supplémentaires (texte, image, vidéo…). Tutoriel : http://pedagogie.ac-toulouse.fr/langues-vivantes/spip.php?article1306 Exemples : https://www.thinglink.com/scene/710881426072928258 Sur E-lyco : http://laneustrie.loire-atlantique.e-lyco.fr/espace-pedagogique/c-d-i/la-renaissance-vue-par-le s-5e-11544.htm?URL_BLOG_FILTRE=http%3A%2F%2Flaneustrie.loire-atlantique.e-lyco.fr%2Fespace-peda gogique%2Fc-d-i%2Fblog.do%3FORDRE%3DORDRE_DATE_MODIFICATION%26FROM%3D10%23743 ● http://xia.dane.ac-versailles.fr/ XIA est un «outil auteur» qui, couplé à Inkscape ou LibreOffice Draw, vous permet de réaliser simplement des images interactives (avec détails zoomables) et des jeux sérieux en html5.
  • 40. Les cousins éloignés (2) Nuage de tags La création de nuages de mots-clés est une façon simple de cartographier des idées, des champs sémantiques, des concepts, d’évoquer des notions essentielles… Et de mettre en forme via des réglages (couleur, taille des mots, position dans l’espace, jeu de polices de caractère…) un instantané visuel qui offre une forme de représentation synthétique. ● http://www.tagxedo.com/ ● http://www.wordle.net/ Source : http://www.netpublic.fr/2013/12/22-outils-gratuits-n uages-de-mots-cles/ Frise chronologique interactive ● http://www.myhistro.com/ ● http://timeline.knightlab.com/ Deux outils qui permettent de créer des lignes du temps interactives. On peut y intégrer des images et des vidéos. Exemple : http://world.time.com/2013/12/05/nels on-mandelas-extraordinary-life-an-int eractive-timeline/
  • 41. Les cousins éloignés (3) Cartographie interactive Cartographier, fabriquer des cartes pour visualiser des indicateurs démographiques, des données géographiques... Outil en ligne : ● https://openstreetmap.fr/ ● https://umap.openstreetmap.fr/fr/ A explorer Collection des applications et services permettant de créer des visualisations de données : http://outils.expoviz.fr/ Carte mentale Le Mind mapping est une technique pour organiser l’information de manière graphique. Les utilisations du Mind Mapping sont nombreuses, qu’il s’agisse de gérer un projet, mémoriser un cours ou animer une réunion. ● https://www.mindomo.com/fr/ ● https://www.mindmeister.com/fr ● ...
  • 42. Pérenniser sa démarche ● 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. ● Ne pas hésiter à solliciter les « feed-back » des créateurs et des lecteurs afin d'améliorer sa démarche. ● S'inspirer d'infographies existantes : http://www.coolinfographics.com/ blog qui regroupe des exemples d'infographies particulièrement réussies.
  • 43. Glossaire ● Cloud Computing : consiste à stocker des données numériques à distance par l'intermédiaire du réseau Internet. ● Dashboard : tableau de bord d'un logiciel, sur lequel on retrouve l'intégralité de son travail réalisé sur ce même logiciel. ● Freemium : offre commerciale composée de deux parties distinctes. La première est gratuite, mais limitée (dans les fonctions ou dans le temps). Elle permet de tester le produit. La seconde est payante et complète. Fonctionne essentiellement sur Internet. ● Mapping : fabrication de cartes, mise en correspondance de données sur une carte. ● Tag : c'est un mot-clé (signifiant) assigné à de l'information qui décrit ainsi l'objet et permet une classification des informations basée sur les mots-clés. ● Template : Informatique, anglicisme. Modèle de conception de logiciel ou de présentation des données.
  • 44. Bibliographie indicative Monographies ● Will Hill, Le langage de la typographie : connaître et choisir ses polices de caractères, Eyrolles : 2006 ● David McCandless, Datavision², Robert Laffont : 2014 ● Beth Tondreau, 100 principes universels de mise en page pour l'imprimé et le web, Dunod, Paris : 2010 Sites Internet ● Catherine Rhéaume, Créer et utiliser des infographies en classe, ProfWeb, le 26 janvier 2014 : http://www.profweb.ca/publications/articles/creer-et-utiliser-des-infographies-en-classe#.VP4R3p4K7Os.twitter ● Claire Chignard, blog professionnel, Wordpress, Mise à jour 2016 : http://profdocalouest.wordpress.com/ ● Créer des infographies en ligne : outils et bonnes pratiques, Entreprise Comment ça marche, avril 2015 : http://www.commentcamarche.net/faq/34164-creer-des-infographies-en-ligne-outils-et-bonnes-pratiques ● Datajournalisme. L'infographie expliquée en images, Courrier International, le 02 janvier 2014 : http://www.courrierinternational.com/article/2014/01/02/l-infographie-expliquee-en-images ● Giulio Frigieri, L’infographie dans la production du savoir, Blog du Monde Diplomatique, le 23 août 2012 : http://blog.mondediplo.net/2012-08-23-L-infographie-dans-la-production-du-savoir ● Julie Jacoutot, Ecrire pour le web, illustrer son article, Académie de Besançon, le 06 novembre 2012 : http://missiontice.ac-besancon.fr/documentation/index.php/ecrire-pour-le-web-illustrer-son-article/ ● Virgile Juhan, La data visualisation accompagne l'envol du Big Data, Journal du Net, le 08 janvier 2014 : http://www.journaldunet.com/solutions/dsi/informatique-les-previsions-pour-2014/la-data-visualisation-au-secours-du-big -data.shtml ● La datavisualisation c'est quoi ?, Parteja Communication Web, le 4 juillet 2012 : http://www.parteja.net/la-datavisualisation-cest-quoi-4194.html ● Elsa Riquier, Des indicateurs d'activité en infographie, le 1er juillet 2016 : http://www.ac-nice.fr/docazur/spip.php?article1114&var_mode=calcul ● Tim, Why Your Brain Craves Infographics, Adweek Dailyinfographic, le 03 mars 2015 : http://www.dailyinfographic.com/why-your-brain-craves-infographics ● Pearltrees dédié à l'infographie : http://www.pearltrees.com/clairedelune/infographie/id13350182 ● Ressources iconographiques du diaporama : https://www.iconfinder.com/ mise à jour 2017.