Romain Marula (ESA 75), Keyvane Alinaghi (ESAC Cambrai)
Workshop sur la création d'éditions imprimées réalisées avec les outils libres du web. Au-delà de la contrainte du dispositif de mise en page, cette série d'ateliers est une expérience de composition de texte et de mise en forme à distance entre 40 étudiant.es de l'ESA 75 (Bruxelles) et de l'ESAC (Cambrai).
Le corpus de textes à travailler proviendra d'une série d'entretiens semi-directif menée par vous. Des binômes d'étudiant.es provenant des deux écoles seront constitués par les enseignants du workshop, et chaque duo devra jouer le jeu de l'entretien. Dans un premier temps, les étudiant.es de l'ESAC Cambrai questionneront les étudiant.es de l'ESA 75, puis l'inverse dans un deuxième temps. Les étudiant.es prépareront en amont la grille de questions à poser à leur binôme. Les questions seront construites à partir de la thématique des imaginaires numériques, et découpés selon les problématiques suivantes : Quels services, usages, dispositifs trouvez-vous nuisibles pour internet ? Quels services, usages, dispositifs souhaiteriez-vous voir émerger sur la toile ?
Vous pouvez trouver ici qui sera votre binôme : https://lite.framacalc.org/r554z9a1tx-ahxu
1- Si ce n'est pas déjà fait, vous pouvez installer un logiciel d'édition de code sur vos ordinateurs :
2- Les questions relatives aux problématiques du workshop ( Quels services, usages, dispositifs trouvez-vous nuisibles pour internet ? Quels services, usages, dispositifs souhaiteriez-vous voir émerger sur la toile ?) sont relativement ouvertes. L'idée d'un entretien semi-directif est de stimuler la parole, de relancer votre interlocuteur.ice si besoin, de tenter d'approfondir le sujet, et par la suite, de reformuler (sans dénaturer le propos). Si vous n'êtes pas à l'aise avec la discussion, que vous n'arriver pas à être spontanées dans l'échange, n'hésitez pas à préparer quelques questions de secours pour susciter de nouvelles réponses de l'interviewé.
Par exemple dans la première partie Quels services, usages, dispositifs trouvez-vous nuisibles pour internet ? Vous pouvez vous demander quelle plateforme numérique peut mettre votre interviewé mal à l'aise / s'il y a du contenu que l'on devrait enlever ou censurer de la toile / existe t'il des espaces numériques qui devraient être modéré / qu'est ce qui impacte moralement dans les usages ou la consommation en ligne...
3- Pour retranscrire votre interview, nous vous incitions à vous joindre via un logiciel de viso :
Enregistrez votre conversation avec vos téléphones portables ou mieux avec un enregistreur numérique. Téléphone ou enregistreur doivent être bien placé près de vos hauts parleurs d'ordinateur pour qu'à la réécoute et à la transcription, vous puissiez entendre distinctement ce que raconte votre interlocuteur.ice.
Pour enregistrer l'audio et retranscrire, vous pouvez utiliser l'application https://lokas.app . Attention à bien conserver le fichier audio que l'appli vous génère, puisse les retranscriptions automatiques ne sont pas fiables à 100%, il y aura toujours de la réécriture.
4- Pour l'entretien, donnez vous un temps maximum (15 à 30 min) car au final chaque étudiant.e devra mettre en page les verbatims d'entretiens d'environs 4500 signes.
Voici par exemple un verbatim de 5000 signes d'un entretien entre Keyvane et un musicien de la scène expérimentale pour l'article Faire et faire entendre :
https://semestriel.framapad.org/p/1fkw3zwjefverbatim_k_diy-aiac
Lundi 19/01
Mardi 20/01
Template Paged.js
→ http://www.esac-cambrai.net/A3/html2print.zip
Réf techniques
→ https://ps.wdka.nl/wiki/Web-to-print-with-pagedjs
→ https://radicalweb.design/ressources/ctrl-alt-print/pagedjs
→ https://developer.mozilla.org/en-US/docs/Web/CSS
→ https://www.w3schools.com/css/
Ressources
https://velvetyne.fr/velvetyne-libre-friends
VOS TEXTES
-> https://cumulus.le75.be/s/J6ntENETT3t62ie
Lundi 16/03
Mardi 17/03
Template Paged.js
→ http://www.esac-cambrai.net/A3/html2print.zip
Réf techniques
→ https://ps.wdka.nl/wiki/Web-to-print-with-pagedjs
→ https://radicalweb.design/ressources/ctrl-alt-print/pagedjs
→ https://developer.mozilla.org/en-US/docs/Web/CSS
→ https://www.w3schools.com/css/
Ressources
https://velvetyne.fr/velvetyne-libre-friends
https://unilist.raphaelbastide.com/
https://hlnet.neocities.org/ascii-automata/
https://www.wavegenerator.app/
VOS TEXTES
->https://cumulus.le75.be/s/T5NacHpLTE7ozq3
TEMPLATE AFFICHAGE / POSITION DE TEXTE:
[https://cumulus.le75.be/s/J6ntENETT3t62ie?dir=/Entretien-rendu-esale75/template\_HTML\_CSS](https://cumulus.le75.be/s/J6ntENETT3t62ie?dir=/Entretien-rendu-esale75/template\_HTML\_CSS)
Font :
[https://velvetyne.fr/fonts/basteleur/](https://velvetyne.fr/fonts/basteleur/)
[https://usemodify.com/fonts/eb-garamond/](https://usemodify.com/fonts/eb-garamond/)
[https://usemodify.com/fonts/borel/](https://usemodify.com/fonts/borel/)
Espace insecable HTML : \ ISOLER UN MOT :
h2:nth-of-type(3){
color: green;
}
h2:nth-of-type(even){
color:red;
}
SAUT DE PAGE :
page-break-before:always;
}Espace insécable
\
[]Caractéristique technique livre[]
17 étudiants·es par école
1 entretien par étudiants·es
34 par
80gr Arena fredrigoni rought
grosse marge de petit fond
Titre : Discute d'Internet
contraintes de composition : Faire une couverture
- en bichromie
- à partir d'outils de générations de formes
- en utilisant les caractères de la typothèque du 75
- mise en page avec Paged JS
Outils de génération de formes :
[https://hlnet.neocities.org/ascii-automata/](https://hlnet.neocities.org/ascii-automata/)
[https://type.constraint.systems/](https://type.constraint.systems/)
[https://css-paint.constraint.systems/paint](https://css-paint.constraint.systems/paint)Le livre Discute d'Internet est le résultat d'un workshop croisé entre l'École Supérieure d'Art le 75 (ESA le 75 Bruxelles) et l'École Supérieure d'Art et de Communication (ESAC Cambrai) dans lequel 40 étudiant·es de licence ont échangé sur leurs pratiques numériques, plus particulièrement sur leurs usages d'Internet, leurs craintes face à la transformation de la toile, leur fascination pour les révolutions technologiques. Constitué en binôme (un·e étudiant·e de l'ESA le 75 et un·e de l'ESAC) les étudiant·es se sont interrogés sur la base de questions provenant des problématiques suivantes : Quels services, usages, dispositifs trouvez-vous nuisibles pour Internet ? Quels services, usages ou dispositifs souhaiteriez-vous voir émerger sur la toile ?
L'ouvrage présente donc une série d'entretiens authentiques dont l'ensemble forme l'empreinte sensible d'une génération obligée de conjuguer avec un Internet privatisé par les GAFAM.
Cette édition a été réalisée en Web-To-Print (Paged.js), une méthode alternative permettant de réaliser des éditions papiers mises en page par des langages de programmation initialement dédiés pour le web . Ce travail de mise en page est brut, fait appel à des outils libres, expérimentaux, parfois visibles dans la transcription du texte. Cette collaboration s'est déroulée en plusieurs moments, entre janvier et mai 2026. Un premier temps à l'ESAC (le 19 et 20 janvier 2026) et un deuxième à l'ESA le 75 à Bruxelles (du 16 au 18 mars 2026).
Auteur·ices :
Amari Khawla
Amari Sophia
Arisoy Ilayda
Aydogan Dilara
Bagelet Charline
Beldars Lena
Bodele Alysse
Cazaubon Inès
Cerezo Carla
Claisse Evan
Damit Elsa
De Saint-Michel Côme
Dominiak Roméo
Friscourt Emma
Gerard Lara
Hsu Ya-Pin
Ledoux Laure
Lespinne Aëlla
Longrée Arthur
Maciejewski Wiktor
Mainvis Lucie
Merle Juliette
Montuelle Anaïs
Pellegrini Nico
Pham Jack
Pierard Elodie
Ramadan Jonatan
Romain Bastien
Rosoux Lou
Ruir Xavier
Simsek Deniz
Stas De Richelle Loic
Strelbytska Anna
Tondeur Kyllian
Enseignants encadrant :
Alinaghi Keyvane (ESAC Cambrai)
Marula Romain (ESA le 75 Bruxelles)
Projet mise en page avec Paged.js ([https://p](https://p) agedjs.org) et imprimé à Harry Studio en 2026.