Lou Victoria Alice Delyo

De Design numérique
Aller à : navigation, rechercher

</gallery> Histoire dont on est le héros. Cliquer sur premier fragment, choisir les réponses, change le cursus de l’histoire. Fin de l’histoire, imprimer l’histoire, seule trace de notre histoire = papier imprimé. Plusieurs histoires, pas toutes le même style. Afficher à la fin de l’histoire, les personnes qui ont choisi les fragments + les auteur.ices + une entrée où la personne qui a joué au jeu peut mettre son prénom. Mettre des pages vides à la fin pour laisser les gens écrire les derniers fragments ? Typos, couleurs, différentes selon les fragments et les réponses ? Faire un récit avec des extraits d’articles ne peut pas marcher, donc quelle forme donner à la publication ? Essai, manifeste, journal, encyclopédie, corpus de textes. Ça peut venir en faisant des expériences. Problème : peut très vite épuiser le chemin, car un fragment a plusieurs réponses mais les réponses elles-mêmes n’ont pas forcément de réponses. —> nécessité de mettre plus de fragments dans le pad.

Avancée

Au cours des derniers ateliers, nous avons fait des décisions sur la forme que prendra le dispositif.

Voici une première idée graphique de la page web, faite sur illustrator.


Voici quelques tests de mise en page en CSS.

Images

Nous avons choisi d'associer à chaque fragment une image spécifique. De cette façon, l'utilisateur.ice parcourt les fragments un par un sans connaître le contenu textuel des réponses. L'association seule de l'image peut rendre le "voyage" plus imprévu. Tout comme l'écriture de ces fragments dans le pad, leur lecture est aussi un cadavre exquis, et donc la formation de nouveaux sens donné au texte une fois réuni.

Alice a fait en sorte que le fond, au début d'une couleur claire et vive, s'assombrisse au fur et à mesure pour illustrer la progression.

(web to) Print

La forme de l'édition imprimée générée est de 105 x 297 mm. Ceci permet d'imprimer et relier facilement chez soi. En plus, c'est un format plus rare (donc qui ressortirait du lot dans une rangée d'éditions). A l'impression, un fragment apparaît par page, avec son image associée.

Dans le colophon de la dernière page, on mentionne toustes les étudiant.e.s et enseignant.e.s de l'atelier comme colaborateurs, en y ajoutant les auteurs des textes dont sont extraits les fragments.

Code

Le saut de fragment en fragment se fait par un référencement des numéros identifiants. On évite de charger le contenu des réponses à un fragment. Une fois une image cliquée, on va chercher à quel ID elle est associée, on vide le conteneur 'main' et on remplace ses contenus par ceux trouvés grâce à l'ID. Ces derniers sont tous disponibles dans un grand tableau, dont la notation est faite comme celle d'un objet JS. Ceci facilite l'accès aux données.

Au long de la progression à travers les fragments, on compose une deuxième variable, un tableau qui reprend directement l'entièreté des données des fragments par lesquels on passe. Cet 'historique' est à l'origine du contenu qui sera ensuite pris en charge par Paged.JS.