Web2print

Imprimer des livres depuis un navigateur

ESAD Orléans

Comment en arriver à imprimer des livres avec les navigateurs ?

Le logiciel libre

  1. 0. la liberté de faire fonctionner le programme comme vous voulez, pour n'importe quel usage (liberté 0) ;
  2. 1. la liberté d'étudier le fonctionnement du programme, et de le modifier pour qu'il effectue vos tâches informatiques comme vous le souhaitez (liberté 1) ; l'accès au code source est une condition nécessaire ;
  3. 2. la liberté de redistribuer des copies, donc d'aider les autres (liberté 2) ;
  4. 3. la liberté de distribuer aux autres des copies de vos versions modifiées (liberté 3) ; en faisant cela, vous donnez à toute la communauté une possibilité de profiter de vos changements ; l'accès au code source est une condition nécessaire.
Richard Stallman

« Design graphique libre » nouveaux paradigmes

Lorsque l'on s'inscrit dans une pratique prenant appuie sur les logciels libres, il faut repenser toute la trousse à outils du graphisme ainsi que la conception que l'on a des outils.

La programmation comme technique de création

Les règles qui définissent les outils libres garantissent l'accès au code source, la possibilité de les modifier et d'en diffuser les sources ainsi que les modifications.

La programmation est donc un enjeu essentiel dans cette pratique.

HTML / CSS des langages standards et ouverts

Ils permettent de créer et styliser du contenu pour le web.

Langages universels planifiés par le W3C qui garantit un web commun et accessible à toustes peu importe le navigateur, le système d'exploitation et l'ordinateur sur lequel seront lus ces langages.

Comment ça fonctionne techniquement ?

HTML

<div>Titre principale</div>Contenu et structure sémantique de l'information

CSS

h1{ font-size: 20px; }Présentation visuelle

Page web sans feuille de style
Page web avec feuille de style

Une source pour plusieurs formats de sortie

Schéma d'un sytème de conception éditorial multisupport, Loraine Furter, Publication hybride, https://www.design-research.be/hybrid/publications.html

Les medias queries

@media screen{ }

@media screen and (max-width : 800px){ ... }

Style pour une taille d'écran en dessous de 800px de large

@media print{ }

@media print{ }

Style pour l'imprimer
« Faire Avec », Back Office, n°1, fork éditions et B42, Paris.

Print... Une fonctionnalité historique

Netscape, 2001

@page{}

Des règles pour concevoir un gabarit de page.

Un système de conception éditorial génératif

Avec un fichier source générer rapidement une série de publications.

Schéma de Loraine Furter, Publication hybride, https://www.design-research.be/hybrid/publications.html
Affiche et Flyers pour la session parisienne de Relearn

Des systèmes modulaires

À partir d'un code source, un framework, adapter l'outil en fonction de chaque projet.

Un petit nombre de designer⋅euses ont développé⋅es des outils de mise en page avec les technologies du web.

html2print, OSP
yah2p, Luuse

De la plasticité et de l'inventivité

Combiné avec d'autres langages du web (javascript, php, etc.) il est possible d'expérimenter de nouvelles façons de concevoir le design éditorial.

PJ Machine, Sarah Garcin

Collaboration

À partir d'un même fichier source il est possible d'agir à plusieurs sur un même projet.

Une communauté de designer⋅euses/developpeur⋅euses se met en place, partage ses outils et s'entraide

Poisson Lévèque, Conception d'une édition à plusieurs mains à l'aide de pad, Luuse.
prepostprint.org

Consignes

Afin de saisir les enjeux d'une pratique web to print dans la conception éditoriale vous allez devoir imaginer une publication multisupport. L'exercice consiste à penser à la conception de deux documents distincts, écran et papier, à partir d'un seul est même code source. Ces objets doivent se distinguer soit formellement, soit par le contenu.

Pour mener à bien ce projet vous devez choisir un ensemble de documents (articles de presses, extraits de livres, post twitter, etc.) pour concevoir un ouvrage. Ces documents doivent essentiellement avoir pour sujets les enjeux politiques, économiques, sociales et écologiques du numérique sur nos vies.

Vous pouvez travailler individuellement, ou par groupe.

Références