Les réseaux sociaux (diapo.3)
Le webdocumentaire (diapo.11)
L’infographie (diapo.22)
Le blog (diapo. 32)
Le journal en ligne (Diapo/ 46 et 58)
L’image interactive (Diapo.76)
ATELIERS (Diapo. 86)
Bibdoc 2024 - Les maillons de la chaine du livre face aux enjeux écologiques.pdf
EMI (part 2)
1. J-6 Education aux médias et à l’information (part 2)
Cl.Doz, formatrice académique pour le CLEMI
2. Les réseaux sociaux (diapo.3)
Le webdocumentaire
(diapo.11)
L’infographie (diapo.22)
Le blog
(Diapo. 32)
Le journal en ligne
(Diapo/ 46 et 58)
L’image interactive
(Diapo.76)
ATELIERS (Diapo. 86)
J6 EMI
Claire Doz
3. PARTIE I :
LES RESEAUX SOCIAUX
J6 Education aux médias et à l’information
5. Facebook : oui mais
Périscope
Le streaming en direct !
Snapchat
conversation spontanée en groupe, en
images dans une communauté geolocalisée
Facebook en baisse : trop institutionnel, trop d’adultes
Instagram : la vitrine !
Mur d’images, envahi par les
marques, la pub, les stars.
WhatsApp
messagerie instantanée
Twitter : suivre l’actualité
ASK.fm
Poser et répondre à des questions à des utilisateurs
anonymes ou non. Profil visible de tous.
Anne Lehmans
@alehmans
6. Leurs pratiques
• À 12 ans 70 % ont un compte sur un réseau social, à 15 ans 90 %
FB, Twitter, Instagram, Snapchat, Ask.fm, etc.
• Environ 80% des 12-17 ans
• Environ 90% des 18-24 ans
• Environ 80% des 25-39 ans
• Environ 40% des 40-59 ans
• Environ 25% des 60-69 ans
• Environ 10% des 70 ans et plus
7. LE MOBILE D’ABORD
• Les recherches sur mobile plus nombreuses que sur ordinateur (plus rapide,
plus pratique, toujours avec eux). Prothèse cognitive.
• Les médias s’adaptent : « responsive design »
• L’enseignement s’adapte : mobile learning
• Commenter l’information en quelques secondes de n’importe où
(malheureusement sans réfléchir…)
• S’informer, produire et diffuser avec les réseaux sociaux
Anne Lehmans
@alehmans
8. « L’anonymat est devenu algorithmiquement impossible »
Arvind Narayanan, informaticien, Université de Princeton
• L’internaute : celui dont les données sont utilisées
• Les moteurs : foyer infini de données personnelles
• Les réseaux sociaux : avec notre profil, le consentement de l’utilisateur pour le recueil des
données (nom, ville, date de naissance, profession, goûts, etc.)
• Volatilité de notre identité en ligne
– nos données identifiantes morcelées
– Technicité des applications
• Anne Lehmans
• @alehmans
Recalibré 600 fois par an
Passe au crible le comportement des
internautes
Regardez la série Do not track ;)
9. • Aider les élèves à appréhender le web
(les algorithmes des moteurs de recherche et des médias sociaux)
• Responsabiliser les élèves
Passer de la vie privée par consentement à la vie privée par responsabilisation.
De ne pas faire ce qu’ils refuseraient de faire devant une foule
• Protéger leur identité, leur vie privée
• Savoir critiquer, questionner, vérifier, comparer
• Anne Lehmans
• @alehmans
Et l’école ?
10. • Filmer en direct des exposés et autoriser les élèves de la classe ou d’une classe partenaire
(Etwinning) à commenter celui-ci. Se confronter à une audience.
• Faire une visio-conférence avec un auteur, les élèves peuvent ainsi lui adresser leurs questions
en direct. Pas de déplacement, pas de coût pour l’établissement.
• En cours de langue, échanger avec une classe anglophone, hispanophone, germanophone….
Pratiquer la langue avec des natifs.
• Echanger sur l’événementiel, sur l’actualité locale d’un pays à un autre, d’une classe à une autre,
entre classes médias. Réagir à l’actualité.
• Une partie de la classe est en sortie, en plein air ou dans un musée, les élèves filment
l'intervention du guide, les autres en cours peuvent interagir en temps réel et poser eux-mêmes
des questions au guide. De la visite réelle à la visite virtuelle.
• Un élève est en situation de handicap ou hospitalisé, il peut ainsi suivre le cours, participer,
poser des questions. Ecole inclusive.
• Dans le cadre d’un spectacle de fin d’année, d’une pièce de théâtre, la représentation peut être
filmée et susciter des interactions des auditeurs (parents, grands-parents qui ne peuvent se
rendre sur les lieux, famille éloignée). Gommer la géographie.
• Periscope permet de prolonger la relation pédagogique par des cours virtuels : aide à un
devoir, tutorat, discussion.
LES INTÉGRER À LA CLASSE AVEC PERISCOPE
EXEMPLES (CLAIRE DOZ)
12. DÉFINITION
• Le webdocumentaire (ou webdoc) est une narration interactive multimédia dont la
diffusion se fait par le Web.
• Il sert avant tout à raconter une histoire de manière interactive
• Storytelling
• Les nouvelles écritures
• Idocumentaire ou doc. Interactif.
13. CARACTERISTIQUES
• Une narration non linéaire, le lecteur peut naviguer entre les structures de la
narration
• Interactif
• Multimedia
• Non redondant (complémentarité des éléments)
14. CHOISIR SA NARRATION
• En parallèle
• Avec des embranchements
• En arrête de poisson
• Concentrique
15. CHOISIR SES MEDIAS
• Son
• Video
• Texte
• Images
• Animations
• Des timelaps (ex effet d’accélération du tps)
• interview
16. PENSER L’ARCHITECTURE,
SCENARISER
• Choisir le type de liens entre les médias,
• Faire une carte heuristique entre les moments de l’histoire
• Créer des « rooms »
• Interconnecter les pages
17. AJOUTER DE L'INTERACTIVITÉ ET DES
ANIMATIONS
• Les modes d’entrée et de sortie des éléments
• Au survol ou au clic
• mini site ou longform ?
18. PRODUIRE OU RECHERCHER DES
MEDIAS
• Les élèves filment et montent, s’enregistrent, prennent des photos, les retouchent,
écrivent les textes. Définir les rôles, les groupes. L’enseignant assemble le tout dans
un webdoc.
• Les élèves cherchent des médias sur internet et font le webdocumentaire. Images
libres de droit.
• Mise en garde : les aspects techniques doivent servir la narration
20. LES OUTILS POU LA SCÉNARISATION,
DIFFUSION ET VISUALISATION
• RacontR
• Un blog documentaire
• Un minisite avec Emaze
• Google web design
• Tumult hunt
• raptmedia
• Verse
• Les outils pour le webdoc
21. EXEMPLE
• Versailles : http://www.tv5monde.com/cms/chaine-francophone/cultures/p-24817-
Versailles.htm#MENU
• EX. perso : Modèle longform, webdoc d’élèves fait avec RacontR ,1ere ES Bogota
2013 (Privilégier Chrome pour ouvrir) https://racontr.com/projects/carnet-de-
voyage-1es2-lycee-de-bogota/
• Exemple Arte : suivre Ebola http://future.arte.tv/fr/ebola?language=de
• Modèle diaporama http://sites.arte.tv/28minutes/fr/histoire-de-la-frontiere-entre-
irak-et-syrie-28minutes
23. BIG DATA, DATAVISUALISATION, WEB 2.0
• La datavizualisation expliqué par I.Martin
• La datavisualisation commence toujours par une collecte de données et de chiffres
bruts.
• Représenter des données de façon visuelle pour les rendre plus immédiatement
lisibles
• Big Data : croissance, variété et vélocité des données sur le web
• WEB 2 : produire et diffuser de l’information sur le web
24. DANS QUEL BUT ?
• Apprendre à mettre en image une information
• Communiquer par l’image
• Rendre visuelle une information
• Simplifier, mettre en valeur, informer
• Structurer les savoirs pour celui qui crée
25. CONSEILS DE RÉALISATION
• Choisir son format (longform, paysage …)
• Choisir un modèle (ou le créer entièrement ?)
• Choisir 2/3 couleurs
• Adopter 2/3 polices pas plus
• Cerner le destinataire et l’objectif
• Mettre de l’interactivité, mais pas trop
26. LES COMPÉTENCES POUR L’ÉLÈVE
• Apprendre à structure, synthétiser l’information
• Trier et sélectionner l’information
• Travailler avec des images libres de droit
• Identifier des sources
• Diffuser, produire, comprendre un nouveau mode de communication
• Compétences infodocumentaires et compétences numériques
27. LIMITES
• 1 info/1 jour, la journée mondiale de …(wedodata)
• Difficulté à choisir l’outil qui correspond au besoin
• 2 champs de compétence pour les élèves : comprendre et lire l’information et
maîtriser des outils numériques
• Web 2 : motivation et contrainte à la fois
28. QUELS TYPES D’ACTIVITÉ ?
• Passer de l’article à l’infographie
• Passer de l’infographie à l’écriture d’un article
• Faire un exposé
• Rendre compte d’une démarche.
29. QUELS SITES ?
• Piktochart : peu d’images, un logo mais facile dans le prise en main + modèle Une
ou journal
• Easel.ly : pas de logo, mais pas d’accent, facile dans la prise en main
• Visme limité à 3 infographies seulement mais interactivité possible
• Info gram : diagrammes et graphiques
• Visualize me : pour infographier votre CV
30. LES TYPES D’INFOGRAPHIE
• Timeline
• Diagramme de
venn
• Organigramme
• Progression
• Carte interactive
34. POURQUOI CHOISIR, OU NON, UN BLOG
PÉDAGOGIQUE
• Ouvrir la page d’accueil de Blog Péda - https://blogpeda.ac-bordeaux.fr/
Avantages :
• Blog pédagogique favorisé par l’académie, les inspecteurs, …
• Blog sécure car pas ouvert à l’extérieur (possibilité de réglage pour moteurs de
recherche)
• Documents d’aide sur la page d’accueil :
• charte de l’académie
• demande d’autorisation de diffusion voix et image
• lien direct vers rubrique « conseils et bonnes pratiques pour mieux bloguer» du
CLEMI national.
35. COMMENT OUVRIR UN BLOG
PÉDAGOGIQUE
• Demander l’autorisation au chef d’établissement
• Demander l’ouverture du blog sur le site. On ne peut faire cette demande qu’avec
une adresse académique. Blog assez spécifique de l’académie de Bordeaux.
• Il vaut communiquer le numéro d’établissement au site, si vous ne le connaissez
pas il est mentionné dans l’adresse mail du chef d’établissement. Un mail va lui
être envoyé et c’est lui qui validera l’ouverture du blog.
• Suite à ça le site vous communique la possibilité d’ouvrir votre espace.
36. UTILISER BLOG PÉDA
• Possibilité d’ouvrir plusieurs blogs avec le même compte (tableau de bord)
• Dans « apparence / thème » : possibilité de choisir son thème
• Dans « apparence /personnaliser » : possibilité de travailler sur l’identité du site, ses couleurs,
son image d’en-tête, … Surtout, possibilité de créer des menus/catégories pour classer ses
articles.
• Dans « articles » tableau de bord des articles. Montrer les étiquettes et comment créer
nouvel article.
• Dans « réglage/ lecture » : case pour non visibilité des moteurs de recherche
• Dans « réglage/discussion » : case pour modérer commentaires avant publication
• Dans « utilisateur » possibilité d’ajouter un utilisateur (identifiant + mot de passe), par
exemple un élève, et de lui donner un statut.
• Dans « outil / supprimer le site » : on peut facilement supprimer son site.
• EXEMPLE : http://blogpeda.ac-bordeaux.fr/actualahaye
38. S’INSCRIRE
• Se rendre à cette adresse : www.jimdo.com/Créer-Un-Site
• Choisir une adresse pour son site (facile à retrouver, pensez aux metadonnées)
39. LE MENU
• Permet de changer le design
A choisir en fonction
du projet
40. • Permet de définir des styles applicables à toutes les pages
Mettre
sur « on »
Lorsque le rouleau
apparait, vous pouvez
modifier les styles
41. LE PRINCIPE DU CADRE
• Mettre sa souris sur le cadre qui apparait au survol de l’élément pour le modifier
42. MODIFIER LES ONGLETS DU MENU
• Survoler les onglets pour faire apparaitre la barre de navigation :
• Renommer les
onglets
• Ajouter des
onglets
Déplacer
Rendre aveugle Créer un
sous onglet
43. AJOUTER DES ÉLÉMENTS
• En se positionnant sur un élément déjà présent au dessus ou au dessous, on fait
apparaitre la barre d’ajout :
Apparaissent alors des éléments à introduire :
44. • Puis en cliquant sur :
• On obtient une 2 ème partie avec d’autres éléments
Pour insérer
un iframe
Pour autoriser les
commentaires
45. POUR VOIR LE RÉSULTAT
• Cliquez sur l’écran en haut à droite, vous passez alors en mode affichage
48. CREER UN MEDIA
● L’Education nationale entend qu’au sein de chaque collège ou
lycée, soit créé un média :
- Journal
- Radio
- Plateforme collaborative (site, Blog …)
49. FAVORISER LA LIBERTÉ D’EXPRESSION
DES ÉLÈVES ET LEUR CRÉATIVITÉ
● Aider les élèves à comprendre que la liberté de la
presse et la liberté d’expression sont des conditions de
la démocratie
● Partir des centres d’intérêt des élèves (de quoi ont-ils
envie de parler ? Qu’est-ce qui les intéresse?)
● l’adulte est là pour aider à structurer (ligne éditoriale,
lectorat visé, périodicité de la publication, pagination,
diffusion)
50. ● L’adulte amène les jeunes rédacteurs à effectuer leurs
propres recherches, à créer du contenu original et
personnel (produire ses propres textes et images)
● Les jeunes apprennent à argumenter, à faire des choix
collectifs
● L’adulte aide à la mise en scène de l’information
(hiérarchisation, équilibre texte/image, attractivité,
lisibilité)
● On les amène progressivement à produire le journal
dans sa totalité afin de les responsabiliser à des choix
rédactionnels, esthétiques, juridiques (choix des images,
droit à l’image)
51. PLANIFIER LES ÉTAPES
(RÉTRO-PLANNING)
● Date de sortie
● Temps consacré à chaque phase
● Conférence de rédaction (choix des articles)
● Recherche documentaire
● Écriture, correction,
● Mise en page,
● Diffusion
52. CHOIX DES ANGLES
● Aborder un seul aspect du sujet
● Choisir une idée forte à faire passer par le
questionnement Qui ? Quoi ? Quand ? Où?
Comment ? Pourquoi ?
● Le message essentiel doit pouvoir se formuler en deux
phrases quelle que soit la complexité du sujet
● Si on n’y parvient pas, c’est qu’il y a matière à plusieurs
articles
53. ÉCRIRE AVEC LES PRINCIPAUX GENRES
● Le reportage : rapporter des informations collectées au plus près
de l’événement, dans le temps comme dans l’espace, descriptif, qui
donne à voir au lecteur
● l’interview : explicatif, donne à entendre
● Le compte-rendu : résume un fait en style synthétique
(spectacle, audience au Tribunal…)
● L’enquête sujet approfondi : donne à voir, entendre,
comprendre
● Le billet : article d’humeur, souvent d’humour
● l’Editorial ou Edito, donne le point de vue du rédacteur.
● La brève information sans titre sur un fait d’actualité
54. LES SIX POINTS IMPORTANTS
● Le titre : c’est lui qui donne envie de lire
● Le chapeau : quelques lignes qui résument l’info et
incite à lire le reste
● L’attaque : originale, brève, rythmée. Accroche de
lecteur
● Les intertitres : quelques mots qui jalonnent le texte,
souvent tirés du texte
● La chute : dernière phrase. Courte, travaillée, comme
l’attaque. Quel sentiment veut- on laisser au lecteur ?
● Les légendes et sources
55. FABRIQUER UN « VRAI » JOURNAL
● Observer la presse professionnelle
● Travailler la maquette : mettre en page, c’est faire respirer son journal
● Lisibilité : aérer, pas de texte massif, intertitres, alinéas, hiérarchiser,
ne pas trop en faire avec les polices de caractère
● L’équilibre : adapter le titre à l’article, harmoniser les grosseurs de
caractères, les largeurs de colonnes (justifier)
● L’unité : organiser l’ensemble d’une page comme l’ensemble du
journal. Utiliser le même « ton », le même style, dans la présentation,
le titrage
● Illustrations dans le respect des droits
56. COMMUNIQUER POUR ÊTRE LU
● Le journal doit être connu de l’établissement, d’où
l’importance de son titre : il faut créer une attente chez
le lecteur
● Moyens à utiliser : affiches, tracts, site internet de
l’établissement, ENT, blog, réseaux
sociaux,enseignants, délégués de classe
● Donner aux lecteurs la possibilité de vous contacter,
pour participer, s’exprimer, par mail blog, face book...
57. RESSOURCES
● SITE DU CLEMI :
● Production des eleves/journaux-scolaires/roledeladulte
● Les enjeux d’une éducation à la citoyenneté
● Illustrer son journal dans le respect des droits
● Kit « créer son journal » par l’association jet d’encre
● Logiciel « fais ton journal »
● Prezi
● Piktochart
59. EXEMPLES
• Prezi EX : à Lacanau
• Piktochart EX : à Andernos
• Madmagz EX : à Biganos
• Fais ton journal à télécharger
• Publisher
Vers un journal d’établissement.
En définir les modalités ( quel temps,
quel public, quels intervenants ? ) et le
moyen de diffusion
68. AVEC MADMAGZ
• Site en ligne, un peu limité en version gratuite mais joli rendu
• Possibilité des créer des zones interactives
• Possibilité d’exporter au format PDF
83. AVEC IMAGES ACTIVES
• Devenu XIA en lien avec Inkscape, télécharger
• Créer par l’académie de Versailles
• Mais encore utilisable si vous avez le .exe, sinon me le demander ;)
• Avantage : hors ligne
84. AVEC THINGLINK
• Un outil facile à la prise en main
• Moins de possibilités gratuites depuis un an
• Mettre un pin
• Insérer un lien vers une page, une video, ou une image en ligne
• Insérer du texte
• Partager (lien et iframe)
Pour mettre dans un
blog ou dans l’ENT
85. ORDRE DE FONCTIONNEMENT
Importer et
renseigner
l’image
Créer des
détails avec
l’outil rond,
carré, ….
Attribuer un
commentaire à
chaque détail
Choisir un
modèle :
accordéon,
tablette,
bulle
Pour
modifier le
design si
nécessaire
Exporter,
cocher la 1ere
case
1 2 3 4 5 6
87. ATELIER 1
• Construire une séance dans votre discipline ou en
interdisciplinaire qui approfondirait un des 4
domaines l’EMI – en autonomie-
Ex, en français, prendre appui sur les
questionnements :
• Famille, amis, réseaux (en 5ème )
• Informer, s’informer, déformer (en 4ème)
88. ATELIER 2 : CRÉER ET FAIRE VIVRE UN MÉDIA
D’ÉTABLISSEMENT SCOLAIRE
-EN AUTONOMIE-
• Quel media ? Une webradio, un journal d’établissement, un blog , l’actu par la BD,
l’événement de la semaine …
• Quel cadre ? Interdisciplinaire, disciplinaire, EPI, AP, classe media …
• Quelles finalités ? Quels domaines de compétences travaillés ?
• Quel temps, quel lieu ? CDI, hors cours, en cours…
• Quels acteurs ? enseignants, classes mais aussi intervenants …
• Quel matériel ? Table de mixage, micro, enregistreur, logiciels payants (Madmagz,
Storyboardthat …)
89. ATELIER 2 : EXEMPLE
• EX1 : la webradio au collège St Symphorien, ou plus modestement avec des podcasts (collège d’Andernos).
Feuille de route pour une classe radio.
• EX2 : Une classe media exemple
• EX3 : Un journal d’établissement
• EX4 : Un media ponctuel pour la semaine de la presse (Thème : d’où vient l’information ?) un blog ?
• EX5 : Réaliser un blog : Par ex, lycée Pré de Cordy à Sarlat : Sciences archéologiques et art pariétal (AP) :
https://blogpeda.ac-bordeaux.fr/predecordyap2015/ , ou le jardin partagé des 6ièmes du collège Albert
Camus à Bayonne : https://blogpeda.ac-bordeaux.fr/jardinpartage/
• EX 5 : un EPI ex : justice/radio, ou réaliser des reportages radiophoniques « à chaud » sur un épisode de la
période 14-18
90. ATELIER 3 : INFOGRAPHIE OU IMAGE
INTERACTIVE
• Manipuler des sites d’infographie
• Imaginer une séance dans laquelle les élèves seront amenés à produire
une infographie OU
• Créer une infographie en lien avec votre cours/questionnement/objet
d’étude du moment pour vos élèves
• Faire le lien avec l’éducation aux médias et à l’information
• Cf diaporama sur l’infographie à partir de la diapositive 22
• Sur l’image interactive : diapositive 76
91. ATELIER 4 : BLOG
• Prendre connaissance de blogpeda
• Ouvrir un blog, en définir les finalités, les usages et les
destinataires
• Manipuler, construire le blog, le diffuser
• Réfléchir au lien entre blog et EMI : quels dangers, quelles
précautions ?
Cf diaporama sur le blog, diapositive 32
92. ATELIER 5 : JOURNAL EN LIGNE
• Prezi EX : Lacanau
• Piktochart EX : Andernos
• Madmagz site en ligne
• Fais ton journal à télécharger
• Publisher
Vers un journal d’établissement.
En définir les modalités ( quel temps,
quel public, quels intervenants ? ) et le
moyen de diffusion
Diapositives 58