Christelle Molinié (musée Saint-Raymond, musée d'Archéologie de Toulouse)
Julie Blanc (designer graphique / paged.js)

Présentation de la publication numérique et imprimée du catalogue des sculptures de la villa romaine de Chiragan (Martres-Tolosane)

Les Lundis numériques de l'INHA, 13 janvier 2020

Genèse et contexte
du projet au
musée Saint-Raymond

Une mission, l'étude et la diffusion des collections

Les sculptures de la villa de Chiragan exposées au 1er étage du musée Saint-Raymond, photo Emilie Cazin

Une évidence, le numérique

Un impératif, l'open data

Un modèle, les publications du Getty museum

https://www.getty.edu/publications/romanmosaics/

Exploration
du catalogue numérique

https://villachiragan.saintraymond.toulouse.fr/

Design responsive

Editorial: 4 parties

Plan interactif de la villa

Parties Texte introductif / Réf. biblio. / Notices

Références bibliographiques

Notices Slider images / Vedette / Lien Wikidata, citation / Texte

Notices responsives

Slider: vue 360° ou diaporama, zoom

Images comparatives

Navigation

Téléchargements des fichiers sources Métadonnées CSV, images HD, sources informatiques

Impression bureautique

Un travail d'édition classique...

rédaction des textes
campagne photographique
recherche d'images de comparaison
mise à jour des bibliographies

Mais une chaîne de publication innovante

Technos du web
& single source publishing

Principe du web : séparation du fond et de la forme

Design responsive

La sépration du fond et de la forme ouvre une deuxième possibilité, celle de pouvoir faire du single source publishing; c'est à dire, à partir d'une même source de contenu, produire plusieurs formats de sortie. Pour cela on va créer une feuille de style spécifique à chaque sortie. En CSS, il existe une requête média spécifique pour le print, qui s'applique lorsqu'une page web est imprimée. Comme vous pouvez le voir sur ce shéma, on a tendance à produie deux HTML différents aussi car on peut avoir besoin d'une structuration différente pour la sortie imprimée et la sortie écran.
Avant de passer à la suite, j'aimerais d'abord m'attarder sur la sortie imprimée. Comme vous pouvez le voir, j'ai ajouté un petit outil dans ce shéma, paged.js. Qu'est-ce que c'est ?

Catalogue imprimé (En cours de production)

https://villachiragan.saintraymond.toulouse.fr/impression

Librairie javascript libre et open-source
qui pagine une page web dans les navigateurs
pour créer des sorties PDF de contenus HTML

pagedmedia.org/paged-js

Seulement, ce n'est pas aussi facile que cela en a l'air. Le design d'un livre recquiert tout un ensemble d'élément qui ne sont pas utile sur une page web: numéro de pages, titre courants, traits de coupe, etc. Il existe des déclarations CSS permettant de créer cela mais le problème est qu'elle ne sont pas implémentées dans les navigateurs pour le moment. Si vous les écrivez, il ne se passera rien. Pour pouvoir tout de même l'utiliser, on peut utiliser paged.js une librairie javascript qui va palier au problème et ajouter les focntionnalités CSS dont on a besoin. Je ne vais pas aller plus loin car c'est une partie un peu technique mais je peux vous en parler plus longuement lors des questions si vous le souhaitez. Je fais partie de l'équipe de développement de Paged.js, je suis donc spécialiste de l'utilsation de CSS pour créer des livres imprimés.

Paged.js dans le navigateur web avec outils de développement

Utilisation d'une grille et d'une baseline

Nouvelle organisation des contenus pour l'imprimé

Un système de publication spécifique

Développé par Antoine Fauchié

Pas d'utilisation de Quire car :

différence de contenus entre la version numérique et la version imprimée
besoin d'une gestion bibliographique via Zotero

Comme Christelle l'a indiqué en début de présentation, le musée Saint Raymond a souhaité prendre pour modèle le système de publication du Getty Museum. Ils ont développé un système appelé Quire qui est disponible de manière open-source. Pourtant, nous avons choisi de ne pas l'utiliser et de développer un système de publication spécifique.
Il y a deux raison à cela:
- pour le catalogue de la villa Chiragan il y a une différences de contenus entre la version numérique et la version imprimée : or Quire produit deux objets similaires en terme de contenus ; - nous avions aussi besoin d'une gestion des références bibliographiques, ce que ne propose pas Quire et qu'il n'est pas possible d'ajouter compte tenu des briques logicielles qu'ils utilisent.