{"id":2346,"date":"2019-06-17T19:14:23","date_gmt":"2019-06-17T19:14:23","guid":{"rendered":"https:\/\/colinbouvry.com\/?p=2346"},"modified":"2020-04-26T07:59:25","modified_gmt":"2020-04-26T07:59:25","slug":"atelier-collective-mobile-mapping","status":"publish","type":"post","link":"https:\/\/colinbouvry.com\/?p=2346","title":{"rendered":"Atelier : Collective mobile mapping"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\">Facilitateur technique &#8211; Juin 2019 &#8211; SAT Montr\u00e9al <\/h2>\n\n\n\n<figure class=\"wp-block-gallery columns-2 is-cropped aligncenter wp-block-gallery-1 is-layout-flex wp-block-gallery-is-layout-flex\"><ul class=\"blocks-gallery-grid\"><li class=\"blocks-gallery-item\"><figure><img loading=\"lazy\" decoding=\"async\" width=\"500\" height=\"265\" src=\"https:\/\/colinbouvry.com\/wp-content\/uploads\/2019\/06\/symposium.png\" alt=\"\" data-id=\"2349\" class=\"wp-image-2349\"\/><\/figure><\/li><li class=\"blocks-gallery-item\"><figure><img loading=\"lazy\" decoding=\"async\" width=\"760\" height=\"360\" src=\"https:\/\/colinbouvry.com\/wp-content\/uploads\/2019\/06\/collective-mapping2-1.jpg\" alt=\"\" data-id=\"2367\" data-link=\"https:\/\/colinbouvry.com\/?attachment_id=2367\" class=\"wp-image-2367\" srcset=\"https:\/\/colinbouvry.com\/wp-content\/uploads\/2019\/06\/collective-mapping2-1.jpg 760w, https:\/\/colinbouvry.com\/wp-content\/uploads\/2019\/06\/collective-mapping2-1-160x75.jpg 160w, https:\/\/colinbouvry.com\/wp-content\/uploads\/2019\/06\/collective-mapping2-1-525x249.jpg 525w\" sizes=\"(max-width: 760px) 100vw, 760px\" \/><\/figure><\/li><\/ul><\/figure>\n\n\n\n<figure class=\"wp-block-gallery columns-2  aligncenter wp-block-gallery-2 is-layout-flex wp-block-gallery-is-layout-flex\"><ul class=\"blocks-gallery-grid\"><li class=\"blocks-gallery-item\"><figure><img loading=\"lazy\" decoding=\"async\" width=\"100\" height=\"100\" src=\"https:\/\/colinbouvry.com\/wp-content\/uploads\/2019\/06\/sat_facebook_v3-e1560824804683.png\" alt=\"\" data-id=\"2375\" data-link=\"https:\/\/colinbouvry.com\/?attachment_id=2375\" class=\"wp-image-2375\"\/><\/figure><\/li><li class=\"blocks-gallery-item\"><figure><img loading=\"lazy\" decoding=\"async\" width=\"100\" height=\"100\" src=\"https:\/\/colinbouvry.com\/wp-content\/uploads\/2018\/11\/Logo-reflective-color-transp-e1541335133598.png\" alt=\"\" data-id=\"2095\" data-link=\"https:\/\/colinbouvry.com\/?attachment_id=2095\" class=\"wp-image-2095\"\/><\/figure><\/li><\/ul><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">\u00c0 PROPOS DE CET ATELIER<\/h3>\n\n\n\n<p style=\"background-color:#000092;color:#ffffff\" class=\"has-text-color has-background\">Cet atelier propose de poursuivre une recherche en cours, concernant la mise en \u0153uvre de l&rsquo;interactivit\u00e9 collective. Une plateforme technique g\u00e9n\u00e9rique, fond\u00e9e sur les technologies du Web, permettra la cr\u00e9ation de projets interactifs alliant vid\u00e9o-mapping et un nombre variable de smartphones \u00e0 travers le r\u00e9seau local mis en place pour l&rsquo;occasion.<br><br>Il s&rsquo;agit d&rsquo;investir les outils \u00e9mergents d&rsquo;\u00e9criture de l&rsquo;interactivit\u00e9 collective, c&rsquo;est pourquoi l&rsquo;\u00e9criture de code par les participants fait partie des t\u00e2ches que nous souhaitons effectuer. En effet, il s&rsquo;agit aussi d&rsquo;ouvrir une r\u00e9flexion sur la structure m\u00eame de ces outils, sur leurs avantages et inconv\u00e9nients, mais aussi sur leurs limites. <br><br>Le dispositif fonctionne gr\u00e2ce \u00e0 un ensemble de technologies reli\u00e9es entre elles. Pour ce workshop, seuls les \u00e9crans mobiles et un vid\u00e9o-mapping simple seront utilis\u00e9s.<br><br>Une notion de \u201ccanal\u201d a \u00e9t\u00e9 d\u00e9finie afin de permettre \u00e0 chaque artiste de d\u00e9ployer son travail sur les supports de diffusion (\u00e9crans individuels ou collectifs). Une proposition artistique est donc constitu\u00e9e, en termes de contenus, par une sc\u00e8ne 3D diffus\u00e9e dans la projection (vid\u00e9o-mapping), d\u2019une sc\u00e8ne 3D diffus\u00e9e dans les \u00e9crans mobiles et d\u2019un programme de relation entre ces deux \u00e9l\u00e9ments (un script serveur). Afin de d\u00e9signer ces \u0153uvres de mani\u00e8re g\u00e9n\u00e9rique, nous utilisons le terme sketch. Chaque sketch peut \u00eatre diffus\u00e9 ind\u00e9pendamment des autres ou simultan\u00e9ment. Dans l&rsquo;optique de la d\u00e9monstration de cl\u00f4ture, les projets r\u00e9alis\u00e9s par les participants seront pr\u00e9sent\u00e9s, ainsi qu&rsquo;un dispositif issu de nos recherches.<br><br>Afin de d\u00e9signer ces \u0153uvres de mani\u00e8re g\u00e9n\u00e9rique, nous utilisons le terme sketch. Chaque sketch peut \u00eatre diffus\u00e9 ind\u00e9pendamment des autres ou simultan\u00e9ment, ouvrant la possibilit\u00e9 d&rsquo;un autre r\u00f4le dans le dispositif : celui de chef d\u2019orchestre qui d\u00e9fini sur place, en live, les propositions qui s&rsquo;affichent dans les \u00e9crans.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">OBJECTIFS DE L&rsquo;ATELIER<\/h3>\n\n\n\n<p style=\"color:#ff5001\" class=\"has-text-color has-background has-very-light-gray-background-color\">Il s&rsquo;agit de concevoir des exp\u00e9rimentations d&rsquo;interactivit\u00e9 collective \u00e0 l&rsquo;aide de notre plateforme. La conception d&rsquo;un sc\u00e9nario d&rsquo;interactivit\u00e9 collective est donc la premi\u00e8re phase du travail. Toutes les m\u00e9thodes sont possibles pour permettre \u00e0 cette phase de conception d&rsquo;abouti : r\u00e9alisation de sch\u00e9ma explicatif, de mindmap, de storyboard, d&rsquo;animatic, de diaporama, de textes descriptifs, de sp\u00e9cifications, etc.<br>Apr\u00e8s cette phase de conception\/sp\u00e9cification, L&rsquo;\u00e9criture des scripts sera effectu\u00e9e \u00e0 l&rsquo;aide de notre plateforme et de ses outils int\u00e9gr\u00e9s. Ce workshop propose d&rsquo;investir les outils \u00e9mergents d&rsquo;\u00e9criture de l&rsquo;interactivit\u00e9 collective, c&rsquo;est pourquoi l&rsquo;\u00e9criture de code par les participants fait partie des t\u00e2ches que nous souhaitons effectuer. En effet, il s&rsquo;agit aussi d&rsquo;entamer une r\u00e9flexion sur la structure m\u00eame de ces outils, leurs avantages, leurs inconv\u00e9nients et leurs limites \u00e9galement.<br><br>Les projets ont vocation \u00e0 \u00eatre pr\u00e9sent\u00e9s au public. Pour ce faire, un syst\u00e8me de vid\u00e9o-projection semi-immersif sera d\u00e9ploy\u00e9 pour l&rsquo;ensemble de la dur\u00e9e sur workshop. Une instance \u00ab\u00a0exposition\u00a0\u00bb de la plateforme sera en fonctionnement et utilisera ces projections comme sortie vid\u00e9o. Les travaux des participants seront transmis \u00e0 cette instance, de fa\u00e7on \u00e0 pouvoir tester les projets \u00e0 \u00e9chelle 1.<br><br>Afin que le travail d&rsquo;\u00e9criture des scripts des projets puisse se faire en parall\u00e8le, des instances \u00ab\u00a0locales\u00a0\u00bb de la plateforme seront ex\u00e9cut\u00e9es sur les machines des participants, leur \u00e9cran d&rsquo;ordinateur permettant le contr\u00f4le visuel de la sc\u00e8ne qui devrait \u00eatre projet\u00e9e. Chaque instance de la plateforme \u00e9tant compos\u00e9e d&rsquo;un serveur Web et d&rsquo;une sortie vid\u00e9o adaptable \u00e0 la configuration d&rsquo;\u00e9crans (vid\u00e9o-mapping ou mode \u00ab\u00a0debug\u00a0\u00bb sur un \u00e9cran simple), les \u00e9crans mobiles peuvent \u00eatre utilis\u00e9s sur chacune des instances indiff\u00e9remment \u00e0 l&rsquo;aide de l&rsquo;adresse IP des machines serveur.<br>Ces connexions inter-machines seront assur\u00e9es par un r\u00e9seau local d\u00e9di\u00e9 au workshop (permettant aussi un acc\u00e8s \u00e0 Internet).<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">PLAN DE L&rsquo;ATELIER<\/h3>\n\n\n\n<div class=\"wp-block-columns has-2-columns is-layout-flex wp-container-core-columns-is-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>Jeudi 30 mai<\/p>\n\n\n\n<ul><li>Introduction et installation des composants logiciels.<\/li><li>Prise en main \u00e0 partir des exemples.<\/li><li>Premier test technique de projets simple sur une cha\u00eene locale (machines des participants)<\/li><li>R\u00e9partition en groupes<\/li><li>D\u00e9but du travail de conception<\/li><li>Pr\u00e9sentation des id\u00e9es de projets<\/li><li>Pr\u00e9cision des projets &#8211; sp\u00e9cifications<\/li><\/ul>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p>Vendredi 31 mai<\/p>\n\n\n\n<ul><li>Ecriture des scripts, test sur cha\u00eene \u00ab\u00a0locale\u00a0\u00bb et chaine \u00ab\u00a0exposition\u00a0\u00bb (se reporter \u00e0 la section \u00ab\u00a0Objectifs et contenu\u00a0\u00bb).<\/li><li>Finalisation des scripts.<\/li><li>Installation de l&rsquo;ensemble sur la chaine \u00ab\u00a0exposition\u00a0\u00bb<\/li><li>Pr\u00e9sentation \/ d\u00e9mo par le collectif<\/li><li>Pr\u00e9sentation \/ d\u00e9mo par les participants.<\/li><\/ul>\n<\/div>\n<\/div>\n\n\n\n<h3 class=\"wp-block-heading\">MAT\u00c9RIEL REQUIS<\/h3>\n\n\n\n<ul><li>Un ordinateur portable \u00e9quip\u00e9 d&rsquo;un \u00e9diteur de code source (Visual Studio Code, Atom, Brackets, ou \u00e9quivalent) et d&rsquo;un navigateur prenant en charge WebGL.<\/li><li>Si possible, un smartphone de g\u00e9n\u00e9ration r\u00e9cente (iPhone 6 ou +, Samsung Galaxy S4 ou +, etc.), avec leurs c\u00e2bles de chargement et transfert de donn\u00e9es.<\/li><li>Pour iOS : Safari Mobile sous iOS 11<\/li><li>Pour Android : Chrome<\/li><li>Les smartphones doivent supporter le rendu 3D temps r\u00e9el et int\u00e9grer certains capteurs : acc\u00e9l\u00e9rom\u00e8tres, gyroscope.<\/li><\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">NIVEAU REQUIS<\/h3>\n\n\n\n<ul><li>De bonnes connaissances en programmation informatique : les technologies du Web (JavaScript en particulier) seront utilis\u00e9es, une compr\u00e9hension solide des fondements de ces techniques est n\u00e9cessaire.<\/li><li>Manipulations simples avec GIT.<\/li><li>Notions de base des structures r\u00e9seau pour concevoir les projets dans leurs parties vid\u00e9o-mapping, \u00e9cran mobile et serveur.<\/li><\/ul>\n\n\n\n<figure class=\"wp-block-gallery columns-3 is-cropped wp-block-gallery-3 is-layout-flex wp-block-gallery-is-layout-flex\"><ul class=\"blocks-gallery-grid\"><li class=\"blocks-gallery-item\"><figure><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"960\" src=\"https:\/\/colinbouvry.com\/wp-content\/uploads\/2019\/06\/IMG_20190528_164849-1280x960.jpg\" alt=\"\" data-id=\"2380\" data-link=\"https:\/\/colinbouvry.com\/?attachment_id=2380\" class=\"wp-image-2380\" srcset=\"https:\/\/colinbouvry.com\/wp-content\/uploads\/2019\/06\/IMG_20190528_164849-1280x960.jpg 1280w, https:\/\/colinbouvry.com\/wp-content\/uploads\/2019\/06\/IMG_20190528_164849-900x675.jpg 900w, https:\/\/colinbouvry.com\/wp-content\/uploads\/2019\/06\/IMG_20190528_164849-768x576.jpg 768w, https:\/\/colinbouvry.com\/wp-content\/uploads\/2019\/06\/IMG_20190528_164849-487x365.jpg 487w\" sizes=\"(max-width: 1280px) 100vw, 1280px\" \/><\/figure><\/li><li class=\"blocks-gallery-item\"><figure><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"960\" src=\"https:\/\/colinbouvry.com\/wp-content\/uploads\/2019\/06\/IMG_20190529_174528-1280x960.jpg\" alt=\"\" data-id=\"2382\" data-link=\"https:\/\/colinbouvry.com\/?attachment_id=2382\" class=\"wp-image-2382\" srcset=\"https:\/\/colinbouvry.com\/wp-content\/uploads\/2019\/06\/IMG_20190529_174528-1280x960.jpg 1280w, https:\/\/colinbouvry.com\/wp-content\/uploads\/2019\/06\/IMG_20190529_174528-900x675.jpg 900w, https:\/\/colinbouvry.com\/wp-content\/uploads\/2019\/06\/IMG_20190529_174528-768x576.jpg 768w, https:\/\/colinbouvry.com\/wp-content\/uploads\/2019\/06\/IMG_20190529_174528-487x365.jpg 487w\" sizes=\"(max-width: 1280px) 100vw, 1280px\" \/><\/figure><\/li><li class=\"blocks-gallery-item\"><figure><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"960\" src=\"https:\/\/colinbouvry.com\/wp-content\/uploads\/2019\/06\/IMG_20190529_190009-1280x960.jpg\" alt=\"\" data-id=\"2384\" data-link=\"https:\/\/colinbouvry.com\/?attachment_id=2384\" class=\"wp-image-2384\" srcset=\"https:\/\/colinbouvry.com\/wp-content\/uploads\/2019\/06\/IMG_20190529_190009-1280x960.jpg 1280w, https:\/\/colinbouvry.com\/wp-content\/uploads\/2019\/06\/IMG_20190529_190009-900x675.jpg 900w, https:\/\/colinbouvry.com\/wp-content\/uploads\/2019\/06\/IMG_20190529_190009-768x576.jpg 768w, https:\/\/colinbouvry.com\/wp-content\/uploads\/2019\/06\/IMG_20190529_190009-487x365.jpg 487w\" sizes=\"(max-width: 1280px) 100vw, 1280px\" \/><\/figure><\/li><li class=\"blocks-gallery-item\"><figure><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"960\" src=\"https:\/\/colinbouvry.com\/wp-content\/uploads\/2019\/06\/IMG_20190530_135331-1280x960.jpg\" alt=\"\" data-id=\"2386\" data-link=\"https:\/\/colinbouvry.com\/?attachment_id=2386\" class=\"wp-image-2386\" srcset=\"https:\/\/colinbouvry.com\/wp-content\/uploads\/2019\/06\/IMG_20190530_135331-1280x960.jpg 1280w, https:\/\/colinbouvry.com\/wp-content\/uploads\/2019\/06\/IMG_20190530_135331-900x675.jpg 900w, https:\/\/colinbouvry.com\/wp-content\/uploads\/2019\/06\/IMG_20190530_135331-768x576.jpg 768w, https:\/\/colinbouvry.com\/wp-content\/uploads\/2019\/06\/IMG_20190530_135331-487x365.jpg 487w\" sizes=\"(max-width: 1280px) 100vw, 1280px\" \/><\/figure><\/li><li class=\"blocks-gallery-item\"><figure><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"960\" src=\"https:\/\/colinbouvry.com\/wp-content\/uploads\/2019\/06\/IMG_20190530_135354-1280x960.jpg\" alt=\"\" data-id=\"2388\" data-link=\"https:\/\/colinbouvry.com\/?attachment_id=2388\" class=\"wp-image-2388\" srcset=\"https:\/\/colinbouvry.com\/wp-content\/uploads\/2019\/06\/IMG_20190530_135354-1280x960.jpg 1280w, https:\/\/colinbouvry.com\/wp-content\/uploads\/2019\/06\/IMG_20190530_135354-900x675.jpg 900w, https:\/\/colinbouvry.com\/wp-content\/uploads\/2019\/06\/IMG_20190530_135354-768x576.jpg 768w, https:\/\/colinbouvry.com\/wp-content\/uploads\/2019\/06\/IMG_20190530_135354-487x365.jpg 487w\" sizes=\"(max-width: 1280px) 100vw, 1280px\" \/><\/figure><\/li><li class=\"blocks-gallery-item\"><figure><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"960\" src=\"https:\/\/colinbouvry.com\/wp-content\/uploads\/2019\/06\/IMG_20190530_145018-1280x960.jpg\" alt=\"\" data-id=\"2390\" data-link=\"https:\/\/colinbouvry.com\/?attachment_id=2390\" class=\"wp-image-2390\" srcset=\"https:\/\/colinbouvry.com\/wp-content\/uploads\/2019\/06\/IMG_20190530_145018-1280x960.jpg 1280w, https:\/\/colinbouvry.com\/wp-content\/uploads\/2019\/06\/IMG_20190530_145018-900x675.jpg 900w, https:\/\/colinbouvry.com\/wp-content\/uploads\/2019\/06\/IMG_20190530_145018-768x576.jpg 768w, https:\/\/colinbouvry.com\/wp-content\/uploads\/2019\/06\/IMG_20190530_145018-487x365.jpg 487w\" sizes=\"(max-width: 1280px) 100vw, 1280px\" \/><\/figure><\/li><\/ul><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>Facilitateur technique &#8211; Juin 2019 &#8211; SAT Montr\u00e9al \u00c0 PROPOS DE CET ATELIER Cet atelier propose de poursuivre une recherche en cours, concernant la mise en \u0153uvre de l&rsquo;interactivit\u00e9 collective. Une plateforme technique g\u00e9n\u00e9rique, fond\u00e9e sur les technologies du Web, permettra la cr\u00e9ation de projets interactifs alliant vid\u00e9o-mapping et un nombre variable de smartphones \u00e0 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"__cvm_playback_settings":[],"__cvm_video_id":"","footnotes":""},"categories":[56],"tags":[],"_links":{"self":[{"href":"https:\/\/colinbouvry.com\/index.php?rest_route=\/wp\/v2\/posts\/2346"}],"collection":[{"href":"https:\/\/colinbouvry.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/colinbouvry.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/colinbouvry.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/colinbouvry.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2346"}],"version-history":[{"count":22,"href":"https:\/\/colinbouvry.com\/index.php?rest_route=\/wp\/v2\/posts\/2346\/revisions"}],"predecessor-version":[{"id":2806,"href":"https:\/\/colinbouvry.com\/index.php?rest_route=\/wp\/v2\/posts\/2346\/revisions\/2806"}],"wp:attachment":[{"href":"https:\/\/colinbouvry.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2346"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/colinbouvry.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=2346"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/colinbouvry.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=2346"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}