Julie Blanc (Design graphique, code & recherche)

Composer sa thèse

Un workflow avec les technologies du web

</>

Séminaire SACRe, Fémis (Paris), 6 décembre 2024

https://phd.julie-blanc.fr/

Les technologies du web

Écrire en markdown

Écrire en markdown

Langage de balisage léger

Structuration sémantique du contenu

Ne dépend d'aucun logiciel spécifique

Facilement transformable en HTML

Écrire en markdown
Écrire en markdown
Écrire en markdown
Écrire en markdown
Écrire en markdown
Écrire en markdown
Typora
Écrire en markdown
Typora

[Démo typora]

Organiser ses fichiers

Organiser ses fichiers

Structurer ses fichiers
=
structurer son écriture

Organiser ses fichiers
Organiser ses fichiers
Organiser ses fichiers

Pandoc: créer l’HTML

Pandoc
Pandoc

[Démo Pandoc]

Pandoc
Pandoc
Pandoc
Pandoc
Pandoc
Pandoc
Pandoc
Pandoc
Pandoc
Pandoc

Bibliographie
(Zotero et Bibtex)

Bibliographie
Bibliographie
Zotero
Bibliographie
Zotero + Bibtex
Bibliographie
Zotero + Bibtex
Bibliographie
Zotero + Bibtex
Bibliographie
Fichier Bibtex
Bibliographie
Fichier CSL
Bibligraphie
Fichier CSL

https://github.com/citation-style-language/styles

Bibligraphie
Pandoc
Bibligraphie
Pandoc
Bibligraphie

Mise en page (Paged.js)

Bibliothèque JavaScript libre et open source
qui affiche un contenu paginé dans un navigateur
en prenant en charge le code CSS pour l'impression

pagedjs.org

Paged.js

Open-source (MIT licence)

Basé sur les starndards du web

Aperçu visuel dans le navigateur web

Paged.js
Paged.js
Paged.js

[Démo paged.js]

Paged.js
Paged.js
Paged.js
Paged.js

Fonctionnalités

  • Numérotation automatique des titres et des figures
  • Table des matières automatiques
  • Footnotes ou sidenotes
  • Etc.

Single source publishing

Git

→ Logiciel de collaboration et de versionnage autour du code

Étendre les possibilités

Étendre les possiblités

Possibilité d’ajouter des scripts
à tout moment du workflow

(Garder la rétroaction: on modifie le markdown,
le texte se modifie aussi dans la mise en page)

Étendre les possiblités
Scripts personnalisées
Étendre les possiblités
Scripts personnalisées
Étendre les possiblités
Orthotypographie
Étendre les possiblités
Mise en page complexe
Étendre les possiblités
Mise en page complexe
Étendre les possiblités
Mise en page complexe
Étendre les possiblités
Mise en page complexe

Conclusion

Avantages

  • Outils libres et open source
  • Écriture et mise en page indépendantes
  • Aucune perte de structuration
  • Flexible (faire des choses simples ou complexes)
  • Rétroactions grâce à la programmation

Inconvénients

  • Il faut changer vos habitudes
  • Pour les mises en page complexe, cela peut être compliqué
  • Savoir coder pour aller dans la complexité

Bonus

  • Multisupport (single source publishing)
  • Accessibilité des contenus (web)
  • Collaboration facilitée

Aller plus loin

Le template de la démo:

https://gitlab.com/JulieBlanc/pagedjs-phd-demo

Merci

  • julie-blanc.fr / studio-cascade.fr
  • julieblancfr
  • contact@julie-blanc.fr

Made with HTML & CSS
slides.julie.blanc.fr