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.

index.html 17KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215
  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>Appel à intérêt pour un bureau d’enregistrement coopératif (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://hashbang.coop/blog/appel-a-interet-pour-un-bureau-denregistrement-cooperatif/">
  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>Appel à intérêt pour un bureau d’enregistrement coopératif</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://hashbang.coop/blog/appel-a-interet-pour-un-bureau-denregistrement-cooperatif/" title="Lien vers le contenu original">Source originale</a>
  70. <br>
  71. Mis en cache le 2024-03-12
  72. </p>
  73. </nav>
  74. <hr>
  75. <p data-block-key="csryn">TLDR :</p>
  76. <ul><li data-block-key="e1615">nous lançons un projet pour gérer des noms de domaines dans une nouvelle coopérative</li><li data-block-key="607sp">répondez à <a href="https://hashbang.coop/formulaire-dinteret-pour-un-bureau-denregistrement-cooperatif/">ce court formulaire</a> pour nous aider ou nous rejoindre</li></ul>
  77. <p data-block-key="76is0">Le 28 février 2023, je postais le sondage suivant sur Mastodon :</p>
  78. <blockquote data-block-key="7p3at">Qui serait partant·e pour participer (ou être client·e) du premier registrar sous forme de société coopérative d'intérêt collectif ?<br><a href="https://framapiaf.org/@arthru/109942709471820424">28 févr. 2023, 14:56</a> - <a href="https://framapiaf.org/@arthru">@arthru@framapiaf.org</a></blockquote>
  79. <p data-block-key="as4gn">809 personnes ont répondu, dont 465 (57,4784 %) ont répondu positivement, 26 (3,21384 %) ont répondu négativement, et 318 (39,3078 %) étaient juste curieux ou curieuses.</p>
  80. <p data-block-key="1fj4i">Fun fact : la somme des pourcentages sur mastodon ne fait pas 100 %, j'ai dû aller fouiller le style dans le html pour trouver les pourcentages exactes qui donnent bien 100 % et 809 répondant·e·s.</p>
  81. <h2 data-block-key="9uhkr">Qu'est ce qu'un registrar ?</h2>
  82. <p data-block-key="ap4fs">Un bureau d'enregistrement ou un registraire de nom de domaine, ou un registrar en anglais, est en charge de la gestion et de la commercialisation d'un nom de domaine entre un registre (en anglais Network Information Center, NIC) et un·e client·e, qui en a alors l'usage pendant une durée donnée.</p>
  83. <p data-block-key="ec1b5">Le nom de domaine est un élément fondamentale d'internet, car il fait le lien entre un nom compréhensible humainement, et une adresse IP composée de 4 nombres entre 0 et 256 séparés par des . (points) en IPv4, ou 8 groupes de 4 caractères entre 0 et 9 et entre A et F, séparés par des : (deux points) en IPv6. Il est utilisé pour accèder à un site web, pour envoyer et recevoir des emails, et beaucoup plus généralement sur internet.</p>
  84. <p data-block-key="d4hrn">Le registrar vend l'usage des noms de domaine, et inclus en général l'hébergement DNS (le protocole permettant de faire ce lien entre nom de adresse). Il propose généralement l'hébergement mail et l'hébergement web.</p>
  85. <p data-block-key="b83r8">Le nom de domaine est alors un produit d'appel pour d'autres services à plus forte valeur ajoutée.</p>
  86. <h2 data-block-key="1qmn9">Quel est le problème des registrars actuels ?</h2>
  87. <p data-block-key="2mknt">Les registraires actuels sont des entreprises commerciales à but lucratif. Cela signifie que les personnes détenant ces entreprises décident des tarifs appliquées, des services proposés et du support, le marché guidant leurs décisions.</p>
  88. <p data-block-key="62aer">Lorsque j'ai publié le sondage, c'était en réaction à l'annonce de la vente de Gandi à Total Webhosting Solutions. Des craintes avaient alors été publiées à propos de la hausse des prix et de la baisse de qualité qui pourraient avoir lieu chez Gandi suite à ce rachat, ce qui aurait déjà été constaté suite à d'autres rachats de la part de Total Webhosting Solutions.</p>
  89. <p data-block-key="35ol0">Je n'ai pas personnellement constaté de baisse de qualité, mais il y a bien eu une hausse des prix : des boites mails précédemment inclues avec l'achat du nom de domaine ne l'étaient plus, et ont maintenant un tarif qu'on peut juger élevé.</p>
  90. <p data-block-key="d9bmh">EDIT : j'ai participé à un comité de pilotage informatique du Groupement Régional Alimentaire de Proximité où nous avons parlé ½h des problèmes de disponibilité et de délivrabilité de Gandi Mail...</p>
  91. <p data-block-key="1b5ku">Cette situation illustre la problématique : un registrar peut changer de politique du jour au lendemain sans prendre en considération ses usagers et usagères.</p>
  92. <h2 data-block-key="1tlr">Comment une société coopérative d'intérêt collectif (SCIC) peut résoudre ce problème ?</h2>
  93. <p data-block-key="crrat">Une SCIC est une coopérative qui associe obligatoirement autour d'un projet des salarié·e·s, des bénéficiaires et des contributeurs ou contributrices pour produire des services d'intérêt collectif au profit d'un territoire ou d'une filière d'activités.</p>
  94. <p data-block-key="1bdbr">Dans notre cas, il s'agirait de regrouper les personnes qui utilisent des noms de domaines dans leurs activités professionnelles ou personnelles autour de la gestion (achat et exploitation) de ces noms de domaines.</p>
  95. <p data-block-key="eim8o">Une SCIC suit le principes démocratique « une personne, une voix », sans prendre en compte le nombre de parts sociales (actions) détenues au capital. Ainsi, chaque personne associée peut faire porter sa voix pour les décisions de la coopérative.</p>
  96. <p data-block-key="3ocvf">Une SCIC ne peut pas être vendue : seule la coopérative peut mettre en vente ou racheter des parts sociales. Elle ne peut donc pas être vendue à un fond d'investissement ou à un groupe plus important qui décidera seul des politiques tarifaires ou des niveaux de service.</p>
  97. <p data-block-key="8ta7h">C'est également un rempart contre la spéculation financière : les parts ne peuvent pas être vendues à un tiers, et le prix de vente ne peut être supérieur à la valeur nominale de la part sociale.</p>
  98. <h2 data-block-key="6ofr0">Quelle proposition de valeur ?</h2>
  99. <p data-block-key="aelia">Ce qu'Hashbang propose est de créer un registrar sous forme de SCIC avec en plus un processus participatif pour définir les services et leurs tarifs. Le premier service proposé sera certainement le nom de domaine, mais personne ne peut actuellement définir quel tarif sera proposé. Ce sera issu d'un processus participatif en fonction des participant·e·s au départ.</p>
  100. <p data-block-key="askb5">Chez Hashbang, nous portons un regard attentif aux enjeux environnementaux et nous proposons donc de mesurer et limiter l'impact environnemental des activités du registrar.</p>
  101. <p data-block-key="1kn9n">Nous souhaitons également s'assurer qu'il n'y ait pas de discriminations et que les personnes minorisé·e·s puissent s'emparer de cet espace. Il faut donc s'attendre à ce qu'il y ait des événements en mixité choisie et du langage inclusif.</p>
  102. <p data-block-key="9dm7j">La sécurité doit être de mise pour un service de gestion de nom de domaine : DNSSEC, TLS, TOTP seront de la partie.</p>
  103. <p data-block-key="a8nnf">Les performances et la résilience seront également à prendre en compte. Nous devons assurer une disponibilité importante pour le DNS, qui est une infrastructure de base pour les client·e·s.</p>
  104. <p data-block-key="1pm84">Une politique d'achats responsables sera également mis en place, privilégiant le reconditionné, le local (avec une échelle à définir) et l'Économie Sociale et Solidaire.</p>
  105. <p data-block-key="dbt08">EDIT : c'était tellement évident que ça a été oublié : seul du logiciel libre sera utilisé et produit. </p>
  106. <h2 data-block-key="5r1dj">Pourquoi ça a mis tant de temps à démarrer ?</h2>
  107. <p data-block-key="9mlms">Il a fallu un an pour monter en compétence et savoir comment tout ça pourrait être fait, commencer à discuter à des structures d'accompagnement et de financement.</p>
  108. <p data-block-key="518kl">J'ai pu suivre une formation d'administration DNS dispensée par l'AFNIC (♥ Stéphane Bortzmeyer), me former sur EPP, DNSSEC, étudier les procédures d'accréditation des différents registres, réfléchir à une architecture Anycast, me questionner sur BGP, sur les Address Space utilisables, etc... (ouais, j'ai dumpé des mots clefs).</p>
  109. <p data-block-key="cj0t">Pour les structures d'accompagnement, l'URSCOP AURA est la structure idéale pour accompagner un projet de création de SCIC. Cette association a les méthodes nécessaires pour accompagner et financer un tel projet collectif.</p>
  110. <p data-block-key="3e0p1">Mais...</p>
  111. <p data-block-key="4cc4v">Il y a un mais...</p>
  112. <p data-block-key="9jjfr">Créer une SCIC nécessite d'être plusieurs, et aujourd'hui, il n'y a qu'Hashbang pour porter ce projet. Nous cherchons donc en priorité les futures clientes et clients et des personnes pouvant travailler dans la coopérative et la soutenir financièrement.</p>
  113. <p data-block-key="4tu4">Nous avons donc mis en place <a href="/formulaire-dinteret-pour-un-bureau-denregistrement-cooperatif/">un formulaire pour commencer à récolter les contacts des personnes intéressées</a>. Merci de le remplir et de le partager dans vos réseaux !</p>
  114. </article>
  115. <hr>
  116. <footer>
  117. <p>
  118. <a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home">
  119. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-home"></use>
  120. </svg> Accueil</a> •
  121. <a href="/david/log/" title="Accès au flux RSS"><svg class="icon icon-rss2">
  122. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-rss2"></use>
  123. </svg> Suivre</a> •
  124. <a href="http://larlet.com" title="Go to my English profile" data-instant><svg class="icon icon-user-tie">
  125. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-user-tie"></use>
  126. </svg> Pro</a> •
  127. <a href="mailto:david%40larlet.fr" title="Envoyer un courriel"><svg class="icon icon-mail">
  128. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-mail"></use>
  129. </svg> Email</a> •
  130. <abbr class="nowrap" title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340"><svg class="icon icon-hammer2">
  131. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-hammer2"></use>
  132. </svg> Légal</abbr>
  133. </p>
  134. <template id="theme-selector">
  135. <form>
  136. <fieldset>
  137. <legend><svg class="icon icon-brightness-contrast">
  138. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-brightness-contrast"></use>
  139. </svg> Thème</legend>
  140. <label>
  141. <input type="radio" value="auto" name="chosen-color-scheme" checked> Auto
  142. </label>
  143. <label>
  144. <input type="radio" value="dark" name="chosen-color-scheme"> Foncé
  145. </label>
  146. <label>
  147. <input type="radio" value="light" name="chosen-color-scheme"> Clair
  148. </label>
  149. </fieldset>
  150. </form>
  151. </template>
  152. </footer>
  153. <script src="/static/david/js/instantpage-5.1.0.min.js" type="module"></script>
  154. <script>
  155. function loadThemeForm(templateName) {
  156. const themeSelectorTemplate = document.querySelector(templateName)
  157. const form = themeSelectorTemplate.content.firstElementChild
  158. themeSelectorTemplate.replaceWith(form)
  159. form.addEventListener('change', (e) => {
  160. const chosenColorScheme = e.target.value
  161. localStorage.setItem('theme', chosenColorScheme)
  162. toggleTheme(chosenColorScheme)
  163. })
  164. const selectedTheme = localStorage.getItem('theme')
  165. if (selectedTheme && selectedTheme !== 'undefined') {
  166. form.querySelector(`[value="${selectedTheme}"]`).checked = true
  167. }
  168. }
  169. const prefersColorSchemeDark = '(prefers-color-scheme: dark)'
  170. window.addEventListener('load', () => {
  171. let hasDarkRules = false
  172. for (const styleSheet of Array.from(document.styleSheets)) {
  173. let mediaRules = []
  174. for (const cssRule of styleSheet.cssRules) {
  175. if (cssRule.type !== CSSRule.MEDIA_RULE) {
  176. continue
  177. }
  178. // WARNING: Safari does not have/supports `conditionText`.
  179. if (cssRule.conditionText) {
  180. if (cssRule.conditionText !== prefersColorSchemeDark) {
  181. continue
  182. }
  183. } else {
  184. if (cssRule.cssText.startsWith(prefersColorSchemeDark)) {
  185. continue
  186. }
  187. }
  188. mediaRules = mediaRules.concat(Array.from(cssRule.cssRules))
  189. }
  190. // WARNING: do not try to insert a Rule to a styleSheet you are
  191. // currently iterating on, otherwise the browser will be stuck
  192. // in a infinite loop…
  193. for (const mediaRule of mediaRules) {
  194. styleSheet.insertRule(mediaRule.cssText)
  195. hasDarkRules = true
  196. }
  197. }
  198. if (hasDarkRules) {
  199. loadThemeForm('#theme-selector')
  200. }
  201. })
  202. </script>
  203. </body>
  204. </html>