{"id":4,"date":"2017-11-30T22:06:59","date_gmt":"2017-11-30T21:06:59","guid":{"rendered":"http:\/\/eveno.eu\/?p=4"},"modified":"2018-01-29T10:05:49","modified_gmt":"2018-01-29T09:05:49","slug":"realisation-dun-diaporama-interactif","status":"publish","type":"post","link":"https:\/\/eveno.eu\/?p=4","title":{"rendered":"R\u00e9alisation d&#8217;un diaporama interactif"},"content":{"rendered":"<p><b>Ex. 4 : Conversion en html5 d&#8217;un diaporama (non sonoris\u00e9)<br \/>\n\u2022pptx ou \u00a0\uf8ff Keynote<\/b><\/p>\n<figure id=\"attachment_15\" aria-describedby=\"caption-attachment-15\" style=\"width: 840px\" class=\"wp-caption alignnone\"><a href=\"http:\/\/eveno.eu\/M2efenUE95Ex4DiapoHtml5\/index.html\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" class=\"wp-image-15 size-large\" src=\"http:\/\/eveno.eu\/wp-content\/uploads\/2017\/11\/M2efenUE95Ex4ArticleThb-1024x578.jpg\" alt=\"\" width=\"840\" height=\"474\" srcset=\"https:\/\/eveno.eu\/wp-content\/uploads\/2017\/11\/M2efenUE95Ex4ArticleThb-1024x578.jpg 1024w, https:\/\/eveno.eu\/wp-content\/uploads\/2017\/11\/M2efenUE95Ex4ArticleThb-300x169.jpg 300w, https:\/\/eveno.eu\/wp-content\/uploads\/2017\/11\/M2efenUE95Ex4ArticleThb-768x433.jpg 768w, https:\/\/eveno.eu\/wp-content\/uploads\/2017\/11\/M2efenUE95Ex4ArticleThb.jpg 1145w\" sizes=\"(max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 1362px) 62vw, 840px\" \/><\/a><figcaption id=\"caption-attachment-15\" class=\"wp-caption-text\">Cliquer pour acc\u00e9der au diaporama interactif<\/figcaption><\/figure>\n<p>\u2022 Cr\u00e9er un diaporama<br \/>\n(ou en r\u00e9utiliser un pr\u00e9-existant, celui de l\u2019UE93 par exemple) avec:<br \/>\n\u00b0\u00a0au moins un lien interne au diaporama vers une autre diapositive<br \/>\n\u00b0\u00a0et un &#8220;effet&#8221; sp\u00e9cial (ex: animation des \u00e9l\u00e9ments d&#8217;une diapositive)<br \/>\n\u2022 Convertir ce diaporama au format html 5<br \/>\n\u00b0\u00a0V\u00e9rifier que l&#8217;animation a \u00e9t\u00e9 conserv\u00e9e et que les liens restent actifs.<br \/>\n\u2022\u00a0D\u00e9poser votre travail sur un entrep\u00f4t de ressources<br \/>\n\u00b0\u00a0Donner l&#8217;acc\u00e8s [par le web] en un clic (mettre en mode<br \/>\n\u00b0\u00a0V\u00e9rifier le fonctionnement sur un tablette ou smartphone<br \/>\n\u00b0\u00a0Essayer le mode de diffusion in live<\/p>\n<p><b>L\u2019id\u00e9e est de mettre \u00e0 disposition par le web une ressource, interactive, utilisable en autonomie.<\/b><\/p>\n<p>Notes:<br \/>\n1) si le diaporama initial (\uf8ff Keynote) p\u00e8se &#8220;seulement&#8221; 4.5MO, son export html fait plus de 40MO ! Le temps de chargement peut donc \u00eatre long, et la lecture parfois saccad\u00e9e;<br \/>\n2) Le &#8220;moteur&#8221; d&#8217;exportation en html5 de Keynote est bogu\u00e9: alors que tous les contr\u00f4les fonctionnent sous Keynote, les diapos lues ds l&#8217;ordre, les liens actifs, les passages d&#8217;une diapo \u00e0 l&#8217;autre du diaporama html sont parfois fantaisistes (les onglets en haut de chaque diapo permettent de contr\u00f4ler quelle est la diapo active): diapo 0, puis 1, puis\u2026 5! ramen\u00e9e \u00e0 2, puis 3\/4\/5\/6\/7;<br \/>\n3) le probl\u00e8me ne vient pas du navigateur, il vient vraiment du fait que Keynote exporte mal: j&#8217;ai contr\u00f4l\u00e9 les &#8220;assets&#8221; javascript cr\u00e9\u00e9s par l&#8217;export et les diapos n&#8217;y sont pas dans l&#8217;ordre !<br \/>\n4) j&#8217;ai test\u00e9 le fonctionnement sous Mac avec Safari &amp; Firefox, iPad &amp; iPhone.<br \/>\n5) Pour avoir une retranscription &#8220;film\u00e9e avec son&#8221; (mais non interactive) de la pr\u00e9sentation faite le 16 nov sur laquelle repose ce travail, voir <a href=\"http:\/\/eveno.eu\/M2efenUE95Ex4DiapoHtml5\/M2efenUE93Dev3Portfolio.mp4\" target=\"_blank\" rel=\"noopener\">le film<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Ex. 4 : Conversion en html5 d&#8217;un diaporama (non sonoris\u00e9) \u2022pptx ou \u00a0\uf8ff Keynote \u2022 Cr\u00e9er un diaporama (ou en r\u00e9utiliser un pr\u00e9-existant, celui de l\u2019UE93 par exemple) avec: \u00b0\u00a0au moins un lien interne au diaporama vers une autre diapositive \u00b0\u00a0et un &#8220;effet&#8221; sp\u00e9cial (ex: animation des \u00e9l\u00e9ments d&#8217;une diapositive) \u2022 Convertir ce diaporama au &hellip; <a href=\"https:\/\/eveno.eu\/?p=4\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;R\u00e9alisation d&#8217;un diaporama interactif&#8221;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[3,6,4],"tags":[],"_links":{"self":[{"href":"https:\/\/eveno.eu\/index.php?rest_route=\/wp\/v2\/posts\/4"}],"collection":[{"href":"https:\/\/eveno.eu\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/eveno.eu\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/eveno.eu\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/eveno.eu\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=4"}],"version-history":[{"count":9,"href":"https:\/\/eveno.eu\/index.php?rest_route=\/wp\/v2\/posts\/4\/revisions"}],"predecessor-version":[{"id":7,"href":"https:\/\/eveno.eu\/index.php?rest_route=\/wp\/v2\/posts\/4\/revisions\/7"}],"wp:attachment":[{"href":"https:\/\/eveno.eu\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=4"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/eveno.eu\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=4"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/eveno.eu\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=4"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}