{"id":697,"date":"2015-01-08T15:10:18","date_gmt":"2015-01-08T14:10:18","guid":{"rendered":"http:\/\/www.ressources.univ-rennes2.fr\/cultures-numeriques-dans-l-enseignement\/plateforme\/?page_id=697"},"modified":"2015-10-22T14:40:15","modified_gmt":"2015-10-22T13:40:15","slug":"3-2-limage-annotee-avec-thinglink","status":"publish","type":"page","link":"http:\/\/www.ressources.univ-rennes2.fr\/cultures-numeriques-dans-l-enseignement\/plateforme\/3-des-projets-collaboratifs\/3-2-limage-annotee-avec-thinglink\/","title":{"rendered":"3.2 Mutualiser des images annot\u00e9es avec Thinglink dans un blog Tumblr"},"content":{"rendered":"<p><strong>Annoter des images avec Thinglink<\/strong><\/p>\n<p>L&rsquo;application en ligne Thinglink permet de d\u00e9couper une image en zones sensibles et d&rsquo;y attacher tout type d&rsquo;annotation (texte, image, vid\u00e9o, son, hyperliens). Des enseignants se sont appropri\u00e9s cet outil pour<\/p>\n<ul>\n<li>produire des ressources hyperm\u00e9dia<\/li>\n<li>former les \u00e9l\u00e8ves \u00e0 la lecture et l&rsquo;interpr\u00e9tation de l&rsquo;image.<\/li>\n<\/ul>\n<p><strong>\u00a0A : l&rsquo;enseignant produit avec Thinglink des ressources hyperm\u00e9dia pour la classe<\/strong><\/p>\n<p>M. Patrick Marques, (IATICE, interlocuteur acad\u00e9mique pour les TICE) ), et enseignant en histoire-g\u00e9ographie au Coll\u00e8ge Pierre Brossolette de Bruz, utilise Thinglink en coll\u00e8ge et en lyc\u00e9e : l&rsquo;exemple ici propos\u00e9 est celui d&rsquo;une s\u00e9quence p\u00e9dagogique sur l&rsquo;analyse du potentiel touristique de la ville de Tignes. L&rsquo;enseignant r\u00e9alise une ressource de type hyperm\u00e9dia \u00e0 partir d&rsquo;une photographie repr\u00e9sentant l&rsquo;environnement g\u00e9ographique de la station de skis : le sc\u00e9nario p\u00e9dagogique est en ligne sur le <a href=\"http:\/\/www.toutatice.fr\/portail\/cms\/espace-educ\/pole-arts-et-humanites\/histoire-geographie-ecjs\/traam.1428071413953\/academie-de-rennes-traam.1428072079914\/hypermedia-et\" target=\"_blank\">site de l&rsquo;acad\u00e9mie de Rennes<\/a><\/p>\n<p><strong>B : les \u00e9l\u00e8ves produisent des documents avec Thinglink<\/strong><\/p>\n<p>M. Dorilleau, professeur d\u2019Histoire, G\u00e9ographie et Education civique au coll\u00e8ge de Signy-l\u2019Abbaye dans les Ardennes rassemble sur <a title=\"Blog\" href=\"https:\/\/pedagogie.ac-reims.fr\/index.php?option=com_flexicontent&amp;view=item&amp;cid=106:enseigner-hist-geo-ed-civ-cycle-4&amp;id=2522:hda-images-interactives-des-tableaux-sur-la-revolution&amp;Itemid=404\" target=\"_blank\">son blog<\/a> les productions que ses \u00e9l\u00e8ves en\u00a0 classe de quatri\u00e8me ont r\u00e9alis\u00e9es chacun avec l&rsquo;outil Thinglink.<\/p>\n<p>Mme M G Cadart, professeur de lettres au coll\u00e8ge Anne Frank \u00e0 Miribel, a fait r\u00e9aliser \u00e0 ses \u00e9l\u00e8ves des commentaires audio sur les \u00e9tapes du voyage de retour d&rsquo;Ulysse avec l&rsquo;outil en ligne <a title=\"Soundcloud\" href=\"Ce sc\u00e9nario qui combine plusieurs applications en ligne est d'une plus grande complexit\u00e9 que les pr\u00e9c\u00e9dents qui ont \u00e9t\u00e9 pr\u00e9sent\u00e9s.\" target=\"_blank\">Soundcloud<\/a>. Ces enregistrements ont ensuite \u00e9t\u00e9 int\u00e9gr\u00e9s avec Thinglink dans un <a href=\"http:\/\/mgccol.weebly.com\/vos-travaux\/projet-ulysse\" target=\"_blank\">document iconographique de type \u00ab\u00a0mappemonde\u00a0\u00bb<\/a>, en ligne sur le blog de l&rsquo;enseignante.<\/p>\n<p>Cette image enrichie d&rsquo;annotations vari\u00e9es a ensuite \u00e9t\u00e9 int\u00e9gr\u00e9e dans le blog p\u00e9dagogique de l&rsquo;enseignante.<\/p>\n<p><strong>Votre cahier des charges :<\/strong><\/p>\n<p>Ce sc\u00e9nario qui combine plusieurs applications en ligne est d&rsquo;une plus grande complexit\u00e9 que les pr\u00e9c\u00e9dents qui ont \u00e9t\u00e9 pr\u00e9sent\u00e9s. Votre sc\u00e9nario fera appel \u00e0 deux plates formes num\u00e9riques :<\/p>\n<ol>\n<li>Thinglink pour l&rsquo;annotation d&rsquo;images<\/li>\n<li>Tumblr qui est un outil de cr\u00e9ation de blog \u00ab\u00a0multi utilisateurs\u00a0\u00bb : l&rsquo;image cr\u00e9\u00e9e avec Thinglink sera encapsul\u00e9e dans un billet de votre blog.<\/li>\n<\/ol>\n<p>Vous allez d&rsquo;abord concevoir dans votre discipline ou au sein d&rsquo;une activit\u00e9 transversale\u00a0 un sc\u00e9nario p\u00e9dagogique o\u00f9 les \u00e9l\u00e8ves doivent :<\/p>\n<ul>\n<li>s\u00e9lectionner (ou produire) chacun une image ou un sch\u00e9ma sur un th\u00e8me donn\u00e9<\/li>\n<\/ul>\n<ul>\n<li>commenter ce document iconographique selon la modalit\u00e9 que vous aurez d\u00e9finie (r\u00e9daction d&rsquo;un commentaire textuel ou r\u00e9daction d&rsquo;un texte \u00e0 enregistrer avec l&rsquo;application en ligne soundcloud).<\/li>\n<\/ul>\n<ul>\n<li>publier leur image en ligne avec l&rsquo;outil Thinglink et y int\u00e9grer le commentaire pr\u00e9vu<\/li>\n<\/ul>\n<ul>\n<li>publier leur image dans un blog collaboratif de classe cr\u00e9\u00e9 avec l&rsquo;outil Tumblr (chaque \u00e9l\u00e8ve dispose d&rsquo;un droit de publication dans ce blog dont vous \u00eates l&rsquo;administrateur)<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<p><strong>Les tutoriels<\/strong><\/p>\n<ul>\n<li>cr\u00e9ation d&rsquo;un compte personnel avec Thinglink : consulter le <a title=\"Tutoriel Thinglink\" href=\"http:\/\/www.ressources.univ-rennes2.fr\/cultures-numeriques-dans-l-enseignement\/plateforme\/wp-content\/uploads\/2015\/01\/Tutoriel_Thinglink.pdf\" target=\"_blank\">Tutoriel Thinglink de ce cours<\/a><\/li>\n<\/ul>\n<ul>\n<li>cr\u00e9ation d&rsquo;un compte personnel avec Tumblr : consulter le <a title=\"Tutoriel G Maurin\" href=\"http:\/\/www.gmaurin.fr\/fichiers\/fiche_formation_tumblr.pdf\" target=\"_blank\">tutoriel de Guillaume Maurin<\/a><\/li>\n<\/ul>\n<p><strong>Les \u00e9tapes \u00e0 suivre pour vous former \u00e0 ce sc\u00e9nario :<\/strong><\/p>\n<ol>\n<li>\u00a0s\u00e9lection d&rsquo;un document iconographique et \u00e9criture d&rsquo;un commentaire (textuel ou audio)<\/li>\n<li>annotation de l&rsquo;image avec Thinglink : cr\u00e9ation de zones sensibles sur l&rsquo;image qui activeront la lecture des commentaires pr\u00e9vus<\/li>\n<li>cr\u00e9ation d&rsquo;un billet dans le blog collaboratif cr\u00e9\u00e9 avec l&rsquo;application Tumblr<\/li>\n<li>int\u00e9gration dans ce billet de ce blog Tumbr du document iconographique enrichi avec Thinglink. M\u00e9thode \u00e0 suivre : dans le menu d&rsquo;\u00e9dition de Thinglink, il faut utiliser la fonction partager\u00a0\u00bb qui permet de publier automatiquement une image enrichie vers un billet de blog de Tumblr.<\/li>\n<\/ol>\n","protected":false},"excerpt":{"rendered":"<p>Annoter des images avec Thinglink L&rsquo;application en ligne Thinglink permet de d\u00e9couper une image en zones sensibles et d&rsquo;y attacher tout type d&rsquo;annotation (texte, image, vid\u00e9o, son, hyperliens). Des enseignants se sont appropri\u00e9s cet outil pour produire des ressources hyperm\u00e9dia former les \u00e9l\u00e8ves \u00e0 la lecture et l&rsquo;interpr\u00e9tation de l&rsquo;image. \u00a0A : l&rsquo;enseignant produit avec [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":38,"menu_order":3,"comment_status":"open","ping_status":"open","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-697","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"http:\/\/www.ressources.univ-rennes2.fr\/cultures-numeriques-dans-l-enseignement\/plateforme\/wp-json\/wp\/v2\/pages\/697","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/www.ressources.univ-rennes2.fr\/cultures-numeriques-dans-l-enseignement\/plateforme\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/www.ressources.univ-rennes2.fr\/cultures-numeriques-dans-l-enseignement\/plateforme\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/www.ressources.univ-rennes2.fr\/cultures-numeriques-dans-l-enseignement\/plateforme\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"http:\/\/www.ressources.univ-rennes2.fr\/cultures-numeriques-dans-l-enseignement\/plateforme\/wp-json\/wp\/v2\/comments?post=697"}],"version-history":[{"count":28,"href":"http:\/\/www.ressources.univ-rennes2.fr\/cultures-numeriques-dans-l-enseignement\/plateforme\/wp-json\/wp\/v2\/pages\/697\/revisions"}],"predecessor-version":[{"id":1211,"href":"http:\/\/www.ressources.univ-rennes2.fr\/cultures-numeriques-dans-l-enseignement\/plateforme\/wp-json\/wp\/v2\/pages\/697\/revisions\/1211"}],"up":[{"embeddable":true,"href":"http:\/\/www.ressources.univ-rennes2.fr\/cultures-numeriques-dans-l-enseignement\/plateforme\/wp-json\/wp\/v2\/pages\/38"}],"wp:attachment":[{"href":"http:\/\/www.ressources.univ-rennes2.fr\/cultures-numeriques-dans-l-enseignement\/plateforme\/wp-json\/wp\/v2\/media?parent=697"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}