A place to cache linked articles (think custom and personal wayback machine)
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229
  1. <!doctype html><!-- This is a valid HTML5 document. -->
  2. <!-- Screen readers, SEO, extensions and so on. -->
  3. <html lang="fr">
  4. <!-- Has to be within the first 1024 bytes, hence before the `title` element
  5. See: https://www.w3.org/TR/2012/CR-html5-20121217/document-metadata.html#charset -->
  6. <meta charset="utf-8">
  7. <!-- Why no `X-UA-Compatible` meta: https://stackoverflow.com/a/6771584 -->
  8. <!-- The viewport meta is quite crowded and we are responsible for that.
  9. See: https://codepen.io/tigt/post/meta-viewport-for-2015 -->
  10. <meta name="viewport" content="width=device-width,initial-scale=1">
  11. <!-- Required to make a valid HTML5 document. -->
  12. <title>Trois réponses sur ma thèse (archive) — David Larlet</title>
  13. <meta name="description" content="Publication mise en cache pour en conserver une trace.">
  14. <!-- That good ol' feed, subscribe :). -->
  15. <link rel="alternate" type="application/atom+xml" title="Feed" href="/david/log/">
  16. <!-- Generated from https://realfavicongenerator.net/ such a mess. -->
  17. <link rel="apple-touch-icon" sizes="180x180" href="/static/david/icons2/apple-touch-icon.png">
  18. <link rel="icon" type="image/png" sizes="32x32" href="/static/david/icons2/favicon-32x32.png">
  19. <link rel="icon" type="image/png" sizes="16x16" href="/static/david/icons2/favicon-16x16.png">
  20. <link rel="manifest" href="/static/david/icons2/site.webmanifest">
  21. <link rel="mask-icon" href="/static/david/icons2/safari-pinned-tab.svg" color="#07486c">
  22. <link rel="shortcut icon" href="/static/david/icons2/favicon.ico">
  23. <meta name="msapplication-TileColor" content="#f7f7f7">
  24. <meta name="msapplication-config" content="/static/david/icons2/browserconfig.xml">
  25. <meta name="theme-color" content="#f7f7f7" media="(prefers-color-scheme: light)">
  26. <meta name="theme-color" content="#272727" media="(prefers-color-scheme: dark)">
  27. <!-- Is that even respected? Retrospectively? What a shAItshow…
  28. https://neil-clarke.com/block-the-bots-that-feed-ai-models-by-scraping-your-website/ -->
  29. <meta name="robots" content="noai, noimageai">
  30. <!-- Documented, feel free to shoot an email. -->
  31. <link rel="stylesheet" href="/static/david/css/style_2021-01-20.css">
  32. <!-- See https://www.zachleat.com/web/comprehensive-webfonts/ for the trade-off. -->
  33. <link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_regular.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin>
  34. <link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_bold.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin>
  35. <link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_italic.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin>
  36. <link rel="preload" href="/static/david/css/fonts/triplicate_t3_regular.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin>
  37. <link rel="preload" href="/static/david/css/fonts/triplicate_t3_bold.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin>
  38. <link rel="preload" href="/static/david/css/fonts/triplicate_t3_italic.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin>
  39. <script>
  40. function toggleTheme(themeName) {
  41. document.documentElement.classList.toggle(
  42. 'forced-dark',
  43. themeName === 'dark'
  44. )
  45. document.documentElement.classList.toggle(
  46. 'forced-light',
  47. themeName === 'light'
  48. )
  49. }
  50. const selectedTheme = localStorage.getItem('theme')
  51. if (selectedTheme !== 'undefined') {
  52. toggleTheme(selectedTheme)
  53. }
  54. </script>
  55. <meta name="robots" content="noindex, nofollow">
  56. <meta content="origin-when-cross-origin" name="referrer">
  57. <!-- Canonical URL for SEO purposes -->
  58. <link rel="canonical" href="https://www.quaternum.net/2024/02/02/trois-reponses-sur-ma-these/">
  59. <body class="remarkdown h1-underline h2-underline h3-underline em-underscore hr-center ul-star pre-tick" data-instant-intensity="viewport-all">
  60. <article>
  61. <header>
  62. <h1>Trois réponses sur ma thèse</h1>
  63. </header>
  64. <nav>
  65. <p class="center">
  66. <a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home">
  67. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-home"></use>
  68. </svg> Accueil</a> •
  69. <a href="https://www.quaternum.net/2024/02/02/trois-reponses-sur-ma-these/" title="Lien vers le contenu original">Source originale</a>
  70. <br>
  71. Mis en cache le 2024-02-18
  72. </p>
  73. </nav>
  74. <hr>
  75. <p><a href="https://larlet.fr/david/">David</a> a assisté à la soutenance de <a href="https://these.quaternum.net">ma thèse de doctorat</a>, il m’a posé trois questions via <a href="https://larlet.fr/david/2024/01/23/">un billet de blog</a>, à défaut d’avoir pu le faire pendant la soutenance.
  76. Voici trois réponses.
  77. (Et toute question est <a href="https://www.quaternum.net/a-propos/#contact">bienvenue</a> !)</p>
  78. <h2 id="comment-transformer-ces-fabriques-de-logiciels-_open-source_-en-communs-numériques-">Comment transformer ces fabriques de logiciels <em>open-source</em> en communs numériques ?</h2>
  79. <p>La question exacte est la suivante : “Comment transformer ces fabriques de logiciels open-source en communs numériques impliquant une gouvernance partagée ? Comment sont impliquées les différentes parties prenantes ?”</p>
  80. <p>Dans les <em>fabriques</em> que j’analyse, mais également dans celles auxquelles j’ai participées, envisager une <em>transformation</em> en communs implique d’abord d’en permettre une réappropriation, quelle qu’elle soit.
  81. Cela est possible à trois conditions :</p>
  82. <ol>
  83. <li>encadrer l’usage avec une licence qui autorise ou favorise une compréhension/modification/diffusion (du code) de ces fabriques ;</li>
  84. <li>créer et maintenir une documentation qui permette de comprendre les fonctionnements général et technique de la fabrique concernée ;</li>
  85. <li>prévoir des mécanismes qui engagent une certaine horizontalité des contributions.</li>
  86. </ol>
  87. <p>Ceci étant dit, sans des personnes humaines seules ou constituées en communauté, il ne me semble pas possible que ces fabriques deviennent de véritables <em>communs</em>.
  88. Cela signifie prendre en considération une dimension de démonstration, de communication ou de diffusion, comme des posters ou des ateliers dans le monde académique, l’animation de forums en ligne, l’organisation d’événements semi-professionnels, des universités populaires via des associations, etc.</p>
  89. <p>En observant différents projets, et notamment le générateur de site statique Hugo, le Gabarit Abrüpt ou encore l’éditeur de texte Stylo, la gouvernance partagée me semble particulièrement complexe à établir ou à maintenir.
  90. Je vois une tension entre d’un côté le formalisme des prises de décisions qui oblige à une certaine rigidité, et d’un autre côté l’absence de cadrage qui implique des orientations parfois au détriment de la communauté d’utilisateurs et d’utilisatrices silencieuse (ou rendue silencieuse).
  91. Pendant le deuxième tour de questions pendant la soutenance, j’ai évoqué la difficulté de disposer de moyens — surtout humains — pour animer une communauté, les projets les plus visibles bénéficiant souvent de fonds d’investissement relativement toxiques, ou dépendant d’une personne dévouée sans qui rien ne pourrait arriver.</p>
  92. <h2 id="quelle-est-linaccessibilité-des-fabriques-">Quelle est l’in·accessibilité des fabriques ?</h2>
  93. <p>La question exacte est la suivante : “Quelle est la littéracie numérique nécessaire pour devenir auteur·ice aujourd’hui ? Quelle est l’in·accessibilité de ces fabriques sous cet angle là ?”</p>
  94. <p>Je ne me prononcerais pas sur la littéracie nécessaire pour devenir auteur ou autrice aujourd’hui, cela dépend de beaucoup de paramètres, et notamment les domaines éditoriaux concernés — par exemple avec ou sans gestion d’images.</p>
  95. <p>En terme d’accessibilité ou d’inaccessibilité, les fabriques que j’ai étudiées sont toutes basées sur le format texte, et en partie sur des <em>interfaces textuelles</em> — essentiellement via la ligne de commande et donc un terminal.
  96. C’est déjà un frein énorme pour la plupart des personnes, ou en tout cas ça rend ces fabriques inaccessibles.
  97. Petite aparté : en 2012 j’ai voulu utiliser Octopress (un fork de Jekyll), uniquement parce que le thème par défaut de ce générateur de site statique me plaisait beaucoup (graphiquement).
  98. Cela m’a amené à utiliser la ligne de commande alors que je n’y connaissais absolument rien, jusqu’à me mener vers des usages plus avancés plus tard.
  99. Il y a de multiples biais ici, mais l’attrait d’un aspect d’un outil m’a conduit à expérimenter, à tester, à rater, à partager, à apprendre.</p>
  100. <p>Stylo est un bon exemple d’outil d’écriture et d’édition qui n’est pas développé comme une <em>solution</em> ou comme un <em>produit</em>, mais comme un projet de recherche, qui vise surtout à permettre une meilleure compréhension des mécanismes techniques d’écriture et d’édition numérique.
  101. Balisage, métadonnées, services tiers tels que Zotero ou Hypothesis, versionnement, partage de documents, compréhension des formats, etc.
  102. En utilisant Stylo nous sommes invités à <em>pratiquer</em> tout cela, jusqu’à intégrer ces pratiques, ou les refuser (en sachant en partie pourquoi), ou développer des usages qui en découlent (comme l’utilisation d’interfaces textuelles).
  103. Il n’y a pas de hiérarchie dans ces différentes options, aller vers l’utilisation du terminal n’est pas une fin en soit, je préfère être clair sur ce point.</p>
  104. <p>Depuis quelques mois je travaille sur la question de l’<em>adhésion</em> à ces outils, souvent considérée comme une évidence, voire une injonction.
  105. J’essaye de comprendre pourquoi je suis contre cette adhésion.
  106. Pourquoi je considère (et je ne suis pas le seul) qu’un projet de recherche bénéficie à se positionner contre cette injonction à l’adhésion, contre la transformation de tout en <em>produit</em>.
  107. En travaillant sur ces projets, nous ne devons pas en être des <em>évangélistes</em>, mais simplement prendre le temps de montrer leur fonctionnement (pratique) et leur implication (théorique).
  108. Faire acte de pédagogie sans chercher à convaincre sur le plan des usages.
  109. C’est ce que j’ai fait dans ma thèse.</p>
  110. <h2 id="léditeurtrice-devient-il-également-une-accompagnateurtrice-">L’éditeur·trice devient-il également un·e accompagnateur·trice ?</h2>
  111. <p>La question précise est celle-ci : “Le rôle de l’éditeur·ice devient-il également celui d’un·e accompagnateur·ice technique ? Quelle part pour l’éthique dans ce choix d’intermédiaire ?”</p>
  112. <p>Dans ma thèse j’étudie les processus d’édition.
  113. Je n’étudie pas ou peu les relations entre les personnes qui éditent et celles qui proposent des <em>manuscrits</em>.
  114. En considérant une structure d’édition comme un ensemble de personnes humaines, oui il doit y avoir un rôle d’accompagnateur·trice technique, en tant que cet ensemble est un collectif.
  115. C’est ce que j’ai expérimenté avec le <em>Novendécaméron</em> (avec d’autres personnes), c’est ce que j’observe avec Stylo et la revue <em>Sens public</em>, c’est ce que j’ai analysé avec C&amp;F Éditions, c’est ce que je vis au quotidien à la Chaire de recherche du Canada sur les écritures numériques (dans un cadre moins focalisé sur des activités éditoriales).
  116. Mais être accompagnateur signifie accepter d’être aussi accompagné.</p>
  117. <p>Je ne suis pas sûr de comprendre la question de l’<em>éthique</em>, je peux toutefois essayer de partir dans cette direction en faisant plusieurs constats.
  118. Nos littéracies numériques sont si diverses que partir sur la (relativement) simple idée d’un partage continu me semble déjà une bonne manière d’aborder la question de l’acquisition de connaissances techniques.
  119. Expliquer ce que l’on sait faire et de quelle manière, sans pour autant vendre cette pratique comme une solution, est déjà un choix éthique fort.
  120. <a href="https://debogue.ecrituresnumeriques.ca/">Déb/u/o/gue tes humanités</a> est un bon exemple de ce désir de partager des pratiques et des connaissances, de proposer un socle commun qui n’est ni unique ni arrêté, et qui est surtout (et encore) une invitation à nous interroger sur nos <em>façons de faire</em>.
  121. Les implications politiques sont bien présentes ici, il serait naïf de considérer une forme de neutralité — qui est un fantasme —.
  122. Il y a une volonté d’ouvrir un champ de possibles en partageant des pratiques basées sur des standards et des protocoles.
  123. Il y a cette idée forte de permettre un regard critique.</p>
  124. <h2 id="bonus--comment-citer-des-passages-_numériques_-de-la-thèse-">Bonus : comment citer des passages <em>numériques</em> de la thèse ?</h2>
  125. <p>C’est un point sur lequel je travaille encore, afin de baliser <em>automatiquement</em> chaque paragraphe.
  126. La chose est possible, dans le cas de ma thèse via un mécanisme lié à Hugo, mais avec quelques compromis qui ne me satisfont pas encore.
  127. J’espère pouvoir implémenter cela dans la version web dès que possible.</p>
  128. </article>
  129. <hr>
  130. <footer>
  131. <p>
  132. <a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home">
  133. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-home"></use>
  134. </svg> Accueil</a> •
  135. <a href="/david/log/" title="Accès au flux RSS"><svg class="icon icon-rss2">
  136. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-rss2"></use>
  137. </svg> Suivre</a> •
  138. <a href="http://larlet.com" title="Go to my English profile" data-instant><svg class="icon icon-user-tie">
  139. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-user-tie"></use>
  140. </svg> Pro</a> •
  141. <a href="mailto:david%40larlet.fr" title="Envoyer un courriel"><svg class="icon icon-mail">
  142. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-mail"></use>
  143. </svg> Email</a> •
  144. <abbr class="nowrap" title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340"><svg class="icon icon-hammer2">
  145. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-hammer2"></use>
  146. </svg> Légal</abbr>
  147. </p>
  148. <template id="theme-selector">
  149. <form>
  150. <fieldset>
  151. <legend><svg class="icon icon-brightness-contrast">
  152. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-brightness-contrast"></use>
  153. </svg> Thème</legend>
  154. <label>
  155. <input type="radio" value="auto" name="chosen-color-scheme" checked> Auto
  156. </label>
  157. <label>
  158. <input type="radio" value="dark" name="chosen-color-scheme"> Foncé
  159. </label>
  160. <label>
  161. <input type="radio" value="light" name="chosen-color-scheme"> Clair
  162. </label>
  163. </fieldset>
  164. </form>
  165. </template>
  166. </footer>
  167. <script src="/static/david/js/instantpage-5.1.0.min.js" type="module"></script>
  168. <script>
  169. function loadThemeForm(templateName) {
  170. const themeSelectorTemplate = document.querySelector(templateName)
  171. const form = themeSelectorTemplate.content.firstElementChild
  172. themeSelectorTemplate.replaceWith(form)
  173. form.addEventListener('change', (e) => {
  174. const chosenColorScheme = e.target.value
  175. localStorage.setItem('theme', chosenColorScheme)
  176. toggleTheme(chosenColorScheme)
  177. })
  178. const selectedTheme = localStorage.getItem('theme')
  179. if (selectedTheme && selectedTheme !== 'undefined') {
  180. form.querySelector(`[value="${selectedTheme}"]`).checked = true
  181. }
  182. }
  183. const prefersColorSchemeDark = '(prefers-color-scheme: dark)'
  184. window.addEventListener('load', () => {
  185. let hasDarkRules = false
  186. for (const styleSheet of Array.from(document.styleSheets)) {
  187. let mediaRules = []
  188. for (const cssRule of styleSheet.cssRules) {
  189. if (cssRule.type !== CSSRule.MEDIA_RULE) {
  190. continue
  191. }
  192. // WARNING: Safari does not have/supports `conditionText`.
  193. if (cssRule.conditionText) {
  194. if (cssRule.conditionText !== prefersColorSchemeDark) {
  195. continue
  196. }
  197. } else {
  198. if (cssRule.cssText.startsWith(prefersColorSchemeDark)) {
  199. continue
  200. }
  201. }
  202. mediaRules = mediaRules.concat(Array.from(cssRule.cssRules))
  203. }
  204. // WARNING: do not try to insert a Rule to a styleSheet you are
  205. // currently iterating on, otherwise the browser will be stuck
  206. // in a infinite loop…
  207. for (const mediaRule of mediaRules) {
  208. styleSheet.insertRule(mediaRule.cssText)
  209. hasDarkRules = true
  210. }
  211. }
  212. if (hasDarkRules) {
  213. loadThemeForm('#theme-selector')
  214. }
  215. })
  216. </script>
  217. </body>
  218. </html>