{"id":3236,"date":"2020-01-05T20:19:35","date_gmt":"2020-01-05T19:19:35","guid":{"rendered":"http:\/\/www.lyceelecorbusier.eu\/dnmade-is\/?p=3236"},"modified":"2022-04-27T11:51:44","modified_gmt":"2022-04-27T09:51:44","slug":"quartanim","status":"publish","type":"post","link":"https:\/\/www.lyceelecorbusier.eu\/dnmade-is\/?p=3236","title":{"rendered":"QUART\u2019ANIM"},"content":{"rendered":"<p><!--more--><\/p>\n<h2><b>Introduction<\/b><\/h2>\n<p><span style=\"font-weight: 400\">Dans le cadre de notre formation en innovation sociale, nous avons eu l\u2019occasion de mener un projet s\u2019\u00e9tendant \u00e0 tout un secteur de quartier.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400\">Au d\u00e9but du module, nous avions pour consigne d\u2019aller r\u00e9colter des sons dans le quartier de la Krutenau, de la zone de la place du Corbeau jusqu\u2019\u00e0 Bourse.<br \/>\nMunis de nos enregistreurs audio, nous nous sommes donc balad\u00e9s \u00e0 travers les rues du centre ville de Strasbourg, capturant des sons d\u2019une dizaine de secondes.<br \/>\n<\/span><\/p>\n<p><span style=\"font-weight: 400\">Par la suite, nous avions comme consigne de cr\u00e9er un outil sonore permettant de cr\u00e9er une identit\u00e9 visuelle, en collaboration avec les r\u00e9sidents du quartier.<br \/>\nApr\u00e8s diff\u00e9rentes recherches, nous nous sommes lanc\u00e9s dans un projet ambitieux : construire un mur interactif qui impliquerait \u00e0 la fois le toucher, la <\/span><span style=\"font-size: 1em\">vue et l\u2019ou\u00efe.<br \/>\n<\/span><span style=\"font-weight: 400\"><span style=\"font-weight: 400\">Nous avons donc tri\u00e9 nos plus de 100 enregistrements, en diff\u00e9rentes cat\u00e9gories diff\u00e9rentes : <\/span><span style=\"font-weight: 400\">Gens, Cath\u00e9drale, V\u00e9lo, Voiture, Eau, Musique, Restaurant, Animaux, Rire, Pas. Avec ceci, avons cr\u00e9\u00e9 un jingle pour se repr\u00e9senter ce que le quartier, \u00e0 notre sens, pourrais ressembler.<\/span><\/span><\/p>\n<!--[if lt IE 9]><script>document.createElement('audio');<\/script><![endif]-->\n<audio class=\"wp-audio-shortcode\" id=\"audio-3236-1\" preload=\"none\" style=\"width: 100%;\" controls=\"controls\"><source type=\"audio\/mpeg\" src=\"http:\/\/www.lyceelecorbusier.eu\/dnmade-is\/wp-content\/uploads\/sites\/44\/2020\/01\/jingle.mp3?_=1\" \/><a href=\"http:\/\/www.lyceelecorbusier.eu\/dnmade-is\/wp-content\/uploads\/sites\/44\/2020\/01\/jingle.mp3\">http:\/\/www.lyceelecorbusier.eu\/dnmade-is\/wp-content\/uploads\/sites\/44\/2020\/01\/jingle.mp3<\/a><\/audio>\n<p><span style=\"font-weight: 400\"><img loading=\"lazy\" width=\"780\" height=\"439\" class=\"alignnone size-full wp-image-3239\" src=\"http:\/\/www.lyceelecorbusier.eu\/dnmade-is\/wp-content\/uploads\/sites\/44\/2020\/01\/01.jpg\" alt=\"\" srcset=\"https:\/\/www.lyceelecorbusier.eu\/dnmade-is\/wp-content\/uploads\/sites\/44\/2020\/01\/01.jpg 780w, https:\/\/www.lyceelecorbusier.eu\/dnmade-is\/wp-content\/uploads\/sites\/44\/2020\/01\/01-300x169.jpg 300w, https:\/\/www.lyceelecorbusier.eu\/dnmade-is\/wp-content\/uploads\/sites\/44\/2020\/01\/01-768x432.jpg 768w\" sizes=\"(max-width: 780px) 100vw, 780px\" \/>\u00a0<\/span><\/p>\n<p>&nbsp;<\/p>\n<h2><b>R\u00e9flexion : Le mur<\/b><\/h2>\n<p><span style=\"font-weight: 400\">Avant de passer \u00e0 la phase de conception, nous sommes pass\u00e9s par une intense p\u00e9riode de r\u00e9flexion. Sous quelle forme allons nous concevoir notre mur ?<br \/>\nQuels mat\u00e9riaux utiliser ? Pour qui ? Nous avons donc eu plusieurs id\u00e9es avant de finalement en s\u00e9lectionner une.\u00a0<\/span><\/p>\n<h3>I<span style=\"font-size: 1em\">d\u00e9e 1<\/span><\/h3>\n<p>Notre toute premi\u00e8re id\u00e9e, \u00e9tait de cr\u00e9er, sur un mur, la carte du quartier. Cette carte, une fois touch\u00e9e, jouerait des sons. Le but pour l&#8217;utilisateur \u00e9tait de retracer son parcours routinier avec son doigt. Cependant, pour faire ceci, nous aurions d\u00fb noter l&#8217;endroit o\u00f9 nous avons enregistr\u00e9 nos sons. Sans ces donn\u00e9es, impossible de cartographier nos enregistrements.<br \/>\n<img loading=\"lazy\" width=\"780\" height=\"699\" class=\"alignnone size-full wp-image-3254\" src=\"http:\/\/www.lyceelecorbusier.eu\/dnmade-is\/wp-content\/uploads\/sites\/44\/2020\/01\/09-1.jpg\" alt=\"\" srcset=\"https:\/\/www.lyceelecorbusier.eu\/dnmade-is\/wp-content\/uploads\/sites\/44\/2020\/01\/09-1.jpg 780w, https:\/\/www.lyceelecorbusier.eu\/dnmade-is\/wp-content\/uploads\/sites\/44\/2020\/01\/09-1-300x269.jpg 300w, https:\/\/www.lyceelecorbusier.eu\/dnmade-is\/wp-content\/uploads\/sites\/44\/2020\/01\/09-1-768x688.jpg 768w\" sizes=\"(max-width: 780px) 100vw, 780px\" \/><\/p>\n<h3>Id\u00e9e 2<\/h3>\n<p><span style=\"font-weight: 400\">Notre seconde id\u00e9e fut de cr\u00e9er un vrai mur, mat\u00e9rialis\u00e9 par une planche en bois. Sur cette planches, diff\u00e9rents pictogrammes seraient coll\u00e9s.<br \/>\nCes logos repr\u00e9sentent nos diff\u00e9rentes cat\u00e9gories de sons, et ils seront d\u00e9coup\u00e9 dans du vinyle et dispos\u00e9s par dessus les diff\u00e9rentes vis.<br \/>\nChaque fois qu\u2019un usager touche un pictogramme, une animation appara\u00eet par dessus, en m\u00eame temps que le son correspondant \u00e0 la cat\u00e9gorie.\u00a0<\/span><\/p>\n<h3>Id\u00e9e 3<\/h3>\n<p><span style=\"font-weight: 400\">Nous nous sommes rendus compte que le fait de proposer des pictogrammes figuratifs qui reprennent les illustrations des animations projet\u00e9es g\u00e2chait un peu la surprise de l\u2019usager.\u00a0<\/span><\/p>\n<h3>Id\u00e9e 4<\/h3>\n<p><span style=\"font-weight: 400\">L\u2019id\u00e9e qui a \u00e9merg\u00e9 est celle d\u2019un table interactive. Pourquoi pas incliner le mur de sorte \u00e0 ce qu\u2019il prenne la forme d\u2019une table, devant laquelle l\u2019usager prendrait place. Il n\u2019aurait ensuite qu\u2019\u00e0 toucher les diff\u00e9rents rond afin d\u2019activer une animation.<br \/>\n<img loading=\"lazy\" width=\"385\" height=\"204\" class=\"alignnone size-full wp-image-3268\" src=\"http:\/\/www.lyceelecorbusier.eu\/dnmade-is\/wp-content\/uploads\/sites\/44\/2020\/01\/08_02.jpg\" alt=\"\" srcset=\"https:\/\/www.lyceelecorbusier.eu\/dnmade-is\/wp-content\/uploads\/sites\/44\/2020\/01\/08_02.jpg 385w, https:\/\/www.lyceelecorbusier.eu\/dnmade-is\/wp-content\/uploads\/sites\/44\/2020\/01\/08_02-300x159.jpg 300w\" sizes=\"(max-width: 385px) 100vw, 385px\" \/> <img loading=\"lazy\" width=\"385\" height=\"204\" class=\"alignnone size-full wp-image-3269\" src=\"http:\/\/www.lyceelecorbusier.eu\/dnmade-is\/wp-content\/uploads\/sites\/44\/2020\/01\/08_01.jpg\" alt=\"\" srcset=\"https:\/\/www.lyceelecorbusier.eu\/dnmade-is\/wp-content\/uploads\/sites\/44\/2020\/01\/08_01.jpg 385w, https:\/\/www.lyceelecorbusier.eu\/dnmade-is\/wp-content\/uploads\/sites\/44\/2020\/01\/08_01-300x159.jpg 300w\" sizes=\"(max-width: 385px) 100vw, 385px\" \/><br \/>\n<\/span><\/p>\n<h3>Id\u00e9e 5<\/h3>\n<p><span style=\"font-weight: 400\">Apr\u00e8s plusieurs discussions avec nos professeurs, nous avons finalement d\u00e9cid\u00e9 de reprendre le principe du Dazibao, \u00e0 savoir une structure constitu\u00e9e de tasseaux, facilement d\u00e9montable et d\u00e9pla\u00e7able. Le mur serait constitu\u00e9 de deux parties noires, sur lesquelles aura \u00e9t\u00e9 coll\u00e9e une carte du quartier. Afin d\u2019attirer le regard de l\u2019usager, des ronds blancs indiqueront les endroits \u00e0 toucher. D\u00e8s lors que la personne touche le rond, une animation appara\u00eet, en m\u00eame temps que le son est lanc\u00e9.<br \/>\n<img loading=\"lazy\" width=\"780\" height=\"552\" class=\"alignnone size-full wp-image-3258\" src=\"http:\/\/www.lyceelecorbusier.eu\/dnmade-is\/wp-content\/uploads\/sites\/44\/2020\/01\/04-1.jpg\" alt=\"\" srcset=\"https:\/\/www.lyceelecorbusier.eu\/dnmade-is\/wp-content\/uploads\/sites\/44\/2020\/01\/04-1.jpg 780w, https:\/\/www.lyceelecorbusier.eu\/dnmade-is\/wp-content\/uploads\/sites\/44\/2020\/01\/04-1-300x212.jpg 300w, https:\/\/www.lyceelecorbusier.eu\/dnmade-is\/wp-content\/uploads\/sites\/44\/2020\/01\/04-1-768x544.jpg 768w\" sizes=\"(max-width: 780px) 100vw, 780px\" \/><br \/>\n<\/span><\/p>\n<p>&nbsp;<\/p>\n<h2><b>R\u00e9flexion : Restitution des impressions<\/b><\/h2>\n<p><span style=\"font-weight: 400\">Pour la deuxi\u00e8me partie de notre projet, nous avons d\u00fb r\u00e9fl\u00e9chir \u00e0 moyen de r\u00e9colter des informations directement par l\u2019usager.<br \/>\nNous avons donc d\u00e9cid\u00e9 de nous concentrer sur les sentiments provoqu\u00e9s par les sons du quartier. La cible retenue \u00e0 \u00e9t\u00e9 les enfants, car nous voulions un point de vue diff\u00e9rent du quartier que les habitants connaissent d\u00e9j\u00e0.<br \/>\n<\/span><\/p>\n<h3>Id\u00e9e 1<\/h3>\n<p><span style=\"font-weight: 400\">L\u2019id\u00e9e de base que nous avions \u00e9tait de demander aux usagers de choisir l\u2019animation ou le son qu\u2019ils avaient pr\u00e9f\u00e9r\u00e9 et de la redessiner.<br \/>\nMalheureusement, cela rendait le projet tr\u00e8s r\u00e9p\u00e9titif : le participant voit une voiture et doit redessiner une voiture.<br \/>\nDe plus, cela ne retranscrit pas r\u00e9ellement les sentiments de la personne.<\/span><\/p>\n<h3>Id\u00e9e 2<\/h3>\n<p><span style=\"font-weight: 400\">Nous avons donc modifi\u00e9 le protocole afin que l\u2019usager intervienne directement sur le mur, et qu\u2019il y dessine directement ce qu\u2019il souhaite. La carte serait donc divis\u00e9e en diff\u00e9rentes zones d\u00e9limitant les espaces \u00e0 remplir par les participants. Le r\u00e9sultat serait donc une carte participative, cr\u00e9\u00e9e par les habitants du quartier.\u00a0<\/span><\/p>\n<h3>Id\u00e9e 3<\/h3>\n<p><span style=\"font-weight: 400\">L\u2019id\u00e9e finale est de revenir aux points constituant la carte du quartier, imprim\u00e9s sur des feuilles. Nous avons s\u00e9lectionn\u00e9 des points sp\u00e9cifiques que nous avons r\u00e9parti sur ces feuilles. La personne choisira celle qui correspond au son qui l\u2019aura le plus inspir\u00e9. Le but du jeu sera de relier les points avec des lignes, qui selon elle repr\u00e9sentent le mieux le sentiment provoqu\u00e9.<br \/>\n\n\t\t<!-- MasterSlider -->\n\t\t<div id=\"P_MS6a053230ddcd4\" class=\"master-slider-parent msl ms-parent-id-94\" style=\"max-width:584px;\">\n\n\t\t\t\n\t\t\t<!-- MasterSlider Main -->\n\t\t\t<div id=\"MS6a053230ddcd4\" class=\"master-slider ms-skin-default\" >\n\t\t\t\t \t\t\t\t \n\t\t\t\t<div  class=\"ms-slide\" data-delay=\"3\" data-fill-mode=\"fit\"  >\n\t\t\t\t\t<img src=\"https:\/\/www.lyceelecorbusier.eu\/dnmade-is\/wp-content\/plugins\/master-slider\/public\/assets\/css\/blank.gif\" alt=\"\" title=\"\" data-src=\"https:\/\/www.lyceelecorbusier.eu\/dnmade-is\/wp-content\/uploads\/sites\/44\/2020\/01\/02-1.jpg\" \/>\n\n\n\t<div class=\"ms-thumb\" ><div class=\"ms-tab-context\"><div class=&quot;ms-tab-context&quot;><\/div><\/div>\n<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div  class=\"ms-slide\" data-delay=\"3\" data-fill-mode=\"fill\"  >\n\t\t\t\t\t<img src=\"https:\/\/www.lyceelecorbusier.eu\/dnmade-is\/wp-content\/plugins\/master-slider\/public\/assets\/css\/blank.gif\" alt=\"\" title=\"\" data-src=\"https:\/\/www.lyceelecorbusier.eu\/dnmade-is\/wp-content\/uploads\/sites\/44\/2020\/01\/01-1.jpg\" \/>\n\n\n\t<div class=\"ms-thumb\" ><div class=\"ms-tab-context\"><div class=&quot;ms-tab-context&quot;><\/div><\/div>\n<\/div>\n\t\t\t\t<\/div>\n\n\t\t\t<\/div>\n\t\t\t<!-- END MasterSlider Main -->\n\n\t\t\t \n\t\t<\/div>\n\t\t<!-- END MasterSlider -->\n\n\t\t<script>\n\t\t(function ( $ ) {\n\t\t\t\"use strict\";\n\n\t\t\t$(function () {\n\t\t\t\tvar masterslider_dcd4 = new MasterSlider();\n\n\t\t\t\t\/\/ slider controls\n\n\t\t\t\t\/\/ slider setup\n\t\t\t\tmasterslider_dcd4.setup(\"MS6a053230ddcd4\", {\n\t\t\t\t\t\twidth           : 584,\n\t\t\t\t\t\theight          : 535,\n\t\t\t\t\t\tminHeight       : 0,\n\t\t\t\t\t\tspace           : 0,\n\t\t\t\t\t\tstart           : 1,\n\t\t\t\t\t\tgrabCursor      : true,\n\t\t\t\t\t\tswipe           : true,\n\t\t\t\t\t\tmouse           : true,\n\t\t\t\t\t\tlayout          : \"boxed\",\n\t\t\t\t\t\twheel           : false,\n\t\t\t\t\t\tautoplay        : false,\n\t\t\t\t\t\tinstantStartLayers:false,\n\t\t\t\t\t\tloop            : false,\n\t\t\t\t\t\tshuffle         : false,\n\t\t\t\t\t\tpreload         : 0,\n\t\t\t\t\t\theightLimit     : true,\n\t\t\t\t\t\tautoHeight      : true,\n\t\t\t\t\t\tsmoothHeight    : true,\n\t\t\t\t\t\tendPause        : false,\n\t\t\t\t\t\toverPause       : true,\n\t\t\t\t\t\tfillMode        : \"fill\",\n\t\t\t\t\t\tcenterControls  : true,\n\t\t\t\t\t\tstartOnAppear   : false,\n\t\t\t\t\t\tlayersMode      : \"center\",\n\t\t\t\t\t\thideLayers      : false,\n\t\t\t\t\t\tfullscreenMargin: 0,\n\t\t\t\t\t\tspeed           : 20,\n\t\t\t\t\t\tdir             : \"h\",\n\t\t\t\t\t\tparallaxMode    : 'swipe',\n\t\t\t\t\t\tview            : \"basic\"\n\t\t\t\t});\n\n\t\t\t\t\n\t\t\t\twindow.masterslider_instances = window.masterslider_instances || [];\n\t\t\t\twindow.masterslider_instances.push( masterslider_dcd4 );\n\t\t\t });\n\n\t\t})(jQuery);\n\t\t<\/script>\n\n\n<\/span><\/p>\n<p>&nbsp;<\/p>\n<h2><b>Sc\u00e9nario d\u2019usage<\/b><\/h2>\n<h3>\u00c9tape 1: Les animations<\/h3>\n<p><span style=\"font-weight: 400\">L\u2019usager arrive devant un mur interactif. Dessus, la carte du quartier. Sur les points cl\u00e9 du secteur, des pastilles blanches seront dispos\u00e9es. L\u2019usager choisit de toucher les diff\u00e9rentes pastilles, dans l\u2019ordre qu\u2019il souhaite. A chaque fois qu\u2019il touche une pastille, une animation se met en route ainsi qu\u2019un son la repr\u00e9sentant. Le but de\u00a0 cette animation est d\u2019aider les enfants \u00e0 se repr\u00e9senter les diff\u00e9rents types de sons pr\u00e9sents dans le quartier.<\/span><\/p>\n<p><span style=\"font-weight: 400\">Ces diff\u00e9rents bruits auront \u00e9t\u00e9 r\u00e9colt\u00e9s \u00e0 m\u00eame le secteur et auront \u00e9t\u00e9 le sujet d\u2019un classement en diff\u00e9rentes cat\u00e9gories pr\u00e9cises<br \/>\n(gens, cath\u00e9drale, v\u00e9lo, voiture, eau, musique, restaurant, animaux, rire, pas).\u00a0<\/span><span style=\"font-weight: 400\">Le dispositif a \u00e9t\u00e9 r\u00e9fl\u00e9chi de sorte \u00e0 surprendre l\u2019usager : les animations color\u00e9es surgissent sur un fond noir en m\u00eame temps que le son.<br \/>\n<img loading=\"lazy\" width=\"380\" height=\"369\" class=\"alignnone size-full wp-image-3299\" src=\"http:\/\/www.lyceelecorbusier.eu\/dnmade-is\/wp-content\/uploads\/sites\/44\/2020\/01\/cathedrale_1.gif\" alt=\"\" \/> <img loading=\"lazy\" width=\"380\" height=\"369\" class=\"alignnone size-full wp-image-3300\" src=\"http:\/\/www.lyceelecorbusier.eu\/dnmade-is\/wp-content\/uploads\/sites\/44\/2020\/01\/gens_1.gif\" alt=\"\" \/> <img loading=\"lazy\" width=\"380\" height=\"369\" class=\"alignnone size-full wp-image-3302\" src=\"http:\/\/www.lyceelecorbusier.eu\/dnmade-is\/wp-content\/uploads\/sites\/44\/2020\/01\/velo_1.gif\" alt=\"\" \/> <img loading=\"lazy\" width=\"380\" height=\"369\" class=\"alignnone size-full wp-image-3301\" src=\"http:\/\/www.lyceelecorbusier.eu\/dnmade-is\/wp-content\/uploads\/sites\/44\/2020\/01\/rires_1.gif\" alt=\"\" \/><br \/>\n<\/span><\/p>\n<h3>\u00c9tape 2 : Restitution des sentiments<\/h3>\n<p><span style=\"font-weight: 400\">L\u2019usager une fois avoir test\u00e9 chacune des animations, passe \u00e0 la deuxi\u00e8me \u00e9tape de l\u2019atelier, \u00e0 savoir la restitution de ses sentiments. En effet, des feuilles<br \/>\nsur lesquelles des points sp\u00e9cifiques de la carte du quartier auront \u00e9t\u00e9 plac\u00e9s seront mises \u00e0 disposition. L\u2019usager pourra en choisir une, selon l\u2019animation<br \/>\nqu\u2019il aura pr\u00e9f\u00e9r\u00e9. Le but du jeu sera ensuite de relier les points avec des lignes et des couleurs diff\u00e9rentes, selon le ressenti qu\u2019aura provoqu\u00e9 le bruit<br \/>\n(ligne droit, zigzag, vague etc\u2026)<br \/>\n<\/span><img loading=\"lazy\" width=\"780\" height=\"414\" class=\" wp-image-3263 alignnone\" style=\"font-size: 1em\" src=\"http:\/\/www.lyceelecorbusier.eu\/dnmade-is\/wp-content\/uploads\/sites\/44\/2020\/01\/image_03.jpg\" alt=\"\" srcset=\"https:\/\/www.lyceelecorbusier.eu\/dnmade-is\/wp-content\/uploads\/sites\/44\/2020\/01\/image_03.jpg 780w, https:\/\/www.lyceelecorbusier.eu\/dnmade-is\/wp-content\/uploads\/sites\/44\/2020\/01\/image_03-300x159.jpg 300w, https:\/\/www.lyceelecorbusier.eu\/dnmade-is\/wp-content\/uploads\/sites\/44\/2020\/01\/image_03-768x408.jpg 768w\" sizes=\"(max-width: 780px) 100vw, 780px\" \/><\/p>\n<h3>\u00c9tape 3 : r\u00e9cup\u00e9ration des donn\u00e9es<\/h3>\n<p><span style=\"font-weight: 400\">Lorsque l\u2019atelier est fini, nous r\u00e9cup\u00e9rerons les diff\u00e9rents dessins r\u00e9alis\u00e9s par les usagers. La carte du quartier sera reconstitu\u00e9e, comme un puzzle,<br \/>\net les diff\u00e9rentes lignes seront superpos\u00e9es afin de cr\u00e9er un logo. Nous pourrons \u00e9galement cr\u00e9er un Gif anim\u00e9 faisant d\u00e9filer les sentiments des gens,<br \/>\nafin de cr\u00e9er l\u2019identit\u00e9 de quartier.<br \/>\n<\/span><\/p>\n<p>&nbsp;<\/p>\n<h2><strong>R\u00e9alisation<\/strong><\/h2>\n<p>Pour commencer, nous avons r\u00e9sum\u00e9 ce que nous avions \u00e0 faire et sous quelles contraintes, \u00e0 savoir notamment que la structure doit \u00eatre relativement transportable, afin de se rendre sur diff\u00e9rents lieux. De plus, nous devions construire les pans de murs interactifs et la structure pour soutenir ces derniers.<\/p>\n<p>Tout d&#8217;abord, \u00e9tant donn\u00e9 que notre cible soit les enfants entre environ 7 et 12 ans, notre mur ne devait pas \u00eatre trop haut, tout en reprenant <a href=\"http:\/\/www.lyceelecorbusier.eu\/dnmade-is\/?cat=15\" target=\"_blank\" rel=\"noopener noreferrer\">le principe des dazibaos<\/a>, simple \u00e0 assembler. Nous avons alors d\u00e9fini des mesures qui sont 1,70 m\u00e8tres de hauteur et 2 m\u00e8tres de largeur. La structure serait en fait deux modules compl\u00e9mentaires, identiques. Pour \u00e9conomiser des tasseaux de bois et par soucis de stabilit\u00e9, nous allons incliner le mur et cr\u00e9er une base rectangulaire. Cela permettra aux enfant d&#8217;appuyer sans que la structure ne bouge.<br \/>\n<img loading=\"lazy\" width=\"390\" height=\"249\" class=\"alignnone size-full wp-image-3279\" src=\"http:\/\/www.lyceelecorbusier.eu\/dnmade-is\/wp-content\/uploads\/sites\/44\/2020\/01\/taille-mur-1.jpg\" alt=\"\" srcset=\"https:\/\/www.lyceelecorbusier.eu\/dnmade-is\/wp-content\/uploads\/sites\/44\/2020\/01\/taille-mur-1.jpg 390w, https:\/\/www.lyceelecorbusier.eu\/dnmade-is\/wp-content\/uploads\/sites\/44\/2020\/01\/taille-mur-1-300x192.jpg 300w\" sizes=\"(max-width: 390px) 100vw, 390px\" \/><\/p>\n<p>&nbsp;<\/p>\n<h3>La structure<\/h3>\n<p>La structure \u00e0 \u00e9t\u00e9 construire avec des tasseaux en bois, de 3 centim\u00e8tres de c\u00f4t\u00e9. Comme l&#8217;id\u00e9e des dazibaos, nous avons assembl\u00e9 ces tasseaux avec de la corde bleue. En per\u00e7ant les extr\u00e9mit\u00e9s des tiges de bois, nous pouvons y ins\u00e9rer la corde et simplifier les n\u0153uds car n&#8217;oublions pas que notre structure doit \u00eatre d\u00e9montable facilement pour le transport.<br \/>\n<img loading=\"lazy\" width=\"780\" height=\"439\" class=\"alignnone size-full wp-image-3240\" src=\"http:\/\/www.lyceelecorbusier.eu\/dnmade-is\/wp-content\/uploads\/sites\/44\/2020\/01\/02.jpg\" alt=\"\" srcset=\"https:\/\/www.lyceelecorbusier.eu\/dnmade-is\/wp-content\/uploads\/sites\/44\/2020\/01\/02.jpg 780w, https:\/\/www.lyceelecorbusier.eu\/dnmade-is\/wp-content\/uploads\/sites\/44\/2020\/01\/02-300x169.jpg 300w, https:\/\/www.lyceelecorbusier.eu\/dnmade-is\/wp-content\/uploads\/sites\/44\/2020\/01\/02-768x432.jpg 768w\" sizes=\"(max-width: 780px) 100vw, 780px\" \/> <img loading=\"lazy\" width=\"780\" height=\"439\" class=\"alignnone size-full wp-image-3241\" src=\"http:\/\/www.lyceelecorbusier.eu\/dnmade-is\/wp-content\/uploads\/sites\/44\/2020\/01\/03.jpg\" alt=\"\" srcset=\"https:\/\/www.lyceelecorbusier.eu\/dnmade-is\/wp-content\/uploads\/sites\/44\/2020\/01\/03.jpg 780w, https:\/\/www.lyceelecorbusier.eu\/dnmade-is\/wp-content\/uploads\/sites\/44\/2020\/01\/03-300x169.jpg 300w, https:\/\/www.lyceelecorbusier.eu\/dnmade-is\/wp-content\/uploads\/sites\/44\/2020\/01\/03-768x432.jpg 768w\" sizes=\"(max-width: 780px) 100vw, 780px\" \/><\/p>\n<p>&nbsp;<\/p>\n<h3>Le mur<\/h3>\n<p>Ensuite, en ce qui concerne le pan de mur, nous avons r\u00e9cup\u00e9rer une grande planche immense de carton alv\u00e9ol\u00e9, qui est l\u00e9ger et solide \u00e0 la fois, d&#8217;une \u00e9paisseur de 2,5 centim\u00e8tres. Nous avons d\u00e9coup\u00e9 nos deux pans de mur \u00e0 l\u2019int\u00e9rieur. Chaque pan fait 1,20 m\u00e8tres de haut et 1 m\u00e8tre de large. Afin d&#8217;accrocher efficacement ces murs \u00e0 la structure, mais surtout de pouvoir les d\u00e9crocher, nous avons imagin\u00e9 un syst\u00e8me tr\u00e8s simple mais astucieux. En fixant une vis dans les tasseaux (voir sur la droite de la photo ci-dessus), cela nous permettra d&#8217;enfoncer le mur, puis de laisser faire la pesanteur. Le principe est de rentrer la t\u00eate de la vis, qui est plus large que son corps, dans un trou tout aussi large, puis de laisser glisser le mur vers le bas, gr\u00e2ce \u00e0 la goutti\u00e8re, qui est plus mince que la t\u00eate de la vis.<br \/>\n\n\t\t<!-- MasterSlider -->\n\t\t<div id=\"P_MS6a053230dfa24\" class=\"master-slider-parent msl ms-parent-id-95\" style=\"max-width:780px;\">\n\n\t\t\t\n\t\t\t<!-- MasterSlider Main -->\n\t\t\t<div id=\"MS6a053230dfa24\" class=\"master-slider ms-skin-default\" >\n\t\t\t\t \t\t\t\t \n\t\t\t\t<div  class=\"ms-slide\" data-delay=\"3\" data-fill-mode=\"fill\"  >\n\t\t\t\t\t<img src=\"https:\/\/www.lyceelecorbusier.eu\/dnmade-is\/wp-content\/plugins\/master-slider\/public\/assets\/css\/blank.gif\" alt=\"\" title=\"\" data-src=\"https:\/\/www.lyceelecorbusier.eu\/dnmade-is\/wp-content\/uploads\/sites\/44\/2020\/01\/04-3.jpg\" \/>\n\n\n\t<div class=\"ms-thumb\" ><div class=\"ms-tab-context\"><div class=&quot;ms-tab-context&quot;><\/div><\/div>\n<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div  class=\"ms-slide\" data-delay=\"3\" data-fill-mode=\"fill\"  >\n\t\t\t\t\t<img src=\"https:\/\/www.lyceelecorbusier.eu\/dnmade-is\/wp-content\/plugins\/master-slider\/public\/assets\/css\/blank.gif\" alt=\"\" title=\"\" data-src=\"https:\/\/www.lyceelecorbusier.eu\/dnmade-is\/wp-content\/uploads\/sites\/44\/2020\/01\/05-3.jpg\" \/>\n\n\n\t<div class=\"ms-thumb\" ><div class=\"ms-tab-context\"><div class=&quot;ms-tab-context&quot;><\/div><\/div>\n<\/div>\n\t\t\t\t<\/div>\n\n\t\t\t<\/div>\n\t\t\t<!-- END MasterSlider Main -->\n\n\t\t\t \n\t\t<\/div>\n\t\t<!-- END MasterSlider -->\n\n\t\t<script>\n\t\t(function ( $ ) {\n\t\t\t\"use strict\";\n\n\t\t\t$(function () {\n\t\t\t\tvar masterslider_fa24 = new MasterSlider();\n\n\t\t\t\t\/\/ slider controls\n\n\t\t\t\t\/\/ slider setup\n\t\t\t\tmasterslider_fa24.setup(\"MS6a053230dfa24\", {\n\t\t\t\t\t\twidth           : 780,\n\t\t\t\t\t\theight          : 439,\n\t\t\t\t\t\tminHeight       : 0,\n\t\t\t\t\t\tspace           : 0,\n\t\t\t\t\t\tstart           : 1,\n\t\t\t\t\t\tgrabCursor      : true,\n\t\t\t\t\t\tswipe           : true,\n\t\t\t\t\t\tmouse           : true,\n\t\t\t\t\t\tlayout          : \"boxed\",\n\t\t\t\t\t\twheel           : false,\n\t\t\t\t\t\tautoplay        : false,\n\t\t\t\t\t\tinstantStartLayers:false,\n\t\t\t\t\t\tloop            : false,\n\t\t\t\t\t\tshuffle         : false,\n\t\t\t\t\t\tpreload         : 0,\n\t\t\t\t\t\theightLimit     : true,\n\t\t\t\t\t\tautoHeight      : true,\n\t\t\t\t\t\tsmoothHeight    : true,\n\t\t\t\t\t\tendPause        : false,\n\t\t\t\t\t\toverPause       : true,\n\t\t\t\t\t\tfillMode        : \"fill\",\n\t\t\t\t\t\tcenterControls  : true,\n\t\t\t\t\t\tstartOnAppear   : false,\n\t\t\t\t\t\tlayersMode      : \"center\",\n\t\t\t\t\t\thideLayers      : false,\n\t\t\t\t\t\tfullscreenMargin: 0,\n\t\t\t\t\t\tspeed           : 20,\n\t\t\t\t\t\tdir             : \"h\",\n\t\t\t\t\t\tparallaxMode    : 'swipe',\n\t\t\t\t\t\tview            : \"basic\"\n\t\t\t\t});\n\n\t\t\t\t\n\t\t\t\twindow.masterslider_instances = window.masterslider_instances || [];\n\t\t\t\twindow.masterslider_instances.push( masterslider_fa24 );\n\t\t\t });\n\n\t\t})(jQuery);\n\t\t<\/script>\n\n\n<p>&nbsp;<\/p>\n<p>Pour continuer avec le mur, nous avons coll\u00e9 dessus de grandes feuilles de papier noir. Ceci aura pour but de faire contraster les animations vid\u00e9o-projet\u00e9es. Pour finir, le plan du quartier \u00e0 \u00e9t\u00e9 d\u00e9coup\u00e9 \u00e0 l&#8217;aide d&#8217;une d\u00e9coupe vinyle. Ce dernier est de couleur noir et brillant, pour rester discret car il n&#8217;est l\u00e0 que pour clarifier, aux yeux des utilisateurs, le projet. De plus, des cercles blancs en vinyle s&#8217;ajoutent autour de clous, recouvert d&#8217;encre conductrice noire.<br \/>\n<img loading=\"lazy\" width=\"780\" height=\"439\" class=\"alignnone size-full wp-image-3244\" src=\"http:\/\/www.lyceelecorbusier.eu\/dnmade-is\/wp-content\/uploads\/sites\/44\/2020\/01\/06.jpg\" alt=\"\" srcset=\"https:\/\/www.lyceelecorbusier.eu\/dnmade-is\/wp-content\/uploads\/sites\/44\/2020\/01\/06.jpg 780w, https:\/\/www.lyceelecorbusier.eu\/dnmade-is\/wp-content\/uploads\/sites\/44\/2020\/01\/06-300x169.jpg 300w, https:\/\/www.lyceelecorbusier.eu\/dnmade-is\/wp-content\/uploads\/sites\/44\/2020\/01\/06-768x432.jpg 768w\" sizes=\"(max-width: 780px) 100vw, 780px\" \/><\/p>\n<p>&nbsp;<\/p>\n<h3>L&#8217;\u00e9lectronique<\/h3>\n<p>Effectivement, afin de conduire un signal \u00e9lectrique, nous devons utiliser des mat\u00e9riaux conducteurs. Ici des clous, que nous relirons avec des pinces crocodiles \u00e0 l&#8217;arri\u00e8re, \u00e0 la Bare Conductive. Cette Bare Conductive permet de jouer jusqu&#8217;\u00e0 12 vid\u00e9os d\u00e8s qu&#8217;un signal est transmis. Branch\u00e9 \u00e0 un ordinateur portable, le vid\u00e9o projecteur affiche les vid\u00e9os en temps r\u00e9el gr\u00e2ce \u00e0 un logiciel de mapping 3D. \u00c9tant une licence payante, nous avons utilis\u00e9 la version gratuite propos\u00e9e, avec un filigrane du nom de la marque, malheureusement. Ce logiciel est tr\u00e8s puissant, il permet d&#8217;assigner une touche de la Bare Conductive \u00e0 une vid\u00e9o. De plus, l&#8217;interface est WYSIWYG, c&#8217;est-\u00e0-dire que la mise en espace des vid\u00e9os est la m\u00eame \u00e0 l&#8217;\u00e9cran, et sur le vid\u00e9o-projet\u00e9.<br \/>\nNous avions eu un souci avec le logiciel. Une fois dans le logiciel, et les vid\u00e9os import\u00e9s, il fallait coch\u00e9 une case pour faire jouer le son de la vid\u00e9o. Cependant, d\u00e8s que la vid\u00e9o se lan\u00e7ait, avec la case coch\u00e9e, la vid\u00e9o ne bougeait presque pas et le son \u00e9tait tr\u00e8s satur\u00e9 et saccad\u00e9, tout \u00e0 fait inaudible et horrible. Apr\u00e8s plus de trois heures \u00e0 chercher une solution, nous avons trouv\u00e9. Il s&#8217;agissait d&#8217;une option \u00e0 modifier. \u00c0 ce moment, la partie \u00e9lectronique \u00e9tait presque termin\u00e9e, il manquait juste quelques animations vid\u00e9os.<\/p>\n<p>Nous avons fait en sorte que la carte soit ronde et centr\u00e9e, ce n&#8217;est pas un hasard. Les enfants se tiendront devant la carte, o\u00f9 se trouvent les anneaux \u00e0 toucher, et les animations &#8220;sortiront&#8221; du quartier, autour des utilisateurs.<\/p>\n<p>Nous avons fait tester notre mur \u00e0 la classe lorsque ce dernier \u00e9tait presque termin\u00e9.<\/p>\n<p><iframe loading=\"lazy\" title=\"Test_mur\" width=\"640\" height=\"360\" src=\"https:\/\/www.youtube.com\/embed\/mvBtBJQRJ5A?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe><\/p>\n<p><iframe loading=\"lazy\" title=\"Test_dessin\" width=\"640\" height=\"360\" src=\"https:\/\/www.youtube.com\/embed\/BEoAotih01M?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe><\/p>\n<p>&nbsp;<\/p>\n<h2><b>Test In Situ<\/b><\/h2>\n<p><span style=\"font-weight: 400\">Nous avons effectu\u00e9 notre mise en situation \u00e0 l\u2019association <strong>L&#8217;\u00c9tage, Club de jeunes<\/strong>, lors d\u2019une f\u00eate organis\u00e9e pour les enfants, de 15 \u00e0 17 heures. Nous avons donc install\u00e9 notre mur dans une caf\u00e9t\u00e9ria. Durant cette apr\u00e8s midi, nous avons pu constater plusieurs choses. Premi\u00e8rement, le mur n\u2019est adapt\u00e9 qu\u2019aux jeunes enfants, d\u2019une certaine taille, car le vid\u00e9oprojecteur doit \u00eatre dispos\u00e9 \u00e0 une certaine hauteur. De plus, m\u00eame apr\u00e8s avoir r\u00e9gl\u00e9 le soucis du son des vid\u00e9os lors de la phase de r\u00e9alisation, un autre probl\u00e8me est survenue sur place. Le son ne voulait toujours pas se jouer et les vid\u00e9os ne bougeaient plus. Nous avons donc r\u00e9essay\u00e9, mais force est de constater que nous n&#8217;auront pas le son pour la d\u00e9monstration. Nous \u00e9tions tr\u00e8s d\u00e9\u00e7u au d\u00e9but du test, puisque le c\u0153ur du projet est le son, mais au final les enfants ont quand m\u00eame appr\u00e9ci\u00e9. Nous avons r\u00e9colt\u00e9 une cinquantaine de dessins protocolaires.<br \/>\n<img loading=\"lazy\" width=\"385\" height=\"217\" class=\"alignnone size-full wp-image-3311\" src=\"http:\/\/www.lyceelecorbusier.eu\/dnmade-is\/wp-content\/uploads\/sites\/44\/2020\/01\/08-2.jpg\" alt=\"\" srcset=\"https:\/\/www.lyceelecorbusier.eu\/dnmade-is\/wp-content\/uploads\/sites\/44\/2020\/01\/08-2.jpg 385w, https:\/\/www.lyceelecorbusier.eu\/dnmade-is\/wp-content\/uploads\/sites\/44\/2020\/01\/08-2-300x169.jpg 300w\" sizes=\"(max-width: 385px) 100vw, 385px\" \/> <img loading=\"lazy\" width=\"385\" height=\"217\" class=\"alignnone size-full wp-image-3312\" src=\"http:\/\/www.lyceelecorbusier.eu\/dnmade-is\/wp-content\/uploads\/sites\/44\/2020\/01\/09-2.jpg\" alt=\"\" srcset=\"https:\/\/www.lyceelecorbusier.eu\/dnmade-is\/wp-content\/uploads\/sites\/44\/2020\/01\/09-2.jpg 385w, https:\/\/www.lyceelecorbusier.eu\/dnmade-is\/wp-content\/uploads\/sites\/44\/2020\/01\/09-2-300x169.jpg 300w\" sizes=\"(max-width: 385px) 100vw, 385px\" \/><br \/>\n<\/span><\/p>\n<p><iframe loading=\"lazy\" title=\"InSitu_01\" width=\"640\" height=\"360\" src=\"https:\/\/www.youtube.com\/embed\/Sw_FlYl6LwU?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe><\/p>\n<p><iframe loading=\"lazy\" title=\"InSitu_02\" width=\"640\" height=\"360\" src=\"https:\/\/www.youtube.com\/embed\/By776LvXksU?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe><\/p>\n<p>&nbsp;<\/p>\n<p>Pour conclure, ce projet f\u00fbt sem\u00e9 d&#8217;emb\u00fbches, et sans doute un peu ambitieux. Mais nous sommes tout de m\u00eame satisfait de notre travail, loin d&#8217;\u00eatre parfait. Notre projet \u00e0 \u00e9t\u00e9 men\u00e9 \u00e0 bien. Nous avons tous les trois appris beaucoup lors de ce projet. Que ce soit avec la gestion des panneaux qui composent notre mur et son vinyle, ou encore les animations vid\u00e9os \u00e0 r\u00e9aliser avec After Effects et aussi le logiciel de mapping 3D et la Bare Conductive. Nous aurions peut-\u00eatre aim\u00e9 am\u00e9liorer encore certains points, comme celui des dessins. Initialement, nous avions pens\u00e9 une structure identique \u00e0 celle du mur pour accrocher les dessins des enfants \u00e0 l&#8217;aide de pinces sur la corde. Mais le temps nous \u00e0 rattrap\u00e9. Ce temps manquant est peut-\u00eatre partit dans la recherche d&#8217;un lieux d\u2019accueil pour notre structure. Nous avons pass\u00e9 un certains temps \u00e0 chercher, dans des \u00e9coles d&#8217;abords, puis dans d&#8217;autres lieux comme des centres sociaux-culturels. Le fait de travailler sur un quartier retreint les choix possibles.<\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":193,"featured_media":3319,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[33,17],"tags":[],"_links":{"self":[{"href":"https:\/\/www.lyceelecorbusier.eu\/dnmade-is\/index.php?rest_route=\/wp\/v2\/posts\/3236"}],"collection":[{"href":"https:\/\/www.lyceelecorbusier.eu\/dnmade-is\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.lyceelecorbusier.eu\/dnmade-is\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.lyceelecorbusier.eu\/dnmade-is\/index.php?rest_route=\/wp\/v2\/users\/193"}],"replies":[{"embeddable":true,"href":"https:\/\/www.lyceelecorbusier.eu\/dnmade-is\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=3236"}],"version-history":[{"count":42,"href":"https:\/\/www.lyceelecorbusier.eu\/dnmade-is\/index.php?rest_route=\/wp\/v2\/posts\/3236\/revisions"}],"predecessor-version":[{"id":7908,"href":"https:\/\/www.lyceelecorbusier.eu\/dnmade-is\/index.php?rest_route=\/wp\/v2\/posts\/3236\/revisions\/7908"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.lyceelecorbusier.eu\/dnmade-is\/index.php?rest_route=\/wp\/v2\/media\/3319"}],"wp:attachment":[{"href":"https:\/\/www.lyceelecorbusier.eu\/dnmade-is\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=3236"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.lyceelecorbusier.eu\/dnmade-is\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=3236"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.lyceelecorbusier.eu\/dnmade-is\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=3236"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}