Erg::groupe JEANELSONPHIA - Historique des versions

Jean Olgiati : /* Fonctionnalités interactives */

2015-12-15T12:00:23Z

Fonctionnalités interactives

Jean Olgiati : /* Fonctionnalités interactives */

2015-12-15T12:00:10Z

Fonctionnalités interactives

Jean Olgiati : /* Fonctionnalités interactives */

2015-12-15T11:56:49Z

Fonctionnalités interactives

Jean Olgiati : /* Projet de [JEA(N]EL{SO}N){PHIA} */

2015-12-15T11:43:39Z

Projet de [JEA(N]EL{SO}N){PHIA}

Jean Olgiati : /* Projet de [JEA(N]EL{SO}N){PHIA} */

2015-12-15T11:35:39Z

Projet de [JEA(N]EL{SO}N){PHIA}

Jean Olgiati : /* Projet de [JEA(N]EL{SO}N){PHIA} */

2015-12-15T11:34:10Z

Projet de [JEA(N]EL{SO}N){PHIA}

Jean Olgiati : /* Pour réaliser la page HTML */

2015-12-15T11:32:55Z

Pour réaliser la page HTML

Jean Olgiati : /* Projet de [JEA(N]EL{SO}N){PHIA} */

2015-12-15T09:40:33Z

Projet de [JEA(N]EL{SO}N){PHIA}

Jean Olgiati : /* Pour traiter le texte */

2015-12-15T09:35:30Z

Pour traiter le texte

Jean Olgiati : /* Pour réaliser la page HTML */

2015-12-15T09:33:55Z

Pour réaliser la page HTML

@@ Ligne 183 : / Ligne 183 : @@
 La bi-publication permettrait alors de disposer de deux versions très similaires d'un texte, permettant des allers-retours faciles entre le livre et l'écran, avec une répartition des rôles :
 - l'impression sur papier pour la lecture confortable, la transportabilité en tous lieux, le plaisir tactile de la lecture ;
 - et l'affichage sur écran pour l'accès aisé à des fonctions de méta-lecture permettant d'étudier le texte en profondeur.

← Version précédente		Version du 15 décembre 2015 à 12:00
Ligne 180 :		Ligne 180 :
	===Fonctionnalités interactives===		===Fonctionnalités interactives===

−	Nous avons privilégié une mise en page imprimée selon les codes classiques, et donc peu développé l'interaction possible entre l'affichage à l'écran et l'impression. C'était un choix de départ, mais il paraît utile de réexaminer le projet pour mieux exploiter la bi-publication, par exemple en dotant l'affichage à l'écran de fonctions d'analyse du texte à la demande : surlignement des mots les plus rares, extraction de toutes les phrases contenant un certain mot, etc.	+	Nous avons privilégié une mise en page imprimée selon les codes classiques, et donc peu développé l'interaction possible entre l'affichage à l'écran et l'impression. C'était un choix de départ, mais il paraît utile de réexaminer le projet pour mieux exploiter la bi-publication, par exemple en dotant l'affichage à l'écran de fonctions d'analyse du texte à la demande : surlignement des mots les plus rares, extraction de toutes les phrases contenant un certain mot, accès à un dictionnaire, éléments biographiques, etc.
		+
		+	La bi-publication permettrait alors de disposer de deux versions très similaires d'un texte, permettant des allers-retours faciles entre le livre et l'écran, avec une répartition des rôles :
		+	- l'impression sur papier pour la lecture confortable, la transportabilité en tous lieux, le plaisir tactile de la lecture ;
		+	- et l'affichage sur écran pour l'accès aisé à des fonctions de méta-lecture permettant d'étudier le texte en profondeur.

← Version précédente		Version du 15 décembre 2015 à 11:56
Ligne 180 :		Ligne 180 :
	===Fonctionnalités interactives===		===Fonctionnalités interactives===

