Lou Victoria Alice Delyo

De Design numérique
Révision datée du 20 décembre 2023 à 22:20 par Lou (discussion | contributions) (Avancée)
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.

D'autres tests réalisés sur illustrator pour la page web.

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. Pour choisir ou dessiner une image, on se fixe un protocole où l'on vient choisir un mot dans le fragment qu'on vient ensuite illustrer.

Lorsque une image est manquante, on la remplace par une autre image en écrivant un fichier de configuration du serveur HTTP Apache = .htaccess Les quelques lignes qu'on y écrit servent à dire que

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.

Sources

Voici les sources d'où proviennent les photos utilisées par Lou : SOURCES :

  • 0020 — Beaboss [1]
  • 0063 — Medium [2]
  • 0024 — Huffingtonpost [3]
  • 0040 — Jerel Rowan Baker - llusion d'optique et perception en peinture [4]
  • 0030 — The Gothic Alice [5]
  • 0025 — V&A [6]
  • 0023 — Sacyr [7]
  • 0064 — Discipulospr [8]
  • 0050 — Lauren Eldridge-Murray - Alphabet Poster [9]
  • 0052 — Les Noces de Cana: deux points de fuite [10]
  • 0002 — Just-Like-Neon [11]
  • 0034 — Demotivateur [12]
  • 0039 — ferroviaire blog [13]
  • 0051 — Pxhere [14]
  • 0077 — L’Express [15]
  • 0059 — Carte du Monde [16]
  • 0066 — Réseau des CCTT [17]
  • 0058 — Freshmorningquotes [18]
  • 0016 — Décryptages [19]

(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.