{"id":1446,"date":"2014-02-22T10:48:06","date_gmt":"2014-02-22T10:48:06","guid":{"rendered":"http:\/\/www.ticeman.fr\/lecoutelas\/?p=1446"},"modified":"2018-07-30T22:19:09","modified_gmt":"2018-07-30T22:19:09","slug":"strut-tres-bon-editeur-de-presentation-en-html5","status":"publish","type":"post","link":"https:\/\/www.ticeman.fr\/lecoutelas\/?p=1446","title":{"rendered":"Strut: Editeur de pr\u00e9sentation en html5 \u00e0 mi chemin entre emaze et prezi"},"content":{"rendered":"<p>Les \u00e9diteurs de pr\u00e9sentation en ligne sont l\u00e9gions. l&#8217;arriv\u00e9e du HTML5 a apport\u00e9 de bonnes et de moins bonnes choses mais cela s&#8217;am\u00e9liore grandement.<\/p>\n<p>Strut est un \u00e9diteur en ligne, simple, qui ne n\u00e9cessite m\u00eame pas d&#8217;inscription pour fonctionner. Tout ce que vous faites est r\u00e9cup\u00e9rable et r\u00e9-expoitable.<\/p>\n<p>Il se pr\u00e9sente comme beaucoup d&#8217;\u00e9diteurs. une barre lat\u00e9rale pr\u00e9sente des slides et la partie centrale permet d&#8217;ajouter du contenu.<\/p>\n<p><a  href=\"http:\/\/www.ticeman.fr\/lecoutelas\/wp-content\/uploads\/2014\/02\/Capture-d\u2019\u00e9cran-73.png\" data-rel=\"lightbox-gallery-0\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-medium wp-image-1450\" src=\"http:\/\/www.ticeman.fr\/lecoutelas\/wp-content\/uploads\/2014\/02\/Capture-d\u2019\u00e9cran-73-300x168.png\" alt=\"strut1\" width=\"300\" height=\"168\" srcset=\"https:\/\/www.ticeman.fr\/lecoutelas\/wp-content\/uploads\/2014\/02\/Capture-d\u2019\u00e9cran-73-300x168.png 300w, https:\/\/www.ticeman.fr\/lecoutelas\/wp-content\/uploads\/2014\/02\/Capture-d\u2019\u00e9cran-73-1024x575.png 1024w, https:\/\/www.ticeman.fr\/lecoutelas\/wp-content\/uploads\/2014\/02\/Capture-d\u2019\u00e9cran-73-624x350.png 624w, https:\/\/www.ticeman.fr\/lecoutelas\/wp-content\/uploads\/2014\/02\/Capture-d\u2019\u00e9cran-73.png 1366w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>Il est possible d&#8217;ajouter des images, du texte, des pages web (totalement fonctionnelles \u00e0 l&#8217;int\u00e9rieur de votre pr\u00e9sentation), des vid\u00e9os (pour le moment uniquement youtube).<\/p>\n<p>Les \u00e9l\u00e9ments s&#8217;ajoutent en utilisant la barre d&#8217;outils du haut. ils sont ensuite redimensionnables \u00e0 volont\u00e9.<\/p>\n<p>L&#8217;originalit\u00e9 du service et l\u2019\u00e9diteur de transition. il permet de donner un effet prezi \u00e0 ses pr\u00e9sentations.<\/p>\n<p><a  href=\"http:\/\/www.ticeman.fr\/lecoutelas\/wp-content\/uploads\/2014\/02\/Capture-d\u2019\u00e9cran-74.png\" data-rel=\"lightbox-gallery-0\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-medium wp-image-1451\" src=\"http:\/\/www.ticeman.fr\/lecoutelas\/wp-content\/uploads\/2014\/02\/Capture-d\u2019\u00e9cran-74-300x168.png\" alt=\"strut2\" width=\"300\" height=\"168\" srcset=\"https:\/\/www.ticeman.fr\/lecoutelas\/wp-content\/uploads\/2014\/02\/Capture-d\u2019\u00e9cran-74-300x168.png 300w, https:\/\/www.ticeman.fr\/lecoutelas\/wp-content\/uploads\/2014\/02\/Capture-d\u2019\u00e9cran-74-1024x575.png 1024w, https:\/\/www.ticeman.fr\/lecoutelas\/wp-content\/uploads\/2014\/02\/Capture-d\u2019\u00e9cran-74-624x350.png 624w, https:\/\/www.ticeman.fr\/lecoutelas\/wp-content\/uploads\/2014\/02\/Capture-d\u2019\u00e9cran-74.png 1366w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>Les \u00e9l\u00e9ments apparaissent dans un ligne et sont ensuite mobiles. Il est possible de les placer o\u00f9 on le souhaite de les redimensionner et\u00a0 de leur donner un effet 3D.<\/p>\n<p>Le r\u00e9sultat est assez sympathique.<\/p>\n<p><iframe loading=\"lazy\" src=\"http:\/\/ticeman.fr\/teststrut\/Deck%20Title.htm#\/step-1\" width=\"500\" height=\"300\"><\/iframe><\/p>\n<p>Et cela tout en restant ma\u00eetre de ses donn\u00e9es.<\/p>\n<p>Pas d&#8217;inscription pour utiliser le service, les fichiers sont r\u00e9cup\u00e9rables pour \u00eatre ensuite envoyer sur votre site web ou encore les lire en local. Si vous souhaitez modifier votre pr\u00e9sentation pus tard aucun probl\u00e8me. la fonctionnalit\u00e9 d&#8217;export permet de r\u00e9cup\u00e9rer un fichier json. lors d&#8217;une prochaine utilisation il suffit de r\u00e9importer ce fichier et de modifier sa pr\u00e9sentation.<\/p>\n<p>Pour r\u00e9cup\u00e9rer la pr\u00e9sentation rien de plus simple. On se place en mode pr\u00e9sentation et un appui sur Ctrl-S permet de r\u00e9cup\u00e9rer la page web compl\u00e8te.<\/p>\n<p>Quelques d\u00e9fauts toutefois. Pour le moment l&#8217;h\u00e9bergement sur leur site ne fonctionne pas automatiquement. il y aparfois quelques bugs dans le dimensionnement ou positionnement des slides. mais le service est en beta.<\/p>\n<p>Lien: <a href=\"http:\/\/strut.io\/\" target=\"_blank\" rel=\"noopener\">Strut.io<\/a><\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Les \u00e9diteurs de pr\u00e9sentation en ligne sont l\u00e9gions. l&#8217;arriv\u00e9e du HTML5 a apport\u00e9 de bonnes et de moins bonnes choses mais cela s&#8217;am\u00e9liore&hellip;<a href=\"https:\/\/www.ticeman.fr\/lecoutelas\/?p=1446\" class=\"more-link\"><span class=\"more-button\">Continuez la lecture<span class=\"screen-reader-text\">Strut: Editeur de pr\u00e9sentation en html5 \u00e0 mi chemin entre emaze et prezi<\/span><\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":1450,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[13,92],"tags":[],"class_list":["post-1446","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-presentations","category-presentations-avec-diapositives"],"_links":{"self":[{"href":"https:\/\/www.ticeman.fr\/lecoutelas\/index.php?rest_route=\/wp\/v2\/posts\/1446"}],"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=1446"}],"version-history":[{"count":7,"href":"https:\/\/www.ticeman.fr\/lecoutelas\/index.php?rest_route=\/wp\/v2\/posts\/1446\/revisions"}],"predecessor-version":[{"id":8800,"href":"https:\/\/www.ticeman.fr\/lecoutelas\/index.php?rest_route=\/wp\/v2\/posts\/1446\/revisions\/8800"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.ticeman.fr\/lecoutelas\/index.php?rest_route=\/wp\/v2\/media\/1450"}],"wp:attachment":[{"href":"https:\/\/www.ticeman.fr\/lecoutelas\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1446"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.ticeman.fr\/lecoutelas\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=1446"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.ticeman.fr\/lecoutelas\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=1446"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}