−	Nous avons ~~réalisé~~ une mise en page ~~assez classique~~, et donc peu développé l'interaction possible entre l'affichage à l'écran et l'impression. C'était un choix de départ, mais il paraît utile de réexaminer le projet pour mieux exploiter la bi-publication, par exemple en dotant l'affichage à l'écran de fonctions d'analyse du texte à la demande : surlignement des mots les plus rares, extraction de toutes les phrases contenant un certain mot, etc.	+	Nous avons privilégié une mise en page imprimée selon les codes classiques, et donc peu développé l'interaction possible entre l'affichage à l'écran et l'impression. C'était un choix de départ, mais il paraît utile de réexaminer le projet pour mieux exploiter la bi-publication, par exemple en dotant l'affichage à l'écran de fonctions d'analyse du texte à la demande : surlignement des mots les plus rares, extraction de toutes les phrases contenant un certain mot, etc.

@@ Ligne 2 : / Ligne 2 : @@
 =Projet de [JEA(N]EL{SO}N){PHIA}=
@@ Ligne 15 : / Ligne 16 : @@
   Je suis sale. Les poux me rongent. Les pourceaux, quand ils me regardent, vomissent. Les croûtes et les escarres de la lèpre ont écaillé ma peau, couverte de pus jaunâtre. Je ne connais pas l’eau des fleuves, ni la rosée des nuages. Sur ma nuque, comme sur un fumier, pousse un énorme champignon, aux pédoncules ombellifères. Assis sur un meuble informe, je n’ai pas bougé mes membres depuis quatre siècles. Mes pieds ont pris racine dans le sol et composent, jusqu’à mon ventre, une sorte de végétation vivace, remplie d’ignobles parasites, qui ne dérive pas encore de la plante, et qui n’est plus de la chair. Cependant mon cœur bat. Mais comment battrait-il, si la pourriture et les exhalaisons de mon cadavre (je n’ose pas dire corps) ne le nourrissaient abondamment ? Sous mon aisselle gauche, une famille de crapauds a pris résidence, et, quand l’un d’eux remue, il me fait des chatouilles. Prenez garde qu’il ne s’en échappe un, et ne vienne gratter, avec sa bouche, le dedans de votre oreille : il serait ensuite capable d’entrer dans votre cerveau. Sous mon aisselle droite, il y a un caméléon qui leur fait une chasse perpétuelle, afin de ne pas mourir de faim : il faut que chacun vive.
@@ Ligne 35 : / Ligne 37 : @@
 Nous choisissons les clous, en superposant à la lecture des mots un rythme graphique qui vienne le contredire. Pour cela, nous avons retenu un script java qui permet de faire varier, de lettre en lettre, la force de corps du caractère.
@@ Ligne 78 : / Ligne 81 : @@
 - Râpe à bois
@@ Ligne 162 : / Ligne 166 : @@
   [[Fichier:Atelier du relieur.JPG|300px]]

@@ Ligne 2 : / Ligne 2 : @@
 =Projet de [JEA(N]EL{SO}N){PHIA}=
@@ Ligne 14 : / Ligne 15 : @@
   Je suis sale. Les poux me rongent. Les pourceaux, quand ils me regardent, vomissent. Les croûtes et les escarres de la lèpre ont écaillé ma peau, couverte de pus jaunâtre. Je ne connais pas l’eau des fleuves, ni la rosée des nuages. Sur ma nuque, comme sur un fumier, pousse un énorme champignon, aux pédoncules ombellifères. Assis sur un meuble informe, je n’ai pas bougé mes membres depuis quatre siècles. Mes pieds ont pris racine dans le sol et composent, jusqu’à mon ventre, une sorte de végétation vivace, remplie d’ignobles parasites, qui ne dérive pas encore de la plante, et qui n’est plus de la chair. Cependant mon cœur bat. Mais comment battrait-il, si la pourriture et les exhalaisons de mon cadavre (je n’ose pas dire corps) ne le nourrissaient abondamment ? Sous mon aisselle gauche, une famille de crapauds a pris résidence, et, quand l’un d’eux remue, il me fait des chatouilles. Prenez garde qu’il ne s’en échappe un, et ne vienne gratter, avec sa bouche, le dedans de votre oreille : il serait ensuite capable d’entrer dans votre cerveau. Sous mon aisselle droite, il y a un caméléon qui leur fait une chasse perpétuelle, afin de ne pas mourir de faim : il faut que chacun vive.
