{"id":1694,"date":"2021-07-01T14:48:31","date_gmt":"2021-07-01T12:48:31","guid":{"rendered":"https:\/\/pedagogie.ac-lille.fr\/emcc\/?p=1694"},"modified":"2021-07-01T15:28:32","modified_gmt":"2021-07-01T13:28:32","slug":"creer-linteractivite","status":"publish","type":"post","link":"https:\/\/pedagogie.ac-lille.fr\/emcc\/creer-linteractivite\/","title":{"rendered":"Cr\u00e9er l&rsquo;interactivit\u00e9"},"content":{"rendered":"\n<h6 class=\"wp-block-heading\">Comment cr\u00e9er l&rsquo;interactivit\u00e9 dans la pr\u00e9sentations des documents ?<\/h6>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"parent-fieldname-title\">ThingLink<\/h4>\n\n\n\n<p><a href=\"https:\/\/www.thinglink.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">Thinglink<\/a> permet de rendre des images interactives en leur associer des vid\u00e9os, des liens,&nbsp;du texte ou une page web. Le site est en anglais mais reste simple d&rsquo;utilisation par les manipulations sont limit\u00e9es : <em>create<\/em> (cr\u00e9er), <em>upload a image from hard-drive<\/em> (t\u00e9l\u00e9charger une image du disque dur), <em>title<\/em> (titre), <em>link or image address<\/em> (lien ou adresse de l&rsquo;image), <em>save image<\/em> (sauvegarder l&rsquo;image). Certaines fonctions sont payantes mais non n\u00e9cessaires \u00e0 une utilisation p\u00e9dagogique simple.<\/p>\n\n\n\n<p>Il est possible d\u2019int\u00e9grer les images interactives \u00e0 l&rsquo;ENT (ou \u00e0 un blog, un site&#8230;)<\/p>\n\n\n\n<p><a href=\"https:\/\/www.thinglink.com\/\">https:\/\/www.thinglink.com\/<\/a><\/p>\n\n\n\n<img decoding=\"async\" style=\"max-width:100%\" src=\"\/\/cdn.thinglink.me\/api\/image\/749566732120621057\/1024\/10\/scaletowidth#tl-749566732120621057;\" class=\"alwaysThinglink\">\n\n\n\n<p><a href=\"https:\/\/www.thinglink.com\/scene\/749566732120621057\">https:\/\/www.thinglink.com\/scene\/749566732120621057<\/a><\/p>\n\n\n\n<hr class=\"wp-block-separator\" \/>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"parent-fieldname-title\">Genial.ly<\/h4>\n\n\n\n<p><a href=\"https:\/\/www.genial.ly\/fr\" target=\"_blank\" rel=\"noreferrer noopener\">Genially<\/a> est un outil en ligne qui permet de cr\u00e9er des images et des pr\u00e9sentations tout en y ajoutant de l\u2019interactivit\u00e9 avec du texte, des liens, des photos, des vid\u00e9os ou fichiers audio. La prise en main est facile et l&rsquo;outil est gratuit (il existe \u00e9galement une version payante). Il propose plusieurs mod\u00e8les d\u00e9ja construit qui vous permette de g\u00e9rer votre document comme un \u00ab\u00a0mini site\u00a0\u00bb en disposant d&rsquo;un menu.<\/p>\n\n\n\n<p>Le partage est facilit\u00e9 par la cr\u00e9ation d&rsquo;un lien et d&rsquo;une balise iFrame qui permet l&rsquo;int\u00e9gration \u00e0 l&rsquo;ENT.<\/p>\n\n\n\n<p><strong><u>Cet outil se d\u00e9cline parfaitement pour<\/u> :<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>Perception : Mettre \u00e0 disposition des ressources de sources et natures vari\u00e9es. <a href=\"https:\/\/view.genial.ly\/5c18e2c5b8609b0d11eeb902\" target=\"_blank\" rel=\"noreferrer noopener\">Exemple 1<\/a><\/strong><\/li><li><strong>Production : Mettre \u00e0 disposition le mat\u00e9riel pour le projet d&rsquo;interpr\u00e9tation. <a href=\"https:\/\/view.genial.ly\/5e1b59b33cf83c241e1a8825\" target=\"_blank\" rel=\"noreferrer noopener\">Exemple 2<\/a><\/strong><\/li><li><strong>Production : Mettre \u00e0 disposition des consignes, conseils, des exemples et du mat\u00e9riel de cr\u00e9ation. <a href=\"https:\/\/view.genial.ly\/5de12aa2d25f9b0f33896197\" target=\"_blank\" rel=\"noreferrer noopener\">Exemple 3<\/a><\/strong><\/li><li><strong>Perception et production : Proposer des ressources compl\u00e9mentaires \u00e0 votre s\u00e9quence. <a href=\"https:\/\/view.genial.ly\/5d6fd2ec7791bd0f88c81302\" target=\"_blank\" rel=\"noreferrer noopener\">Exemple 4 <\/a>ou <a href=\"https:\/\/view.genial.ly\/5bfa9f024e26e101a8f8823b\" target=\"_blank\" rel=\"noreferrer noopener\">Exemple 5<\/a><\/strong><\/li><li><strong>Production : Mettre \u00e0 disposition des tutoriels. <a href=\"https:\/\/view.genial.ly\/5bbf4dbce0e163529c2c139f\" target=\"_blank\" rel=\"noreferrer noopener\">Exemple 6<\/a><\/strong><\/li><li><strong>Cr\u00e9er une affiche interactive : Promouvoir l&rsquo;enseignement facultatif de chant choral. <a href=\"https:\/\/view.genial.ly\/5d020112a7ac370f7664a0f9\" target=\"_blank\" rel=\"noreferrer noopener\">Exemple 7<\/a><\/strong><\/li><li><strong>Promouvoir le travail des \u00e9l\u00e8ves. <a href=\"https:\/\/view.genial.ly\/5ca353188d29350f773a711a\" target=\"_blank\" rel=\"noreferrer noopener\">Exemple 8 <\/a>ou <a href=\"https:\/\/view.genial.ly\/5e5f843a75ef8e0fc15e82ab\" target=\"_blank\" rel=\"noreferrer noopener\">Exemple 9<\/a><\/strong><\/li><\/ul>\n\n\n\n<p><a rel=\"noreferrer noopener\" href=\"https:\/\/view.genial.ly\/5aead674eeca740eeb6bb4bb\" target=\"_blank\">Un autre exemple<\/a>, int\u00e9gr\u00e9 \u00e0 la page :<\/p>\n\n\n<style>\n       .errordiv { padding:10px; margin:10px; border: 1px solid #555555;color: #000000;background-color: #f8f8f8; width:500px; }#advanced_iframe {visibility:visible;opacity:1;vertical-align:top;}.ai-info-bottom-iframe { position: fixed; z-index: 10000; bottom:0; left: 0; margin: 0px; text-align: center; width: 100%; background-color: #ff9999; padding-left: 5px;padding-bottom: 5px; border-top: 1px solid #aaa } a.ai-bold {font-weight: bold;}#ai-layer-div-advanced_iframe p {height:100%;margin:0;padding:0}<\/style><script type=\"text\/javascript\">var ai_iframe_width_advanced_iframe = 0;var ai_iframe_height_advanced_iframe = 0;function aiReceiveMessageadvanced_iframe(event) {  aiProcessMessage(event,\"advanced_iframe\", \"true\",\"\",\"false\",\"false\");}if (window.addEventListener) {  window.addEventListener(\"message\", aiReceiveMessageadvanced_iframe);} else if (el.attachEvent)  {  el.attachEvent(\"message\", aiReceiveMessageadvanced_iframe);}var aiOnloadScrollTop=\"true\";var aiShowDebug=false;\n\t\tif (typeof aiReadyCallbacks === 'undefined') {\n\t\t\tvar aiReadyCallbacks = [];\n\t\t} else if (!(aiReadyCallbacks instanceof Array)) {\n\t\t\tvar aiReadyCallbacks = [];\n\t\t}    function aiShowIframeId(id_iframe) { jQuery(\"#\"+id_iframe).css(\"visibility\", \"visible\");    }    function aiResizeIframeHeight(height) { aiResizeIframeHeight(height,advanced_iframe); }    function aiResizeIframeHeightId(height,width,id) {aiResizeIframeHeightById(id,height);}<\/script><a href=\"https:\/\/view.genial.ly\/5aead674eeca740eeb6bb4bb\/interactive-content-instruments-et-familles\" target=\"_blank\" rel=\"noopener\">Contenu embarqu\u00e9 non autoris\u00e9<\/a><script type=\"text\/javascript\">var ifrm_advanced_iframe = document.getElementById(\"advanced_iframe\");var hiddenTabsDoneadvanced_iframe = false;\nfunction resizeCallbackadvanced_iframe() {}<\/script><script type=\"text\/javascript\"><\/script><p style=\"display:block !important; visibility:visible !important;margin: -18px 14px 0 0;padding-left: 3px;padding-top:3px;background: white; overflow: hidden; position: relative; line-height:15px;width: fit-content;\"><small style=\"display:block !important;visibility:visible !important\">powered by Advanced iFrame<\/small><\/p>","protected":false},"excerpt":{"rendered":"<p>Comment cr\u00e9er l&rsquo;interactivit\u00e9 dans la pr\u00e9sentations des documents ? ThingLink Thinglink permet de rendre des images interactives en leur associer des vid\u00e9os, des liens,&nbsp;du texte ou une page web. Le [&hellip;]<\/p>\n","protected":false},"author":53,"featured_media":1701,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"ngg_post_thumbnail":0,"footnotes":""},"categories":[19,176],"tags":[],"class_list":{"0":"post-1694","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-numerique","8":"category-outils-en-ligne","9":"czr-hentry"},"acf":[],"publishpress_future_action":{"enabled":false,"date":"2026-04-12 06:28:47","action":"change-status","newStatus":"draft","terms":[],"taxonomy":"category","extraData":[]},"publishpress_future_workflow_manual_trigger":{"enabledWorkflows":[]},"_links":{"self":[{"href":"https:\/\/pedagogie.ac-lille.fr\/emcc\/wp-json\/wp\/v2\/posts\/1694","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pedagogie.ac-lille.fr\/emcc\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/pedagogie.ac-lille.fr\/emcc\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/pedagogie.ac-lille.fr\/emcc\/wp-json\/wp\/v2\/users\/53"}],"replies":[{"embeddable":true,"href":"https:\/\/pedagogie.ac-lille.fr\/emcc\/wp-json\/wp\/v2\/comments?post=1694"}],"version-history":[{"count":6,"href":"https:\/\/pedagogie.ac-lille.fr\/emcc\/wp-json\/wp\/v2\/posts\/1694\/revisions"}],"predecessor-version":[{"id":1703,"href":"https:\/\/pedagogie.ac-lille.fr\/emcc\/wp-json\/wp\/v2\/posts\/1694\/revisions\/1703"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/pedagogie.ac-lille.fr\/emcc\/wp-json\/wp\/v2\/media\/1701"}],"wp:attachment":[{"href":"https:\/\/pedagogie.ac-lille.fr\/emcc\/wp-json\/wp\/v2\/media?parent=1694"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/pedagogie.ac-lille.fr\/emcc\/wp-json\/wp\/v2\/categories?post=1694"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/pedagogie.ac-lille.fr\/emcc\/wp-json\/wp\/v2\/tags?post=1694"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}