{"id":2641,"date":"2015-05-30T15:46:22","date_gmt":"2015-05-30T15:46:22","guid":{"rendered":"http:\/\/www.ticeman.fr\/lecoutelas\/?p=2641"},"modified":"2020-03-31T20:22:24","modified_gmt":"2020-03-31T20:22:24","slug":"h5p-creer-des-exercices-interactifs-varies-directement-dans-votre-blog-wordpress-drupal-ou-joomla","status":"publish","type":"post","link":"https:\/\/www.ticeman.fr\/lecoutelas\/?p=2641","title":{"rendered":"H5P: cr\u00e9er des exercices interactifs vari\u00e9s directement dans votre blog wordpress, drupal ou Moodle"},"content":{"rendered":"<p>Un syst\u00e8me vraiment excellent et qui ne demande aucune comp\u00e9tence technique \u00e0 mettre en place; le principe, cr\u00e9er des activit\u00e9s en html5 mais sans quitter son blog, sans utiliser de logiciels ni de plateforme, tout est dans le blog.<\/p>\n<p>Et des activit\u00e9s tr\u00e8s vari\u00e9es allant du simple petit exercice \u00e0 la pr\u00e9sentation contenant des exercices. Bref, pour le test je me suis contenter de peu et j&#8217;ai fait un petit exercice de glisser d\u00e9poser que tout le monde devrait pouvoir r\u00e9soudre.<\/p>\n<div class=\"h5p-iframe-wrapper\"><iframe id=\"h5p-iframe-2\" class=\"h5p-iframe\" data-content-id=\"2\" style=\"height:1px\" src=\"about:blank\" frameBorder=\"0\" scrolling=\"no\" title=\"retest\"><\/iframe><\/div>\n<p>Quant \u00e0 la gamme des exercices elle peut faire tourner la t\u00eate vu son \u00e9tendue puisqu&#8217;elle contient 21 \u00e9l\u00e9ments diff\u00e9rents, et il est m\u00eame possible d&#8217;en cr\u00e9er soi-m\u00eame.<a  href=\"http:\/\/www.ticeman.fr\/lecoutelas\/wp-content\/uploads\/2015\/05\/h5ptypes.png\" data-rel=\"lightbox-gallery-0\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-medium wp-image-2646\" src=\"http:\/\/www.ticeman.fr\/lecoutelas\/wp-content\/uploads\/2015\/05\/h5ptypes-300x169.png\" alt=\"h5ptypes\" width=\"300\" height=\"169\" srcset=\"https:\/\/www.ticeman.fr\/lecoutelas\/wp-content\/uploads\/2015\/05\/h5ptypes-300x169.png 300w, https:\/\/www.ticeman.fr\/lecoutelas\/wp-content\/uploads\/2015\/05\/h5ptypes-1024x576.png 1024w, https:\/\/www.ticeman.fr\/lecoutelas\/wp-content\/uploads\/2015\/05\/h5ptypes.png 1920w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p>Et pour tout \u00e7a, he bien pas grand chose \u00e0 faire \u00e0 part installer un plugin adapt\u00e9 \u00e0 votre blog. Ensuite, il faut r\u00e9cup\u00e9rer toute la gamme d&#8217;exercices. l&#8217;int\u00e9ressant est que si certains types d&#8217;exercices vous sont inutiles, il n&#8217;y a pas besoin de les charger. Comment les r\u00e9cup\u00e9rer, et bien sur le site de H5P. Le syst\u00e8me est bien pens\u00e9. Le site fournit des exemples pour chaque type. Chaque exemple peut \u00eatre t\u00e9l\u00e9charg\u00e9 et sert alors de base de travail. Lorsque vous publiez votre activit\u00e9, elle est accompagn\u00e9e d&#8217;un bouton download qui permet de la r\u00e9cup\u00e9rer.<\/p>\n<p><a  href=\"http:\/\/www.ticeman.fr\/lecoutelas\/wp-content\/uploads\/2015\/05\/h5pdowload.png\" data-rel=\"lightbox-gallery-0\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-medium wp-image-2643\" src=\"http:\/\/www.ticeman.fr\/lecoutelas\/wp-content\/uploads\/2015\/05\/h5pdowload-300x169.png\" alt=\"h5pdowload\" width=\"300\" height=\"169\" srcset=\"https:\/\/www.ticeman.fr\/lecoutelas\/wp-content\/uploads\/2015\/05\/h5pdowload-300x169.png 300w, https:\/\/www.ticeman.fr\/lecoutelas\/wp-content\/uploads\/2015\/05\/h5pdowload-1024x576.png 1024w, https:\/\/www.ticeman.fr\/lecoutelas\/wp-content\/uploads\/2015\/05\/h5pdowload.png 1920w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p>Donc une fois l&#8217;activit\u00e9 t\u00e9l\u00e9charg\u00e9e, vous l&#8217;uploadez sur votre blog et vous pouvez d\u00e9sormais r\u00e9aliser le m\u00eame type d&#8217;activit\u00e9s.<a  href=\"http:\/\/www.ticeman.fr\/lecoutelas\/wp-content\/uploads\/2015\/05\/h5pupload.png\" data-rel=\"lightbox-gallery-0\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-medium wp-image-2647\" src=\"http:\/\/www.ticeman.fr\/lecoutelas\/wp-content\/uploads\/2015\/05\/h5pupload-300x197.png\" alt=\"h5pupload\" width=\"300\" height=\"197\" srcset=\"https:\/\/www.ticeman.fr\/lecoutelas\/wp-content\/uploads\/2015\/05\/h5pupload-300x197.png 300w, https:\/\/www.ticeman.fr\/lecoutelas\/wp-content\/uploads\/2015\/05\/h5pupload-1024x672.png 1024w, https:\/\/www.ticeman.fr\/lecoutelas\/wp-content\/uploads\/2015\/05\/h5pupload.png 1386w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p>Une fois l&#8217;upload d&#8217;un type d&#8217;activit\u00e9 r\u00e9alis\u00e9, vous pouvez d\u00e9sormais cr\u00e9er une nouvelle activit\u00e9 de ce type. Tous les nouveaux types apparaitront dans le menu d\u00e9roulant lors de la cr\u00e9ation des activit\u00e9s.<\/p>\n<p>Une fois lanc\u00e9 dans la cr\u00e9ation, il suffit de se laisser guider. l&#8217;interface est en Anglais mais on retrouve des vieilles habitudes communes \u00e0 de nombreux logiciels. Une premi\u00e8re \u00e9tape consiste \u00e0 param\u00e9trer l&#8217;exercice en g\u00e9n\u00e9ral (nom, image de fond, param\u00e8tres textuels en cas de bonne ou mauvaise r\u00e9ponse etc).<\/p>\n<p><a  href=\"http:\/\/www.ticeman.fr\/lecoutelas\/wp-content\/uploads\/2015\/05\/h5psetting.png\" data-rel=\"lightbox-gallery-0\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-medium wp-image-2650\" src=\"http:\/\/www.ticeman.fr\/lecoutelas\/wp-content\/uploads\/2015\/05\/h5psetting-300x193.png\" alt=\"h5psetting\" width=\"300\" height=\"193\" srcset=\"https:\/\/www.ticeman.fr\/lecoutelas\/wp-content\/uploads\/2015\/05\/h5psetting-300x193.png 300w, https:\/\/www.ticeman.fr\/lecoutelas\/wp-content\/uploads\/2015\/05\/h5psetting-1024x657.png 1024w, https:\/\/www.ticeman.fr\/lecoutelas\/wp-content\/uploads\/2015\/05\/h5psetting.png 1374w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p>Une fois cette \u00e9tape r\u00e9alis\u00e9e, il faut passer \u00e0 la construction proprement dite de l&#8217;exercice. l\u00e0 encore c&#8217;est \u00e0 la port\u00e9e de tous et l&#8217;essentiel se comprend rapidement. On met en place les images, les textes et on pr\u00e9cise quelles sont la ou les bonnes r\u00e9ponses.<\/p>\n<p><a  href=\"http:\/\/www.ticeman.fr\/lecoutelas\/wp-content\/uploads\/2015\/05\/H5pform.png\" data-rel=\"lightbox-gallery-0\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-medium wp-image-2651\" src=\"http:\/\/www.ticeman.fr\/lecoutelas\/wp-content\/uploads\/2015\/05\/H5pform-300x191.png\" alt=\"H5pform\" width=\"300\" height=\"191\" srcset=\"https:\/\/www.ticeman.fr\/lecoutelas\/wp-content\/uploads\/2015\/05\/H5pform-300x191.png 300w, https:\/\/www.ticeman.fr\/lecoutelas\/wp-content\/uploads\/2015\/05\/H5pform-1024x651.png 1024w, https:\/\/www.ticeman.fr\/lecoutelas\/wp-content\/uploads\/2015\/05\/H5pform.png 1379w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>Et voil\u00e0, une fois r\u00e9alis\u00e9e, on clique sur create et l&#8217;activit\u00e9 est enregistr\u00e9e sur votre blog et utilisable dans n&#8217;importe quel article. Et l\u00e0 encore, c&#8217;est facile pour tout le monde puisqu&#8217;il suffit de cliquer sur le nouveau bouton add H5P \u00e0 c\u00f4t\u00e9 du bouton d&#8217;insertion de m\u00e9dias.<\/p>\n<p><a  href=\"http:\/\/www.ticeman.fr\/lecoutelas\/wp-content\/uploads\/2015\/05\/h5pinsertion1.png\" data-rel=\"lightbox-gallery-0\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-medium wp-image-2652\" src=\"http:\/\/www.ticeman.fr\/lecoutelas\/wp-content\/uploads\/2015\/05\/h5pinsertion1-300x186.png\" alt=\"h5pinsertion\" width=\"300\" height=\"186\" srcset=\"https:\/\/www.ticeman.fr\/lecoutelas\/wp-content\/uploads\/2015\/05\/h5pinsertion1-300x186.png 300w, https:\/\/www.ticeman.fr\/lecoutelas\/wp-content\/uploads\/2015\/05\/h5pinsertion1-1024x636.png 1024w, https:\/\/www.ticeman.fr\/lecoutelas\/wp-content\/uploads\/2015\/05\/h5pinsertion1.png 1371w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p>Un code appara\u00eet alors dans votre texte, c&#8217;est l&#8217;endroit o\u00f9 se trouvera votre activit\u00e9 qui fera la taille d\u00e9finie dans les param\u00e8tres. Toutes les activit\u00e9s peuvent \u00eatre retouch\u00e9es a posteriori et une fois le code ins\u00e9r\u00e9 les modifications seront imm\u00e9diates sur tous vos articles contenant ces activit\u00e9s.<\/p>\n<p>cerise sur le g\u00e2teau, H5P permet de collecter sommairement les r\u00e9sultats des personnes r\u00e9alisant les activit\u00e9s. Si vos \u00e9l\u00e8ves par exemples sont inscrits sur votre blog, lorsqu&#8217;ils r\u00e9alisent une activit\u00e9, leur nom appara\u00eet ainsi que leur score par activit\u00e9 et le temps pass\u00e9 pour la r\u00e9aliser.<\/p>\n<p><a  href=\"http:\/\/www.ticeman.fr\/lecoutelas\/wp-content\/uploads\/2015\/05\/h5presultats.png\" data-rel=\"lightbox-gallery-0\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-medium wp-image-2645\" src=\"http:\/\/www.ticeman.fr\/lecoutelas\/wp-content\/uploads\/2015\/05\/h5presultats-300x181.png\" alt=\"h5presultats\" width=\"300\" height=\"181\" srcset=\"https:\/\/www.ticeman.fr\/lecoutelas\/wp-content\/uploads\/2015\/05\/h5presultats-300x181.png 300w, https:\/\/www.ticeman.fr\/lecoutelas\/wp-content\/uploads\/2015\/05\/h5presultats-1024x619.png 1024w, https:\/\/www.ticeman.fr\/lecoutelas\/wp-content\/uploads\/2015\/05\/h5presultats.png 1377w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p>Le concept est vraiment excellent autant par sa simplicit\u00e9 de mise en oeuvre que par la qualit\u00e9 graphique des exercices r\u00e9alisables. A vous de jouer.<\/p>\n<p>Lien: <a href=\"http:\/\/h5p.org\/\" target=\"_blank\" rel=\"noopener noreferrer\">H5P<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Un syst\u00e8me vraiment excellent et qui ne demande aucune comp\u00e9tence technique \u00e0 mettre en place; le principe, cr\u00e9er des activit\u00e9s en html5 mais&hellip;<a href=\"https:\/\/www.ticeman.fr\/lecoutelas\/?p=2641\" class=\"more-link\"><span class=\"more-button\">Continuez la lecture<span class=\"screen-reader-text\">H5P: cr\u00e9er des exercices interactifs vari\u00e9s directement dans votre blog wordpress, drupal ou Moodle<\/span><\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":2646,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[51,89,52,87,13,92,111],"tags":[],"class_list":["post-2641","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-creation","category-creer-des-exercices-interactifs","category-creer-des-quiz","category-creer-des-sites-web-et-presentations-interactives","category-presentations","category-presentations-avec-diapositives","category-rendre-des-videos-interactives"],"_links":{"self":[{"href":"https:\/\/www.ticeman.fr\/lecoutelas\/index.php?rest_route=\/wp\/v2\/posts\/2641"}],"collection":[{"href":"https:\/\/www.ticeman.fr\/lecoutelas\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.ticeman.fr\/lecoutelas\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.ticeman.fr\/lecoutelas\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.ticeman.fr\/lecoutelas\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2641"}],"version-history":[{"count":7,"href":"https:\/\/www.ticeman.fr\/lecoutelas\/index.php?rest_route=\/wp\/v2\/posts\/2641\/revisions"}],"predecessor-version":[{"id":11373,"href":"https:\/\/www.ticeman.fr\/lecoutelas\/index.php?rest_route=\/wp\/v2\/posts\/2641\/revisions\/11373"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.ticeman.fr\/lecoutelas\/index.php?rest_route=\/wp\/v2\/media\/2646"}],"wp:attachment":[{"href":"https:\/\/www.ticeman.fr\/lecoutelas\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2641"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.ticeman.fr\/lecoutelas\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=2641"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.ticeman.fr\/lecoutelas\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=2641"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}