{"id":2914,"date":"2015-09-21T15:35:25","date_gmt":"2015-09-21T15:35:25","guid":{"rendered":"http:\/\/www.ticeman.fr\/lecoutelas\/?p=2914"},"modified":"2018-07-25T22:05:55","modified_gmt":"2018-07-25T22:05:55","slug":"genially-infographies-interactives-images-actives-presentations-le-tout-dans-un-seul-service","status":"publish","type":"post","link":"https:\/\/www.ticeman.fr\/lecoutelas\/?p=2914","title":{"rendered":"Genially: infographies interactives, images actives, pr\u00e9sentations, le tout dans un seul service"},"content":{"rendered":"<p>Et voil\u00e0 le service qui vous fera oublier Padlet, Thinglink, vos logiciels de pr\u00e9sentation et bien d&#8217;autres encore tellement les potentialit\u00e9s sont \u00e9normes. Pour faire simple, voici un petit exemple qui n&#8217;est pas de moi, je n&#8217;ai m\u00eame plus le temps de faire ce que je voudrais et surtout je manque d&#8217;imagination.<\/p>\n<p><iframe loading=\"lazy\" src=\"http:\/\/www.genial.ly\/View\/Index\/55fd89ef1561e80f702f1a94\" width=\"615\" height=\"346\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><!--more--><\/p>\n<p>Et ce n&#8217;est qu&#8217;un petit exemple comprenant trois diapositives. Vous pourrez donc comme vous l&#8217;avez constat\u00e9, disposez tout ce que vous voulez sur une page, puisque la fonctionnalit\u00e9 d&#8217;int\u00e9gration<!--more-->web permet d&#8217;int\u00e9grer quasiment tout ce qui existe sur Internet et m\u00eame si les codes d&#8217;int\u00e9gration ne sont pas fournis, les iframe fabriqu\u00e9s par vous m\u00eames pourront fonctionner, animer de nombreux \u00e9l\u00e9ments, rendre interactifs ce que vous souhaitez par le simple ajout de zones interactives.<\/p>\n<p>Pour faire simple, je vais essayer simplement de couvrir les outils propos\u00e9s sachant qu&#8217;en les combinant les possibilit\u00e9s sont infinies.<\/p>\n<p>Pour commencer, il faut signaler que Genially peut \u00eatre utilis\u00e9 comme un simple service de pr\u00e9sentation. il est d&#8217;ailleurs dommage que ne soit pas pr\u00e9vue l&#8217;insertion de documents externes tous faits. On ajoute donc comme dans une pr\u00e9sentation des slides sur lesquelles nous pouvons ajouter diff\u00e9rents contenus. L&#8217;interface est donc assez classique en ce sens avec une barre de diapositives permettant de naviguer entre celles-ci.<\/p>\n<p><a  href=\"http:\/\/www.ticeman.fr\/lecoutelas\/wp-content\/uploads\/2015\/09\/geniallyslide.png\" data-rel=\"lightbox-gallery-0\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-2924 size-medium\" src=\"http:\/\/www.ticeman.fr\/lecoutelas\/wp-content\/uploads\/2015\/09\/geniallyslide-300x169.png\" alt=\"geniallyslide\" width=\"300\" height=\"169\" srcset=\"https:\/\/www.ticeman.fr\/lecoutelas\/wp-content\/uploads\/2015\/09\/geniallyslide-300x169.png 300w, https:\/\/www.ticeman.fr\/lecoutelas\/wp-content\/uploads\/2015\/09\/geniallyslide-1024x576.png 1024w, https:\/\/www.ticeman.fr\/lecoutelas\/wp-content\/uploads\/2015\/09\/geniallyslide.png 1920w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p>Donc une barre de droite avec les slides et une barre de gauche avec les diff\u00e9rents outils et ressources int\u00e9grables. Chaque diapositive peut \u00eatre nomm\u00e9e et peut recevoir un fond personnalis\u00e9. Donc, vous pouvez tr\u00e8s bien vous contenter d&#8217;utiliser le service comme un simple service de pr\u00e9sentation, ce qu&#8217;il faut aussi tr\u00e8s bien. Mais l&#8217;int\u00e9r\u00eat majeur est tout de m\u00eame ce que l&#8217;on peut mettre sur ces diapositives et le service n&#8217;est pas avare de possibilit\u00e9s.<\/p>\n<p>On pourra bien \u00e9videmment ajouter du texte. par d\u00e9faut les choix semblent limit\u00e9s entre Tire sous titre paragraphe et texte de listes. En fait cela est normal. La diffusion en ligne s&#8217;adaptant aux diff\u00e9rents types d&#8217;\u00e9cran, ils vous est inutile de perdre du temps en mise en forme qui de toute fa\u00e7on sera modifi\u00e9e. Une fois un type de texte s\u00e9lectionner il suffit de le d\u00e9placer sur la page. Une zone de texte appara\u00eetra alors, \u00e0 vous ensuite de la modifier.<\/p>\n<p><a  href=\"http:\/\/www.ticeman.fr\/lecoutelas\/wp-content\/uploads\/2015\/09\/geniallytexte.png\" data-rel=\"lightbox-gallery-0\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-2925 size-medium\" src=\"http:\/\/www.ticeman.fr\/lecoutelas\/wp-content\/uploads\/2015\/09\/geniallytexte-300x169.png\" alt=\"geniallytexte\" width=\"300\" height=\"169\" srcset=\"https:\/\/www.ticeman.fr\/lecoutelas\/wp-content\/uploads\/2015\/09\/geniallytexte-300x169.png 300w, https:\/\/www.ticeman.fr\/lecoutelas\/wp-content\/uploads\/2015\/09\/geniallytexte-1024x576.png 1024w, https:\/\/www.ticeman.fr\/lecoutelas\/wp-content\/uploads\/2015\/09\/geniallytexte.png 1920w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p>L&#8217;\u00e9dition de texte est limit\u00e9e mais vous pourrez tout de m\u00eame \u00e0 loisir modifier la fen\u00eatre les couleurs etc. Tout se fait encore une fois de fa\u00e7on assez intuitive avec des poign\u00e9es pour redimensionner un un sous menu de texte pour les couleurs etc.<\/p>\n<p><a  href=\"http:\/\/www.ticeman.fr\/lecoutelas\/wp-content\/uploads\/2015\/09\/geniallytexte-3.png\" data-rel=\"lightbox-gallery-0\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-medium wp-image-2927\" src=\"http:\/\/www.ticeman.fr\/lecoutelas\/wp-content\/uploads\/2015\/09\/geniallytexte-3-300x169.png\" alt=\"geniallytexte 3\" width=\"300\" height=\"169\" srcset=\"https:\/\/www.ticeman.fr\/lecoutelas\/wp-content\/uploads\/2015\/09\/geniallytexte-3-300x169.png 300w, https:\/\/www.ticeman.fr\/lecoutelas\/wp-content\/uploads\/2015\/09\/geniallytexte-3-1024x576.png 1024w, https:\/\/www.ticeman.fr\/lecoutelas\/wp-content\/uploads\/2015\/09\/geniallytexte-3.png 1920w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p>Personne ne sera d\u00e9contenanc\u00e9 par le fonctionnement global, tr\u00e8s ressemblant \u00e0 de nombreux services du genre. Pour les autres ressources, le fonctionnement est tout \u00e0 fait similaire et tous les \u00e9l\u00e9ments pr\u00e9sents dans la barre lat\u00e9rale de gauche s&#8217;ins\u00e8re et se modifient de la m\u00eame fa\u00e7on.<\/p>\n<p>Un des atouts de Genially est la possibilit\u00e9 d&#8217;animer tous les objets. Plusieurs possibilit\u00e9s sont offertes. lorsque vous int\u00e9grez un objet, vous l&#8217;avez peut \u00eatre remarqu\u00e9 pour le texte, un menu flottant s&#8217;ouvre proposant diff\u00e9rents \u00e9l\u00e9ments d&#8217;animation. L&#8217;\u00e9l\u00e9ment peut donc \u00eatre anim\u00e9, mais peut aussi \u00eatre rendu interactif. Ces menus vous proposent des listes d\u00e9roulantes d&#8217;effets pr\u00e9construits mais en grand nombre.<\/p>\n<p><a  href=\"http:\/\/www.ticeman.fr\/lecoutelas\/wp-content\/uploads\/2015\/09\/geniallyeffet.png\" data-rel=\"lightbox-gallery-0\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-medium wp-image-2917\" src=\"http:\/\/www.ticeman.fr\/lecoutelas\/wp-content\/uploads\/2015\/09\/geniallyeffet-300x169.png\" alt=\"geniallyeffet\" width=\"300\" height=\"169\" srcset=\"https:\/\/www.ticeman.fr\/lecoutelas\/wp-content\/uploads\/2015\/09\/geniallyeffet-300x169.png 300w, https:\/\/www.ticeman.fr\/lecoutelas\/wp-content\/uploads\/2015\/09\/geniallyeffet-1024x576.png 1024w, https:\/\/www.ticeman.fr\/lecoutelas\/wp-content\/uploads\/2015\/09\/geniallyeffet.png 1920w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p>Vous pourrez donc animer \u00e0 l&#8217;ouverture de la diapositive, \u00e0 sa cl\u00f4ture, mais aussi au survol de la souris ou encore en permanence. En gros le service propose quasiment une trentaine d&#8217;animations diff\u00e9rentes valables pour diff\u00e9rentes actions.<\/p>\n<p><a  href=\"http:\/\/www.ticeman.fr\/lecoutelas\/wp-content\/uploads\/2015\/09\/geniallyeffet2.png\" data-rel=\"lightbox-gallery-0\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-medium wp-image-2928\" src=\"http:\/\/www.ticeman.fr\/lecoutelas\/wp-content\/uploads\/2015\/09\/geniallyeffet2-300x169.png\" alt=\"geniallyeffet2\" width=\"300\" height=\"169\" srcset=\"https:\/\/www.ticeman.fr\/lecoutelas\/wp-content\/uploads\/2015\/09\/geniallyeffet2-300x169.png 300w, https:\/\/www.ticeman.fr\/lecoutelas\/wp-content\/uploads\/2015\/09\/geniallyeffet2-1024x576.png 1024w, https:\/\/www.ticeman.fr\/lecoutelas\/wp-content\/uploads\/2015\/09\/geniallyeffet2.png 1920w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p>Je en vais pas passer en revue tous les \u00e9l\u00e9ments ins\u00e9rables mais vous pourrez facilement int\u00e9grer vos propres images, comprenant m\u00eame les formats gifs anim\u00e9s ou svg, le tout simplement depuis votre ordinateur. Vous pourrez ajouter ce que le service appelle des ressources. En gros vous aurez droit \u00e0 quelques milliers d&#8217;images pour notamment construire des infographies. les ressources sont class\u00e9es par domaine, tr\u00e8s visuelles et sympas.<\/p>\n<p><a  href=\"http:\/\/www.ticeman.fr\/lecoutelas\/wp-content\/uploads\/2015\/09\/geniallyressources.png\" data-rel=\"lightbox-gallery-0\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-2929 size-medium\" src=\"http:\/\/www.ticeman.fr\/lecoutelas\/wp-content\/uploads\/2015\/09\/geniallyressources-300x169.png\" alt=\"geniallyressources\" width=\"300\" height=\"169\" srcset=\"https:\/\/www.ticeman.fr\/lecoutelas\/wp-content\/uploads\/2015\/09\/geniallyressources-300x169.png 300w, https:\/\/www.ticeman.fr\/lecoutelas\/wp-content\/uploads\/2015\/09\/geniallyressources-1024x576.png 1024w, https:\/\/www.ticeman.fr\/lecoutelas\/wp-content\/uploads\/2015\/09\/geniallyressources.png 1920w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p>Vous pourrez ensuite ajouter des markers, tr\u00e8s utiles par exemple si vous construisez des images interactives et enfin des zones interactives. Le rectangle rose sur cette image est une zone interactive. En r\u00e9alit\u00e9, elle n&#8217;appara\u00eet pas dans la pr\u00e9sentation. ET c&#8217;est l\u00e0 qu&#8217;on entre dans la dimension inteactive. Avec n&#8217;importe quel objet ou avec ces zones interactives, il est possible d&#8217;int\u00e9grer des \u00e9l\u00e9ments d&#8217;interactivit\u00e9 dans vos pr\u00e9sentations. Enfin ce que le service appelle Content, en fait tout ce que vous souhaitez qui provient du web. Le service reconna\u00eet seul la plupart des liens mais vous pouvez par exemple faire un iframe d&#8217;un site lambda et \u00e7a fonctionne sans soucis.<\/p>\n<p><a  href=\"http:\/\/www.ticeman.fr\/lecoutelas\/wp-content\/uploads\/2015\/09\/Screenshot-2015-09-20-at-11.40.04.png\" data-rel=\"lightbox-gallery-0\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-2916 size-medium\" src=\"http:\/\/www.ticeman.fr\/lecoutelas\/wp-content\/uploads\/2015\/09\/Screenshot-2015-09-20-at-11.40.04-300x169.png\" alt=\"Screenshot 2015-09-20 at 11.40.04\" width=\"300\" height=\"169\" srcset=\"https:\/\/www.ticeman.fr\/lecoutelas\/wp-content\/uploads\/2015\/09\/Screenshot-2015-09-20-at-11.40.04-300x169.png 300w, https:\/\/www.ticeman.fr\/lecoutelas\/wp-content\/uploads\/2015\/09\/Screenshot-2015-09-20-at-11.40.04-1024x576.png 1024w, https:\/\/www.ticeman.fr\/lecoutelas\/wp-content\/uploads\/2015\/09\/Screenshot-2015-09-20-at-11.40.04.png 1366w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p>Pour chaque \u00e9l\u00e9ment, vous avez \u00e0 disposition lors de son int\u00e9gration un menu flottant animation et un menu flottant interactive. Par d\u00e9faut les \u00e9l\u00e9ments ne sont pas interactifs. par simple choix dans la liste d&#8217;interactivit\u00e9 il est possible de d\u00e9finir plusieurs comportements. Les \u00e9l\u00e9ments disponibles sont les fen\u00eatres, les tags, les liens externes et les liens entre diapositives.<\/p>\n<p><a  href=\"http:\/\/www.ticeman.fr\/lecoutelas\/wp-content\/uploads\/2015\/09\/geniallyzone.png\" data-rel=\"lightbox-gallery-0\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-2926 size-medium\" src=\"http:\/\/www.ticeman.fr\/lecoutelas\/wp-content\/uploads\/2015\/09\/geniallyzone-300x169.png\" alt=\"geniallyzone\" width=\"300\" height=\"169\" srcset=\"https:\/\/www.ticeman.fr\/lecoutelas\/wp-content\/uploads\/2015\/09\/geniallyzone-300x169.png 300w, https:\/\/www.ticeman.fr\/lecoutelas\/wp-content\/uploads\/2015\/09\/geniallyzone-1024x576.png 1024w, https:\/\/www.ticeman.fr\/lecoutelas\/wp-content\/uploads\/2015\/09\/geniallyzone.png 1920w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p>Les fen\u00eatres sont es fen\u00eatres popup qui s&#8217;ouvriront au clic. Elles peuvent contenir absolument tout ce que vous souhaitez, texte, audio ou vid\u00e9o. Vous pouvez m\u00eame si vous le souhaitez faire une int\u00e9gration d&#8217;un site externe, il n&#8217;y a aucune limite \u00e0 partir du moment ou (pour les vid\u00e9os ou animations) le contenu se trouve sur internet. \u00a0l\u00e0 encore pas de soucis de disposition, la fen\u00eatre s&#8217;adaptera en fonction de l&#8217;\u00e9l\u00e9ment qui la commande. les tags sont des sortes de mini fen\u00eatre ne contenant qu&#8217;un court texte ou une image. Pour les liens externes je ne vous fais pas de dessin. Pour les liens internes, je n&#8217;en ferais pas non plus mais il est possible de naviguer entre absolument toutes les diapositives.<\/p>\n<p>Le r\u00e9sultat peut donc \u00eatre tr\u00e8s simple comme tr\u00e8s complexe. je n&#8217;ai pas trouv\u00e9 de limitation et le service a l&#8217;air totalement gratuit avec toutefois la marque du service pas trop g\u00eanante. En tous les cas pas de limites en nombre de pr\u00e9sentations ni dans leur contenu. La richesse est sans limite et le service remplacera efficacement \u00e0 la fois Thinglink, Padlet et autres services de slides. Et bien d&#8217;autres \u00e9l\u00e9ments si on a de l&#8217;id\u00e9e. Un service absolument g\u00e9nial donc.<\/p>\n<p>Lien: <a href=\"http:\/\/genial.ly\/\" target=\"_blank\" rel=\"noopener\">Genial.ly<\/a><br \/>\n<a  href=\"http:\/\/www.ticeman.fr\/lecoutelas\/wp-content\/uploads\/2015\/09\/geniallytexte.png\" data-rel=\"lightbox-gallery-0\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\"><br \/>\n<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Et voil\u00e0 le service qui vous fera oublier Padlet, Thinglink, vos logiciels de pr\u00e9sentation et bien d&#8217;autres encore tellement les potentialit\u00e9s sont \u00e9normes.&hellip;<a href=\"https:\/\/www.ticeman.fr\/lecoutelas\/?p=2914\" class=\"more-link\"><span class=\"more-button\">Continuez la lecture<span class=\"screen-reader-text\">Genially: infographies interactives, images actives, pr\u00e9sentations, le tout dans un seul service<\/span><\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":2924,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[51,87,14,13,92,116],"tags":[],"class_list":["post-2914","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-creation","category-creer-des-sites-web-et-presentations-interactives","category-images","category-presentations","category-presentations-avec-diapositives","category-rendre-des-images-interactives"],"_links":{"self":[{"href":"https:\/\/www.ticeman.fr\/lecoutelas\/index.php?rest_route=\/wp\/v2\/posts\/2914"}],"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=2914"}],"version-history":[{"count":3,"href":"https:\/\/www.ticeman.fr\/lecoutelas\/index.php?rest_route=\/wp\/v2\/posts\/2914\/revisions"}],"predecessor-version":[{"id":7507,"href":"https:\/\/www.ticeman.fr\/lecoutelas\/index.php?rest_route=\/wp\/v2\/posts\/2914\/revisions\/7507"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.ticeman.fr\/lecoutelas\/index.php?rest_route=\/wp\/v2\/media\/2924"}],"wp:attachment":[{"href":"https:\/\/www.ticeman.fr\/lecoutelas\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2914"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.ticeman.fr\/lecoutelas\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=2914"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.ticeman.fr\/lecoutelas\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=2914"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}