Histoire-Géographie

Réaliser une carte interactive en histoire

Noémie Verdure — 2022-12-30T08:03:33Z

Dans le cadre du chapitre « La France défaite et occupée » en classe de 3e, les élèves ont réalisé une carte interactive de Rouen à l'arrivée des Allemands le 9 juin 1940.
L'utilisation de l'outil Story Map JS permet d'exploiter de façon originale un épisode d'histoire locale.

Objectifs pédagogiques

L'objectif du travail était de faire réaliser aux élèves une cartographie qui retrace un itinéraire en utilisant le logiciel en ligne Story Map JS, qui permet de créer des cartes interactives. Pour l'utilisation de ce logiciel en ligne, le mieux est de créer un compte classe pour avoir accès à toutes les cartes produites.

Compétences travaillées

Dans le cadre du chapitre, cette activité permet de partir d'un exemple local du début de l'occupation allemande.
Elle permet également de faire comprendre que l'histoire des États démocratiques s'inscrit dans un contexte politique, diplomatique et militaire qui détermine pour partie leurs réactions et leur survie.
Les compétences travaillées sont l'analyse de documents, les repères dans l'espace et la production d'un support numérique.

Les principaux atouts de Story Map JS

la relative simplicité de sa prise en main
la possibilité pour les élèves de travailler depuis la maison
la possibilité pour le professeur de suivre le travail des élèves et de le corriger facilement

Déroulé de l'activité

En amont de la séance en salle informatique

Une rencontre avec Jean-Louis Roussel, historien, et Laurent Martin, passionné d'Histoire et collectionneur de photographies, a marqué le début de ce projet. C'est d'ailleurs ce dernier qui nous a permis d'utiliser ses photographies pour réaliser la Story Map.

Exploitation des documents

Les élèves ont travaillé en groupe. Chaque groupe avait un lieu à traiter à l'aide d'une sélection de documents, rassemblés sur un pad :

Une mise en commun à l'aide d'un tableau de synthèse a ensuite été nécessaire pour permettre à tous les élèves de maîtriser l'ensemble des lieux.

Réalisation de la carte

L'activité a été réalisée en salle informatique, sur deux heures.
Pour accompagner la réalisation de la carte, les élèves disposaient d'un tutoriel :

Un exemple de production d'élèves

(NB : il s'agit d'un travail non-corrigé qui contient quelques erreurs de localisation)

Retour d'expérience

L'utilisation du compte classe rend toutes les cartes accessibles à tous les élèves. Par conséquent, ils peuvent consulter, modifier ou supprimer les cartes des autres élèves.
Les élèves utilisent assez peu le tutoriel mis à leur disposition puisque l'outil numérique Story Map est assez intuitif.
Il faut prévoir deux séances pour la réalisation de la carte numérique.
Les élèves s'appuient volontiers sur les documents vues en classe.
Une mise en commun collective est envisageable pour permettre de présenter leur story map à l'oral.

Ce travail a été réalisé en 2020. Depuis, Jean-Louis Roussel, Guillaume Lemaître et Laurent Martin ont publié l'ouvrage Crimes de guerre - Rouen le 9 juin 1940. Ces recherches inédites vous permettront sans doute d'actualiser les documents supports.

Autre possibilité

Vous trouverez dans cet article un autre exemple d'utilisation de StoryMap JS, dans le cadre d'une étude sur la traite négrière atlantique.
Cet outil numérique peut également être utilisé pour des chapitres de géographie, sur l'urbanisation par exemple où les élèves peuvent produire une visite virtuelle de la ville, ou encore sur les migrations où les élèves peuvent retracer le parcours de migrants.

Faire réaliser une carte numérique interactive

Matthieu Bernier — 2022-09-07T20:48:55Z

En salle informatique ou dans un cadre d'enseignement à distance, les outils de cartographie numérique en ligne peuvent être utilisés pour faire réaliser aux élèves des productions individuelles ou collaboratives.

Le projet décrit ici a été réalisé à distance à l'issue du chapitre de 4^e "Mer et océans, un monde maritimisé". Il a été proposé uniquement aux élèves volontaires, les conditions techniques exigées (disposer d'un ordinateur - et non d'une tablette - avec une connexion internet) limitant de fait les participants. Il est tout à fait transposable dans le cadre d'un enseignement traditionnel en présentiel, même si le temps consacré à l'activité semble davantage relever d'une activité pour « aller plus loin ».

