{"id":4446,"date":"2017-05-04T15:35:11","date_gmt":"2017-05-04T15:35:11","guid":{"rendered":"http:\/\/www.ticeman.fr\/lecoutelas\/?p=4446"},"modified":"2018-07-21T16:09:18","modified_gmt":"2018-07-21T16:09:18","slug":"loopy-creer-des-demonstrations-systemiques-interactives","status":"publish","type":"post","link":"https:\/\/www.ticeman.fr\/lecoutelas\/?p=4446","title":{"rendered":"Loopy: cr\u00e9er des d\u00e9monstrations syst\u00e9miques interactives"},"content":{"rendered":"<p>Loopy est un service un peu ovni. il permet de r\u00e9aliser des d\u00e9monstrations de syst\u00e8mes simples voire plus complexe et de mettre en avant les relations de cause \u00e0 effet entre des \u00e9l\u00e9ments. Le plus simple est de visualiser ce que cela donne pour comprendre.<\/p>\n<p><iframe loading=\"lazy\" src=\"http:\/\/ncase.me\/loopy\/v1.1\/?embed=1&amp;data=[[[1,551,192,1,%22riziculture%2520inond%25C3%25A9e%22,4],[2,784,313,1,%22production%2520importante%22,5],[3,569,443,0.5,%22fortes%2520densit%25C3%25A9s%2520de%2520population%22,0],[4,344,307,0.5,%22main%2520d'oeuvre%2520importante%22,0]],[[1,2,52,1,0],[2,3,73,1,0],[3,4,90,1,0],[4,1,59,1,0]],[],4%5D\" width=\"500\" height=\"440\" frameborder=\"0\"><\/iframe><\/p>\n<p>Et voici un autre exemple plus complexe r\u00e9alis\u00e9 par <a href=\"https:\/\/twitter.com\/SLAMBERTnum\" target=\"_blank\" rel=\"noopener noreferrer\">@SLAMBERTnum<\/a><\/p>\n<p><iframe loading=\"lazy\" src=\"http:\/\/ncase.me\/loopy\/v1.1\/?embed=1&amp;data=[[[4,580,207,0.5,%22D%25C3%25A9sindustrialisation%22,2],[5,470,371,0.5,%22hausse%2520du%2520ch%25C3%25B4mage%22,2],[6,701,411,0.5,%22Baisse%2520de%2520la%2520population%22,1],[7,858,207,0.5,%22Tensions%2520raciales%25201967%22,1],[8,935,376,0.5,%22D%25C3%25A9part%2520des%2520classes%2520moyennes%22,1],[9,533,552,0.33,%22faillite%2520de%2520la%2520ville%22,0],[11,655,662,0.5,%22abandon%2520d'infrastructures%22,0],[12,823,669,0.83,%22moins%2520de%2520services%2520pour%2520l'habitant%22,0],[13,905,539,0.33,%22ville%2520qui%2520r%25C3%25A9tr%25C3%25A9cit%22,0]],[[4,5,-66,1,0],[5,6,29,1,0],[7,8,22,1,0],[8,6,-15,1,0],[6,9,-38,1,0],[9,11,-24,1,0],[11,12,-24,1,0],[12,13,-17,1,0],[13,6,-17,1,0]],[[717,555,%22le%2520cercle%2520vicieux%2520%250Adu%2520d%25C3%25A9clin%2520urbain%2520%250A%25C3%25A0%2520D%25C3%25A9troit%2520%253F%22]],13%5D\" width=\"500\" height=\"440\" frameborder=\"0\"><\/iframe><br \/>\n<!--more--><\/p>\n<p>l&#8217;avantage du service est qu&#8217;il ne n\u00e9cessite aucune inscription et qu&#8217;il est extr\u00eamement intuitif. Tout se fait en r\u00e9alit\u00e9 en dessinant avec la souris, ou encore \u00e0 la main si vous disposez d&#8217;une interface tactile. Le menu est on ne peut plus simple. Vous disposez de quatre outils, un crayon pour dessiner, une main pour d\u00e9placer les \u00e9l\u00e9ments, un \u00e9l\u00e9ment pour ins\u00e9rer des textes o\u00f9 vous le souhaitez et une gomme pour supprimer des \u00e9l\u00e9ments.<\/p>\n<p><a  href=\"http:\/\/www.ticeman.fr\/lecoutelas\/wp-content\/uploads\/2017\/05\/loopy-construction.png\" data-rel=\"lightbox-gallery-0\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-medium wp-image-4454\" src=\"http:\/\/www.ticeman.fr\/lecoutelas\/wp-content\/uploads\/2017\/05\/loopy-construction-300x147.png\" alt=\"\" width=\"300\" height=\"147\" srcset=\"https:\/\/www.ticeman.fr\/lecoutelas\/wp-content\/uploads\/2017\/05\/loopy-construction-300x147.png 300w, https:\/\/www.ticeman.fr\/lecoutelas\/wp-content\/uploads\/2017\/05\/loopy-construction-768x376.png 768w, https:\/\/www.ticeman.fr\/lecoutelas\/wp-content\/uploads\/2017\/05\/loopy-construction-1024x501.png 1024w, https:\/\/www.ticeman.fr\/lecoutelas\/wp-content\/uploads\/2017\/05\/loopy-construction.png 1365w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p>Pour cr\u00e9er des \u00e9l\u00e9ments appel\u00e9s &#8220;node&#8221; il suffit de dessiner un cercle. Pour cr\u00e9er des relations entre les \u00e9l\u00e9ments, il suffit de dessiner un trait. le service transforme le tout instantan\u00e9ment. Pour les noeuds, il suffit de saisir leur nom. les textes peuvent \u00eatre plac\u00e9s o\u00f9 vous le souhaitez. Une fois votre travail fini, il suffit de copier l&#8217;adresse ou d\u2019obtenir le code d&#8217;int\u00e9gration pour votre blog, site ou ENT. Un des avantages est que vos productions ne dispara\u00eetront pas puisque l&#8217;adresse comme le code d&#8217;int\u00e9gration comprend toutes les indications pour la reconstruction de votre animation. Il est possible de la visualiser ou de produire un gif.<\/p>\n<p><a  href=\"http:\/\/www.ticeman.fr\/lecoutelas\/wp-content\/uploads\/2017\/05\/loopy-visualisation.png\" data-rel=\"lightbox-gallery-0\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-medium wp-image-4455\" src=\"http:\/\/www.ticeman.fr\/lecoutelas\/wp-content\/uploads\/2017\/05\/loopy-visualisation-300x147.png\" alt=\"\" width=\"300\" height=\"147\" srcset=\"https:\/\/www.ticeman.fr\/lecoutelas\/wp-content\/uploads\/2017\/05\/loopy-visualisation-300x147.png 300w, https:\/\/www.ticeman.fr\/lecoutelas\/wp-content\/uploads\/2017\/05\/loopy-visualisation-768x378.png 768w, https:\/\/www.ticeman.fr\/lecoutelas\/wp-content\/uploads\/2017\/05\/loopy-visualisation-1024x503.png 1024w, https:\/\/www.ticeman.fr\/lecoutelas\/wp-content\/uploads\/2017\/05\/loopy-visualisation.png 1365w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p>Le service est totalement gratuit et sans publicit\u00e9.<\/p>\n<p>Lien: <a href=\"http:\/\/ncase.me\/loopy\/\" target=\"_blank\" rel=\"noopener noreferrer\">Loopy<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Loopy est un service un peu ovni. il permet de r\u00e9aliser des d\u00e9monstrations de syst\u00e8mes simples voire plus complexe et de mettre en&hellip;<a href=\"https:\/\/www.ticeman.fr\/lecoutelas\/?p=4446\" class=\"more-link\"><span class=\"more-button\">Continuez la lecture<span class=\"screen-reader-text\">Loopy: cr\u00e9er des d\u00e9monstrations syst\u00e9miques interactives<\/span><\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":4454,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[23,28,51,90,87],"tags":[],"class_list":["post-4446","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-animation","category-bureautique","category-creation","category-creer-des-mindmaps","category-creer-des-sites-web-et-presentations-interactives"],"_links":{"self":[{"href":"https:\/\/www.ticeman.fr\/lecoutelas\/index.php?rest_route=\/wp\/v2\/posts\/4446"}],"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=4446"}],"version-history":[{"count":5,"href":"https:\/\/www.ticeman.fr\/lecoutelas\/index.php?rest_route=\/wp\/v2\/posts\/4446\/revisions"}],"predecessor-version":[{"id":4473,"href":"https:\/\/www.ticeman.fr\/lecoutelas\/index.php?rest_route=\/wp\/v2\/posts\/4446\/revisions\/4473"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.ticeman.fr\/lecoutelas\/index.php?rest_route=\/wp\/v2\/media\/4454"}],"wp:attachment":[{"href":"https:\/\/www.ticeman.fr\/lecoutelas\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=4446"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.ticeman.fr\/lecoutelas\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=4446"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.ticeman.fr\/lecoutelas\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=4446"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}