Ex. 4 : Conversion en html5 d’un diaporama (non sonorisé)
•pptx ou Keynote
• Créer un diaporama
(ou en réutiliser un pré-existant, celui de l’UE93 par exemple) avec:
° au moins un lien interne au diaporama vers une autre diapositive
° et un “effet” spécial (ex: animation des éléments d’une diapositive)
• Convertir ce diaporama au format html 5
° Vérifier que l’animation a été conservée et que les liens restent actifs.
• Déposer votre travail sur un entrepôt de ressources
° Donner l’accès [par le web] en un clic (mettre en mode
° Vérifier le fonctionnement sur un tablette ou smartphone
° Essayer le mode de diffusion in live
L’idée est de mettre à disposition par le web une ressource, interactive, utilisable en autonomie.
Notes:
1) si le diaporama initial ( Keynote) pèse “seulement” 4.5MO, son export html fait plus de 40MO ! Le temps de chargement peut donc être long, et la lecture parfois saccadée;
2) Le “moteur” d’exportation en html5 de Keynote est bogué: alors que tous les contrôles fonctionnent sous Keynote, les diapos lues ds l’ordre, les liens actifs, les passages d’une diapo à l’autre du diaporama html sont parfois fantaisistes (les onglets en haut de chaque diapo permettent de contrôler quelle est la diapo active): diapo 0, puis 1, puis… 5! ramenée à 2, puis 3/4/5/6/7;
3) le problème ne vient pas du navigateur, il vient vraiment du fait que Keynote exporte mal: j’ai contrôlé les “assets” javascript créés par l’export et les diapos n’y sont pas dans l’ordre !
4) j’ai testé le fonctionnement sous Mac avec Safari & Firefox, iPad & iPhone.
5) Pour avoir une retranscription “filmée avec son” (mais non interactive) de la présentation faite le 16 nov sur laquelle repose ce travail, voir le film.