L'objectif du travail était de faire réaliser aux élèves une cartographie des principales routes commerciales de la compagnie CMA CGM, en utilisant le logiciel libre uMap qui permet de créer des cartes interactives sur des fonds OpenStreetMap (un tutoriel détaillé est accessible ici).
Les principaux atouts d'uMap sont :

la relative simplicité de sa prise en main
la possibilité pour les élèves de travailler sans se créer de compte
la possibilité de facilement superposer les calques et ainsi mutualiser les travaux des élèves

En amont - Le travail en classe entière

Dans le cadre du chapitre "Mers et océans, un monde maritimisé", les élèves de la classe ont eu à réaliser une activité intitulée "Découvrir les routes du commerce maritime mondial". Après avoir visionné deux vidéos sur la « révolution du conteneur » (accessibles sur le site de l'éditeur Magnard), les élèves ont fait une recherche sur le navire Saint Exupery de la compagnie CMA CGM [1] afin de découvrir quelques-unes de ses caractéristiques et le trajet qu'il effectue (il est affecté à la French Asia Line 1 qui relie l'Asie à l'Europe du Nord). Une carte des principales routes maritimes de la compagnie a permis en conclusion, lors d'une classe virtuelle, d'élargir le propos et de constater la dimension mondiale du transport maritime de conteneurs dont CMA CGM est un des acteurs.
A l'issue du chapitre (qui comportait également une activité sur « Les océans, des espaces exploités et en danger »), le projet de cartographie a été présenté aux élèves ; huit se sont portés volontaires.

Une classe virtuelle a été organisée pour lancer le projet. La possibilité de partager son écran a permis de montrer quelques caractéristiques de l'outil uMap et de répondre aux questions des élèves.
Les consignes ont ensuite été communiquées via le classeur pédagogique de l'ENT. Le petit effectif a permis d'individualiser le suivi : la 2e étape était envoyée à celui ou celle qui avait envoyé sa 1e production et éventuellement apporté les corrections demandées.

Chaque élève s'est vu attribuer un navire, affecté à une ligne régulière. Sur le site internet de la CMA CGM il est assez aisé de consulter le détail de l'ensemble des lignes existantes, avec pour chacune le détail des étapes ainsi que les navires affectés à cette ligne.
Les lignes choisies permettaient de couvrir une partie assez vaste des activités de cette compagnie, même si avec un effectif plus large nous aurions pu avoir une vision plus étoffée de celles-ci.

Étapes 1, 2, 3 - Collecter les données - Prépare la carte - Localiser les ports

La première chose à faire était de collecter les données sur le site internet de la CMA CGM. Pour chaque ligne, le détail des escales et des jours est indiqué, que les élèves devaient reporter dans un tableau :

La carte pouvait ensuite être préparée puis complétée avec ces premières données.
A noter qu'il est possible de créer une carte avec uMap sans se connecter, ce qui permet de rester dans le cadre du RGPD. Le professeur en revanche a tout intérêt à se créer un compte (gratuit) pour pouvoir stocker les productions des élèves et créer la carte mutualisée plus facilement.

Pour guider les élèves, les consignes ont été volontairement détaillées sur la fiche de travail, et lorsque cela était nécessaire, de petits tutoriels vidéos très simples ont été ajoutés.

A l'issue de cette première partie, les élèves ont téléchargé leur carte au format *.umap et me l'ont envoyée par l'ENT. J'ai pu les consulter, éventuellement leur demander quelques ajouts ou corrections, avant de leur envoyer la suite du travail à faire.

Exemple de production : les escales de la ligne « Mediterranean Club Express »

Étape 4 - Tracer le trajet

Lors de l'étape suivante, les élèves devaient commencer à mettre en forme leur travail, en appliquant la forme et la couleur demandée. L'intérêt du travail par calque est de pouvoir appliquer à l'ensemble des marqueurs et lignes le même attribut d'un seul coup.
Ensuite, les élèves devaient tracer les trajets entre chaque escale. C'est la partie la plus fastidieuse puisqu'elle nécessite une certaine précision lors des entrées et sorties de ports, ou passages dans un détroit ou un canal.

Exemple de production : les escales et trajets de la ligne « Europe Afrique 1 »

Étape 5 - Ajouter des informations et illustrations

La dernière étape du travail avait pour but de documenter et d'illustrer le trajet.
Le navire devait être présenté à la première escale (caractéristiques et illustration), puis ensuite chacun des ports de la ligne.
Les informations attendues étaient assez générales (importance du port dans le pays, particularité de la localisation, spécialisation éventuellement...) et l'image d'illustration devait être libre de droits et correctement référencée.
Pour cela des tutoriels rappelaient aux élèves comment trouver des images libres de droits, et comment les référencer correctement selon le type de licence.
A noter qu'il n'est pas possible d'insérer directement une image depuis son ordinateur, celle-ci doit forcément être en ligne. [2]

Exemple de production : le port de Valence en Espagne, sur la ligne « Amérigo »

Une fois toutes ces étapes terminées, tous les calques ont été superposés sur la même carte, produisant la carte collaborative visible ci-dessous (à voir en plein écran).
En cliquant sur le bouton « Voir les calques »

vous avez la possibilité d'afficher ou de cacher les différentes lignes :

NB : certains élèves n'ayant pu aller au bout de l'activité, les détails attendus ne sont pas présents pour tous les ports

Voir en plein écran

[1] Vous trouverez dans cet article un certain nombre de ressources et des photos prises à l'occasion de l'inauguration de ce navire au Havre en 2018.

[2] On peut également insérer des vidéos, comme dans l'exemple visible dans cet article.

Réaliser une storymap sur le commerce triangulaire en LCE

Matthieu Bernier — 2019-11-16T12:29:44Z

Ce projet, mené en enseignement de LCE (anglais, 4e), peut tout autant être réalisé dans le cadre du chapitre de 4e « Bourgeoisies marchandes, négoce international et traites négrières ».

Le projet

La « storymap » est un outil de narration cartographique multimédia, qui permet de construire un récit mêlant une dimension de temporalité et une dimension géographique. En ce sens, elle se prête particulièrement bien à un travail sur le trajet d'un navire négrier au XVIII^e siècle.
Sur le principe, l'intérêt et les limites de ce type d'outils, vous pouvez consulter l'article très documenté et régulièrement mis à jour proposé par le site Cartographie(s) numérique(s).

Le projet a également pour objectif de confronter les élèves à l'utilisation de sources primaires, disponibles en ligne sur le site Slave Voyages et interrogeable par mot-clés (dates, port de départ, nombre d'esclaves, lieu de vente...). Ce site est le fruit d'un impressionnant travail de collecte et de traitement des données relatives au commerce atlantique d'esclaves entre 1514 et 1866. Plus de 36000 expéditions sont ainsi documentées, correspondant d'après les estimations à environ 2/3 des voyages effectués.
Cette base de donnée, ainsi que de nombreux documents annexes (images, cartes, liste des sources...) sont le fruit d'un travail collaboratif d'universités européennes, africaines et américaines, orchestré par le « Emory Center for Digital Scholarship » de l'Université d'Atlanta, et soutenu par le programme gouvernemental américain « National Endowment for the Humanities ».

