{"id":2097,"date":"2019-10-12T11:37:56","date_gmt":"2019-10-12T09:37:56","guid":{"rendered":"http:\/\/www.lyceelecorbusier.eu\/dnmade-is\/?p=2097"},"modified":"2022-04-27T11:50:23","modified_gmt":"2022-04-27T09:50:23","slug":"boite-a-legendes","status":"publish","type":"post","link":"https:\/\/www.lyceelecorbusier.eu\/dnmade-is\/?p=2097","title":{"rendered":"Bo\u00eete \u00e0 l\u00e9gendes"},"content":{"rendered":"

<\/p>\n

Bo\u00eete \u00e0 l\u00e9gendes<\/h2>\n

La bo\u00eete \u00e0 l\u00e9gende est le fruit d\u2019un projet visant \u00e0 valoriser le patrimoine culturel de l\u2019Alsace et promouvoir un tourisme plus individuel. En effet, le tourisme de masse est de plus en plus pr\u00e9sent, et pollue nos villes. Ici, l\u2019objectif sera de cr\u00e9er un rapport plus intime \u00e0 la nature, de permettre \u00e0 de petits groupes de touristes de d\u00e9couvrir l\u2019incroyable patrimoine historique de l\u2019Alsace. Vous serez donc immerg\u00e9 dans la nature, coup\u00e9 des r\u00e9seaux et autres ondes, avec pour seule compagnie l\u2019ambiance toute particuli\u00e8re des ruines de ch\u00e2teaux, du camp celtique et autres vestiges.\u00a0<\/span><\/p>\n

 <\/p>\n

Mode d\u2019emploi<\/h3>\n

Sur le parking, vous trouverez un chalet dans lequel nous avons dispos\u00e9 une pirate Box. Cette bo\u00eete \u00e9met un r\u00e9seau wifi fant\u00f4me. Vous pourrez vous y connecter depuis votre smartphone. Quand ce sera fait, allez dans votre navigateur et tapez<\/span> www.boitealegende.lan<\/span><\/a>. Sur cette page, vous trouverez une liste de documents audio, ainsi qu\u2019une carte. En effet, sur la boucle que vous \u00eates sur le point d\u2019emprunter, plusieurs monuments historiques ont \u00e9t\u00e9 r\u00e9pertori\u00e9s. Chacun de ces monuments est le sujet d\u2019une histoire, d\u2019une l\u00e9gende et poss\u00e8de un important patrimoine historique. La carte retrace l\u2019itin\u00e9raire, et les documents audio vous permettront d\u2019\u00e9couter les l\u00e9gendes des lieux que vous visiterez. N\u2019oubliez pas de les t\u00e9l\u00e9charger avant d\u2019entamer votre randonn\u00e9e.\u00a0<\/span><\/p>\n

Lors de votre balade, vous serez amen\u00e9s \u00e0 passer par plusieurs lieux charg\u00e9s d\u2019histoires et de l\u00e9gendes. Pour chacun de ces monuments, un document audio portant le nom du lieu a \u00e9t\u00e9 enregistr\u00e9, et ce dernier vous permettra d\u2019\u00e9couter ces l\u00e9gendes tout en vous plongeant dans l\u2019environnement du r\u00e9cit. La carte, quant \u00e0 elle, vous permettra de vous y retrouver, et de prendre connaissance des lieux que vous visitez. Des balises plac\u00e9es sur le chemin vous indiqueront quelle piste audio \u00e9couter. Soyez attentifs !\u00a0<\/span><\/p>\n

N\u2019oubliez pas : ce potentiel culturel est notre richesse, et il est de notre devoir de le respecter.<\/span><\/p>\n

\"\"<\/p>\n

<\/h2>\n

Signal\u00e9tique<\/span><\/h3>\n

Afin de renseigner le visiteur sur l\u2019emplacement des lieux \u00e0 visiter durant le parcours , nous avons cr\u00e9\u00e9 une signal\u00e9tique propre \u00e0 notre projet.<\/span><\/p>\n

\"\"Nous avons imagin\u00e9 de petites structures o\u00f9 seraient inscrits le logo de notre projet ainsi que le nom de l\u2019endroit. Pour ce qui est de la r\u00e9alisation, nous avons pens\u00e9 \u00e0 fabriquer ces installations en bois. Le choix s\u2019est port\u00e9 sur du MDF, facile \u00e0 usiner et dont le visuel est agr\u00e9able. <\/span>Le point n\u00e9gatif de ce mat\u00e9riau est le fait qu\u2019il peut se d\u00e9grader au fil du temps \u00e0 cause des intemp\u00e9ries. Cependant notre dispositif \u00e9tant temporaire (\u00e9v\u00e9nement pour les mois de juillet et ao\u00fbt) cela nous suffisait.<\/span><\/p>\n

Apr\u00e8s plusieurs recherches, nous avons donc choisi de r\u00e9aliser une structure \u00e0 3 faces que nous avons coll\u00e9es par la suite. Nous avons attach\u00e9 un fil au coin de la structure pour lui permettre d\u2019\u00eatre suspendue \u00e0 une branche. Ceci nous permet un accrochage et une d\u00e9sinstallation ais\u00e9s et rapides.<\/span><\/p>\n

 <\/p>\n

\"\"\"\"Sur une des faces, nous avons grav\u00e9 \u00e0 la X-CARVE le logo du projet. Ce logo a \u00e9t\u00e9 g\u00e9n\u00e9r\u00e9 gr\u00e2ce \u00e0 la d\u00e9multiplication du trac\u00e9 du parcours. Ce visuel s’adapte parfaitement \u00e0 notre projet, car il int\u00e8gre une caract\u00e9ristique du lieu (le parcours), poss\u00e8de un c\u00f4t\u00e9 “mystique” par son abstraction et n’est pas sans faire penser \u00e0 une fleur, ramenant \u00e0 l’id\u00e9e de nature que veut mettre en valeur notre projet.<\/span><\/p>\n

 <\/p>\n

Pour ce qui est de renseigner le visiteur sur le lieu, nous avons choisi d\u2019utiliser une d\u00e9coupe Vinyle pour laisser sur une autre face, le nom de l\u2019endroit o\u00f9 se situe la balise. Nous avons test\u00e9 deux choix diff\u00e9rents pour mettre en place ce marquage : laisser seulement les lettres ou les enlever du carr\u00e9 de vinyle et ainsi l\u2019avoir trou\u00e9 par la typographie. <\/span>Le deuxi\u00e8me choix a \u00e9t\u00e9 retenu pour plus de visibilit\u00e9 et de lisibilit\u00e9.<\/span><\/p>\n

\"\"<\/p>\n

 <\/p>\n

Code source du site:<\/span><\/h2>\n

 <\/p>\n

Pour commencer, nous sommes parties sur la base du site de la PirateBox. <\/span>” Une PirateBox est un dispositif \u00e9lectronique souvent compos\u00e9 d’un routeur et d’un dispositif de stockage d’information,\u00a0<\/span>cr\u00e9ant un r\u00e9seau sans fil qui permet aux utilisateurs qui y sont connect\u00e9s d’\u00e9changer des fichiers anonymement et de mani\u00e8re locale.\u00a0<\/span>Par d\u00e9finition, ce dispositif qui est souvent portable est d\u00e9connect\u00e9 d’Internet. <\/span>Les PirateBox sont \u00e0 l’origine destin\u00e9es \u00e0 \u00e9changer librement des donn\u00e9es libres du domaine public ou sous licence libre. <\/span>Les logiciels utilis\u00e9s pour la mise en place d’une PirateBox sont majoritairement open source (source ouverte), voire libres. ” (d’apr\u00e8s Wikip\u00e9dia)<\/span><\/p>\n

Tout d’abord, il a fallu traduire le site qui \u00e9tait en anglais, en rentrant dans le code source de la page web, avec un logiciel libre de droits ” Sublime Text “.<\/span><\/p>\n

\"\" \"\"<\/p>\n

Ensuite, cette page poss\u00e9dait des \u00e9l\u00e9ments superflus par rapport \u00e0 notre projet. Le chat par exemple n’avait aucune utilit\u00e9. Nous les avons supprim\u00e9s.<\/span><\/p>\n

\"\"<\/p>\n

\u00c0 partir d’ici, tous les \u00e9l\u00e9ments visibles sur la page sont les d\u00e9finitifs. Mis \u00e0 part que le footer de la page doit se trouver dans l\u2019onglet \u201c \u00c0 propos \u201d. Les usagers auront donc la possibilit\u00e9 de cliquer sur le bouton \u201c \u00c0 propos \u201d (qui ouvrira une nouvelle page), pour en savoir plus sur le projet, et ce qu\u2019est concr\u00e8tement la PirateBox. Il est important \u00e9galement de pouvoir retourner \u00e0 la page d\u2019accueil en cliquant sur le logo depuis \u201c \u00c0 propos \u201c.<\/span><\/p>\n

\"\" \"\"<\/p>\n

Maintenant que nos pages ont tout le contenu textuel souhait\u00e9, attardons-nous sur la mise en forme du site avec le CSS. Le CSS est un autre langage de programmation, comme l\u2019HTML, qui permet de changer les couleurs, les typographies, les alignements, etc.\u00a0<\/span><\/p>\n

Nous changeons la couleur de l\u2019header avec le Pantone de l\u2019ann\u00e9e 2017, converti en hexad\u00e9cimale.De plus, le logo ne correspond plus, il faut le remplacer. Vous noterez que la couleur de tous les textes est maintenant uniforme. Enfin, l\u2019\u00e9l\u00e9ment \u201c iframe \u201d a \u00e9t\u00e9 supprim\u00e9, en effet, les usagers ne pourront que t\u00e9l\u00e9charger des fichiers, et non en d\u00e9poser.<\/span><\/p>\n

\"\" \"\"<\/p>\n

\"\" \"\" \"\"\u00c0 pr\u00e9sent, nous avons une mise en forme du site convenable pour un \u00e9cran d\u2019ordinateur (format 16\/9), mais qu\u2019en est-il pour un smartphone, qui est la plateforme vis\u00e9e ?<\/span><\/p>\n

Voici un aper\u00e7u.<\/span><\/p>\n

Le site web est termin\u00e9, il n\u2019y a plus qu\u2019\u00e0 l\u2019incorporer dans le Raspberry. Il est important d\u2019\u00e9galement mettre \u00e0 disposition les fichiers t\u00e9l\u00e9chargeables dans la PirateBox.<\/span><\/p>\n

 <\/p>\n

Premier test in situ<\/h3>\n

\u00c0 l\u2019issue de notre projet, nous avons l\u2019occasion de tester notre dispositif (signal\u00e9tique, connexion, audio). Pour cela, nous sommes all\u00e9s \u00e0 la for\u00eat d\u2019Illkirch.<\/span><\/p>\n

Nous avons donc pu essayer d\u2019accrocher nos balises \u00e0 des branches le long du sentier, nous \u00e9tions satisfaits, car elles se voient de loin, et sont solides. Le contexte de notre projet est cens\u00e9 se d\u00e9rouler durant l\u2019\u00e9t\u00e9, or nous avons test\u00e9 nos balises en octobre. Et malgr\u00e9 le vent, elles restent en place. C\u2019est donc un point positif.<\/span><\/p>\n

Le mobile que nous avons suspendu \u00e0 l\u2019entr\u00e9e du circuit, par contre, ne se voit pas assez. \u00c9tant constitu\u00e9 de branches et de feuilles, il se fond dans le d\u00e9cor. Nous voulions \u00e0 la base un \u00e9l\u00e9ment signalant le d\u00e9but du parcours et signifiant qu\u2019il se passe quelque chose, qu\u2019il y a un \u00e9v\u00e9nement autour de ce parcours. Or ce n\u2019\u00e9tait pas le cas ici. Il aurait peut-\u00eatre fallu utiliser d\u2019autres mat\u00e9riaux ou mettre des couleurs afin que les randonneurs puissent le rep\u00e9rer ais\u00e9ment. Il manquait \u00e9galement le panneau explicatif qui sera dispos\u00e9 pr\u00e8s de l\u2019\u00e9l\u00e9ment signalant, qui \u00e9clairera les randonneurs quant \u00e0 l\u2019utilisation de la Bo\u00eete \u00e0 L\u00e9gendes.<\/span><\/p>\n

Apr\u00e8s avoir mis en place notre signal\u00e9tique, nous avons connect\u00e9 notre raspberry. La connexion est un succ\u00e8s, les audio marchent et l\u2019interface est simple, mais efficace. N\u00e9anmoins, il manquait un point important du projet: la carte du circuit. Il nous faudra donc corriger ces \u00e9l\u00e9ments pour le test final qui sera r\u00e9alis\u00e9 plus tard.\u00a0<\/span><\/p>\n

Ainsi, nous nous sommes gliss\u00e9s dans la peau de randonneurs, nous avons remont\u00e9 le sentier, et \u00e0 chaque balise, nous avons pu tester l\u2019audio qui correspond \u00e0 chaque monument.<\/span><\/p>\n\n\t\t\n\t\t

\n\n\t\t\t\n\t\t\t\n\t\t\t
\n\t\t\t\t \t\t\t\t \n\t\t\t\t
\n\t\t\t\t\t\"\"\n\n\n\t
<\/div><\/div>\n<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t\"\"\n\n\n\t
<\/div><\/div>\n<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t\"\"\n\n\n\t
<\/div><\/div>\n<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t\"\"\n\n\n\t
<\/div><\/div>\n<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t\"\"\n\n\n\t
<\/div><\/div>\n<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t\"\"\n\n\n\t
<\/div><\/div>\n<\/div>\n\t\t\t\t<\/div>\n\n\t\t\t<\/div>\n\t\t\t\n\n\t\t\t \n\t\t<\/div>\n\t\t\n\n\t\t