{"id":562,"date":"2018-05-23T14:14:18","date_gmt":"2018-05-23T13:14:18","guid":{"rendered":"https:\/\/blog.univ-angers.fr\/istiaprojetsei2\/?p=562"},"modified":"2018-06-21T16:22:36","modified_gmt":"2018-06-21T15:22:36","slug":"projet-el-sound","status":"publish","type":"post","link":"https:\/\/blog.univ-angers.fr\/polytech_2A\/2018\/05\/23\/projet-el-sound\/","title":{"rendered":"Projet EL + sound"},"content":{"rendered":"<p>Nous sommes Augustine COQUELIN et Marion WACHOWIAK, et nous avons d\u00fb r\u00e9aliser un projet dans le cadre de notre dernier semestre de cycle pr\u00e9pa \u00e0 l&#8217;ISTIA. Nous voulions travailler sur un projet m\u00ealant plusieurs types de comp\u00e9tences et qui soit cr\u00e9atif, donc nous avons choisi le projet EL+Sound.<\/p>\n<p>Lors du projet <strong>EL + Sound<\/strong>, (EL signifiant \u00e9lectro-luminescent) nous avions pour but de r\u00e9aliser un projet artistique, en s&#8217;inspirant des \u0153uvres de Martin Messier dont voici un exemple :<\/p>\n<p><a href=\"https:\/\/blog.univ-angers.fr\/istiaprojetsei2\/files\/2018\/05\/Martin.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-564\" alt=\"Martin\" src=\"https:\/\/blog.univ-angers.fr\/istiaprojetsei2\/files\/2018\/05\/Martin-300x167.png\" width=\"300\" height=\"167\" srcset=\"https:\/\/blog.univ-angers.fr\/polytech_2A\/files\/2018\/05\/Martin-300x167.png 300w, https:\/\/blog.univ-angers.fr\/polytech_2A\/files\/2018\/05\/Martin-1024x573.png 1024w, https:\/\/blog.univ-angers.fr\/polytech_2A\/files\/2018\/05\/Martin-500x279.png 500w, https:\/\/blog.univ-angers.fr\/polytech_2A\/files\/2018\/05\/Martin.png 1620w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p>Ses \u0153uvres sont r\u00e9alis\u00e9es \u00e0 partir de mat\u00e9riel \u00e9lectronique divers. L\u2019\u0153uvre ci-dessus, <em>Impulse<\/em>, est constitu\u00e9 de fils EL et de panneaux m\u00e9talliques. Cette \u0153uvre comporte \u00e9galement du son, cr\u00e9\u00e9e al\u00e9atoirement par un algorithme.<\/p>\n<p>&nbsp;<\/p>\n<p>Ce projet a \u00e9t\u00e9 r\u00e9alis\u00e9 en plusieurs \u00e9tapes :<\/p>\n<ol>\n<li>Recherches d&#8217;id\u00e9es g\u00e9n\u00e9rales : th\u00e8me, que repr\u00e9senter, avec quel rendu visuel ?<\/li>\n<li>Cr\u00e9ation d&#8217;une m\u00e9lodie<\/li>\n<li>Cr\u00e9ation d&#8217;une partie lumi\u00e8re<\/li>\n<li>Coordination des deux parties<\/li>\n<li>Assemblage final : composants \u00e9lectroniques, partie visuelle<\/li>\n<li>S\u00e9rie de tests pour s&#8217;assurer que l&#8217;ensemble est agr\u00e9able \u00e0 regarder<\/li>\n<li>Finitions<\/li>\n<\/ol>\n<p>&nbsp;<\/p>\n<p>Le mat\u00e9riel que nous avions \u00e0 disposition lors de ce projet est la suivant : une carte Arduino Uno, une carte Escudo Dos (Sparkfun), 9 fils \u00e9lectro-luminescents, un transformateur, un c\u00e2ble d&#8217;alimentation et un c\u00e2ble PC, une grande plaque m\u00e9tallique et du petit mat\u00e9riel : scotch, fils de cuivre, ciseaux, etc&#8230;<\/p>\n<p>&nbsp;<\/p>\n<p>Nous avons donc choisi de <strong>cr\u00e9er une \u0153uvre originale<\/strong> avec un th\u00e8me pr\u00e9cis : Harry Potter. En effet, nous pensions que choisir ce th\u00e8me permettrait au plus grand nombre de gens de comprendre l\u2019\u0153uvre, de reconna\u00eetre la m\u00e9lodie&#8230;<\/p>\n<p>&nbsp;<\/p>\n<p>Pour la <strong>partie son<\/strong>, avec Sonic Pi, nous avons d\u00fb regarder un certain nombre de tutos (YouTube, site de Sonic Pi, etc&#8230;) avant de nous lancer car nous ne connaissions pas du tout le langage qui est utilis\u00e9 pour coder dans ce logiciel : Ruby.<\/p>\n<p>Il nous a en effet fallu apprendre les fonctions de base (jouer une note, modifier sa dur\u00e9e, les diff\u00e9rents instruments, les silences, les r\u00e9p\u00e9titions&#8230;)<\/p>\n<p>Heureusement, il existe de nombreux tutos et le cr\u00e9ateur de Sonic Pi, le chercheur Sam Aaron communique beaucoup sur les r\u00e9seaux sociaux. Nous n&#8217;avons donc pas eu trop de probl\u00e8mes pour trouver les informations dont nous avions besoin.<\/p>\n<p>L&#8217;interface de Sonic Pi se pr\u00e9sente comme ceci :<\/p>\n<p><a href=\"https:\/\/blog.univ-angers.fr\/istiaprojetsei2\/files\/2018\/05\/interface.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-573\" alt=\"interface\" src=\"https:\/\/blog.univ-angers.fr\/istiaprojetsei2\/files\/2018\/05\/interface-300x161.png\" width=\"300\" height=\"161\" srcset=\"https:\/\/blog.univ-angers.fr\/polytech_2A\/files\/2018\/05\/interface-300x161.png 300w, https:\/\/blog.univ-angers.fr\/polytech_2A\/files\/2018\/05\/interface-1024x550.png 1024w, https:\/\/blog.univ-angers.fr\/polytech_2A\/files\/2018\/05\/interface-500x268.png 500w, https:\/\/blog.univ-angers.fr\/polytech_2A\/files\/2018\/05\/interface.png 1599w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p>La cr\u00e9ation de la m\u00e9lodie a \u00e9t\u00e9 assez longue car il faut coder chaque note une par une. Pour cela, nous nous sommes aid\u00e9es d&#8217;une partition ainsi que d&#8217;une vid\u00e9o Synthesia.<\/p>\n<p>Voici ce que donne la m\u00e9lodie termin\u00e9e :<\/p>\n<audio class=\"wp-audio-shortcode\" id=\"audio-562-1\" preload=\"none\" style=\"width: 100%;\" controls=\"controls\"><source type=\"audio\/mpeg\" src=\"https:\/\/blog.univ-angers.fr\/istiaprojetsei2\/files\/2018\/05\/Hedwigs-theme-song.mp3?_=1\" \/><a href=\"https:\/\/blog.univ-angers.fr\/istiaprojetsei2\/files\/2018\/05\/Hedwigs-theme-song.mp3\">https:\/\/blog.univ-angers.fr\/istiaprojetsei2\/files\/2018\/05\/Hedwigs-theme-song.mp3<\/a><\/audio>\n<p>&nbsp;<\/p>\n<p>La <strong>partie lumi\u00e8re<\/strong> a \u00e9t\u00e9 commenc\u00e9e en m\u00eame temps que la partie son mais cependant, nous nous sommes rapidement rendu compte qu&#8217;il \u00e9tait mieux de terminer d&#8217;abord la partie son avant de pouvoir terminer la partie lumi\u00e8re. Cela s&#8217;explique par le fait que nous devions synchroniser son et lumi\u00e8re, et que nous avions au d\u00e9part pr\u00e9vu de le faire &#8220;\u00e0 la main&#8221; c&#8217;est \u00e0 dire en ex\u00e9cutant nos deux programmes (Sonic Pi + Arduino) en m\u00eame temps.<\/p>\n<p>Cette partie a \u00e9t\u00e9 r\u00e9alis\u00e9e avec Arduino. Voci une capture d&#8217;\u00e9cran d&#8217;un morceau de notre programme Arduino :<\/p>\n<p><a href=\"https:\/\/blog.univ-angers.fr\/istiaprojetsei2\/files\/2018\/05\/Arduino.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-794\" alt=\"Arduino\" src=\"https:\/\/blog.univ-angers.fr\/istiaprojetsei2\/files\/2018\/05\/Arduino-184x300.png\" width=\"184\" height=\"300\" srcset=\"https:\/\/blog.univ-angers.fr\/polytech_2A\/files\/2018\/05\/Arduino-184x300.png 184w, https:\/\/blog.univ-angers.fr\/polytech_2A\/files\/2018\/05\/Arduino.png 497w\" sizes=\"auto, (max-width: 184px) 100vw, 184px\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<p>Pour r\u00e9aliser cette partie, nous avons choisi de faire la premi\u00e8re partie synchronis\u00e9e avec le son, qui a \u00e9t\u00e9 difficile \u00e0 r\u00e9aliser car nous la r\u00e9alisions \u00e0 l&#8217;oreille avec le fichier son Sonic Pi. Nous avons ensuite choisi de faire une partie al\u00e9atoire pour plusieurs raisons :\u00a0 pour tester les fonctions Arduino permettant de faire de l&#8217;al\u00e9atoire, pour diversifier un peu l\u2019\u0153uvre et parce que nous n&#8217;aurions pas eu le temps de faire une chor\u00e9graphie lumineuse synchronis\u00e9e \u00e0 100% avec la m\u00e9lodie.<\/p>\n<p>&nbsp;<\/p>\n<p>Ainsi qu&#8217;une d\u00e9monstration de nos fils EL allum\u00e9s :<\/p>\n<div style=\"width: 584px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-562-1\" width=\"584\" height=\"329\" preload=\"metadata\" controls=\"controls\"><source type=\"video\/mp4\" src=\"https:\/\/blog.univ-angers.fr\/istiaprojetsei2\/files\/2018\/05\/V_20180418_171404.mp4?_=1\" \/><a href=\"https:\/\/blog.univ-angers.fr\/istiaprojetsei2\/files\/2018\/05\/V_20180418_171404.mp4\">https:\/\/blog.univ-angers.fr\/istiaprojetsei2\/files\/2018\/05\/V_20180418_171404.mp4<\/a><\/video><\/div>\n<p>&nbsp;<\/p>\n<p>La<strong> coordination<\/strong> des deux parties s&#8217;est faite dans un premier temps &#8220;\u00e0 la main&#8221;, c&#8217;est-\u00e0-dire que nous lancions simultan\u00e9ment le son produit et le programme Arduino.<br \/>\nCette m\u00e9thode est la plus simple, mais ce n&#8217;est pas pratique du tout. Nous avons donc d\u00fb chercher d&#8217;autres m\u00e9thodes.<\/p>\n<p>Finalement, nous avons cr\u00e9\u00e9 une liaison entre le fichier son que nous avons export\u00e9 au format mp3 et Arduino. Ceci a \u00e9t\u00e9 mis en place gr\u00e2ce \u00e0 un programme Python : le programme demande une donn\u00e9e (ici un chiffre) que l&#8217;utilisateur rentre et qui est communiqu\u00e9 \u00e0 Arduino. Si le chiffre est bien celui d\u00e9fini dans le programme Arduino, le son et la lumi\u00e8re se lancent. Sinon, il faut relancer le programme.<\/p>\n<p>Ce syst\u00e8me nous a permis de cr\u00e9er une \u0153uvre qui est interactive : le spectateur est aussi acteur. En effet, au lieu que ce soit nous qui lancions le programme, c&#8217;\u00e9tait au spectateur de le faire. Lorsque le programme est lanc\u00e9, la console ci-dessous appara\u00eet :<\/p>\n<p><a href=\"https:\/\/blog.univ-angers.fr\/istiaprojetsei2\/files\/2018\/05\/Console.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-785\" alt=\"Console\" src=\"https:\/\/blog.univ-angers.fr\/istiaprojetsei2\/files\/2018\/05\/Console-214x300.png\" width=\"214\" height=\"300\" srcset=\"https:\/\/blog.univ-angers.fr\/polytech_2A\/files\/2018\/05\/Console-214x300.png 214w, https:\/\/blog.univ-angers.fr\/polytech_2A\/files\/2018\/05\/Console.png 348w\" sizes=\"auto, (max-width: 214px) 100vw, 214px\" \/><\/a><\/p>\n<p>L&#8217;utilisateur clique sur le bouton, la fen\u00eatre disparait et la question :<em> Combien y a t&#8217;il de maisons \u00e0 Poudlard ?<\/em> est pos\u00e9e. Si le spectateur entre le bon nombre (4), le spectacle peut commencer !<\/p>\n<p>&nbsp;<\/p>\n<p>Et pour finir, voici un extrait de l&#8217;installation finale :<\/p>\n<div style=\"width: 584px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-562-2\" width=\"584\" height=\"1038\" preload=\"metadata\" controls=\"controls\"><source type=\"video\/mp4\" src=\"https:\/\/blog.univ-angers.fr\/istiaprojetsei2\/files\/2018\/05\/received_891635154378369.mp4?_=2\" \/><a href=\"https:\/\/blog.univ-angers.fr\/istiaprojetsei2\/files\/2018\/05\/received_891635154378369.mp4\">https:\/\/blog.univ-angers.fr\/istiaprojetsei2\/files\/2018\/05\/received_891635154378369.mp4<\/a><\/video><\/div>\n<p>&nbsp;<\/p>\n<p>Projet r\u00e9alis\u00e9 par Augustine COQUELIN et Marion WACHOWIAK, accompagn\u00e9es par S\u00e9bastien LAHAYE.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Nous sommes Augustine COQUELIN et Marion WACHOWIAK, et nous avons d\u00fb r\u00e9aliser un projet dans le cadre de notre dernier semestre de cycle pr\u00e9pa \u00e0 l&#8217;ISTIA. Nous voulions travailler sur un projet m\u00ealant plusieurs types de comp\u00e9tences et qui soit &hellip; <a href=\"https:\/\/blog.univ-angers.fr\/polytech_2A\/2018\/05\/23\/projet-el-sound\/\">Continuer la lecture <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":46837,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[147],"tags":[],"class_list":["post-562","post","type-post","status-publish","format-standard","hentry","category-147"],"_links":{"self":[{"href":"https:\/\/blog.univ-angers.fr\/polytech_2A\/wp-json\/wp\/v2\/posts\/562","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blog.univ-angers.fr\/polytech_2A\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.univ-angers.fr\/polytech_2A\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.univ-angers.fr\/polytech_2A\/wp-json\/wp\/v2\/users\/46837"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.univ-angers.fr\/polytech_2A\/wp-json\/wp\/v2\/comments?post=562"}],"version-history":[{"count":1,"href":"https:\/\/blog.univ-angers.fr\/polytech_2A\/wp-json\/wp\/v2\/posts\/562\/revisions"}],"predecessor-version":[{"id":572,"href":"https:\/\/blog.univ-angers.fr\/polytech_2A\/wp-json\/wp\/v2\/posts\/562\/revisions\/572"}],"wp:attachment":[{"href":"https:\/\/blog.univ-angers.fr\/polytech_2A\/wp-json\/wp\/v2\/media?parent=562"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.univ-angers.fr\/polytech_2A\/wp-json\/wp\/v2\/categories?post=562"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.univ-angers.fr\/polytech_2A\/wp-json\/wp\/v2\/tags?post=562"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}