L'activité

Dans le cadre de ce projet, les élèves, en binôme, se sont vus attribuer un voyage préalablement sélectionné par le professeur. Cette solution permet de les faire travailler avec un jeu de données complètes, ce qui n'est pas le cas de tous les voyages référencés.
Dans le classeur pédagogique de l'ENT, les élèves ont eu accès à leur numéro de voyage et au lien vers la base de données.

En faisant une recherche par l'identifiant, ils ont découvert une fiche de ce type :

Ils devaient ensuite compléter une fiche papier reprenant les principales données nous intéressant ici pour construire la storymap.

Dans un 2^e temps, les élèves ont eu à compléter une carte papier reprenant uniquement les données les plus importantes, et localisant précisément les lieux évoqués. Dans le cadre d'un travail réalisé en français cette étape pourrait probablement être supprimée, mais ici la difficulté liée à l'utilisation d'une langue étrangère nous a paru nécessiter cette rapide mise sur papier, afin de vérifier que les termes étaient compris.

Une fois ce travail validé, les élèves ont commencé à réaliser leur storymap, avec l'outil StorymapJS. [1]
Cet outil a l'avantage d'être relativement simple d'utilisation, mais présente l'inconvénient majeur de nécessiter un compte Google pour l'utiliser. Afin de limiter les soucis liés au traitement des données personnelles des élèves, et d'être en conformité avec le RGPD, le compte Google de l'établissement [2] a été utilisé. Le professeur a créé la carte vierge de chaque binôme, et a ensuite lui-même connecté chaque ordinateur à StorymapJS.

