Lou Victoria Alice Delyo : Différence entre versions
Ligne 24 : | Ligne 24 : | ||
Voici quelques tests de mise en page en CSS. | Voici quelques tests de mise en page en CSS. | ||
<gallery> | <gallery> | ||
− | + | Capture d’écran 2023-12-14 à 18.16.45.png|Test1 de mise en page | |
Test_mise_en_page_2.png|Test2 de mise en page | Test_mise_en_page_2.png|Test2 de mise en page | ||
</gallery> | </gallery> |
Version du 20 décembre 2023 à 21:34
</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.
Sommaire
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.
- Erreur lors de la création de la miniature : Fichier avec des dimensions supérieures à 12,5 MP
Template 1
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.