Villa Chiragan

Le catalogue Les sculptures de la villa romaine de Chiragan, développé pour le Musée Saint-Raymond, associe valorisation scientifique et expérimentation éditoriale fondée sur les technologies du web 1. Le musée conserve plus de 700 fragments sculptés découverts à Chiragan (Martres-Tolosane), dont une centaine est exposée. Alors que les recherches antérieures portaient surtout sur des ensembles spécifiques, ce catalogue propose une vision élargie, incluant des œuvres jamais étudiées. Structuré en quatre parties (contexte et restitution de la villa, portraits impériaux et anonymes, sculpture mythologique, grands décors tardifs), il combine textes scientifiques, notices détaillées, bibliographies complètes et images comparatives. Une campagne photographique dédiée offre des visuels en haute définition, parfois manipulables à 360°. 2

Sa chaîne de publication multisupport inspirée du Getty Museum est conçue par Julie Blanc et Antoine Fauchié. Le dispositif permet de produire simultanément une version numérique et une version imprimée à partir d’une source unique, single source publishing.

Cette architecture repose sur les standards ouverts du web (HTML, CSS, JavaScript) et sur un assemblage d’outils open source interopérables : Jekyll pour la génération du site statique, Paged.js pour la mise en page imprimée depuis le navigateur, Git et GitLab pour le versionnage collaboratif, Zotero pour la gestion des références bibliographiques, et Forestry.io comme interface éditoriale graphique destinée à l’équipe muséale. 3

Les contenus, rédigés en Markdown puis convertis en HTML, sont saisis une seule fois et déclinés pour le web et l’impression ; le PDF est généré depuis le navigateur via Paged.js. Les textes et images sont diffusés sous licence Creative Commons BY-SA, conformément à la politique d’open data de la Ville de Toulouse. 4

La structure de ce projet repose sur les principes de l’interopérabilité, la modularité et la multiformité. Grâce à Git, tous les acteurs travaillent sur les mêmes fichiers sources, les modifications automatiquement répercutées sur les deux supports, constituant ainsi un modèle éditorial ouvert, collaboratif et reproductible. 5

  1. web.2print.org
  2. Huber Marie, Catalogue numérique Les sculptures de la villa romaine de Chiragan, Plateformes des médiations muséales.
  3. Blanc Julie, Une chaîne de publication collaborative et multisupport pour le musée Saint-Raymond, 2020.
  4. Huber Marie, Catalogue numérique Les sculptures de la villa romaine de Chiragan, Plateformes des médiations muséales.
  5. Blanc Julie, Une chaîne de publication collaborative et multisupport pour le musée Saint-Raymond, 2020.
Collecting data
Transforming data
Layout
Exporting
Printing
Actors

Christelle Moliné: editorial coordination
Pascal Capus: catalogue copywriting

Antoine Fauchié: toolchain design
Julie Blanc: graphic design and web development

Antoine Fauchié: toolchain design
Julie Blanc: graphic design and web development

Antoine Fauchié: toolchain design
Julie Blanc: graphic design and web development

Ménard Imprimerie, Labège

Tools

Markdown
Zotero

Forestry.io
Jekyll
HTML
Git (GitLab)

Jekyll
HTML
CSS
Paged.js
Chrome

Chrome

Netlify
Offset printing CMYK and Pantone (876U)

Tasks

Writing
Bibliography in Zotero
Text markup

Markdown files converted into structured and organised HTML files: several HTML files are produced for the website and one HTML file is produced for the printed catalogue, using reduced content. The files are converted using the Jekyll static site generator.

CSS and Paged.js layout for the printed version and for the web version

Exporting the PDF in RGB from the browser

Preparing the files for printing => this was done by the printer + photoengraver who created the Pantone images + replaced the CMYK images

Print run of 2,000 copies
Sewn perfect binding
Website hosting on Netlify

Outputs

HTML files for the website
An HTML file with all the content for the printed version
A GitLab repository for managing the project with others

Responsive website
Preview of the printed book in the browser using Paged.js

Responsive website
Ready to Print PDF CMYK + Pantone

Responsive website online
Print edition with different content: more content on the website than in the print edition

Notes

Jekyll was chosen because it allowed us to work with Zotero.

Use of scripts:

  • Jekyll microtypo to improve microtypography

  • Jekyll scholar: Jekyll plugin to manage the display of bibliographic citations and bibliographies

  • Better BibTeX: Zotero plugin to generate bibliography exports

  • Page reorganisation script for full-page images

The author found it incredible to see the website take shape at the same time as he was writing.

Collecting data

Actors

Christelle Moliné: editorial coordination
Pascal Capus: catalogue copywriting

Tools

Markdown
Zotero

Tasks

Writing
Bibliography in Zotero
Text markup

Notes

Transforming data

Actors

Antoine Fauchié: toolchain design
Julie Blanc: graphic design and web development

Tools

Forestry.io
Jekyll
HTML
Git (GitLab)

Tasks

Markdown files converted into structured and organised HTML files: several HTML files are produced for the website and one HTML file is produced for the printed catalogue, using reduced content. The files are converted using the Jekyll static site generator.

Outputs

HTML files for the website
An HTML file with all the content for the printed version
A GitLab repository for managing the project with others

Notes

Jekyll was chosen because it allowed us to work with Zotero.

Layout

Actors

Antoine Fauchié: toolchain design
Julie Blanc: graphic design and web development

Tools

Jekyll
HTML
CSS
Paged.js
Chrome

Tasks

CSS and Paged.js layout for the printed version and for the web version

Outputs

Responsive website
Preview of the printed book in the browser using Paged.js

Notes

Use of scripts:

  • Jekyll microtypo to improve microtypography

  • Jekyll scholar: Jekyll plugin to manage the display of bibliographic citations and bibliographies

  • Better BibTeX: Zotero plugin to generate bibliography exports

  • Page reorganisation script for full-page images

Exporting

Actors

Antoine Fauchié: toolchain design
Julie Blanc: graphic design and web development

Tools

Chrome

Tasks

Exporting the PDF in RGB from the browser

Preparing the files for printing => this was done by the printer + photoengraver who created the Pantone images + replaced the CMYK images

Outputs

Responsive website
Ready to Print PDF CMYK + Pantone

Notes

Printing

Actors

Ménard Imprimerie, Labège

Tools

Netlify
Offset printing CMYK and Pantone (876U)

Tasks

Print run of 2,000 copies
Sewn perfect binding
Website hosting on Netlify

Outputs

Responsive website online
Print edition with different content: more content on the website than in the print edition

Notes

The author found it incredible to see the website take shape at the same time as he was writing.