Le principe de la storymap est d'utiliser la géolocalisation pour placer précisément les étapes du trajet. La limite étant qu'en faisant cela, on utilise une carte actuelle (par exemple OpenStreetMap), donc forcément anachronique.
Le choix a donc été fait d'insérer une carte du XVIII^e siècle comme une simple image, sur le modèle de ce qui peut se faire pour ce type d'analyse de tableau, qui « détourne » en quelque sorte la storymap en lui ôtant sa dimension géographique. Nous entrons ici dans la dimension la plus complexe du projet, qui peut aisément être évitée, en se contentant d'utiliser un fond de carte proposé si l'anachronisme ne paraît pas rédhibitoire.

La carte utilisée a été trouvée sur le site de la New York Public Library [3], qui a mis en ligne plusieurs centaines de milliers de documents numérisés libres de droit.
La volonté de pouvoir naviguer sur une carte d'époque implique d'avoir une image en haute définition, et de lui faire subir une traitement pour la rendre « zoomable » sans perte de qualité. La carte téléchargée a donc été transformée en image « Gigapixel », en suivant le tutoriel présenté ici (en anglais). N'ayant pas accès à Photoshop, nous avons utilisé la version gratuite de Zoomify, très simple d'utilisation.
Le dossier obtenu a ensuite été hébergé sur un serveur en utilisant le service GitHub. Le lien obtenu a été renseigné dans les Options de la storymap. [4]

Après avoir présenté le navire sur la page de titre, chaque binôme a renseigné les étapes du trajet. Il fallait décrire l'étape en quelques mots, et illustrer avec une image libre de droit correctement référencée. Pour faciliter ce travail, une sélection d'images et de liens avait été déposée sur l'ENT par le professeur.

Quel bilan ?

La réalisation de ces storymaps s'est échelonnée sur 3 heures, en salle informatique.
Outre la compétence linguistique, plusieurs compétences ont pu être travaillées et évaluées dans le cadre de ce projet :

Réaliser une tâche commune
Extraire des informations d'un document
Utiliser ses connaissances pour expliciter le document
Réaliser une production numérique
Nommer et localiser les grands repères géographiques

Une fois corrigées, certaines de ces storymaps ont été mises en ligne sur l'ENT du collège.

Exemple de production

Si les travaux réalisés peuvent sembler modestes, plusieurs éléments méritent d'être soulignés, et sans doute inciter à recommencer ce type d'activité, en en modifiant certains aspects.
Tout d'abord, l'usage exclusif de l'anglais pendant les séances et dans les documents de consigne peut expliquer la relative brièveté des productions pour ce qui est du contenu.
La réalisation d'un même projet en cours d'histoire « traditionnel » permettrait probablement d'avoir des attendus en matière de connaissances et d'analyses plus ambitieux.
Ensuite il est important de bien réfléchir à ce que l'on souhaite faire travailler aux élèves, afin de ne pas mobiliser leur temps d'activité à autre chose. C'est la raison pour laquelle une sélection préalable des documents iconographiques avait été mise à leur disposition, l'objectif ici n'étant pas de les faire chercher eux-même ces images en respectant le droit d'auteur. On peut imaginer qu'avec un autre niveau de classe, ou lors d'une 2^e expérience plus tard dans l'année, cela pourrait être différent.
Enfin la question du temps mérite d'être soulevée : un même travail en langue française aurait très probablement été possible en 2 heures ; le professeurs pouvant, lors de la 3e heure, vidéoprojeter et commenter un travail corrigé pour aboutir à une trace écrite, sous forme de tableau, de schéma heuristique ou de carte.

A noter que cet outil peut par ailleurs être utilisé par le professeur pour réaliser lui-même des documents consultables par les élèves comme source d'un travail en salle info, sur tablette, en classe ou à la maison, en remplacement d'un dossier documentaire plus traditionnel. Vous trouverez de nombreux exemples dans l'article de Cartographie(s) numérique(s) déjà mentionné.

[1] vous trouverez un tutoriel sur le site Enseigner avec le numérique

