{"id":438,"date":"2014-12-03T21:42:17","date_gmt":"2014-12-03T20:42:17","guid":{"rendered":"http:\/\/www.lyceelecorbusier.eu\/insituhacklab\/?p=438"},"modified":"2015-01-19T00:32:33","modified_gmt":"2015-01-18T23:32:33","slug":"jules-verne-voyage-au-centre-de-voyage-au-centre","status":"publish","type":"post","link":"https:\/\/www.lyceelecorbusier.eu\/insituhacklab\/?p=438","title":{"rendered":"Jules Verne &#8211; Voyage au Centre de Voyage au Centre"},"content":{"rendered":"<p><!--more--><\/p>\n<p>Dans l&#8217;optique de cr\u00e9ation d&#8217;un livre augment\u00e9, la premi\u00e8re \u00e9tape a \u00e9t\u00e9 de <strong>choisir un livre<\/strong>, dans la bibliographie de Jules Verne, comportant un univers et \/ ou une histoire suffisamment riche sur laquelle pouvoir exp\u00e9rimenter. Le choix du groupe s&#8217;est rapidement pos\u00e9 sur <strong>Le Voyage au Centre de la Terre<\/strong>.<\/p>\n<p>Comme premi\u00e8re base de travail, le groupe a r\u00e9alis\u00e9 un <strong>grand brainstorming<\/strong>, avec l\u2019approche suivante :<br \/>\nPour\u00a0 augmenter l\u2019exp\u00e9rience de lecture, il est n\u00e9cessaire de toucher un maximum de sens diff\u00e9rents. Pour chaque \u00e9l\u00e9ment issu du livre, il a donc \u00e9t\u00e9 essay\u00e9 de lui attacher une technique ou technologie.<\/p>\n<p><a href=\"http:\/\/www.lyceelecorbusier.eu\/insituhacklab\/wp-content\/uploads\/sites\/9\/2014\/12\/mom17.png\"><img loading=\"lazy\" width=\"1024\" height=\"761\" class=\"alignnone size-large wp-image-483\" src=\"http:\/\/www.lyceelecorbusier.eu\/insituhacklab\/wp-content\/uploads\/sites\/9\/2014\/12\/mom17-1024x761.png\" alt=\"mom17\" srcset=\"https:\/\/www.lyceelecorbusier.eu\/insituhacklab\/wp-content\/uploads\/sites\/9\/2014\/12\/mom17-1024x761.png 1024w, https:\/\/www.lyceelecorbusier.eu\/insituhacklab\/wp-content\/uploads\/sites\/9\/2014\/12\/mom17-300x223.png 300w, https:\/\/www.lyceelecorbusier.eu\/insituhacklab\/wp-content\/uploads\/sites\/9\/2014\/12\/mom17-1613x1200.png 1613w, https:\/\/www.lyceelecorbusier.eu\/insituhacklab\/wp-content\/uploads\/sites\/9\/2014\/12\/mom17-960x713.png 960w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/p>\n<p>Le projet s&#8217;est ensuite poursuivi par une <strong>phase exp\u00e9rimentations<\/strong> en tout genre, le but \u00e9tant de prendre en main les techniques \u00e0 dispositions, que ce soit de mani\u00e8re hypoth\u00e9tique ou concr\u00e8te, avec notamment l&#8217;utilisation du Makey Makey, d&#8217;en voir les interactions possibles, et d&#8217;en faire \u00e9merger des id\u00e9es pour en formuler des propositions ult\u00e9rieurement.<\/p>\n<p>Pierre noire, fusain, papier aluminium, cuivre, p\u00e2te \u00e0 sel, de nombreux \u00e9l\u00e9ments ont \u00e9t\u00e9 test\u00e9 pour d\u00e9velopper des contr\u00f4leurs de Makey Makey innovants, comme par exemple, ce<strong> &#8220;piano&#8221; \u00e0\u00a0 5 touches<\/strong>, fait avec de la graphite.<\/p>\n<p><iframe loading=\"lazy\" src=\"\/\/player.vimeo.com\/video\/113371366\" width=\"640\" height=\"360\" frameborder=\"0\" title=\"Test Makey-Makey - le Piano\" webkitallowfullscreen mozallowfullscreen allowfullscreen><\/iframe><\/p>\n<p>Apr\u00e8s que chacun ait exp\u00e9riment\u00e9 les aspects et les \u00e9l\u00e9ments qu&#8217;ils l\u2019int\u00e9ressaient, le groupe s&#8217;est r\u00e9uni afin de d\u00e9finir des<strong> propositions \u00e0 d\u00e9velopper<\/strong>. 3 ont \u00e9t\u00e9 valid\u00e9, chaque personne du groupe a donc eu pour mission d&#8217;en r\u00e9aliser un.<\/p>\n<p style=\"text-align: center\"><a href=\"http:\/\/www.lyceelecorbusier.eu\/insituhacklab\/wp-content\/uploads\/sites\/9\/2014\/12\/mom00.jpg\"><img loading=\"lazy\" class=\"alignnone wp-image-484 \" src=\"http:\/\/www.lyceelecorbusier.eu\/insituhacklab\/wp-content\/uploads\/sites\/9\/2014\/12\/mom00-300x224.jpg\" alt=\"mom00\" width=\"280\" height=\"209\" srcset=\"https:\/\/www.lyceelecorbusier.eu\/insituhacklab\/wp-content\/uploads\/sites\/9\/2014\/12\/mom00-300x224.jpg 300w, https:\/\/www.lyceelecorbusier.eu\/insituhacklab\/wp-content\/uploads\/sites\/9\/2014\/12\/mom00-1024x767.jpg 1024w, https:\/\/www.lyceelecorbusier.eu\/insituhacklab\/wp-content\/uploads\/sites\/9\/2014\/12\/mom00-960x719.jpg 960w, https:\/\/www.lyceelecorbusier.eu\/insituhacklab\/wp-content\/uploads\/sites\/9\/2014\/12\/mom00.jpg 1067w\" sizes=\"(max-width: 280px) 100vw, 280px\" \/><\/a><a href=\"http:\/\/www.lyceelecorbusier.eu\/insituhacklab\/wp-content\/uploads\/sites\/9\/2014\/12\/mom01.jpg\"> <img loading=\"lazy\" class=\"alignnone wp-image-485 \" src=\"http:\/\/www.lyceelecorbusier.eu\/insituhacklab\/wp-content\/uploads\/sites\/9\/2014\/12\/mom01-300x224.jpg\" alt=\"mom01\" width=\"280\" height=\"209\" srcset=\"https:\/\/www.lyceelecorbusier.eu\/insituhacklab\/wp-content\/uploads\/sites\/9\/2014\/12\/mom01-300x224.jpg 300w, https:\/\/www.lyceelecorbusier.eu\/insituhacklab\/wp-content\/uploads\/sites\/9\/2014\/12\/mom01-1024x767.jpg 1024w, https:\/\/www.lyceelecorbusier.eu\/insituhacklab\/wp-content\/uploads\/sites\/9\/2014\/12\/mom01-960x719.jpg 960w, https:\/\/www.lyceelecorbusier.eu\/insituhacklab\/wp-content\/uploads\/sites\/9\/2014\/12\/mom01.jpg 1067w\" sizes=\"(max-width: 280px) 100vw, 280px\" \/><\/a><a href=\"http:\/\/www.lyceelecorbusier.eu\/insituhacklab\/wp-content\/uploads\/sites\/9\/2014\/12\/mom02.jpg\"> <img loading=\"lazy\" class=\"alignnone wp-image-486 \" src=\"http:\/\/www.lyceelecorbusier.eu\/insituhacklab\/wp-content\/uploads\/sites\/9\/2014\/12\/mom02-225x300.jpg\" alt=\"mom02\" width=\"156\" height=\"208\" srcset=\"https:\/\/www.lyceelecorbusier.eu\/insituhacklab\/wp-content\/uploads\/sites\/9\/2014\/12\/mom02-225x300.jpg 225w, https:\/\/www.lyceelecorbusier.eu\/insituhacklab\/wp-content\/uploads\/sites\/9\/2014\/12\/mom02.jpg 600w\" sizes=\"(max-width: 156px) 100vw, 156px\" \/><\/a><\/p>\n<p>La <strong>premi\u00e8re proposition<\/strong> est un livre avec le prologue et \u00e9pilogue pr\u00e9sent\u00e9s de mani\u00e8re classique, mais qui, dans la longue partie de voyage \u00e0 l\u2019int\u00e9rieur de la t\u00earre, se pr\u00e9sente sous une forme tactile dans laquelle il faut zoomer (&#8220;aller vers l\u2019int\u00e9rieur&#8221;) pour acc\u00e9der \u00e0 la page suivante. Cette id\u00e9e a \u00e9t\u00e9 r\u00e9alis\u00e9e sous la forme d&#8217;une <strong>vid\u00e9o de concept<\/strong>.<a href=\"http:\/\/www.lyceelecorbusier.eu\/insituhacklab\/wp-content\/uploads\/sites\/9\/2014\/12\/mom16.jpg\"><img loading=\"lazy\" width=\"210\" height=\"150\" class=\"size-full wp-image-482 aligncenter\" src=\"http:\/\/www.lyceelecorbusier.eu\/insituhacklab\/wp-content\/uploads\/sites\/9\/2014\/12\/mom16.jpg\" alt=\"mom16\" \/><br \/>\n<\/a><\/p>\n<p><iframe loading=\"lazy\" src=\"\/\/player.vimeo.com\/video\/113372361\" width=\"640\" height=\"360\" frameborder=\"0\" title=\"Test prospectif - Zoom dans le livre\" webkitallowfullscreen mozallowfullscreen allowfullscreen><\/iframe><\/p>\n<p style=\"text-align: center\">La <strong>seconde proposition<\/strong> est un livre o\u00f9 le texte apparait sur un \u00e9cran qui, par d\u00e9coupage, est pr\u00e9sent sur toutes les pages. Le changement de page permet de d\u00e9couvrir les diff\u00e9rentes illustrations attenantes au texte diffus\u00e9.<br \/>\n<a href=\"http:\/\/www.lyceelecorbusier.eu\/insituhacklab\/wp-content\/uploads\/sites\/9\/2014\/12\/mom15.jpg\"><img loading=\"lazy\" width=\"210\" height=\"150\" class=\"size-full wp-image-481 aligncenter\" src=\"http:\/\/www.lyceelecorbusier.eu\/insituhacklab\/wp-content\/uploads\/sites\/9\/2014\/12\/mom15.jpg\" alt=\"mom15\" \/><\/a>La <strong>troisi\u00e8me proposition<\/strong>, enfin, propose, avec un syst\u00e8me d&#8217;\u00e9l\u00e9ments conducteurs, qui, li\u00e9s \u00e0 un Makey Makey, permet de faire changer l&#8217;ambiance sonore \u00e0 chaque changement de page, apportant une dimension suppl\u00e9mentaire \u00e0 la lecture.<br \/>\n<a href=\"http:\/\/www.lyceelecorbusier.eu\/insituhacklab\/wp-content\/uploads\/sites\/9\/2014\/12\/mom14.jpg\"><img loading=\"lazy\" width=\"210\" height=\"150\" class=\"size-full wp-image-480 aligncenter\" src=\"http:\/\/www.lyceelecorbusier.eu\/insituhacklab\/wp-content\/uploads\/sites\/9\/2014\/12\/mom14.jpg\" alt=\"mom14\" \/><\/a>xXx<\/p>\n<p style=\"text-align: left\">Finalement, ce sera vers la <strong>troisi\u00e8me proposition<\/strong> que le groupe d\u00e9cide de se diriger, non sans apporter quelques am\u00e9liorations. Plus que l&#8217;<strong>ambiance sonore<\/strong>, l\u2019exp\u00e9rience de lecture sera aussi augment\u00e9e par le<strong> travail de la lumi\u00e8re<\/strong>. Le lecteur devra donc \u00eatre dans une pi\u00e8ce plong\u00e9 dans le noir, projecteurs et haut-parleurs sont connect\u00e9s aux changements de pages et recr\u00e9eront une atmosph\u00e8re diff\u00e9rente en fonction du contenu de la page. Si la mise en forme classique du livre sera gard\u00e9, pour ne pas nuire au confort de lecture, la <strong>mise en page<\/strong> , par la coupure du texte selon les pages et la place du texte dans la pages, sera enti\u00e8rement revue.<br \/>\n<a href=\"http:\/\/www.lyceelecorbusier.eu\/insituhacklab\/wp-content\/uploads\/sites\/9\/2014\/12\/mom13.jpg\"><img loading=\"lazy\" width=\"210\" height=\"150\" class=\"size-full wp-image-479 aligncenter\" src=\"http:\/\/www.lyceelecorbusier.eu\/insituhacklab\/wp-content\/uploads\/sites\/9\/2014\/12\/mom13.jpg\" alt=\"mom13\" \/><\/a><br \/>\nLe groupe s&#8217;est d&#8217;abord attel\u00e9 \u00e0 d\u00e9velopper un <strong>prototype fonctionnel<\/strong>, ou chacun a une t\u00e2che d\u00e9finie. Pendant que l&#8217;un collecte les sons et cr\u00e9e des ambiances visuelles, l&#8217;autre pr\u00e9pare le livre en y installant les \u00e9l\u00e9ments conducteur., Le troisi\u00e8me s&#8217;occupant de quant \u00e0 lui de la partie software, en d\u00e9veloppant le programme sur Processing. Cela en a r\u00e9sult\u00e9 la vid\u00e9o ci-dessous.<\/p>\n<p><iframe loading=\"lazy\" src=\"\/\/player.vimeo.com\/video\/113371182\" width=\"640\" height=\"360\" frameborder=\"0\" title=\"D&eacute;mo du Prototype\" webkitallowfullscreen mozallowfullscreen allowfullscreen><\/iframe><br \/>\nLe groupe s&#8217;est ensuite dirig\u00e9 vers la r\u00e9alisation d&#8217;un<strong> teaser de principe,<\/strong> pr\u00e9sentant la vision id\u00e9ale de la proposition. Il a fallu, pour ce teaser, faire la mise en page v\u00e9ritable, tourner la vid\u00e9o, la monter, cr\u00e9er num\u00e9riquement tous les \u00e9l\u00e9ments impossibles \u00e0 concevoir en vrai par nos moyens actuels.<\/p>\n<p style=\"text-align: center\"><strong>xXx<\/strong><\/p>\n<p><strong>Lire un livre<\/strong> est une\u00a0exp\u00e9rience\u00a0narrative\u00a0une aventure aux personnages et aux actions d\u00e9finis,\u00a0o\u00f9 seule l&#8217;\u00e9tendue et la\u00a0richesse de notre\u00a0imagination en d\u00e9finit \u00e0\u00a0l&#8217;apparence\u00a0et \u00e0 la mise en sc\u00e8ne, dont chacun aura sa version. Cependant, cette\u00a0exp\u00e9rience\u00a0ne permet pas au lecteur de s\u2019<strong>immerger totalement<\/strong>. En effet; il y aura toujours un lien avec\u00a0ext\u00e9rieure, qu\u2019il soit visuel, auditif ou autre.\u00a0C&#8217;est\u00a0pourquoi nous voulons proposer \u00e0 notre lecteur de pouvoir vivre une <strong>lecture totale<\/strong> en le faisant plonger au\u00a0c\u0153ur\u00a0de l&#8217;ambiance du livre, et de, dans le cas pr\u00e9sent, le faire voyager au centre de Voyage au centre du Centre de la Terre de Jules Verne.<\/p>\n<p>Pour cela, il est n\u00e9cessaire de<strong> s&#8217;isoler du monde ext\u00e9rieur<\/strong>, afin d&#8217;en \u00e9viter les parasitages, et de permettre au lecteur de se focaliser\u00a0l&#8217;enti\u00e8ret\u00e9\u00a0de sa concentration sur la lecture. Notre projet s&#8217;est donc orient\u00e9 vers une<strong> installation totale<\/strong> : Le lecteur serait plac\u00e9 dans une pi\u00e8ce, au sol, en compagnie de son livre et d\u2019un projecteur. Ce dernier a pour r\u00f4le d&#8217;augmenter l&#8217;exp\u00e9rience de lecture par deux biais. D&#8217;une part, le<strong> contexte visuel<\/strong>, avec travail de la lumi\u00e8re qui, projet\u00e9 dans toute la pi\u00e8ce via le projecteur, \u00a0retranscrit l&#8217;ambiance de la page que le lecteur est en train de lire. \u00a0D&#8217;autre part, par le <strong>contexte sonore<\/strong>, avec la diffusion de bruitages abstraits et de sons ind\u00e9finis, eux aussi en rapport avec la page en cours de lecture. Ces deux contextes mis ensemble cr\u00e9ent une ambiance forte et immersive, tout en restant abstrait dans sa forme. Il s&#8217;agit de donner des indications vagues au lecteur, afin\u00a0d&#8217;\u00e9toffer\u00a0et de faciliter le travail de l&#8217;imagination, sans le contraindre avec des\u00a0d\u00e9finitions claires et brutes\u00a0. Comme pour les h\u00e9ros de Voyages au Centre de la Terre, mais \u00e9galement de nombre de personnages des Romans de Jules Verne et des explorateurs en g\u00e9n\u00e9ral, la volont\u00e9 et de (se) donner un cap, une direction g\u00e9n\u00e9rale vers laquelle aller,\u00a0plut\u00f4t\u00a0que des objectifs pr\u00e9cis.<\/p>\n<p>La lecture reste au <strong>centre de\u00a0l&#8217;exp\u00e9rience<\/strong>, tout \u00e9l\u00e9ment suppl\u00e9mentaire doit \u00eatre la comme un ajout, ne rendant pas caduc le principe de lecture. Ainsi, la volont\u00e9 est de garder le livre parfaitement<strong> lisible sans l&#8217;installation<\/strong>. En cons\u00e9quence, le livre ne subit que peu de changements en lui-m\u00eame. Les typographies restent les m\u00eames, les images sont logiquement supprim\u00e9s, seul le<strong> d\u00e9coupe du texte<\/strong> change\u00a0v\u00e9ritablement. En effet, les ambiances diffus\u00e9es sont d\u00e9finis par le texte, et le changement d&#8217;ambiance par le changement de double-page, il faut que la partie de texte correspondant \u00e0 l&#8217;ambiance soit contenu dans une ou plusieurs double-pages. Si cela permet de d\u00e9j\u00e0 que donner un<strong> rythme de lecture<\/strong> en accord avec l&#8217;ambiance de texte, cela entraine aussi une grande disparit\u00e9 au niveau de la quantit\u00e9 de texte par page, avec une forte tendance de un nombre de lignes restreint. Pour pouvoir\u00a0r\u00e9aliser\u00a0les\u00a0changements,\u00a0livre est reli\u00e9 via Bluetooth avec le projecteur. A son allumage, ce dernier d\u00e9tecte et se \u00a0synchronise avec le livre, en\u00a0r\u00e9cup\u00e9rant\u00a0les donn\u00e9es qui doivent \u00eatre projet\u00e9es. Le livre apportant\u00a0donc les donn\u00e9es, le projecteur ne devient qu&#8217;un diffuseur, et il est ainsi ais\u00e9 d&#8217;ajouter\u00a0d&#8217;\u0153uvres \u00e0\u00a0la collection\u00a0disponible avec ce syst\u00e8me.<\/p>\n<p>Enfin, le travail d&#8217;ambiance reste un travail <strong>passif<\/strong>, il s&#8217;agit d&#8217;aider et de stimuler l&#8217;imagination, et non de la\u00a0contraindre\u00a0et de la forcer. L&#8217;ambiance doit se montrer <strong>immersive<\/strong>, d&#8217;o\u00f9 l&#8217;isolement dans une pi\u00e8ce uniquement illumin\u00e9e et habit\u00e9e par ladite ambiance, et non imposante. C&#8217;est pourquoi nous avons rejet\u00e9 les syst\u00e8me de Google Glass ou d&#8217;Oculus Rift, ou plus simplement de casque audio, trop envahissant et trop direct dans leur diffusion du contenu. Dans la m\u00eame id\u00e9e, le travail d&#8217;un touch\u00e9 changeant aurait directement perturb\u00e9 le rapport entre le livre et le lecteur.<\/p>\n<p><iframe loading=\"lazy\" src=\"\/\/player.vimeo.com\/video\/116665331\" width=\"640\" height=\"360\" frameborder=\"0\" title=\"Voyage au Centre de Voyage au Centre de la Terre.\" webkitallowfullscreen mozallowfullscreen allowfullscreen><\/iframe><\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":58,"featured_media":485,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[11,6],"tags":[],"_links":{"self":[{"href":"https:\/\/www.lyceelecorbusier.eu\/insituhacklab\/index.php?rest_route=\/wp\/v2\/posts\/438"}],"collection":[{"href":"https:\/\/www.lyceelecorbusier.eu\/insituhacklab\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.lyceelecorbusier.eu\/insituhacklab\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.lyceelecorbusier.eu\/insituhacklab\/index.php?rest_route=\/wp\/v2\/users\/58"}],"replies":[{"embeddable":true,"href":"https:\/\/www.lyceelecorbusier.eu\/insituhacklab\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=438"}],"version-history":[{"count":32,"href":"https:\/\/www.lyceelecorbusier.eu\/insituhacklab\/index.php?rest_route=\/wp\/v2\/posts\/438\/revisions"}],"predecessor-version":[{"id":702,"href":"https:\/\/www.lyceelecorbusier.eu\/insituhacklab\/index.php?rest_route=\/wp\/v2\/posts\/438\/revisions\/702"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.lyceelecorbusier.eu\/insituhacklab\/index.php?rest_route=\/wp\/v2\/media\/485"}],"wp:attachment":[{"href":"https:\/\/www.lyceelecorbusier.eu\/insituhacklab\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=438"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.lyceelecorbusier.eu\/insituhacklab\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=438"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.lyceelecorbusier.eu\/insituhacklab\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=438"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}