{"id":526,"date":"2014-12-04T15:30:28","date_gmt":"2014-12-04T14:30:28","guid":{"rendered":"http:\/\/www.lyceelecorbusier.eu\/insituhacklab\/?p=526"},"modified":"2015-02-15T17:35:11","modified_gmt":"2015-02-15T16:35:11","slug":"jules-verne-livre-augmente","status":"publish","type":"post","link":"https:\/\/www.lyceelecorbusier.eu\/insituhacklab\/?p=526","title":{"rendered":"Jules Verne &#8211; Livre augment\u00e9"},"content":{"rendered":"<p style=\"text-align: center;\"><!--more--><\/p>\n<p>La premi\u00e8re \u00e9tape du sujet a \u00e9t\u00e9 de choisir un roman de <strong>Jules Verne<\/strong>. Notre choix s&#8217;est port\u00e9 sur <strong>Vingt mille lieues sous les mers<\/strong>, car nous trouvions que l&#8217;histoire et l&#8217;univers de ce roman pouvaient \u00eatre tr\u00e8s int\u00e9ressants \u00e0 exploiter.<\/p>\n<p>Nous avons commenc\u00e9 par de nombreuses exp\u00e9rimentations avec un <strong>Makey Makey<\/strong>, associ\u00e9 avec le logiciel <strong>Processing<\/strong>.<\/p>\n<p><a href=\"http:\/\/www.lyceelecorbusier.eu\/insituhacklab\/wp-content\/uploads\/sites\/9\/2014\/12\/001.jpg\"><img loading=\"lazy\" class=\"alignnone wp-image-528 size-medium\" src=\"http:\/\/www.lyceelecorbusier.eu\/insituhacklab\/wp-content\/uploads\/sites\/9\/2014\/12\/001-300x200.jpg\" alt=\"001\" width=\"300\" height=\"200\" srcset=\"https:\/\/www.lyceelecorbusier.eu\/insituhacklab\/wp-content\/uploads\/sites\/9\/2014\/12\/001-300x200.jpg 300w, https:\/\/www.lyceelecorbusier.eu\/insituhacklab\/wp-content\/uploads\/sites\/9\/2014\/12\/001-1024x682.jpg 1024w, https:\/\/www.lyceelecorbusier.eu\/insituhacklab\/wp-content\/uploads\/sites\/9\/2014\/12\/001-960x640.jpg 960w, https:\/\/www.lyceelecorbusier.eu\/insituhacklab\/wp-content\/uploads\/sites\/9\/2014\/12\/001.jpg 1500w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><a href=\"http:\/\/www.lyceelecorbusier.eu\/insituhacklab\/wp-content\/uploads\/sites\/9\/2014\/12\/002.jpg\"><img loading=\"lazy\" class=\"alignnone wp-image-529 size-medium\" src=\"http:\/\/www.lyceelecorbusier.eu\/insituhacklab\/wp-content\/uploads\/sites\/9\/2014\/12\/002-300x200.jpg\" alt=\"002\" width=\"300\" height=\"200\" srcset=\"https:\/\/www.lyceelecorbusier.eu\/insituhacklab\/wp-content\/uploads\/sites\/9\/2014\/12\/002-300x200.jpg 300w, https:\/\/www.lyceelecorbusier.eu\/insituhacklab\/wp-content\/uploads\/sites\/9\/2014\/12\/002-1024x682.jpg 1024w, https:\/\/www.lyceelecorbusier.eu\/insituhacklab\/wp-content\/uploads\/sites\/9\/2014\/12\/002-960x640.jpg 960w, https:\/\/www.lyceelecorbusier.eu\/insituhacklab\/wp-content\/uploads\/sites\/9\/2014\/12\/002.jpg 1500w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><a href=\"http:\/\/www.lyceelecorbusier.eu\/insituhacklab\/wp-content\/uploads\/sites\/9\/2014\/12\/003.jpg\"><img loading=\"lazy\" class=\"alignnone wp-image-530 size-medium\" src=\"http:\/\/www.lyceelecorbusier.eu\/insituhacklab\/wp-content\/uploads\/sites\/9\/2014\/12\/003-300x200.jpg\" alt=\"003\" width=\"300\" height=\"200\" srcset=\"https:\/\/www.lyceelecorbusier.eu\/insituhacklab\/wp-content\/uploads\/sites\/9\/2014\/12\/003-300x200.jpg 300w, https:\/\/www.lyceelecorbusier.eu\/insituhacklab\/wp-content\/uploads\/sites\/9\/2014\/12\/003-1024x682.jpg 1024w, https:\/\/www.lyceelecorbusier.eu\/insituhacklab\/wp-content\/uploads\/sites\/9\/2014\/12\/003-960x640.jpg 960w, https:\/\/www.lyceelecorbusier.eu\/insituhacklab\/wp-content\/uploads\/sites\/9\/2014\/12\/003.jpg 1500w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><a href=\"http:\/\/www.lyceelecorbusier.eu\/insituhacklab\/wp-content\/uploads\/sites\/9\/2014\/12\/004.jpg\"><img loading=\"lazy\" class=\"alignnone wp-image-532 size-medium\" src=\"http:\/\/www.lyceelecorbusier.eu\/insituhacklab\/wp-content\/uploads\/sites\/9\/2014\/12\/004-300x200.jpg\" alt=\"004\" width=\"300\" height=\"200\" srcset=\"https:\/\/www.lyceelecorbusier.eu\/insituhacklab\/wp-content\/uploads\/sites\/9\/2014\/12\/004-300x200.jpg 300w, https:\/\/www.lyceelecorbusier.eu\/insituhacklab\/wp-content\/uploads\/sites\/9\/2014\/12\/004-1024x682.jpg 1024w, https:\/\/www.lyceelecorbusier.eu\/insituhacklab\/wp-content\/uploads\/sites\/9\/2014\/12\/004-960x640.jpg 960w, https:\/\/www.lyceelecorbusier.eu\/insituhacklab\/wp-content\/uploads\/sites\/9\/2014\/12\/004.jpg 1500w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p>Le principe de base \u00e9tait de plonger le lecteur dans le suspens ambiant de <strong>Vingt mille lieues sous les mers <\/strong>: il d\u00e9couvrirait le texte au fur et \u00e0 mesure de sa lecture, s&#8217;identifiant alors aux personnages qui ne connaissent pas leur destin&#8230;<br \/>\nAussi, le livre serait au d\u00e9part enti\u00e8rement blanc. Seules quelques lettrines ajour\u00e9es dans le papier laisseraient appara\u00eetre le scotch conductible. Le lecteur, lui aussi conductible, serait amen\u00e9 \u00e0 fermer le circuit \u00e9lectrique en touchant la lettrine: ph\u00e9nom\u00e8ne d\u00e9clencheur d&#8217;une action <strong>Processing<\/strong>.<br \/>\nLe contenu du livre appara\u00eet alors \u00e0 l&#8217;\u00e9cran.<\/p>\n<p><a href=\"http:\/\/www.lyceelecorbusier.eu\/insituhacklab\/wp-content\/uploads\/sites\/9\/2014\/12\/010.jpg\"><img loading=\"lazy\" class=\"alignnone wp-image-538 size-large\" src=\"http:\/\/www.lyceelecorbusier.eu\/insituhacklab\/wp-content\/uploads\/sites\/9\/2014\/12\/010-1024x682.jpg\" alt=\"010\" width=\"640\" height=\"426\" srcset=\"https:\/\/www.lyceelecorbusier.eu\/insituhacklab\/wp-content\/uploads\/sites\/9\/2014\/12\/010-1024x682.jpg 1024w, https:\/\/www.lyceelecorbusier.eu\/insituhacklab\/wp-content\/uploads\/sites\/9\/2014\/12\/010-300x200.jpg 300w, https:\/\/www.lyceelecorbusier.eu\/insituhacklab\/wp-content\/uploads\/sites\/9\/2014\/12\/010-960x640.jpg 960w, https:\/\/www.lyceelecorbusier.eu\/insituhacklab\/wp-content\/uploads\/sites\/9\/2014\/12\/010.jpg 1500w\" sizes=\"(max-width: 640px) 100vw, 640px\" \/><\/a><a href=\"http:\/\/www.lyceelecorbusier.eu\/insituhacklab\/wp-content\/uploads\/sites\/9\/2014\/12\/013.jpg\"><img loading=\"lazy\" class=\"alignnone wp-image-542 size-large\" src=\"http:\/\/www.lyceelecorbusier.eu\/insituhacklab\/wp-content\/uploads\/sites\/9\/2014\/12\/013-1024x682.jpg\" alt=\"013\" width=\"640\" height=\"426\" srcset=\"https:\/\/www.lyceelecorbusier.eu\/insituhacklab\/wp-content\/uploads\/sites\/9\/2014\/12\/013-1024x682.jpg 1024w, https:\/\/www.lyceelecorbusier.eu\/insituhacklab\/wp-content\/uploads\/sites\/9\/2014\/12\/013-300x200.jpg 300w, https:\/\/www.lyceelecorbusier.eu\/insituhacklab\/wp-content\/uploads\/sites\/9\/2014\/12\/013-960x640.jpg 960w, https:\/\/www.lyceelecorbusier.eu\/insituhacklab\/wp-content\/uploads\/sites\/9\/2014\/12\/013.jpg 1500w\" sizes=\"(max-width: 640px) 100vw, 640px\" \/><\/a><\/p>\n<p>Vid\u00e9o test<\/p>\n<p>Le parti pris du livre blanc, bien qu&#8217;original, semblait cependant trop lassant, ne refl\u00e9tant alors pas l&#8217;esprit de <strong>Jules Verne<\/strong>. Aussi la lecture se fait ici enti\u00e8rement sur \u00e9cran, ce qui fatiguerait l\u2019\u0153il de celui qui lit.<\/p>\n<p>Nous nous sommes alors recentr\u00e9es sur ce qui nous semblait essentiel: le support <strong>Livre<\/strong>.<br \/>\nUn certain d\u00e9tachement de l&#8217;\u00e9cran \u00e9tant de plus en plus n\u00e9cessaire de nos jours, nous trouvons important que la lecture se fasse principalement sur le livre. Notre d\u00e9marche s&#8217;inscrit dans une volont\u00e9 d&#8217;appuyer, gr\u00e2ce au num\u00e9rique, l&#8217;exp\u00e9rience qu&#8217;apporte le livre au lecteur et non pas de la modifier. Il s&#8217;agit d&#8217;accro\u00eetre les \u00e9motions que le lecteur ressent lorsqu&#8217;il lit un tel ouvrage. Le num\u00e9rique exag\u00e8re les ph\u00e9nom\u00e8nes d&#8217;identification aux h\u00e9ros, d&#8217;impression de vivre de nouvelles aventures, de d\u00e9couvrir, de conqu\u00e9rir &#8230; en m\u00eame temps que les personnages.<\/p>\n<p><a href=\"http:\/\/www.lyceelecorbusier.eu\/insituhacklab\/wp-content\/uploads\/sites\/9\/2014\/12\/014.jpg\"><img loading=\"lazy\" class=\"alignnone wp-image-543 size-large\" src=\"http:\/\/www.lyceelecorbusier.eu\/insituhacklab\/wp-content\/uploads\/sites\/9\/2014\/12\/014-1024x682.jpg\" alt=\"014\" width=\"640\" height=\"426\" srcset=\"https:\/\/www.lyceelecorbusier.eu\/insituhacklab\/wp-content\/uploads\/sites\/9\/2014\/12\/014-1024x682.jpg 1024w, https:\/\/www.lyceelecorbusier.eu\/insituhacklab\/wp-content\/uploads\/sites\/9\/2014\/12\/014-300x200.jpg 300w, https:\/\/www.lyceelecorbusier.eu\/insituhacklab\/wp-content\/uploads\/sites\/9\/2014\/12\/014-960x640.jpg 960w, https:\/\/www.lyceelecorbusier.eu\/insituhacklab\/wp-content\/uploads\/sites\/9\/2014\/12\/014.jpg 1500w\" sizes=\"(max-width: 640px) 100vw, 640px\" \/><\/a><a href=\"http:\/\/www.lyceelecorbusier.eu\/insituhacklab\/wp-content\/uploads\/sites\/9\/2014\/12\/015.jpg\"><img loading=\"lazy\" class=\"alignnone wp-image-544 size-large\" src=\"http:\/\/www.lyceelecorbusier.eu\/insituhacklab\/wp-content\/uploads\/sites\/9\/2014\/12\/015-1024x682.jpg\" alt=\"015\" width=\"640\" height=\"426\" srcset=\"https:\/\/www.lyceelecorbusier.eu\/insituhacklab\/wp-content\/uploads\/sites\/9\/2014\/12\/015-1024x682.jpg 1024w, https:\/\/www.lyceelecorbusier.eu\/insituhacklab\/wp-content\/uploads\/sites\/9\/2014\/12\/015-300x200.jpg 300w, https:\/\/www.lyceelecorbusier.eu\/insituhacklab\/wp-content\/uploads\/sites\/9\/2014\/12\/015-960x640.jpg 960w, https:\/\/www.lyceelecorbusier.eu\/insituhacklab\/wp-content\/uploads\/sites\/9\/2014\/12\/015.jpg 1500w\" sizes=\"(max-width: 640px) 100vw, 640px\" \/><\/a><\/p>\n<p>Un telle approche doit donc garder toutes les conditions de lecture traditionnelle : n&#8217;importe o\u00f9, n&#8217;importe quand, n&#8217;importe qui. Le smartphone r\u00e9pond \u00e0 ces trois besoins : mobile, il est toujours port\u00e9 par son propri\u00e9taire et son utilisation est universelle. Notre projet prendrait alors la forme d&#8217;un livre associ\u00e9 \u00e0 une application : aucun mat\u00e9riel sp\u00e9cifique n&#8217;est n\u00e9cessaire et chaque personne dot\u00e9e d&#8217;un smartphone pourrait exp\u00e9rimenter notre livre augment\u00e9.<\/p>\n<p>Nous avons ensuite voulu apporter un\u00a0aspect contemporain par l&#8217;impression sur pages blanches et l&#8217;utilisation d&#8217;une typographie sans s\u00e9rif. Nous avons donc choisi la <strong>Calibri<\/strong>, tr\u00e8s utilis\u00e9e de nos jours dans le monde de l&#8217;\u00e9dition. Ainsi nous avons d\u00e9lib\u00e9r\u00e9ment choisi de ne pas traiter des illustrations ni de vid\u00e9os : l&#8217;importance est mise sur la lecture du livre, pour cela aucune interpr\u00e9tation visuelle n&#8217;est impos\u00e9e au lecteur. Enfin, pour transmettre au lecteur les \u00e9motions ressenties par les personnages de l&#8217;histoire, nous avons choisi les moments cl\u00e9s et nous les avons illustr\u00e9s par des jeux typographiques forts. Nous avons alors le sentiment de <strong>menace<\/strong>, d&#8217;<strong>isolement<\/strong>, de <strong>col\u00e8re<\/strong>, de <strong>suspens<\/strong> et la sensation de s&#8217;<strong>aventurer dans les profondeurs oc\u00e9aniques<\/strong>. Pour chaque \u00e9motion, la lecture est alt\u00e9r\u00e9e et n&#8217;est plus possible sur papier. C&#8217;est \u00e0 ce moment-l\u00e0 que le <strong>Num\u00e9rique<\/strong> vient en \u00e9claireur.<\/p>\n<p><a href=\"http:\/\/www.lyceelecorbusier.eu\/insituhacklab\/wp-content\/uploads\/sites\/9\/2014\/12\/018.jpg\"><img loading=\"lazy\" class=\"alignnone wp-image-547 size-medium\" src=\"http:\/\/www.lyceelecorbusier.eu\/insituhacklab\/wp-content\/uploads\/sites\/9\/2014\/12\/018-300x200.jpg\" alt=\"018\" width=\"300\" height=\"200\" srcset=\"https:\/\/www.lyceelecorbusier.eu\/insituhacklab\/wp-content\/uploads\/sites\/9\/2014\/12\/018-300x200.jpg 300w, https:\/\/www.lyceelecorbusier.eu\/insituhacklab\/wp-content\/uploads\/sites\/9\/2014\/12\/018-1024x682.jpg 1024w, https:\/\/www.lyceelecorbusier.eu\/insituhacklab\/wp-content\/uploads\/sites\/9\/2014\/12\/018-960x640.jpg 960w, https:\/\/www.lyceelecorbusier.eu\/insituhacklab\/wp-content\/uploads\/sites\/9\/2014\/12\/018.jpg 1500w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><a href=\"http:\/\/www.lyceelecorbusier.eu\/insituhacklab\/wp-content\/uploads\/sites\/9\/2014\/12\/019.jpg\"><img loading=\"lazy\" class=\"alignnone wp-image-548 size-medium\" src=\"http:\/\/www.lyceelecorbusier.eu\/insituhacklab\/wp-content\/uploads\/sites\/9\/2014\/12\/019-300x200.jpg\" alt=\"019\" width=\"300\" height=\"200\" srcset=\"https:\/\/www.lyceelecorbusier.eu\/insituhacklab\/wp-content\/uploads\/sites\/9\/2014\/12\/019-300x200.jpg 300w, https:\/\/www.lyceelecorbusier.eu\/insituhacklab\/wp-content\/uploads\/sites\/9\/2014\/12\/019-1024x682.jpg 1024w, https:\/\/www.lyceelecorbusier.eu\/insituhacklab\/wp-content\/uploads\/sites\/9\/2014\/12\/019-960x640.jpg 960w, https:\/\/www.lyceelecorbusier.eu\/insituhacklab\/wp-content\/uploads\/sites\/9\/2014\/12\/019.jpg 1500w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><a href=\"http:\/\/www.lyceelecorbusier.eu\/insituhacklab\/wp-content\/uploads\/sites\/9\/2014\/12\/020.jpg\"><img loading=\"lazy\" class=\"alignnone wp-image-549 size-medium\" src=\"http:\/\/www.lyceelecorbusier.eu\/insituhacklab\/wp-content\/uploads\/sites\/9\/2014\/12\/020-300x200.jpg\" alt=\"020\" width=\"300\" height=\"200\" srcset=\"https:\/\/www.lyceelecorbusier.eu\/insituhacklab\/wp-content\/uploads\/sites\/9\/2014\/12\/020-300x200.jpg 300w, https:\/\/www.lyceelecorbusier.eu\/insituhacklab\/wp-content\/uploads\/sites\/9\/2014\/12\/020-1024x682.jpg 1024w, https:\/\/www.lyceelecorbusier.eu\/insituhacklab\/wp-content\/uploads\/sites\/9\/2014\/12\/020-960x640.jpg 960w, https:\/\/www.lyceelecorbusier.eu\/insituhacklab\/wp-content\/uploads\/sites\/9\/2014\/12\/020.jpg 1500w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p>Lorsque le texte devient illisible pour le lecteur, celui-ci se tourne vers son smartphone qui r\u00e9agira \u00e0 des <strong>QR codes<\/strong>. Deux possibilit\u00e9s s&#8217;offrent alors: soit une interaction se lance (d\u00e9clench\u00e9e par la lecture du QR code), soit un didacticiel, expliquant rapidement \u00e0 l&#8217;utilisateur l&#8217;action qu&#8217;il doit faire pour pouvoir suivre sa lecture.<\/p>\n<p>A chaque fois que le smartphone est n\u00e9cessaire, l&#8217;utilisateur enclenche son appareil photo: &#8211; d\u00e9tection du QR code qui lance un fichier\/un effet (l&#8217;appli), -d\u00e9tection d&#8217;un \u00e9l\u00e9ment (mise au point de l&#8217;appareil) qui lance un fichier\/l&#8217;application, &#8211; utilisation simple de l&#8217;appareil photo (prendre en photo un \u00e9l\u00e9ment pour continuer la lecture).<\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":58,"featured_media":538,"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\/526"}],"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=526"}],"version-history":[{"count":20,"href":"https:\/\/www.lyceelecorbusier.eu\/insituhacklab\/index.php?rest_route=\/wp\/v2\/posts\/526\/revisions"}],"predecessor-version":[{"id":736,"href":"https:\/\/www.lyceelecorbusier.eu\/insituhacklab\/index.php?rest_route=\/wp\/v2\/posts\/526\/revisions\/736"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.lyceelecorbusier.eu\/insituhacklab\/index.php?rest_route=\/wp\/v2\/media\/538"}],"wp:attachment":[{"href":"https:\/\/www.lyceelecorbusier.eu\/insituhacklab\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=526"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.lyceelecorbusier.eu\/insituhacklab\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=526"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.lyceelecorbusier.eu\/insituhacklab\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=526"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}