Want to make awesome content like this one?

No description

More creations to inspire you

Transcript

Réaliser une production interactive en classe,Contenu de l'atelier,De la démarche de recherche à la réalisation, présentation des étapes permettant de mener en classe un projet de réalisation d’une production interactive.,2,Définir,1,4,5,Réaliser,Structurer,Sommaire,Se documenter,3,6,Planifier,Présenter,"La démarche de projet :,Dans quel cadre institutionnel ?,Programmes de collège,Langues vivantes 2nde,Nouveaux programmes de lycée,EMC 1ere,L'EMI et les programmes(cycle 4),Sciences numériques et technologie 2nde,Programme d'éducation aux médias et à l'information (cycle 4),Quelques pistes,Sciences de la Vie et de la Terre 1ere,Info-doc en lycée à la rentrée 2019(Elsa Chipiloff),Et aussi....,L'EMI et les programmes(cycle 3),L'EMI dans les nouveaux programmes du lycée(Juliette Filiol),PEAC,les parcours,Citoyen,les Enseignements Pratiques Interdisciplinaires,Qu'est-ce que l'interactivité ?,Source : Larousse en ligne,Interactif, ve (adj.) : ,Interactivité (n.f.) : Caractère d'un média interactif,1. Se dit de phénomènes qui réagissent les uns sur les autres.2. En informatique, doué d'interactivité.3. Se dit d'un support de communication favorisant un échange avec le public : Émission, exposition, livre interactifs.,Source : André Tricot & Alain Rufino, "Modalités et scénarii d’interaction dans des environnements informatisés d’apprentissage", 1999, Revue des Sciences de l’Éducation, numéro thématique, XXV (1), 105-129, en ligne,«Dans l’histoire de l’informatique, le concept d’interactivité est lié, entres autres, à celui d’hypertexte, c’est-à-dire à l’idée qu’un document électronique ou une application informatique constitue un environnement dans lequel un certain nombre de choix possibles sont présentés à l’utilisateur à l’instant t, et que chacun de ces choix entraîne, à l’instant t+1, une modification différente de l’environnement.»,Qu'est-ce que l'interactivité ?,(Définition avancée),(Définition simple),Définir,Planifier,Planifier un projet,Réaliser,Réaliser un diagramme numérique,LucidChart,Merci de votreattention !,Lycée - 1ere LHistoireCours,Collège - 5emeFrançais-EMI???,Collège - 3emeAnglaisCours et AP,Exemples de productions interactives,AFFICHE INTERACTIVE,CHRONOLOGIE INTERACTIVE,IMAGE INTERACTIVE,Académie de Nantes,Site du collège,Quels élèves ?Quelles matières ?(Quels partenaires ?),Comparer des grandeurs de même nature,Comment représenter mes données ?,AFFICHE INTERACTIVE,WEBDOCUMENTAIRE,COMPTE-RENDUINTERACTIF,À vous de jouer !,DIAPORAMA INTERACTIF,Quelques tutoriels...,Appréhender l'objet de la production,Sélection de cartes pour déterminer quelles sont les caractéristiques de ce type de production,Structure concentrique(1 seule page)Découpage thématiqueTravail en collaboration,Structure linéaireDécoupage thématiqueTravail en coopération,Structure concentrique(plusieurs pages)Découpage chrono-thématiqueTravail en collaboration,AFFICHE INTERACTIVE,DIAPORAMA INTERACTIF,WEBDOCUMENTAIRE,COMPTE-RENDU INTERACTIF,VS,COOPÉRATION ,COLLABORATION ,Coopération ou collaboration ?,Chaque élève (ou groupe d'élèves)réalise une partie de la production finale,Chaque élève (ou groupe d'élèves)réalise la production finale à sa manière,Les compétences travailléespar chaque élève peuvent être différentes,Les compétences travailléespar chaque élève sont les mêmes,La production finale est plus ambitieuse,La production finale est moins ambitieuse,Nécessite une harmonisationdes contenus de chaque élève/groupe,Chaque élève/groupe présentesa production comme il le souhaite,PRODUCTION,PRODUCTION PRODUCTION PRODUCTION PRODUCTION PRODUCTION,"Les étapes s’enchaînent de manière simple, linéaire ; l'utilisateur a la possibilité de continuer ou sauter dans le temps.","Possibilité de décrocher de l'axe central pour découvrir de nouveaux contenus.","Une page d'accueil qui distribue sur toutes les parties du web-doc via les objets interactifs de l'image.",STRUCTURE LINÉAIRE,STRUCTURE CONCENTRIQUE,STRUCTURE EN ARÊTES DE POISSON,D'AUTRES STRUCTURES PLUS COMPLEXES,Les différentes structures narratives,Source images et textes : Nicolas BUREAU et Alain MICHEL, Structure d'un webdocumentaire, sous licence CC-BY-SA 4.0,"Parallèle", "embranchements", "constellation"Cf. Slideshare de Benjamin Hoguet,Structure concentrique(plusieurs pages)Découpage topologiqueTravail en coopération,Rendez-vous sur,Images : Fidel Navamuel / OutilsTice.com,Interface en français et facile à prendre en mainPossibilité d'utiliser l'application gratuitement,Inscription nécessaireMaximum 3 documents avec un compte gratuit,Draw.io,Interface en anglais,Application totalement gratuitePas d'inscription nécessairePas de limite de documents à réaliser,+,-,+,-,À l'aide de polygones, cette application permet de dessiner des zones interractives sur une image.,https://www.klynt.net/,https://www.thinglink.com/edu,https://prezi.com/,KLYNT,Des outils spécifiques en fonction des productions...,PREZI,THINGLINK,PICTOGON,https://pictogon.com/,Cette application permet la création d'images interactives, ainsi que l'insertion de contenus multimédias à l'intérieur de vos vidéos.,Une application qui permet de rendre une présentation dynamique et non-linéaire grâce à des liens et des changements d'échelle.,Malheureusement payante, cette application est particulièrement adaptée à la création de webdocumentaires.,... et un couteau-suisse !,- présentation- image interactive- infographie- présentation "gamifiées"- story (bientôt)...,https://www.genial.ly/fr,Choisir des outils numériques...,À vous de jouer !,Objectif : réaliser un document interactif avec Genial.ly pour garder trace des conférences de la journée EMI2019.,À vous de jouer !,"Entrées par lieux, itinéraires, zones géographiques. [...]Le parcours se fait sous forme de visite guidée des zones que l'on souhaite explorer","Entrées par dates ou par périodes temporelles.","Division en sous-thèmes constitutifs. Chaque entrée permet d'éclairer une facette de la thématique globale.",DÉCOUPAGE CHRONOLOGIQUE,DÉCOUPAGE THÉMATIQUE,"Les entrées sont liées le plus souvent à des verbes ou des actions à réaliser. On invite le lecteur à composer son propre parcours dans le web-documentaire.",Source textes : Nicolas BUREAU et Alain MICHEL, Structure d'un webdocumentaire, sous licence CC-BY-SA 4.0,PARCOURSPERSONNALISÉ,Découper son scénario,DÉCOUPAGE TOPOLOGIQUE,Collège - 6emeEMI???,Collège - 4emeAllemand-EMICours,ESCAPE GAME,Exemples de productions interactives,COMPTE-RENDUINTERACTIF,Scape,Collège - 3emeHistoire-EMC-EMICours et AP,Strabon,WEBDOCUMENTAIRE,Collège - 6emeHistoire-EMC-EMICours et AP,PRÉSENTATION INTERACTIVE,Site du collège,Lycée - 2ndeLittérature & SociétéCours et TM,QUIZINTERACTIF,Trouver des ressources : vidéos,Certaines plateformes (YouTube, Vimeo, etc.) possèdent un système de filtrage par licence permettant de trouver des contenus Creative Commons.,https://test.quiziniere.com/,Code de l'exercice :,V2YME2,POINTS COMMUNS,VS,DIFFÉRENCES,Des productions très diverses,Interactivité,Application utilisée,Complexité de la structure hypermédiatique : simple page à un ensemble des 30 pages comprenant des liens complexes,Temps passé sur la production : de 1 séance à 1 trimestre,Disciplines impliquées : projet mono ou pluri-disciplinaires, pas toujours l'EMI ,Objectif de la production : construire un exposé, rendre compte d'un événement, ludifier un apprentissage...,Système de présentation de l'information reposant sur des hyperliens qui permettent de passer d'un document multimédia à un autre. On considère généralement l'hypermédia comme une extension de l'hypertexte aux données multimédias.,Hyperlien, hypertexte, hypermédia,HYPERTEXTE,HYPERMÉDIA,HYPERLIEN,Source : Office québecois de la langue française, Vocabulaire des réseaux sociaux, màj 30/08/2018,Système de présentation de l'information reposant sur des liens hypertextes qui permettent de passer d'un document à un autre, notamment afin de contextualiser ou de définir certains éléments d'un texte. ,Lien activable reliant des données textuelles ou multimédias, qui renvoie directement, en un clic, vers un autre élément de la page consultée, une autre page ou un autre site Web. Dans le Web, la navigation est assurée par les hyperliens, que ce soit des liens hypertextes ou des liens hypermédias.,Compétences EMI travaillées : recherche d'informations, collecte d'informations, structuration de l'information,plagiat, production coopérative, droits d'auteurs...,B,C,D,A,Des pistes d'activités possibles :,Les enjeux d'une production interactive,Mettre les élèves en situation d'éditeur de contenu,Augmenter la motivation des élèves,1,Définir,2,Planifier,3,Se documenter,4,6,5,Structurer,Présenter,Réaliser,Présenter,Se documenter,Structurer,Situation privilégiée pour sensibiliser les élèves aux questions de droit d'auteur,À vous de jouer ! ,Varier la forme de la trace écrite pour favoriser la mémorisation du contenu par les élèves,Améliorer l'engagement de l'élève dans ses apprentissages,est une entreprise gérée par le groupe-classe (l’enseignant (e) anime, mais ne décide pas de tout) ;,s'oriente vers une production concrète [au sens large] ;,induit un ensemble de tâches dans lesquelles tous les élèves peuvent s'impliquer et jouer un rôle actif, qui peut varier en fonction de leurs moyens et intérêts ;,suscite l'apprentissage de savoirs et de savoir-faire de gestion de projet (décider, planifier, coordonner, etc.) ;,favorise en même temps des apprentissages identifiables (au moins après-coup) figurant au programme d'une ou plusieurs disciplines.",Philippe Perrenoud, "Apprendre à l'école à travers des projets : pourquoi ? comment ?", Education n°14, déc. 2002, p. 6-11,cité dans Catherine Reverdy, "Des projets pour mieux apprendre ?", Dossier d'actualité Veille et analysesde l'Ifé, fév. 2013,Les étapes du projet,Quel(s) sujet(s) ?Quelle production ?Quel programme ?,Quels espaces (physiques et numériques) ?,Quelle durée totale ?Sur quelles heures ?,Quels moyens matériels ? budgétaires ? humains ?,QUI ?,QUOI ?,OÙ ?,QUAND ?,COMMENT ?,COMBIEN ?,Quelles méthodes pédagogiques ? Quelle répartition des tâches ?,POURQUOI ?,Quels enjeux pour les élèves ? Quelles compétences en jeu ? ,STRUCTURATIONDE LA PRODUCTION,RECHERCHES DOCUMENTAIRES,PRÉSENTATION DU PROJET,Élaboration du projetet présentation aux élèves voire co-construction du projet avec les élèves.Analyse et caractérisation de la production finale.Détermination du calendrier du projet.,RÉALISATIONDE LA PRODUCTION,BILANDU PROJET,Découpage du scénario en fonction de l'angle choisi (chronologique, topologique, thématique).Rédaction descontenus textuels.Structuration de la production à l'aide d'un outil dédié (storyboard, chemin de fer, etc.).,Restitution du projet.Institutionnalisationdes savoirs.Phase d'évaluation (et d'auto-évaluation)Démarche réflexivesur les compétences travaillées au coursdu projet.,Collecte de documentset d'informations.Recherches spécifiques en fonction du contenu médiatique venant enrichir la production (images, vidéos, sons, animations, cartes, diagrammes, etc.),Découverte de la ou des applications nécessairesà la réalisation de la production finale.Prise en main le plus possible en autonomie à l'aide de tutoriels.Réalisation en collaboration ou en coopération.,Consultation et analyse d'exemples avec un questionnaire (type La Quizinière) à remplir pour guider la réflexion,Remue-méninges collectif pour observer des points communs, des différences et établir une définition ,acver.fr/webdoc1,acver.fr/webdoc2,Naviguez quelques minutes dans les webdocumentaires suivants...,acver.fr/webdoc4,acver.fr/webdoc5,... puis notez vos idées dans le document collaboratif accessible ci-dessous :,framemo.org/1306interactif,Démarche de projet pas systématique,À vous de jouer ! ,QU'EST-CE QUI CARACTÉRISEUNE DÉMARCHEDE PROJET ?,Florian COOL, professeur documentaliste,D'autres questions ? Un retour d'expérience ?,florian.cool@ac-versailles.fr,@Soycool0,Attention : la diffusion de certains contenus pédagogiques mis à dispositiondes enseignants avec un accès par connexion peut être interdite (ex : Eduthèque),Certains sites autorisent la diffusion de leurs contenus grâce à un lecteur embarqué, en précisant le contexte d'utilisation.,Attention : si les vidéos sont produites par les élèves, penser à demander les autorisations de droit à l'image (cf. boîte à outils Eduscol),CGUFranceTV,CGUINA,CGUOnisep,Trouver des ressources : images,"Librement réutilisables" ne signifie pas qu'on peut en faire ce que l'on veut.Il est toujours nécessaire de vérifier la licence de l'image pour connaître ses droits.,Banques d'icônes librement réutilisables,Banques d'images librement réutilisables,Attention au filtrage par licence dans les moteurs de recherche, qui peuvent parfois être trompeurs. Il faut toujours aller vérifier sur le site.,et bien d'autres...,Hyperlien, hypertexte, hypermédia,HYPERTEXTE,HYPERMÉDIA,hyperlien,D'après une image d'andreariverac (CC BY-SA 3.0),acver.fr/productioninteractive,email : productioninteractive@laposte.netmdp : emi2019,Si vous ne souhaitez pas vous créer de compte, vous pouvez utiliser les identifiants ci-dessous :,Liste de 55 "points de vigilance pour choisir des outils numériques en éducation" (F. Jourde),Pertinence & utilisabilitéConnexion & configuration des comptesÉvolutivité & interopérabilitéGestion & suivi des utilisateurs par l’administrateur/l’enseignantIntégrations avec l’écosystème numériqueFonctions communautairesDonnées à caractère personnel : traitement, sécurité et propriété,Comment commencer à créer,Édition basique,Donner vie avec de l'animation,Interactivité,Insérer des images,Intégrer des vidéos,Intégrer un PDF,Intégrer un graphique d'Infogram,Intégrer un tweet de Twitter,Gérer les pages,Comparer des proportions ou des pourcentages,Suivre l'évolution d'une grandeur dans le temps,Représenter/comparer des données selon une répartition géographique,Voir la fiche,Voir la fiche,Voir la fiche,Voir la fiche,1,2,3,4,5,6,3,1,2,6,5,4,4,3,1,2,5,6,6,4,2,3,5,1,5,2,3,1,4,6,5,6,3,4,1,2,1,3,4,5,6,2,2,6,5,4,3,1,2,4,1,3,6,5,5,3,1,4,2,6,5,2,3,6,4,1,4,5,2,6,1,3,6,5,4,2,1,3,5,3,1,2,6,4,3,1,6,4,5,2,5,2,6,1,4,3,1,5,2,3,6,4,6,3,1,5,4,2,1,3,5,6,4,2,3,1,4,5,2,6,5,3,6,2,1,4,4,2,5,1,3,6,3,5,2,1,4,6,2,1,6,3,4,5,6,5,3,4,2,1,4,3,1,2,6,5,6,2,5,3,4,1,4,3,6,1,5,2,2,3,1,5,6,4,3,5,6,1,4,2,5,6,3,1,4,2,2,3,5,Se documenter,1,Planifier,4,Réaliser,Définir,6,Structurer,Présenter,2,Planifier,5,1,4,3,Se documenter,Réaliser,Structurer,Définir,6,Présenter,Structurer,3,2,Se documenter,5,1,Réaliser,Définir,6,Planifier,Présenter,4,Présenter,2,5,Se documenter,1,Planifier,6,3,4,Réaliser,Définir,Structurer,1,Planifier,Présenter,2,Se documenter,6,5,Réaliser,Structurer,3,4,Définir,INTERACTIVITÉ,À vous de jouer ! ,5,4,3,2,6,1