@@ Ligne 33 : / Ligne 35 : @@
 Nous choisissons les clous, en superposant à la lecture des mots un rythme graphique qui vienne le contredire. Pour cela, nous avons retenu un script java qui permet de faire varier, de lettre en lettre, la force de corps du caractère.
 == Les outils utilisés==
 ===Pour récupérer le texte===
 - Wikisource
@@ Ligne 53 : / Ligne 56 : @@
 - Découpage en pages : copier/coller
@@ Ligne 62 : / Ligne 63 : @@
 - (la page ne fonctionne pas dans Chrome)
@@ Ligne 82 : / Ligne 82 : @@
 == La production ==
 ===Étape 1 : récupérer le texte===
 Récupérer le texte brut dans Wikisource, le coller dans un fichier HTML, baliser les titres avec h1, h2, h3.
@@ Ligne 97 : / Ligne 95 : @@
 Souci : le texte ne respecte plus la dimension du bloc d'affichage, et certaines lignes sont interminables.
 *  Textstroke
@@ Ligne 106 : / Ligne 103 : @@
 [[Fichier:Chants.gif|700px]]
@@ Ligne 116 : / Ligne 112 : @@
   [[Fichier:Maldoror60mm.jpg|300px]]
@@ Ligne 129 : / Ligne 124 : @@
 PROBLÈME RÉSOLU : il convenait de supprimer, dans le script de modification, la ligne remplaçant les espaces par des espaces insécables…
@@ Ligne 141 : / Ligne 135 : @@
 - Gouttière bien marquée, format type demi-A4 coupé dans la hauteur (donc environ 3 fois plus haut que large) : importance du blanc entre les deux pages. Ceci amène à envisager, si le temps le permet, une reliure cousue.
