{"id":652,"date":"2019-03-18T10:04:07","date_gmt":"2019-03-18T15:04:07","guid":{"rendered":"http:\/\/refad.cdeacf.ca\/?p=652"},"modified":"2019-03-28T21:39:32","modified_gmt":"2019-03-29T02:39:32","slug":"7-1-le-multimedia","status":"publish","type":"post","link":"https:\/\/refad.cdeacf.ca\/?p=652","title":{"rendered":"7.1 Les vid\u00e9os interactives"},"content":{"rendered":"\n<p>Rendre une formation interactive passe aussi par repenser les types de mat\u00e9riels didactiques utilis\u00e9s afin d&rsquo;y inclure des contenus dynamiques et dans des formats vari\u00e9s. Les contenus multim\u00e9dia, particuli\u00e8rement audio-vid\u00e9o, offrent \u00e0 cet \u00e9gard un \u00e9ventail de possibilit\u00e9s tr\u00e8s int\u00e9ressant.<\/p>\n\n\n\n<p>En effet, les technologies actuellement disponibles permettent de cr\u00e9er des vid\u00e9os dynamiques, implicantes, et m\u00eame d&rsquo;y int\u00e9grer des activit\u00e9s ludiques \u00e0 r\u00e9troaction imm\u00e9diate. Il est tout \u00e0 fait possible de mettre en forme ce type de contenus de mani\u00e8re \u00e0 ce que les personnes qui le consultent se sentent concern\u00e9es : l&rsquo;ajout d&rsquo;une narration avec un texte qui s&rsquo;adresse directement \u00e0 l&rsquo;apprenant\u00b7e, l&rsquo;invitation \u00e0 r\u00e9aliser certaines activit\u00e9s lors du visionnement de la vid\u00e9o, le regard direct des personnes film\u00e9es ou des personnages vers l&rsquo;objectif qui donne l&rsquo;impression que la vid\u00e9o s&rsquo;adresse \u00e0 nous, etc.<\/p>\n\n\n\n<p>Voyons plus en d\u00e9tails le potentiel de ces outils.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"853\" src=\"https:\/\/refad.cdeacf.ca\/wp-content\/uploads\/2019\/03\/video-1606945_1280.png\" alt=\"\u00c9cran d'ordinateur avec le navigateur ouvert sur une vid\u00e9o.\" class=\"wp-image-1072\"\/><\/figure>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_63 counter-hierarchy ez-toc-counter ez-toc-light-blue ez-toc-container-direction\">\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/refad.cdeacf.ca\/?p=652\/#Les_videos\" title=\"Les vid\u00e9os\">Les vid\u00e9os<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/refad.cdeacf.ca\/?p=652\/#Les_capsules_animees\" title=\"Les capsules anim\u00e9es\">Les capsules anim\u00e9es<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/refad.cdeacf.ca\/?p=652\/#Ajouter_des_activites_interactives_aux_contenus_audio-video\" title=\"Ajouter des activit\u00e9s interactives aux contenus audio-vid\u00e9o\">Ajouter des activit\u00e9s interactives aux contenus audio-vid\u00e9o<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/refad.cdeacf.ca\/?p=652\/#Exemple_de_contenu_multimedia_interactif_les_capsules_danimations_integrees_avec_H5P\" title=\"Exemple de contenu multim\u00e9dia interactif : les capsules d&rsquo;animations int\u00e9gr\u00e9es avec H5P \">Exemple de contenu multim\u00e9dia interactif : les capsules d&rsquo;animations int\u00e9gr\u00e9es avec H5P <\/a><\/li><\/ul><\/nav><\/div>\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Les_videos\"><\/span><strong>Les vid\u00e9os<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p> Les vid\u00e9os ont de nombreux usages en formation \u00e0 distance. Le format vid\u00e9o permet de cr\u00e9er du contenu tant pour les formations asynchrones, qu&rsquo;hybrides notamment. Nous allons pr\u00e9senter ci-dessous 3 des mani\u00e8res dont la vid\u00e9o peut \u00eatre utilis\u00e9e selon le contexte d&rsquo;apprentissage.<\/p>\n\n\n\n<p><strong>Tout d&rsquo;abord, elle peut servir de ressource p\u00e9dagogique compl\u00e9mentaire.<\/strong> Dans ce cas, la vid\u00e9o est la forme que prend un mat\u00e9riel didactique qui apporte de l&rsquo;information utile \u00e0 l&rsquo;apprentissage, au m\u00eame titre qu&rsquo;un document texte, un site internet ou tout autre type de format. Cette pratique s&rsquo;inscrit dans l&rsquo;\u00e9laboration d&rsquo;une formation dont le mat\u00e9riel p\u00e9dagogique est pr\u00e9sent\u00e9 de mani\u00e8re diversifi\u00e9e.<\/p>\n\n\n\n<p><strong>Dans d&rsquo;autres cas, la vid\u00e9o fait partie int\u00e9grante de la strat\u00e9gie d&rsquo;apprentissage.<\/strong> Elle peut alors servir \u00e0 briser l&rsquo;isolement qui peut \u00eatre cr\u00e9\u00e9 par la d\u00e9mat\u00e9rialisation de la formation. Nous pouvons penser \u00e0 cet \u00e9gard \u00e0 la strat\u00e9gie du C\u00e9gep \u00e0 distance o\u00f9 les tuteurs et tutrices r\u00e9alisent une s\u00e9ance d&rsquo;introduction synchrone via la vid\u00e9o afin de personnaliser leur approche d&rsquo;accompagnement. Dans d&rsquo;autres contextes, la vid\u00e9o peut servir d&rsquo;outil d&rsquo;\u00e9valuation lors de formations techniques (par exemple en danse, formation aux premiers secours, etc.). Dans ce cas, il est souvent plus efficient de visionner la vid\u00e9o d\u2019un exercice pratique pour identifier les gestes \u00e0 r\u00e9viser. Cela permet de mieux assimiler des mouvements ou techniques \u00e0 r\u00e9aliser que d&rsquo;avoir une simple description \u00e9crite des encha\u00eenements. <\/p>\n\n\n\n<p><strong>Un troisi\u00e8me cas de figure int\u00e9ressant est celui d&rsquo;une formation donn\u00e9e de mani\u00e8re synchrone mais dont la vid\u00e9o est enregistr\u00e9e et mise en ligne par la suite. <\/strong>Celle-ci permet donc aux personnes qui n&rsquo;ont pas pu assister \u00e0 la diffusion en direct de se rattraper ou encore \u00e0 celles qui auraient besoin de revisionner le cours de le faire \u00e0 leur rythme de mani\u00e8re asynchrone.<\/p>\n\n\n\n<p>L&rsquo;utilisation de la vid\u00e9o en formation \u00e0 distance se d\u00e9mocratise d&rsquo;autant plus que les technologies permettant d&rsquo;en produire se multiplient et se diversifient. D&rsquo;un point de vue logiciel, il est effectivement possible d&rsquo;obtenir des solutions d&rsquo;\u00e9dition vid\u00e9o tr\u00e8s compl\u00e8tes dans des tranches de prix abordables voire gratuites.<\/p>\n\n\n\n<p>Enfin, d&rsquo;un point de vue mat\u00e9riel, il devient possible d&rsquo;acqu\u00e9rir de l&rsquo;\u00e9quipement de tournage \u00e0 des prix abordables pour les budgets limit\u00e9s. De plus, les performances audio-vid\u00e9o des appareils mobiles r\u00e9cents sont assez \u00e9lev\u00e9es. Ces \u00e9quipements ne sont donc pas n\u00e9gligeables pour enregistrer des vid\u00e9os avec un \u00e9quipement compact ou en mobilit\u00e9.<\/p>\n\n\n\n<p class=\"has-text-color has-very-dark-gray-color\">Dans le <strong><em><a href=\"http:\/\/www.refad.ca\/publications-et-rapports-de-recherche\/rapports-de-recherche\/rapports-2018\/guide-sur-la-personnalisation-des-apprentissages-en-fad-pancanadienne-francophone\/\">Guide sur la personnalisation des apprentissages en FAD pancanadienne francophone<\/a><\/em><\/strong> publi\u00e9 par le REFAD en 2018, vous pourrez retrouver des exemples d&rsquo;\u00e9quipements mobiles qui soutiennent la formation \u00e0 distance et permettent de cr\u00e9er des vid\u00e9os p\u00e9dagogiques. Consultez les pages 120 \u00e0 128 du guide int\u00e9gr\u00e9 dans la visionneuse ci-dessous.<br><\/p>\n\n\n\n<div class=\"wp-block-cgb-block-algori-pdf-viewer\"><iframe class=\"wp-block-cgb-block-algori-pdf-viewer-iframe\" src=\"https:\/\/refad.cdeacf.ca\/wp-content\/plugins\/algori-pdf-viewer\/dist\/web\/viewer.html?file=http%3A%2F%2Frefad.cdeacf.ca%2Fwp-content%2Fuploads%2F2019%2F03%2FPersonnalisation-des-apprentissages-en-FAD-pancanadienne-francophone-20181.pdf\" style=\"width:700px;height:500px\"><\/iframe><\/div>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Les_capsules_animees\"><\/span><strong>Les capsules anim\u00e9es<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Les capsules d&rsquo;animation sont de courtes vid\u00e9os constitu\u00e9es d\u2019une s\u00e9rie de dessins anim\u00e9s de mouvement, contrairement \u00e0 d&rsquo;autres types de vid\u00e9os qui mettent en sc\u00e8ne de vraies personnes ou des images r\u00e9elles. Ce type de vid\u00e9os a connu un tr\u00e8s grand essor dans le domaine du marketing, mais int\u00e9resse de plus en plus les enseignants et formatrices gr\u00e2ce au potentiel de vulgarisation, de simplification voire de sch\u00e9matisation de l&rsquo;information qu&rsquo;elles repr\u00e9sentent.<\/p>\n\n\n\n<p>Il existe sur le Web des outils abordables pour\nla cr\u00e9ation de capsules d\u2019animation dans un but p\u00e9dagogique ou andragogique. Les\ncapsules d\u2019animation peuvent \u00eatre utilis\u00e9es \u00e0 tous les niveaux (secondaire,\ncoll\u00e9gial, universitaire, formation andragogique) pour appuyer la documentation\nou encore comme outils p\u00e9dagogiques ind\u00e9pendants.<\/p>\n\n\n\n<p>Elles ont l\u2019avantage d\u2019\u00eatre tr\u00e8s ludiques et faciles \u00e0 produire. En effet, il n\u2019est plus n\u00e9cessaire d\u2019installer des logiciels complexes et co\u00fbteux sur son ordinateur.<\/p>\n\n\n\n<p>Les particularit\u00e9s principales des capsules d&rsquo;animation sont les suivantes :<\/p>\n\n\n\n<ul><li><strong>l&rsquo;int\u00e9gration multim\u00e9dia :<\/strong> il est possible de composer des capsules \u00e0 partir d&rsquo;images, d&rsquo;animations, d&rsquo;extraits vid\u00e9os, de sons, etc.;<\/li><\/ul>\n\n\n\n<ul><li><strong>l&rsquo;aspect ludique :<\/strong> les capsules d&rsquo;animation bien r\u00e9alis\u00e9es sont simples \u00e0 comprendre et ont une pr\u00e9sentation dynamique qui peut s&rsquo;adapter \u00e0 tous les \u00e2ges et contextes de formation;<\/li><\/ul>\n\n\n\n<ul><li><strong>l&rsquo;autonomie :<\/strong> la cr\u00e9ation de capsules ne n\u00e9cessite pas d\u2019apports ext\u00e9rieurs (personnes suppl\u00e9mentaires) ni de mat\u00e9riel compliqu\u00e9, car vous pouvez cr\u00e9er tous les \u00e9l\u00e9ments de votre vid\u00e9o directement dans votre logiciel;<\/li><\/ul>\n\n\n\n<ul><li><strong>la simplicit\u00e9 : <\/strong>les bons outils pour la cr\u00e9ation de capsules d\u2019animation sont g\u00e9n\u00e9ralement tr\u00e8s faciles \u00e0 ma\u00eetriser et disposent souvent d&rsquo;une interface ergonomique.<\/li><\/ul>\n\n\n\n<figure class=\"wp-block-embed-youtube wp-block-embed is-type-video is-provider-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" width=\"1008\" height=\"567\" src=\"https:\/\/www.youtube.com\/embed\/PlqzNK5DXPQ?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe>\n<\/div><figcaption>Pour exemple, voici  une vid\u00e9o cr\u00e9\u00e9e par Lo\u00efc Asius sur sa chaine YouTube d\u2019enseignement invers\u00e9 d\u00e9di\u00e9e aux math\u00e9matiques. Il pr\u00e9sente aux enseignant\u00b7es comment cr\u00e9er des capsules d\u2019animation pour leurs classes. <\/figcaption><\/figure>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Ajouter_des_activites_interactives_aux_contenus_audio-video\"><\/span><strong>Ajouter des activit\u00e9s interactives aux contenus audio-vid\u00e9o<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Nous avons vu que la vid\u00e9o peut \u00eatre un bon moyen d&rsquo;augmenter l&rsquo;interactivit\u00e9 d&rsquo;une formation. Maintenant, il est possible d&rsquo;aller encore plus loin en int\u00e9grant des activit\u00e9s \u00e0 r\u00e9aliser au fur et \u00e0 mesure du visionnement de la vid\u00e9o.<\/p>\n\n\n\n<p>Dans ce sens, vous pouvez int\u00e9grer des activit\u00e9s tr\u00e8s vari\u00e9es que les apprenant\u00b7es sont invit\u00e9\u00b7es \u00e0 compl\u00e9ter pour v\u00e9rifier leur compr\u00e9hension du contenu pr\u00e9sent\u00e9 : des questionnaires, des phrases \u00e0 compl\u00e9ter, des mots \u00e0 glisser-d\u00e9poser, des images avec zones \u00e0 identifier, etc. Pourquoi ne pas varier les \u00e9nonc\u00e9s pour maintenir l&rsquo;attention et la curiosit\u00e9 des apprenant\u00b7es?<\/p>\n\n\n\n<p class=\"has-background has-cyan-bluish-gray-background-color\"><strong>Un exemple d&rsquo;outil tr\u00e8s pratique : <a href=\"https:\/\/h5p.org\/\">H5P<\/a>. <\/strong>Il s&rsquo;agit d&rsquo;un logiciel gratuit et libre qui peut s&rsquo;utiliser directement en ligne ou \u00eatre int\u00e9gr\u00e9 sous forme de module \u00e0 votre site internet WordPress, Drupal ou Moodle. En s\u00e9lectionnant le type de contenu <em><strong>Interactive content<\/strong><\/em> ou <em><strong>Vid\u00e9o interactive<\/strong><\/em>, vous pouvez ajouter un large choix d&rsquo;exercices \u00e0 une vid\u00e9o. La seule exigence : que votre vid\u00e9o soit h\u00e9berg\u00e9e en ligne avant de l&rsquo;importer dans H5P, par exemple sur YouTube.<\/p>\n\n\n\n<p>Notez que l&rsquo;interface principale de H5P est en anglais, mais il est possible de remplacer les \u00e9nonc\u00e9s des activit\u00e9s par du texte en fran\u00e7ais.<\/p>\n\n\n\n<p>H5P est un outil tr\u00e8s intuitif et assez facile de prise en main, comme l&rsquo;explique tr\u00e8s bien Fran\u00e7ois Lizotte sur le site de Profweb :<\/p>\n\n\n\n<blockquote class=\"wp-block-quote\"><p><strong> Jusqu\u2019\u00e0 r\u00e9cemment, la cr\u00e9ation de pr\u00e9sentations interactives, de vid\u00e9os  entrecoup\u00e9es de questions ou d\u2019applets ludiques demeurait l\u2019apanage de logiciels sp\u00e9cialis\u00e9s comme Adobe Captivate ou Storyboard : co\u00fbteux,  puissants, mais parfois lourds \u00e0 op\u00e9rer. C\u2019est maintenant \u00e0 la port\u00e9e de tous gr\u00e2ce \u00e0 l\u2019outil libre H5P.<\/strong><\/p><cite>Fran\u00e7ois Lizotte,<br>Coordonnateur, Plateforme coll\u00e9giale DECclic<\/cite><\/blockquote>\n\n\n\n<div class=\"wp-block-button is-style-outline\"><a class=\"wp-block-button__link has-text-color has-vivid-red-color has-background has-very-light-gray-background-color\" href=\"http:\/\/www.profweb.ca\/publications\/articles\/creer-des-objets-interactifs-avec-h5p-pour-pimenter-ses-contenus-en-ligne\">Acc\u00e9dez \u00e0 l&rsquo;article complet sur le site de Profweb<br><\/a><\/div>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Exemple_de_contenu_multimedia_interactif_les_capsules_danimations_integrees_avec_H5P\"><\/span>Exemple de contenu multim\u00e9dia interactif : les capsules d&rsquo;animations int\u00e9gr\u00e9es avec H5P<br><span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Pour en avoir une pr\u00e9sentation plus concr\u00e8te, voici un exemple de vid\u00e9o tutorielle int\u00e9gr\u00e9e par le biais de H5P.<\/p>\n\n\n\n<p>Il s&rsquo;agit de la premi\u00e8re vid\u00e9o d&rsquo;une formation sur comment cr\u00e9er des vid\u00e9os p\u00e9dagogiques avec le logiciel Vyond. <a href=\"http:\/\/cdeacf.ca\/services\/autoformation\/videocapsules\/vyond\/comment-creer-capsules-danimation-pedagogiques-vyond-partie-1\" target=\"_blank\" rel=\"noreferrer noopener\" aria-label=\" (opens in a new tab)\">Vous pouvez consulter les 2 vid\u00e9os de cette s\u00e9rie directement sur le site du CD\u00c9ACF<\/a>.<\/p>\n\n\n\n<p>Dans l&rsquo;exemple ci-dessous, chaque point rose pr\u00e9sent dans la barre de d\u00e9filement en bas de la vid\u00e9o correspond \u00e0 un exercice. Pour pouvoir y r\u00e9pondre, vous devez \u00e9couter la vid\u00e9o et retenir les informations importantes.<\/p>\n\n\n\n<p class=\"has-text-color has-very-dark-gray-color\"><strong>Le fonctionnement est simple : <\/strong>il suffit de lancer la lecture de la vid\u00e9o. Lorsque la barre de progression atteint un point rose, la vid\u00e9o se met sur pause et l&rsquo;exercice appara\u00eet \u00e0 l&rsquo;\u00e9cran. Une fois la r\u00e9ponse enregistr\u00e9e, vous obtenez une r\u00e9troaction imm\u00e9diate. D\u00e8s que vous avez termin\u00e9 l&rsquo;exercice, la lecture de la vid\u00e9o reprend.<\/p>\n\n\n\n<p>C&rsquo;est \u00e0 vous de jouer!<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code><div class=\"h5p-iframe-wrapper\"><iframe id=\"h5p-iframe-1\" class=\"h5p-iframe\" data-content-id=\"1\" style=\"height:1px\" src=\"about:blank\" frameBorder=\"0\" scrolling=\"no\" title=\"Comment cr\u00e9er des capsules d&#039;animation p\u00e9dagogiques avec Vyond ? (Partie 1)\"><\/iframe><\/div><\/code><\/pre>\n","protected":false},"excerpt":{"rendered":"<p>Rendre une formation interactive passe aussi par repenser les types de mat\u00e9riels didactiques utilis\u00e9s afin d&rsquo;y inclure des contenus dynamiques et dans des formats vari\u00e9s. Les contenus multim\u00e9dia, particuli\u00e8rement audio-vid\u00e9o, offrent \u00e0 cet \u00e9gard un \u00e9ventail de possibilit\u00e9s tr\u00e8s int\u00e9ressant. En effet, les technologies actuellement disponibles permettent de cr\u00e9er des vid\u00e9os dynamiques, implicantes, et m\u00eame [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"_links":{"self":[{"href":"https:\/\/refad.cdeacf.ca\/index.php?rest_route=\/wp\/v2\/posts\/652"}],"collection":[{"href":"https:\/\/refad.cdeacf.ca\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/refad.cdeacf.ca\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/refad.cdeacf.ca\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/refad.cdeacf.ca\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=652"}],"version-history":[{"count":50,"href":"https:\/\/refad.cdeacf.ca\/index.php?rest_route=\/wp\/v2\/posts\/652\/revisions"}],"predecessor-version":[{"id":1695,"href":"https:\/\/refad.cdeacf.ca\/index.php?rest_route=\/wp\/v2\/posts\/652\/revisions\/1695"}],"wp:attachment":[{"href":"https:\/\/refad.cdeacf.ca\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=652"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/refad.cdeacf.ca\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=652"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/refad.cdeacf.ca\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=652"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}