[2] utilisé pour gérer la flotte de tablettes

[3] repéré grâce au site Cartolycée

[4] les collègues qui souhaiteraient avoir davantage de précisions sur cette partie du travail peuvent me contacter par mail matthieu.bernier@ac-rouen.fr.

Créer une page wikipédia sur un personnage historique local

Nathalie Verstraete — 2017-06-04T22:40:14Z

La production par la classe d'un article sur wikipédia permet de mieux appréhender la compétence « S'informer dans le monde du numérique » ainsi que le travail de l'historien.

Parfois décriée par le monde enseignant à ses débuts, Wikipédia a depuis mis en place un protocole rigoureux à destination de ses contributeurs qui garantit davantage la fiabilité de ses articles. La méthode proposée par l'encyclopédie collaborative en ligne est désormais assez proche de la démarche de l'historien quant au questionnement des sources.

Problématique :
Comment fonctionne une encyclopédie collaborative en ligne ?
Est-ce une ressource fiable pour se documenter ?

Organisation :
Cette séquence fait suite à une activité réalisée en classe de seconde à partir de la consultation de fiches wikipédia pour construire une biographie problématisée [Portraits d'Hommes de la Renaissance].
En accompagnement personnalisé, un groupe de huit élèves s'initie, sur trois séances de 55 min, à la publication sur wikipédia afin de devenir coordinateurs de leurs camarades en classe entière. En cours d'histoire, dans le cadre de trois séances méthodologiques autour de l'analyse de documents, la classe entière crée une page wikipédia.
Même si la majeure partie des séances se déroule avec le professeur d'Histoire-Géographie, le professeur documentaliste ainsi que le collègue de Lettres sont également sollicités.
Afin de bénéficier des conseils de wikipédiens experts, la classe s'est inscrite au wikiconcours lycéen [1].

Compétences travaillées :

- Prélever, hiérarchiser et confronter des informations
- Développer un discours écrit construit et argumenté, le confronter à d'autres points de vue
- Prendre part à une production collective

Thème choisi :
Depuis trois années, le lycée Jacques Prévert de Pont-Audemer participe à la transcription des feuillets du journal de guerre de Jean Gaument (1914-1918) [Une action pluridisciplinaire au lycée : la transcription des feuillets du journal de guerre de Jean GAUMENT (1914-1918)]. Cet écrivain normand a connu une certaine notoriété pendant l'entre-deux-guerres en remportant notamment plusieurs prix littéraires. Mais depuis, son oeuvre est un peu tombée dans l'oubli. Nous avons donc choisi d'exposer sa biographie sur Wikipédia [2].

Déroulement :

Prise en main de la plate-forme Wikipédia par les élèves coordinateurs
- Création des comptes élèves et d'un compte classe
- Découverte des fonctionnalités du compte
- Utilisation de la page brouillon pour s'approprier wikipédia.
- Réalisation d'une page brouillon « Aide et conseils » avec une liste de tutoriels en ligne sur Wikipédia à destination de la classe [3]
Création du brouillon en classe entière
- Elaboration du plan
- Mutualisation des informations via la page de discussion
- Création de l'infobox
Publication de l'article dans la partie encyclopédique
- Rédaction / Mise en page
- Sourçage / Liens internes
- Modification des pages wikipédia connexes

Bilan :
Le numérique a permis de consulter en ligne des documents issus des archives numérisées départementales sans avoir besoin de se déplacer [4].
L'activité est collaborative y compris avec des contributeurs extérieurs au lycée, ce qui impose une certaine rigueur scientifique aux élèves.
Les élèves ont découvert le wikicode ainsi que les règles qui régissent wikipédia. Ils les ont trouvés très strictes, notamment dans l'exigence de références. Ils ont apprécié la mise en valeur de leur travail sur cette plateforme avec l'idée de pouvoir compléter la fiche plus tard.

[1] https://fr.wikipedia.org/wiki/Projet:Wikiconcours_lyc%C3%A9en_2016-2017

[2] https://fr.wikipedia.org/wiki/Jean_Gaument

[3] https://fr.wikipedia.org/wiki/Utilisateur:Classe_2nde6/Brouillon

[4] http://archives.numerisees.calvados.fr/cg14v3/accueil.php et http://www.archivesdepartementales76.net/rechercher/archives-en-ligne/