Différences entre les versions de « Erg::groupe quantic »
| (8 versions intermédiaires par 2 utilisateurs non affichées) | |||
| Ligne 3 : | Ligne 3 : | ||
== '''En Bref''' == | == '''En Bref''' == | ||
| + | Mettre en exergue les différents contenus de manière simultanée/isolée selon leurs types (images, textes, annexes) permet de rendre leur autonomie à ceux-ci, qu’elle confère aux contenus une perte de sens ou non, cette séparation altère la hiérarchisation des informations et permet une tout autre lecture d’un ensemble documentaire. | ||
| + | • Un site en 3 parties qui scinde les contenus mais permet à la fois qu’ils se confrontent par une lecture simultanée à la guise de l'utilisateur | ||
| + | |||
| + | • Une édition qui cloisonne ces contenus puisqu’ils apparaissent les uns à la suite des autres sans hiérarchie, reliés ensemble, et contraint l’utilisateur à chercher les correspondances ou à aborder les contenus selon leur seule autonomie une fois isolés. | ||
| − | + | == '''La démarche''' == | |
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| + | Une premiere problématique à été d'avoir un support html, sur lequel travailler. Nous avions deux documents de base, un ibook, et un pdf. Les sécurité DRM mise en place par apple, nous a empêché de travailler sur l'ibooks. De ce fait nous avons converti le contenu du pdf (grâce a adobe acrobat pro). Avec cette première version Html nous avons du la nettoyer, grâce a des REGEX simple, supprimant les attribut css dans le fichier html. Puis nous avons choisi de scinder les différents types de contenus : à cette fin, nous pouvions mettre en exergue différentes choses au travers de l’outil web ainsi que de l’outil papier. | ||
| − | + | Techniquement : Pour faire cela nous avons une nouvelle fois effectué des REGEX pour sélectionner les éléments à scinder tout en conservant leurs ordres d'apparition: | |
| − | |||
| − | |||
| − | Pour faire cela nous avons une nouvelle fois | ||
| − | Ainsi, nous | + | Ainsi, nous avons 3 documents html qui permettent: |
| − | • | + | • Une application web qui présente les différents types de contenu scindés en trois catégories : les images, les textes, et les annexes (sources, bibliographie, données, schémas,…). |
La page web propose une juxtaposition de ces contenus ; elle conserve donc, comme dans le PDF d’origine, une simultanéité des informations. L'utilisateur peut ainsi aborder le document sous ces 3 différents aspects (choisir de ne consulter que les images, que les textes, que les annexes) ou les faire concorder comme dans un document « classique » où la mise en page confronte successivement ces différents types d’information. La lecture, et la manière d’aborder un document, est donc perturbée par ces séparations. | La page web propose une juxtaposition de ces contenus ; elle conserve donc, comme dans le PDF d’origine, une simultanéité des informations. L'utilisateur peut ainsi aborder le document sous ces 3 différents aspects (choisir de ne consulter que les images, que les textes, que les annexes) ou les faire concorder comme dans un document « classique » où la mise en page confronte successivement ces différents types d’information. La lecture, et la manière d’aborder un document, est donc perturbée par ces séparations. | ||
| − | La page web est une page scindée en trois parties dont il est possible d’ajuster la largeur (selon la consultation de l’utilisateur). Chaque partie possède sa fonction d’impression qui génère un PDF imprimable : les dimensions de ce PDF dépendent de l’utilisation qu’en a fait l’utilisateur puisque le PDF sera aussi large qu’à ses proportions à l’écran. | + | La page web est une page scindée en trois parties dont il est possible d’ajuster la largeur (selon la consultation de l’utilisateur). Chaque partie possède sa fonction d’impression qui génère un PDF imprimable : les dimensions de ce PDF dépendent de l’utilisation qu’en a fait l’utilisateur puisque le PDF sera aussi large qu’à ses proportions à l’écran. |
| − | Pour faire cela, Nous avons | + | Techniquement : Pour faire cela, Nous avons encapsulé trois <frames> dans un document Html. Ces frames sont les 3 documents HTML de départ (nous avons donc la structure suivante - Index.html qui contient content.htm / Img.htm / annexe.htm |
| + | Nb : la modification du format Html > htm a était faite seulement par convention ) | ||
| − | • Le document imprimé quant à lui, | + | • Le document imprimé quant à lui, apparaît en conséquence des particularités de l’application web. Il s’agit de 3 PDF générés à la taille et à la demande de l’utilisateur, qui, une fois reliés ensemble ou séparément permettront une lecture tantôt simultanée (dans le cas où les imprimés ne seraient pas reliés d’un tenant, ou dans le cas où la lecture se fait par aléas dans l’objet éditorial) ou une lecture volontairement sélective, qui aborde uniquement les contenus les uns après les autres (dans le cas où l’objet est relié d’un tenant : la reliure accentue la séparation des contenus). |
| + | Techniquement : C'est grâce a un Script Phantomjs, que nous avons pu créer un export possible des 3 documents en pdf. | ||
| + | Un php interroge donc ce script afin de concevoir ces trois documents séparément. | ||
| + | Pour qu'il puisse y avoir une intervention de l'utilisateur, (que les tailles des documents soient variables), c'est un autre script (js /jquery) qui prend le relais. | ||
| − | ''En somme, le projet propose de jouer sur la simultanéité/le cloisonnement des contenus dans la lecture et la façon '''d’aborder un ensemble selon ses différents types de contenu ; il s’agit de perturber la hiérarchisation des informations, non pas selon l’aspect pratique du sens de lecture qui | + | ''En somme, le projet propose de jouer sur la simultanéité/le cloisonnement des contenus dans la lecture et la façon '''d’aborder un ensemble selon ses différents types de contenu ; il s’agit de perturber la hiérarchisation des informations, non pas selon l’aspect pratique du sens de lecture qui enchaîne les éléments les uns aux autres selon ce qui les assimile, mais il s’agit d’aborder un ensemble selon ces mêmes contenus, contraints d’être isolés par types (textes, images, annexes) et rendre leur autonomie, énigmatique une fois isolés ou non, à ceux-ci.''''' |
== '''Le procédé''' == | == '''Le procédé''' == | ||
| − | Le contenu d’un PDF (*) a été aspiré, ce qui nous a | + | Le contenu d’un PDF (*) a été aspiré, ce qui nous a permis de récupérer tout le contenu. |
Le contenu a été scindé selon les différents types d'informations : Textes courant, images, et annexes ont été séparés. | Le contenu a été scindé selon les différents types d'informations : Textes courant, images, et annexes ont été séparés. | ||
Chacun des éléments a été nettoyé de tous les bugs dû à l’aspiration du contenu. | Chacun des éléments a été nettoyé de tous les bugs dû à l’aspiration du contenu. | ||
Version actuelle datée du 15 décembre 2015 à 01:04
Page Quantic
En Bref
Mettre en exergue les différents contenus de manière simultanée/isolée selon leurs types (images, textes, annexes) permet de rendre leur autonomie à ceux-ci, qu’elle confère aux contenus une perte de sens ou non, cette séparation altère la hiérarchisation des informations et permet une tout autre lecture d’un ensemble documentaire.
• Un site en 3 parties qui scinde les contenus mais permet à la fois qu’ils se confrontent par une lecture simultanée à la guise de l'utilisateur
• Une édition qui cloisonne ces contenus puisqu’ils apparaissent les uns à la suite des autres sans hiérarchie, reliés ensemble, et contraint l’utilisateur à chercher les correspondances ou à aborder les contenus selon leur seule autonomie une fois isolés.
La démarche
Une premiere problématique à été d'avoir un support html, sur lequel travailler. Nous avions deux documents de base, un ibook, et un pdf. Les sécurité DRM mise en place par apple, nous a empêché de travailler sur l'ibooks. De ce fait nous avons converti le contenu du pdf (grâce a adobe acrobat pro). Avec cette première version Html nous avons du la nettoyer, grâce a des REGEX simple, supprimant les attribut css dans le fichier html. Puis nous avons choisi de scinder les différents types de contenus : à cette fin, nous pouvions mettre en exergue différentes choses au travers de l’outil web ainsi que de l’outil papier.
Techniquement : Pour faire cela nous avons une nouvelle fois effectué des REGEX pour sélectionner les éléments à scinder tout en conservant leurs ordres d'apparition:
Ainsi, nous avons 3 documents html qui permettent:
• Une application web qui présente les différents types de contenu scindés en trois catégories : les images, les textes, et les annexes (sources, bibliographie, données, schémas,…). La page web propose une juxtaposition de ces contenus ; elle conserve donc, comme dans le PDF d’origine, une simultanéité des informations. L'utilisateur peut ainsi aborder le document sous ces 3 différents aspects (choisir de ne consulter que les images, que les textes, que les annexes) ou les faire concorder comme dans un document « classique » où la mise en page confronte successivement ces différents types d’information. La lecture, et la manière d’aborder un document, est donc perturbée par ces séparations.
La page web est une page scindée en trois parties dont il est possible d’ajuster la largeur (selon la consultation de l’utilisateur). Chaque partie possède sa fonction d’impression qui génère un PDF imprimable : les dimensions de ce PDF dépendent de l’utilisation qu’en a fait l’utilisateur puisque le PDF sera aussi large qu’à ses proportions à l’écran.
Techniquement : Pour faire cela, Nous avons encapsulé trois <frames> dans un document Html. Ces frames sont les 3 documents HTML de départ (nous avons donc la structure suivante - Index.html qui contient content.htm / Img.htm / annexe.htm Nb : la modification du format Html > htm a était faite seulement par convention )
• Le document imprimé quant à lui, apparaît en conséquence des particularités de l’application web. Il s’agit de 3 PDF générés à la taille et à la demande de l’utilisateur, qui, une fois reliés ensemble ou séparément permettront une lecture tantôt simultanée (dans le cas où les imprimés ne seraient pas reliés d’un tenant, ou dans le cas où la lecture se fait par aléas dans l’objet éditorial) ou une lecture volontairement sélective, qui aborde uniquement les contenus les uns après les autres (dans le cas où l’objet est relié d’un tenant : la reliure accentue la séparation des contenus).
Techniquement : C'est grâce a un Script Phantomjs, que nous avons pu créer un export possible des 3 documents en pdf. Un php interroge donc ce script afin de concevoir ces trois documents séparément. Pour qu'il puisse y avoir une intervention de l'utilisateur, (que les tailles des documents soient variables), c'est un autre script (js /jquery) qui prend le relais.
En somme, le projet propose de jouer sur la simultanéité/le cloisonnement des contenus dans la lecture et la façon d’aborder un ensemble selon ses différents types de contenu ; il s’agit de perturber la hiérarchisation des informations, non pas selon l’aspect pratique du sens de lecture qui enchaîne les éléments les uns aux autres selon ce qui les assimile, mais il s’agit d’aborder un ensemble selon ces mêmes contenus, contraints d’être isolés par types (textes, images, annexes) et rendre leur autonomie, énigmatique une fois isolés ou non, à ceux-ci.
Le procédé
Le contenu d’un PDF (*) a été aspiré, ce qui nous a permis de récupérer tout le contenu. Le contenu a été scindé selon les différents types d'informations : Textes courant, images, et annexes ont été séparés. Chacun des éléments a été nettoyé de tous les bugs dû à l’aspiration du contenu.