{"id":10373,"date":"2022-07-19T15:09:26","date_gmt":"2022-07-19T15:09:26","guid":{"rendered":"http:\/\/hexagram.ca\/?p=10373"},"modified":"2025-03-19T09:09:38","modified_gmt":"2025-03-19T14:09:38","slug":"demo24-marie-eve-bilodeau-nuage","status":"publish","type":"post","link":"https:\/\/hexagram.ca\/fr\/demo24-marie-eve-bilodeau-nuage\/","title":{"rendered":"DEMO24 Marie-Eve Bilodeau &#8211; Nuage"},"content":{"rendered":"\n<p><em>Juillet 2022<\/em><\/p>\n\n\n\n<p><strong><em>NUAGE: Conception et \u00e9valuation d&rsquo;une interface tangible audiovisuelle<\/em><\/strong><\/p>\n\n\n\n<p>La conception et l\u2019\u00e9valuation de l\u2019interface tangible audiovisuelle NUAGE s\u2019inscrivent dans le projet de recherche de Marie-Eve Bilodeau, \u00e9tudiante \u00e0 la ma\u00eetrise en g\u00e9nie \u00e9lectrique \u00e0 l\u2019\u00c9cole de technologie sup\u00e9rieure (\u00c9TS).<\/p>\n\n\n\n<p>La ma\u00eetrise de Marie-Eve Bilodeau est ancr\u00e9e dans le domaine de l\u2019interaction humain-machine. Son m\u00e9moire vise \u00e0 repenser la conception des interfaces utilis\u00e9es par les artistes performeur\u00b7euse\u00b7s audiovisuels.<\/p>\n\n\n\n<div class=\"wp-block-cover is-light has-parallax\" style=\"min-height:575px\"><span aria-hidden=\"true\" class=\"wp-block-cover__background has-background-dim-0 has-background-dim\"><\/span><div role=\"img\" class=\"wp-block-cover__image-background wp-image-19893 has-parallax\" style=\"background-position:50% 50%;background-image:url(https:\/\/hexagram.ca\/wp-content\/uploads\/DEMO24_001.jpg)\"><\/div><div class=\"wp-block-cover__inner-container is-layout-flow wp-block-cover-is-layout-flow\">\n<p class=\"has-text-align-center has-white-color has-text-color\" style=\"font-size:30px\"><strong>Comment rendre la pr\u00e9sence sc\u00e9nique des artistes audiovisuels plus int\u00e9ressante et plus interactive, \u00e0 la fois pour eux\u00b7elles-m\u00eames et pour leur audience?<\/strong><\/p>\n<\/div><\/div>\n\n\n\n<p class=\"has-text-align-center has-small-font-size\">Exp\u00e9rimentation NUAGE, s\u00e9ance de tests \u00e0 la SAT, Cr\u00e9dit photo : Yan Breuleux, Visuels : R\u00e9mi Lapierre<\/p>\n\n\n\n<p>Les interfaces traditionnellement utilis\u00e9es pour la cr\u00e9ation d\u2019\u0153uvres performatives audiovisuelles sont principalement des outils logiciels. Ce sont des interfaces utilisateur graphiques qui offrent peu de possibilit\u00e9s d\u2019interaction \u00e0 l\u2019artiste, en plus de l\u2019invisibiliser.<\/p>\n\n\n\n<p>Bilodeau propose donc l\u2019utilisation d\u2019interfaces \u00ab&nbsp;tangibles&nbsp;\u00bb comme alternative aux traditionnels ordinateurs, \u00e9crans, claviers et souris. Son m\u00e9moire pr\u00e9sente une nouvelle m\u00e9thodologie de design ancr\u00e9e dans les principes de \u00ab&nbsp;l\u2019interaction tangible&nbsp;\u00bb [1] pour guider la conception des interfaces performatives audiovisuelles.<\/p>\n\n\n\n<p>Afin de tester et de mettre en action la m\u00e9thodologie de design propos\u00e9e, le prototype d\u2019interface NUAGE a \u00e9t\u00e9 con\u00e7u puis test\u00e9 dans un contexte r\u00e9el d\u2019utilisation.<\/p>\n\n\n\n<div class=\"wp-block-group has-background is-layout-flow wp-block-group-is-layout-flow\" style=\"background:linear-gradient(135deg,rgb(238,238,238) 0%,rgb(85,85,85) 100%)\"><div class=\"wp-block-group__inner-container\">\n\n\n<h2 class=\"wp-block-heading has-text-align-center\" style=\"font-size:24px\"><strong>R\u00e9sum\u00e9 de la m\u00e9thodologie<\/strong><\/h2>\n\n\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-layout-1 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p>La m\u00e9thodologie de design propos\u00e9e par Bilodeau se base sur 4 grands principes de l\u2019interaction tangible [2] :<\/p>\n\n\n\n<ul>\n<li>Tangibility and materiality<\/li>\n\n\n\n<li>Physical embodiment of data<\/li>\n\n\n\n<li>Bodily interaction<\/li>\n\n\n\n<li>Real space embeddedness<\/li>\n<\/ul>\n\n\n\n<p>En d\u2019autres mots, les interfaces doivent \u00eatre mat\u00e9rielles, repr\u00e9senter les donn\u00e9es de mani\u00e8re physique, permettre une interaction corporelle et s\u2019inscrire dans l\u2019espace physique r\u00e9el.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p>La m\u00e9thodologie identifie les intentions de design propres aux interfaces performatives audiovisuelles. Ainsi, une interface tangible devrait r\u00e9pondre aux objectifs suivants&nbsp;:<\/p>\n\n\n\n<ul>\n<li>Expressiveness<\/li>\n\n\n\n<li>Performativity<\/li>\n\n\n\n<li>Participation<\/li>\n\n\n\n<li>Aesthetics<\/li>\n\n\n\n<li>Engagement<\/li>\n<\/ul>\n\n\n\n<p><\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p>Finalement, la m\u00e9thodologie propose une taxonomie des diff\u00e9rents types d\u2019interfaces tangibles audiovisuels&nbsp;:<\/p>\n\n\n\n<ul>\n<li>Interactive Surface and Tabletops<\/li>\n\n\n\n<li>Constructive Assemblies<\/li>\n\n\n\n<li>Token and Constraints<\/li>\n\n\n\n<li>Pressure Based Interfaces<\/li>\n\n\n\n<li>Wearables<\/li>\n\n\n\n<li>Motion Based Interfaces<\/li>\n\n\n\n<li>Augmented Common Instruments<\/li>\n<\/ul>\n<\/div>\n<\/div>\n\n\n\n<p class=\"has-text-align-center\">Pour plus de d\u00e9tail sur la m\u00e9thodologie, consulter le m\u00e9moire de ma\u00eetrise \u00ab&nbsp;M\u00e9thodologie de conception des interfaces tangibles audiovisuelles et artistiques&nbsp;\u00bb de Marie-Eve Bilodeau [3].<\/p>\n\n\n<\/div><\/div>\n\n\n\n<p style=\"font-size:24px\"><strong>Conception de l\u2019interface NUAGE<\/strong><\/p>\n\n\n\n<p>L\u2019interface NUAGE vise \u00e0 r\u00e9pondre \u00e0 toutes les intentions de design de la m\u00e9thodologie. Elle impl\u00e9mente deux des types d\u2019interface, soit celui \u00e0 base de pression (Pressure Based Interface) et celui \u00e0 base de mouvement (Motion Based Interface).<\/p>\n\n\n\n<p>Le NUAGE est une structure 3D en silicone. Ses sept bulles creuses et ind\u00e9pendantes lui donnent l\u2019apparence d\u2019un cumulus. Chaque bulle est munie d\u2019un capteur de pression barom\u00e9trique. La bulle centrale est munie d\u2019un capteur d\u2019orientation. La structure du NUAGE a \u00e9t\u00e9 r\u00e9alis\u00e9e en coulant du silicone liquide dans un moule con\u00e7u en impression 3D. Les capteurs ins\u00e9r\u00e9s dans le NUAGE sont reli\u00e9s \u00e0 une plateforme de prototypage \u00e9lectronique qui traite les donn\u00e9es re\u00e7ues et les retransmet par le protocole de communication OSC via WiFi.<\/p>\n\n\n\n<p>Le NUAGE est une interface de contr\u00f4le. Au m\u00eame titre que le serait un clavier ou un keypad MIDI. Les donn\u00e9es OSC qu\u2019il transmet peuvent \u00eatre utilis\u00e9es par des logiciels de g\u00e9n\u00e9ration de contenu, tel TouchDesigner, pour cr\u00e9er des effets visuels et sonores.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"332\" src=\"https:\/\/hexagram.ca\/wp-content\/uploads\/DEMO24_002-1.png\" alt=\"\" class=\"wp-image-19898\"\/><\/figure><\/div>\n\n\n<p>L\u2019utilisation du NUAGE est instinctive. Il s\u2019agit de le prendre dans ses mains, de presser sur les bulles et de le bouger librement dans les airs. Une utilisation simpliste du NUAGE serait par exemple s\u2019assigner chacune de ses bulles \u00e0 une note de musique.<\/p>\n\n\n\n<figure class=\"wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-1 is-layout-flex wp-block-gallery-is-layout-flex\">\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"405\" height=\"720\" data-id=\"19900\" src=\"https:\/\/hexagram.ca\/wp-content\/uploads\/DEMO24_003-405x720.jpg\" alt=\"\" class=\"wp-image-19900\" srcset=\"https:\/\/hexagram.ca\/wp-content\/uploads\/DEMO24_003-405x720.jpg 405w, https:\/\/hexagram.ca\/wp-content\/uploads\/DEMO24_003.jpg 450w\" sizes=\"(max-width: 405px) 100vw, 405px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"540\" height=\"720\" data-id=\"19902\" src=\"https:\/\/hexagram.ca\/wp-content\/uploads\/DEMO24_004-540x720.jpg\" alt=\"\" class=\"wp-image-19902\" srcset=\"https:\/\/hexagram.ca\/wp-content\/uploads\/DEMO24_004-540x720.jpg 540w, https:\/\/hexagram.ca\/wp-content\/uploads\/DEMO24_004.jpg 600w\" sizes=\"(max-width: 540px) 100vw, 540px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"540\" height=\"720\" data-id=\"19904\" src=\"https:\/\/hexagram.ca\/wp-content\/uploads\/DEMO24_005-540x720.jpg\" alt=\"\" class=\"wp-image-19904\" srcset=\"https:\/\/hexagram.ca\/wp-content\/uploads\/DEMO24_005-540x720.jpg 540w, https:\/\/hexagram.ca\/wp-content\/uploads\/DEMO24_005.jpg 600w\" sizes=\"(max-width: 540px) 100vw, 540px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"450\" data-id=\"19906\" src=\"https:\/\/hexagram.ca\/wp-content\/uploads\/DEMO24_006.jpg\" alt=\"\" class=\"wp-image-19906\"\/><\/figure>\n<figcaption class=\"blocks-gallery-caption wp-element-caption\">Interface NUAGE, Cr\u00e9dits photo : Marie-Eve Bilodeau et Yan Breuleux<\/figcaption><\/figure>\n\n\n\n<p style=\"font-size:24px\"><strong>\u00c9valuation de l\u2019interface<\/strong><\/p>\n\n\n\n<p>Le NUAGE a \u00e9t\u00e9 \u00e9valu\u00e9 dans un contexte de cr\u00e9ation et d\u2019interpr\u00e9tation d\u2019une \u0153uvre audiovisuelle devant public. Un contexte se rapprochant donc de son utilisation future r\u00e9elle. Une exp\u00e9rimentation a \u00e9t\u00e9 r\u00e9alis\u00e9e avec des participant\u00b7e\u00b7s \u00e0 l\u2019automne 2021.<\/p>\n\n\n\n<p>Des participants-artistes ont re\u00e7u le mandat de cr\u00e9er une \u0153uvre audiovisuelle de 5 minutes contr\u00f4l\u00e9e par le NUAGE. Les visuels ont \u00e9t\u00e9 \u00e9labor\u00e9s par l\u2019artiste-programmeur R\u00e9mi Lapierre. Il a d\u00e9velopp\u00e9 un syst\u00e8me de g\u00e9n\u00e9ration proc\u00e9dural d\u2019animations 3D \u00e0 l\u2019aide de TouchDesigner. Yan Breuleux [membre cochercheur, UQAC-NAD] a r\u00e9alis\u00e9 la partie sonore de l\u2019\u0153uvre en collaboration avec Claude Asselin. Le contenu sonore a \u00e9t\u00e9 con\u00e7u \u00e0 l\u2019aide de GRM Tools.<\/p>\n\n\n\n<p>La s\u00e9ance de collecte des donn\u00e9es a pris la forme d\u2019une prestation de l\u2019\u0153uvre en direct devant des participant\u00b7e\u00b7s-public \u00e0 la Soci\u00e9t\u00e9 des arts technologiques (SAT) de Montr\u00e9al.<\/p>\n\n\n\n<figure class=\"wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-2 is-layout-flex wp-block-gallery-is-layout-flex\">\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/hexagram.ca\/wp-content\/uploads\/DEMO24_007.jpg\"><img loading=\"lazy\" decoding=\"async\" width=\"405\" height=\"720\" data-id=\"19908\" src=\"https:\/\/hexagram.ca\/wp-content\/uploads\/DEMO24_007-405x720.jpg\" alt=\"\" class=\"wp-image-19908\" srcset=\"https:\/\/hexagram.ca\/wp-content\/uploads\/DEMO24_007-405x720.jpg 405w, https:\/\/hexagram.ca\/wp-content\/uploads\/DEMO24_007.jpg 450w\" sizes=\"(max-width: 405px) 100vw, 405px\" \/><\/a><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/hexagram.ca\/wp-content\/uploads\/DEMO24_008.jpg\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"600\" data-id=\"19910\" src=\"https:\/\/hexagram.ca\/wp-content\/uploads\/DEMO24_008.jpg\" alt=\"\" class=\"wp-image-19910\"\/><\/a><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/hexagram.ca\/wp-content\/uploads\/DEMO24_009.jpg\"><img loading=\"lazy\" decoding=\"async\" width=\"540\" height=\"720\" data-id=\"19912\" src=\"https:\/\/hexagram.ca\/wp-content\/uploads\/DEMO24_009-540x720.jpg\" alt=\"\" class=\"wp-image-19912\" srcset=\"https:\/\/hexagram.ca\/wp-content\/uploads\/DEMO24_009-540x720.jpg 540w, https:\/\/hexagram.ca\/wp-content\/uploads\/DEMO24_009.jpg 600w\" sizes=\"(max-width: 540px) 100vw, 540px\" \/><\/a><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/hexagram.ca\/wp-content\/uploads\/DEMO24_010-1.jpg\"><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"563\" data-id=\"19916\" src=\"https:\/\/hexagram.ca\/wp-content\/uploads\/DEMO24_010-1.jpg\" alt=\"\" class=\"wp-image-19916\" srcset=\"https:\/\/hexagram.ca\/wp-content\/uploads\/DEMO24_010-1.jpg 1000w, https:\/\/hexagram.ca\/wp-content\/uploads\/DEMO24_010-1-800x450.jpg 800w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/a><\/figure>\n<figcaption class=\"blocks-gallery-caption wp-element-caption\">Exp\u00e9rimentation NUAGE, novembre 2021, Cr\u00e9dits photo : Marie-Eve Bilodeau et Yan Breuleux, Visuels : R\u00e9mi Lapierre<\/figcaption><\/figure>\n\n\n\n<p>Des questionnaires de type Likert ont \u00e9t\u00e9 remis aux membres du public et aux artistes avant et apr\u00e8s la performance. Une discussion informelle a suivi. Les questions et discussions portaient sur la perception de l\u2019interface et de la performance, en lien avec les intentions de design \u00e9num\u00e9r\u00e9s plus haut. Par exemple, le niveau de visibilit\u00e9 de l\u2019interface, le niveau de contr\u00f4le per\u00e7u et l\u2019esth\u00e9tisme des interactions \u00e9taient \u00e9valu\u00e9s.<\/p>\n\n\n\n<p>La vid\u00e9o suivante pr\u00e9sente l\u2019\u0153uvre \u00ab&nbsp;Close to me&nbsp;\u00bb, interpr\u00e9t\u00e9e par Yan Breuleux, lors de la s\u00e9ance d\u2019exp\u00e9rimentation qui a eu lieu le 30 novembre \u00e0 la SAT.<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-vimeo wp-block-embed-vimeo wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"_S\u00e9ance_2_Nuages\" src=\"https:\/\/player.vimeo.com\/video\/653779508?dnt=1&amp;app_id=122963\" width=\"1170\" height=\"658\" frameborder=\"0\" allow=\"autoplay; fullscreen; picture-in-picture; clipboard-write; encrypted-media\"><\/iframe>\n<\/div><figcaption class=\"wp-element-caption\">Exp\u00e9rimentation NUAGE, novembre 2021, Interpr\u00e8te : Yan Breuleux, Visuels : R\u00e9mi Lapierre<\/figcaption><\/figure>\n\n\n\n<p>Cette exp\u00e9rimentation a permis de d\u00e9gager des recommandations quant aux caract\u00e9ristiques physiques de l\u2019interface, mais \u00e9galement quant \u00e0 la sc\u00e9nographie d\u2019une \u0153uvre l\u2019utilisant. Par exemple, le besoin de rendre l\u2019interface plus robuste, plus sensible et plus visible a \u00e9t\u00e9 not\u00e9.<\/p>\n\n\n\n<p style=\"font-size:24px\"><strong>Vers de nouveaux projets collaboratifs<\/strong><\/p>\n\n\n\n<p>De cette premi\u00e8re collaboration avec le professeur Yan Breuleux est n\u00e9e l\u2019envie de poursuivre ses recherches quant \u00e0 la narrativit\u00e9 des interfaces tangibles en contexte de prestation immersive. Ainsi, une deuxi\u00e8me ronde de cr\u00e9ation a eu lieu au printemps 2022 avec une version am\u00e9lior\u00e9e du NUAGE.<\/p>\n\n\n\n<p>Cela a men\u00e9 \u00e0 la rencontre interdisciplinaire Hexagram <a href=\"https:\/\/rencontres.hexagram.ca\/en-ca\/allcategories-en-ca\/22-emergence-y\/emergence-y-content\/135-experimentations-et-table-ronde-nuages\"><em>Embodied Meaning<\/em>&nbsp;: performance A\/V Nuages en format Fulldome \u00e0 l&rsquo;aide d&rsquo;une interface tangible (S\u00e9rie SUR_Exposition)<\/a>. Le projet a \u00e9t\u00e9 r\u00e9alis\u00e9 gr\u00e2ce \u00e0 la participation d&rsquo;un groupe d&rsquo;\u00e9tudiants interdisciplinaire \u00e0 la ma\u00eetrise et au doctorat provenant de l&rsquo;Universit\u00e9 de Montr\u00e9al, du NAD et de l&rsquo;\u00c9TS. Pour consulter les bios des participants, consultez le programme <a href=\"https:\/\/rencontres.hexagram.ca\/en-ca\/allcategories-en-ca\/22-emergence-y\/emergence-y-content\/135-experimentations-et-table-ronde-nuages\">EMERGENCE\/Y<\/a><\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-layout-2 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"><div class=\"wp-block-image\">\n<figure class=\"alignright size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"540\" height=\"720\" src=\"https:\/\/hexagram.ca\/wp-content\/uploads\/DEMO24_011-540x720.jpg\" alt=\"\" class=\"wp-image-19918\" style=\"width:428px;height:570px\" srcset=\"https:\/\/hexagram.ca\/wp-content\/uploads\/DEMO24_011-540x720.jpg 540w, https:\/\/hexagram.ca\/wp-content\/uploads\/DEMO24_011.jpg 600w\" sizes=\"(max-width: 540px) 100vw, 540px\" \/><\/figure><\/div><\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"><div class=\"wp-block-image\">\n<figure class=\"alignleft size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"600\" src=\"https:\/\/hexagram.ca\/wp-content\/uploads\/DEMO24_012.jpg\" alt=\"\" class=\"wp-image-19920\" style=\"width:369px;height:277px\"\/><\/figure><\/div>\n\n<div class=\"wp-block-image\">\n<figure class=\"alignleft size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"600\" src=\"https:\/\/hexagram.ca\/wp-content\/uploads\/DEMO24_013.jpg\" alt=\"\" class=\"wp-image-19922\" style=\"width:370px;height:278px\"\/><\/figure><\/div><\/div>\n<\/div>\n\n\n\n<p class=\"has-text-align-center has-small-font-size\">Embodied Meaning : performance A\/V Nuages en format Fulldome \u00e0 l&rsquo;aide d&rsquo;une interface tangible (S\u00e9rie SUR_Exposition), Cr\u00e9dits photo&nbsp;: Yan Breuleux, Visuels&nbsp;: V\u00e9nus Grivegn\u00e9e (NAD), R\u00e9mi Lapierre.<\/p>\n\n\n\n\n\n<div class=\"wp-block-group is-layout-flow wp-block-group-is-layout-flow\"><div class=\"wp-block-group__inner-container\">\n<p><strong>R\u00e9f\u00e9rences&nbsp;:<\/strong><\/p>\n\n\n\n<p>[1] Hornecker, E. &amp; Buur, J. (2006). Getting a grip on tangible interaction: a framework on physical space and social interaction. <em>Proceedings of the SIGCHI conference on Human Factors in computing systems<\/em>, pp. 437\u2013446.<\/p>\n\n\n\n<p>[2] Hornecker, E. (2015). Tangible interaction. <em>The Glossary of Human Computer Interaction<\/em>.<\/p>\n\n\n\n<p>[3] Bilodeau, M. (2022).&nbsp;<em>M\u00e9thodologie de conception des interfaces tangibles audiovisuelles et artistiques<\/em> (M\u00e9moire de ma\u00eetrise, \u00c9cole de technologie sup\u00e9rieure)<\/p>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-group alignfull editor:no-inserter ext-py-lg ext ext-my-0 has-white-color has-text-color has-background is-layout-flow wp-block-group-is-layout-flow\" style=\"background:linear-gradient(220deg,rgb(238,238,238) 0%,rgb(85,85,85) 100%)\"><div class=\"wp-block-group__inner-container\">\n<p class=\"has-white-color has-text-color has-medium-font-size\">Marie-Eve Bilodeau compl\u00e8te pr\u00e9sentement sa ma\u00eetrise en g\u00e9nie \u00e9lectrique \u00e0 l\u2019\u00c9TS. Ses recherches portent sur l\u2019interaction humain-machine et la conception des interfaces tangibles pour le domaine des arts audiovisuels. Elle d\u00e9tient une technique en \u00e9lectronique audiovisuelle et un baccalaur\u00e9at en g\u00e9nie \u00e9lectrique. Marie-Eve a travaill\u00e9 comme conceptrice FPGA chez Grass Valley, puis comme conceptrice syst\u00e8mes chez Thinkwell Studio Montr\u00e9al. La ma\u00eetrise de Marie-Eve est dirig\u00e9e par Ghyslain Gagnon, professeur au d\u00e9partement de g\u00e9nie \u00e9lectrique de l\u2019\u00c9TS et co-dirig\u00e9e par Yan Breuleux, professeur \u00e0 l\u2019\u00c9cole NAD-UQAC.<\/p>\n<\/div><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Juillet 2022 NUAGE: Conception et \u00e9valuation d&rsquo;une interface tangible audiovisuelle La conception et l\u2019\u00e9valuation de l\u2019interface tangible audiovisuelle NUAGE s\u2019inscrivent dans le projet de recherche de Marie-Eve Bilodeau, \u00e9tudiante \u00e0 la ma\u00eetrise en g\u00e9nie \u00e9lectrique \u00e0 l\u2019\u00c9cole de technologie sup\u00e9rieure (\u00c9TS). La ma\u00eetrise de Marie-Eve Bilodeau est ancr\u00e9e dans le domaine de l\u2019interaction humain-machine. Son [&hellip;]<\/p>\n","protected":false},"author":47,"featured_media":19891,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"categories":[26],"tags":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v22.7 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>DEMO24 Marie-Eve Bilodeau - Nuage - hexagram.ca<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/hexagram.ca\/fr\/demo24-marie-eve-bilodeau-nuage\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"DEMO24 Marie-Eve Bilodeau - Nuage - hexagram.ca\" \/>\n<meta property=\"og:description\" content=\"Juillet 2022 NUAGE: Conception et \u00e9valuation d&rsquo;une interface tangible audiovisuelle La conception et l\u2019\u00e9valuation de l\u2019interface tangible audiovisuelle NUAGE s\u2019inscrivent dans le projet de recherche de Marie-Eve Bilodeau, \u00e9tudiante \u00e0 la ma\u00eetrise en g\u00e9nie \u00e9lectrique \u00e0 l\u2019\u00c9cole de technologie sup\u00e9rieure (\u00c9TS). La ma\u00eetrise de Marie-Eve Bilodeau est ancr\u00e9e dans le domaine de l\u2019interaction humain-machine. Son [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/hexagram.ca\/fr\/demo24-marie-eve-bilodeau-nuage\/\" \/>\n<meta property=\"og:site_name\" content=\"hexagram.ca\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/HexagramNetwork\" \/>\n<meta property=\"article:published_time\" content=\"2022-07-19T15:09:26+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-03-19T14:09:38+00:00\" \/>\n<meta property=\"og:image\" content=\"http:\/\/hexagram.ca\/wp-content\/uploads\/DEMO24_000.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1280\" \/>\n\t<meta property=\"og:image:height\" content=\"720\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Hexagram\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@HexagramNetwork\" \/>\n<meta name=\"twitter:site\" content=\"@HexagramNetwork\" \/>\n<meta name=\"twitter:label1\" content=\"\u00c9crit par\" \/>\n\t<meta name=\"twitter:data1\" content=\"Hexagram\" \/>\n\t<meta name=\"twitter:label2\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data2\" content=\"10 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/hexagram.ca\/fr\/demo24-marie-eve-bilodeau-nuage\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/hexagram.ca\/fr\/demo24-marie-eve-bilodeau-nuage\/\"},\"author\":{\"name\":\"Hexagram\",\"@id\":\"https:\/\/hexagram.ca\/fr\/#\/schema\/person\/7f500f99e88668e92424aa63fafe43f5\"},\"headline\":\"DEMO24 Marie-Eve Bilodeau &#8211; Nuage\",\"datePublished\":\"2022-07-19T15:09:26+00:00\",\"dateModified\":\"2025-03-19T14:09:38+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/hexagram.ca\/fr\/demo24-marie-eve-bilodeau-nuage\/\"},\"wordCount\":1357,\"publisher\":{\"@id\":\"https:\/\/hexagram.ca\/fr\/#organization\"},\"image\":{\"@id\":\"https:\/\/hexagram.ca\/fr\/demo24-marie-eve-bilodeau-nuage\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/hexagram.ca\/wp-content\/uploads\/DEMO24_000.jpg\",\"articleSection\":[\"DEMO\"],\"inLanguage\":\"fr-FR\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/hexagram.ca\/fr\/demo24-marie-eve-bilodeau-nuage\/\",\"url\":\"https:\/\/hexagram.ca\/fr\/demo24-marie-eve-bilodeau-nuage\/\",\"name\":\"DEMO24 Marie-Eve Bilodeau - Nuage - hexagram.ca\",\"isPartOf\":{\"@id\":\"https:\/\/hexagram.ca\/fr\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/hexagram.ca\/fr\/demo24-marie-eve-bilodeau-nuage\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/hexagram.ca\/fr\/demo24-marie-eve-bilodeau-nuage\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/hexagram.ca\/wp-content\/uploads\/DEMO24_000.jpg\",\"datePublished\":\"2022-07-19T15:09:26+00:00\",\"dateModified\":\"2025-03-19T14:09:38+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/hexagram.ca\/fr\/demo24-marie-eve-bilodeau-nuage\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/hexagram.ca\/fr\/demo24-marie-eve-bilodeau-nuage\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/hexagram.ca\/fr\/demo24-marie-eve-bilodeau-nuage\/#primaryimage\",\"url\":\"https:\/\/hexagram.ca\/wp-content\/uploads\/DEMO24_000.jpg\",\"contentUrl\":\"https:\/\/hexagram.ca\/wp-content\/uploads\/DEMO24_000.jpg\",\"width\":1280,\"height\":720},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/hexagram.ca\/fr\/demo24-marie-eve-bilodeau-nuage\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Accueil\",\"item\":\"https:\/\/hexagram.ca\/fr\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"DEMO24 Marie-Eve Bilodeau &#8211; Nuage\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/hexagram.ca\/fr\/#website\",\"url\":\"https:\/\/hexagram.ca\/fr\/\",\"name\":\"hexagram.ca\",\"description\":\"R\u00e9seau de recherche-cr\u00e9ation en arts, cultures et technologies.\",\"publisher\":{\"@id\":\"https:\/\/hexagram.ca\/fr\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/hexagram.ca\/fr\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/hexagram.ca\/fr\/#organization\",\"name\":\"hexagram.ca\",\"url\":\"https:\/\/hexagram.ca\/fr\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/hexagram.ca\/fr\/#\/schema\/logo\/image\/\",\"url\":\"http:\/\/hexagram.ca\/wp-content\/uploads\/HEXAGRAM-logo_Colour-02-e1681827308467.png\",\"contentUrl\":\"http:\/\/hexagram.ca\/wp-content\/uploads\/HEXAGRAM-logo_Colour-02-e1681827308467.png\",\"width\":450,\"height\":450,\"caption\":\"hexagram.ca\"},\"image\":{\"@id\":\"https:\/\/hexagram.ca\/fr\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/HexagramNetwork\",\"https:\/\/x.com\/HexagramNetwork\",\"https:\/\/www.instagram.com\/hexagram.network\/\",\"https:\/\/www.youtube.com\/channel\/UCrkTxcWUd83yrgt9f67qCUQ\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/hexagram.ca\/fr\/#\/schema\/person\/7f500f99e88668e92424aa63fafe43f5\",\"name\":\"Hexagram\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/hexagram.ca\/fr\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/fc277ef37589ac9b33f9b9259dd7ab69?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/fc277ef37589ac9b33f9b9259dd7ab69?s=96&d=mm&r=g\",\"caption\":\"Hexagram\"},\"url\":\"https:\/\/hexagram.ca\/fr\/author\/reseauhexagram\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"DEMO24 Marie-Eve Bilodeau - Nuage - hexagram.ca","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/hexagram.ca\/fr\/demo24-marie-eve-bilodeau-nuage\/","og_locale":"fr_FR","og_type":"article","og_title":"DEMO24 Marie-Eve Bilodeau - Nuage - hexagram.ca","og_description":"Juillet 2022 NUAGE: Conception et \u00e9valuation d&rsquo;une interface tangible audiovisuelle La conception et l\u2019\u00e9valuation de l\u2019interface tangible audiovisuelle NUAGE s\u2019inscrivent dans le projet de recherche de Marie-Eve Bilodeau, \u00e9tudiante \u00e0 la ma\u00eetrise en g\u00e9nie \u00e9lectrique \u00e0 l\u2019\u00c9cole de technologie sup\u00e9rieure (\u00c9TS). La ma\u00eetrise de Marie-Eve Bilodeau est ancr\u00e9e dans le domaine de l\u2019interaction humain-machine. Son [&hellip;]","og_url":"https:\/\/hexagram.ca\/fr\/demo24-marie-eve-bilodeau-nuage\/","og_site_name":"hexagram.ca","article_publisher":"https:\/\/www.facebook.com\/HexagramNetwork","article_published_time":"2022-07-19T15:09:26+00:00","article_modified_time":"2025-03-19T14:09:38+00:00","og_image":[{"width":1280,"height":720,"url":"http:\/\/hexagram.ca\/wp-content\/uploads\/DEMO24_000.jpg","type":"image\/jpeg"}],"author":"Hexagram","twitter_card":"summary_large_image","twitter_creator":"@HexagramNetwork","twitter_site":"@HexagramNetwork","twitter_misc":{"\u00c9crit par":"Hexagram","Dur\u00e9e de lecture estim\u00e9e":"10 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/hexagram.ca\/fr\/demo24-marie-eve-bilodeau-nuage\/#article","isPartOf":{"@id":"https:\/\/hexagram.ca\/fr\/demo24-marie-eve-bilodeau-nuage\/"},"author":{"name":"Hexagram","@id":"https:\/\/hexagram.ca\/fr\/#\/schema\/person\/7f500f99e88668e92424aa63fafe43f5"},"headline":"DEMO24 Marie-Eve Bilodeau &#8211; Nuage","datePublished":"2022-07-19T15:09:26+00:00","dateModified":"2025-03-19T14:09:38+00:00","mainEntityOfPage":{"@id":"https:\/\/hexagram.ca\/fr\/demo24-marie-eve-bilodeau-nuage\/"},"wordCount":1357,"publisher":{"@id":"https:\/\/hexagram.ca\/fr\/#organization"},"image":{"@id":"https:\/\/hexagram.ca\/fr\/demo24-marie-eve-bilodeau-nuage\/#primaryimage"},"thumbnailUrl":"https:\/\/hexagram.ca\/wp-content\/uploads\/DEMO24_000.jpg","articleSection":["DEMO"],"inLanguage":"fr-FR"},{"@type":"WebPage","@id":"https:\/\/hexagram.ca\/fr\/demo24-marie-eve-bilodeau-nuage\/","url":"https:\/\/hexagram.ca\/fr\/demo24-marie-eve-bilodeau-nuage\/","name":"DEMO24 Marie-Eve Bilodeau - Nuage - hexagram.ca","isPartOf":{"@id":"https:\/\/hexagram.ca\/fr\/#website"},"primaryImageOfPage":{"@id":"https:\/\/hexagram.ca\/fr\/demo24-marie-eve-bilodeau-nuage\/#primaryimage"},"image":{"@id":"https:\/\/hexagram.ca\/fr\/demo24-marie-eve-bilodeau-nuage\/#primaryimage"},"thumbnailUrl":"https:\/\/hexagram.ca\/wp-content\/uploads\/DEMO24_000.jpg","datePublished":"2022-07-19T15:09:26+00:00","dateModified":"2025-03-19T14:09:38+00:00","breadcrumb":{"@id":"https:\/\/hexagram.ca\/fr\/demo24-marie-eve-bilodeau-nuage\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/hexagram.ca\/fr\/demo24-marie-eve-bilodeau-nuage\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/hexagram.ca\/fr\/demo24-marie-eve-bilodeau-nuage\/#primaryimage","url":"https:\/\/hexagram.ca\/wp-content\/uploads\/DEMO24_000.jpg","contentUrl":"https:\/\/hexagram.ca\/wp-content\/uploads\/DEMO24_000.jpg","width":1280,"height":720},{"@type":"BreadcrumbList","@id":"https:\/\/hexagram.ca\/fr\/demo24-marie-eve-bilodeau-nuage\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https:\/\/hexagram.ca\/fr\/"},{"@type":"ListItem","position":2,"name":"DEMO24 Marie-Eve Bilodeau &#8211; Nuage"}]},{"@type":"WebSite","@id":"https:\/\/hexagram.ca\/fr\/#website","url":"https:\/\/hexagram.ca\/fr\/","name":"hexagram.ca","description":"R\u00e9seau de recherche-cr\u00e9ation en arts, cultures et technologies.","publisher":{"@id":"https:\/\/hexagram.ca\/fr\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/hexagram.ca\/fr\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"fr-FR"},{"@type":"Organization","@id":"https:\/\/hexagram.ca\/fr\/#organization","name":"hexagram.ca","url":"https:\/\/hexagram.ca\/fr\/","logo":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/hexagram.ca\/fr\/#\/schema\/logo\/image\/","url":"http:\/\/hexagram.ca\/wp-content\/uploads\/HEXAGRAM-logo_Colour-02-e1681827308467.png","contentUrl":"http:\/\/hexagram.ca\/wp-content\/uploads\/HEXAGRAM-logo_Colour-02-e1681827308467.png","width":450,"height":450,"caption":"hexagram.ca"},"image":{"@id":"https:\/\/hexagram.ca\/fr\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/HexagramNetwork","https:\/\/x.com\/HexagramNetwork","https:\/\/www.instagram.com\/hexagram.network\/","https:\/\/www.youtube.com\/channel\/UCrkTxcWUd83yrgt9f67qCUQ"]},{"@type":"Person","@id":"https:\/\/hexagram.ca\/fr\/#\/schema\/person\/7f500f99e88668e92424aa63fafe43f5","name":"Hexagram","image":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/hexagram.ca\/fr\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/fc277ef37589ac9b33f9b9259dd7ab69?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/fc277ef37589ac9b33f9b9259dd7ab69?s=96&d=mm&r=g","caption":"Hexagram"},"url":"https:\/\/hexagram.ca\/fr\/author\/reseauhexagram\/"}]}},"_links":{"self":[{"href":"https:\/\/hexagram.ca\/fr\/wp-json\/wp\/v2\/posts\/10373"}],"collection":[{"href":"https:\/\/hexagram.ca\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/hexagram.ca\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/hexagram.ca\/fr\/wp-json\/wp\/v2\/users\/47"}],"replies":[{"embeddable":true,"href":"https:\/\/hexagram.ca\/fr\/wp-json\/wp\/v2\/comments?post=10373"}],"version-history":[{"count":75,"href":"https:\/\/hexagram.ca\/fr\/wp-json\/wp\/v2\/posts\/10373\/revisions"}],"predecessor-version":[{"id":19924,"href":"https:\/\/hexagram.ca\/fr\/wp-json\/wp\/v2\/posts\/10373\/revisions\/19924"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/hexagram.ca\/fr\/wp-json\/wp\/v2\/media\/19891"}],"wp:attachment":[{"href":"https:\/\/hexagram.ca\/fr\/wp-json\/wp\/v2\/media?parent=10373"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/hexagram.ca\/fr\/wp-json\/wp\/v2\/categories?post=10373"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/hexagram.ca\/fr\/wp-json\/wp\/v2\/tags?post=10373"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}