@@ Ligne 157 : / Ligne 150 : @@
   [http://dotdotdot.be/erg/jeanolgiati/TP_layout/ Les chants de Maldoror]

@@ Ligne 42 : / Ligne 42 : @@
-===Pour traiter le texte===
+===Pour réaliser la page HTML===
-- Changer la taille des lettres dans le texte : jqIsoText (jQuery Text Effect Plugin)
+- Script pour moduler la taille des lettres dans le texte : jqIsoText (jQuery Text Effect Plugin)
 http://workshop.rs/2010/01/jqisotext-jquery-text-effect-plugin/
@@ Ligne 52 : / Ligne 56 : @@
 ===Navigateur===

@@ Ligne 56 : / Ligne 56 : @@
 - Éditeur de texte (Text Edit, Geany, Sublime Text 2, Brackets)
-- Langages HTML, CSS, Java
+- Langages HTML, CSS, Javascript
 ===Navigateur===

@@ Ligne 14 : / Ligne 14 : @@
   Je suis sale. Les poux me rongent. Les pourceaux, quand ils me regardent, vomissent. Les croûtes et les escarres de la lèpre ont écaillé ma peau, couverte de pus jaunâtre. Je ne connais pas l’eau des fleuves, ni la rosée des nuages. Sur ma nuque, comme sur un fumier, pousse un énorme champignon, aux pédoncules ombellifères. Assis sur un meuble informe, je n’ai pas bougé mes membres depuis quatre siècles. Mes pieds ont pris racine dans le sol et composent, jusqu’à mon ventre, une sorte de végétation vivace, remplie d’ignobles parasites, qui ne dérive pas encore de la plante, et qui n’est plus de la chair. Cependant mon cœur bat. Mais comment battrait-il, si la pourriture et les exhalaisons de mon cadavre (je n’ose pas dire corps) ne le nourrissaient abondamment ? Sous mon aisselle gauche, une famille de crapauds a pris résidence, et, quand l’un d’eux remue, il me fait des chatouilles. Prenez garde qu’il ne s’en échappe un, et ne vienne gratter, avec sa bouche, le dedans de votre oreille : il serait ensuite capable d’entrer dans votre cerveau. Sous mon aisselle droite, il y a un caméléon qui leur fait une chasse perpétuelle, afin de ne pas mourir de faim : il faut que chacun vive.
 == Le projet ==
@@ Ligne 25 : / Ligne 26 : @@
 Une troisième idée serait de souligner l'étrangeté du texte en mettant en valeur la richesse du vocabulaire (par exemple en faisant un comptage automatisé de fréquence des mots pour que les mots les plus rares s'affichent en lourd et épais et les mots très courants en gris, pour donner à la lecture un rythme heurté et révéler la complexité du vocabulaire de Ducasse.
 ===Parti retenu===
@@ Ligne 31 : / Ligne 33 : @@
 Nous choisissons les clous, en superposant à la lecture des mots un rythme graphique qui vienne le contredire. Pour cela, nous avons retenu un script java qui permet de faire varier, de lettre en lettre, la force de corps du caractère.
 == Les outils utilisés==
@@ Ligne 36 : / Ligne 39 : @@
 ===Pour récupérer le texte===
 - Wikisource
 ===Pour traiter le texte===
@@ Ligne 44 : / Ligne 49 : @@
 - Découpage en pages : copier/coller
 ===Pour réaliser la page HTML===
@@ Ligne 50 : / Ligne 57 : @@
 - Langages HTML, CSS, Java
 ===Navigateur===
@@ Ligne 56 : / Ligne 65 : @@
 - (la page ne fonctionne pas dans Chrome)
 ===Pour réaliser le livre===
@@ Ligne 70 : / Ligne 81 : @@
 - Râpe à bois
 == La production ==
 ===Étape 1 : récupérer le texte===
 Récupérer le texte brut dans Wikisource, le coller dans un fichier HTML, baliser les titres avec h1, h2, h3.
 ===Étape 2 : bousculer la typographie===
 Charger jqIsoText.js, script permettant de faire aller et venir la force de corps du texte, soit au sein de tout un texte traité d'un coup, soit mot par mot. Avec une variation du corps 15 au corps 30 appliquée mot par mot, voici un premier rendu (police IM Fell DW pica, corps variant entre 15 et 30) :
   [[Fichier:IMfell 30 15.jpg|700px]]
 Souci : le texte ne respecte plus la dimension du bloc d'affichage, et certaines lignes sont interminables.
@@ Ligne 97 : / Ligne 109 : @@
 [[Fichier:Chants.gif|700px]]
 ===Étape 3 : s'interroger sur la façon de concilier CSS et Javascript===
@@ Ligne 105 : / Ligne 119 : @@
   [[Fichier:Maldoror60mm.jpg|300px]]
 ===Étape 4 : Problèmes rencontrés===
@@ Ligne 144 : / Ligne 160 : @@
   [http://dotdotdot.be/erg/jeanolgiati/TP_layout/ Les chants de Maldoror]
 ===Étape 7 : Réalisation===

Erg::groupe JEANELSONPHIA - Historique des versions

Jean Olgiati : /* Fonctionnalités interactives */

Jean Olgiati : /* Fonctionnalités interactives */

Jean Olgiati : /* Fonctionnalités interactives */

Jean Olgiati : /* Projet de [JEA(N]EL{SO}N){PHIA} */

Jean Olgiati : /* Projet de [JEA(N]EL{SO}N){PHIA} */

Jean Olgiati : /* Projet de [JEA(N]EL{SO}N){PHIA} */

Jean Olgiati : /* Pour réaliser la page HTML */

Jean Olgiati : /* Projet de [JEA(N]EL{SO}N){PHIA} */

Jean Olgiati : /* Pour traiter le texte */

Jean Olgiati : /* Pour réaliser la page HTML */

Jean Olgiati : /* Fonctionnalités interactives */

Jean Olgiati : /* Fonctionnalités interactives */

Jean Olgiati : /* Fonctionnalités interactives */

Jean Olgiati : /* Projet de [JEA(N]EL{SO}N){PHIA} */

Jean Olgiati : /* Projet de [JEA(N]EL{SO}N){PHIA} */

Jean Olgiati : /* Projet de [JEA(N]EL{SO}N){PHIA} */

Jean Olgiati : /* Pour réaliser la page HTML */

Jean Olgiati : /* Projet de [JEA(N]EL{SO}N){PHIA} */

Jean Olgiati : /* Pour traiter le texte */

Jean Olgiati : /* Pour réaliser la page HTML */