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 37KB

5 yıl önce
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569
  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>
  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,minimum-scale=1,initial-scale=1,shrink-to-fit=no">
  11. <!-- Required to make a valid HTML5 document. -->
  12. <title>Rebooter le web sans changer de logiciel économique ? (archive) — David Larlet</title>
  13. <!-- Generated from https://realfavicongenerator.net/ such a mess. -->
  14. <link rel="apple-touch-icon" sizes="180x180" href="/static/david/icons/apple-touch-icon.png">
  15. <link rel="icon" type="image/png" sizes="32x32" href="/static/david/icons/favicon-32x32.png">
  16. <link rel="icon" type="image/png" sizes="16x16" href="/static/david/icons/favicon-16x16.png">
  17. <link rel="manifest" href="/manifest.json">
  18. <link rel="mask-icon" href="/static/david/icons/safari-pinned-tab.svg" color="#5bbad5">
  19. <link rel="shortcut icon" href="/static/david/icons/favicon.ico">
  20. <meta name="apple-mobile-web-app-title" content="David Larlet">
  21. <meta name="application-name" content="David Larlet">
  22. <meta name="msapplication-TileColor" content="#da532c">
  23. <meta name="msapplication-config" content="/static/david/icons/browserconfig.xml">
  24. <meta name="theme-color" content="#f0f0ea">
  25. <!-- That good ol' feed, subscribe :p. -->
  26. <link rel=alternate type="application/atom+xml" title=Feed href="/david/log/">
  27. <meta name="robots" content="noindex, nofollow">
  28. <meta content="origin-when-cross-origin" name="referrer">
  29. <!-- Canonical URL for SEO purposes -->
  30. <link rel="canonical" href="https://scinfolex.com/2018/10/09/rebooter-le-web-sans-changer-de-logiciel-economique/">
  31. <style>
  32. /* http://meyerweb.com/eric/tools/css/reset/ */
  33. html, body, div, span,
  34. h1, h2, h3, h4, h5, h6, p, blockquote, pre,
  35. a, abbr, address, big, cite, code,
  36. del, dfn, em, img, ins,
  37. small, strike, strong, tt, var,
  38. dl, dt, dd, ol, ul, li,
  39. fieldset, form, label, legend,
  40. table, caption, tbody, tfoot, thead, tr, th, td,
  41. article, aside, canvas, details, embed,
  42. figure, figcaption, footer, header, hgroup,
  43. menu, nav, output, ruby, section, summary,
  44. time, mark, audio, video {
  45. margin: 0;
  46. padding: 0;
  47. border: 0;
  48. font-size: 100%;
  49. font: inherit;
  50. vertical-align: baseline;
  51. }
  52. /* HTML5 display-role reset for older browsers */
  53. article, aside, details, figcaption, figure,
  54. footer, header, hgroup, menu, nav, section { display: block; }
  55. body { line-height: 1; }
  56. blockquote, q { quotes: none; }
  57. blockquote:before, blockquote:after,
  58. q:before, q:after {
  59. content: '';
  60. content: none;
  61. }
  62. table {
  63. border-collapse: collapse;
  64. border-spacing: 0;
  65. }
  66. /* http://practicaltypography.com/equity.html */
  67. /* https://calendar.perfplanet.com/2016/no-font-face-bulletproof-syntax/ */
  68. /* https://www.filamentgroup.com/lab/js-web-fonts.html */
  69. @font-face {
  70. font-family: 'EquityTextB';
  71. src: url('/static/david/css/fonts/Equity-Text-B-Regular-webfont.woff2') format('woff2'),
  72. url('/static/david/css/fonts/Equity-Text-B-Regular-webfont.woff') format('woff');
  73. font-weight: 300;
  74. font-style: normal;
  75. font-display: swap;
  76. }
  77. @font-face {
  78. font-family: 'EquityTextB';
  79. src: url('/static/david/css/fonts/Equity-Text-B-Italic-webfont.woff2') format('woff2'),
  80. url('/static/david/css/fonts/Equity-Text-B-Italic-webfont.woff') format('woff');
  81. font-weight: 300;
  82. font-style: italic;
  83. font-display: swap;
  84. }
  85. @font-face {
  86. font-family: 'EquityTextB';
  87. src: url('/static/david/css/fonts/Equity-Text-B-Bold-webfont.woff2') format('woff2'),
  88. url('/static/david/css/fonts/Equity-Text-B-Bold-webfont.woff') format('woff');
  89. font-weight: 700;
  90. font-style: normal;
  91. font-display: swap;
  92. }
  93. @font-face {
  94. font-family: 'ConcourseT3';
  95. src: url('/static/david/css/fonts/concourse_t3_regular-webfont-20190806.woff2') format('woff2'),
  96. url('/static/david/css/fonts/concourse_t3_regular-webfont-20190806.woff') format('woff');
  97. font-weight: 300;
  98. font-style: normal;
  99. font-display: swap;
  100. }
  101. /* http://practice.typekit.com/lesson/caring-about-opentype-features/ */
  102. body {
  103. /* http://www.cssfontstack.com/ Palatino 99% Win 86% Mac */
  104. font-family: "EquityTextB", Palatino, serif;
  105. background-color: #f0f0ea;
  106. color: #07486c;
  107. font-kerning: normal;
  108. -moz-osx-font-smoothing: grayscale;
  109. -webkit-font-smoothing: subpixel-antialiased;
  110. text-rendering: optimizeLegibility;
  111. font-variant-ligatures: common-ligatures contextual;
  112. font-feature-settings: "kern", "liga", "clig", "calt";
  113. }
  114. pre, code, kbd, samp, var, tt {
  115. font-family: 'TriplicateT4c', monospace;
  116. }
  117. em {
  118. font-style: italic;
  119. color: #323a45;
  120. }
  121. strong {
  122. font-weight: bold;
  123. color: black;
  124. }
  125. nav {
  126. background-color: #323a45;
  127. color: #f0f0ea;
  128. display: flex;
  129. justify-content: space-around;
  130. padding: 1rem .5rem;
  131. }
  132. nav:last-child {
  133. border-bottom: 1vh solid #2d7474;
  134. }
  135. nav a {
  136. color: #f0f0ea;
  137. }
  138. nav abbr {
  139. border-bottom: 1px dotted white;
  140. }
  141. h1 {
  142. border-top: 1vh solid #2d7474;
  143. border-bottom: .2vh dotted #2d7474;
  144. background-color: #e3e1e1;
  145. color: #323a45;
  146. text-align: center;
  147. padding: 5rem 0 4rem 0;
  148. width: 100%;
  149. font-family: 'ConcourseT3';
  150. display: flex;
  151. flex-direction: column;
  152. }
  153. h1.single {
  154. padding-bottom: 10rem;
  155. }
  156. h1 span {
  157. position: absolute;
  158. top: 1vh;
  159. left: 20%;
  160. line-height: 0;
  161. }
  162. h1 span a {
  163. line-height: 1.7;
  164. padding: 1rem 1.2rem .6rem 1.2rem;
  165. border-radius: 0 0 6% 6%;
  166. background: #2d7474;
  167. font-size: 1.3rem;
  168. color: white;
  169. text-decoration: none;
  170. }
  171. h2 {
  172. margin: 4rem 0 1rem;
  173. border-top: .2vh solid #2d7474;
  174. padding-top: 1vh;
  175. }
  176. h3 {
  177. text-align: center;
  178. margin: 3rem 0 .75em;
  179. }
  180. hr {
  181. height: .4rem;
  182. width: .4rem;
  183. border-radius: .4rem;
  184. background: #07486c;
  185. margin: 2.5rem auto;
  186. }
  187. time {
  188. display: bloc;
  189. margin-left: 0 !important;
  190. }
  191. ul, ol {
  192. margin: 2rem;
  193. }
  194. ul {
  195. list-style-type: square;
  196. }
  197. a {
  198. text-decoration-skip-ink: auto;
  199. text-decoration-thickness: 0.05em;
  200. text-underline-offset: 0.09em;
  201. }
  202. article {
  203. max-width: 50rem;
  204. display: flex;
  205. flex-direction: column;
  206. margin: 2rem auto;
  207. }
  208. article.single {
  209. border-top: .2vh dotted #2d7474;
  210. margin: -6rem auto 1rem auto;
  211. background: #f0f0ea;
  212. padding: 2rem;
  213. }
  214. article p:last-child {
  215. margin-bottom: 1rem;
  216. }
  217. p {
  218. padding: 0 .5rem;
  219. margin-left: 3rem;
  220. }
  221. p + p,
  222. figure + p {
  223. margin-top: 2rem;
  224. }
  225. blockquote {
  226. background-color: #e3e1e1;
  227. border-left: .5vw solid #2d7474;
  228. display: flex;
  229. flex-direction: column;
  230. align-items: center;
  231. padding: 1rem;
  232. margin: 1.5rem;
  233. }
  234. blockquote cite {
  235. font-style: italic;
  236. }
  237. blockquote p {
  238. margin-left: 0;
  239. }
  240. figure {
  241. border-top: .2vh solid #2d7474;
  242. background-color: #e3e1e1;
  243. text-align: center;
  244. padding: 1.5rem 0;
  245. margin: 1rem 0 0;
  246. font-size: 1.5rem;
  247. width: 100%;
  248. }
  249. figure img {
  250. max-width: 250px;
  251. max-height: 250px;
  252. border: .5vw solid #323a45;
  253. padding: 1px;
  254. }
  255. figcaption {
  256. padding: 1rem;
  257. line-height: 1.4;
  258. }
  259. aside {
  260. display: flex;
  261. flex-direction: column;
  262. background-color: #e3e1e1;
  263. padding: 1rem 0;
  264. border-bottom: .2vh solid #07486c;
  265. }
  266. aside p {
  267. max-width: 50rem;
  268. margin: 0 auto;
  269. }
  270. /* https://fvsch.com/code/css-locks/ */
  271. p, li, pre, code, kbd, samp, var, tt, time, details, figcaption {
  272. font-size: 1rem;
  273. line-height: calc( 1.5em + 0.2 * 1rem );
  274. }
  275. h1 {
  276. font-size: 1.9rem;
  277. line-height: calc( 1.2em + 0.2 * 1rem );
  278. }
  279. h2 {
  280. font-size: 1.6rem;
  281. line-height: calc( 1.3em + 0.2 * 1rem );
  282. }
  283. h3 {
  284. font-size: 1.35rem;
  285. line-height: calc( 1.4em + 0.2 * 1rem );
  286. }
  287. @media (min-width: 20em) {
  288. /* The (100vw - 20rem) / (50 - 20) part
  289. resolves to 0-1rem, depending on the
  290. viewport width (between 20em and 50em). */
  291. p, li, pre, code, kbd, samp, var, tt, time, details, figcaption {
  292. font-size: calc( 1rem + .6 * (100vw - 20rem) / (50 - 20) );
  293. line-height: calc( 1.5em + 0.2 * (100vw - 50rem) / (20 - 50) );
  294. margin-left: 0;
  295. }
  296. h1 {
  297. font-size: calc( 1.9rem + 1.5 * (100vw - 20rem) / (50 - 20) );
  298. line-height: calc( 1.2em + 0.2 * (100vw - 50rem) / (20 - 50) );
  299. }
  300. h2 {
  301. font-size: calc( 1.5rem + 1.5 * (100vw - 20rem) / (50 - 20) );
  302. line-height: calc( 1.3em + 0.2 * (100vw - 50rem) / (20 - 50) );
  303. }
  304. h3 {
  305. font-size: calc( 1.35rem + 1.5 * (100vw - 20rem) / (50 - 20) );
  306. line-height: calc( 1.4em + 0.2 * (100vw - 50rem) / (20 - 50) );
  307. }
  308. }
  309. @media (min-width: 50em) {
  310. /* The right part of the addition *must* be a
  311. rem value. In this example we *could* change
  312. the whole declaration to font-size:2.5rem,
  313. but if our baseline value was not expressed
  314. in rem we would have to use calc. */
  315. p, li, pre, code, kbd, samp, var, tt, time, details, figcaption {
  316. font-size: calc( 1rem + .6 * 1rem );
  317. line-height: 1.5em;
  318. }
  319. p, li, pre, details {
  320. margin-left: 3rem;
  321. }
  322. h1 {
  323. font-size: calc( 1.9rem + 1.5 * 1rem );
  324. line-height: 1.2em;
  325. }
  326. h2 {
  327. font-size: calc( 1.5rem + 1.5 * 1rem );
  328. line-height: 1.3em;
  329. }
  330. h3 {
  331. font-size: calc( 1.35rem + 1.5 * 1rem );
  332. line-height: 1.4em;
  333. }
  334. figure img {
  335. max-width: 500px;
  336. max-height: 500px;
  337. }
  338. }
  339. figure.unsquared {
  340. margin-bottom: 1.5rem;
  341. }
  342. figure.unsquared img {
  343. height: inherit;
  344. }
  345. @media print {
  346. body { font-size: 100%; }
  347. a:after { content: " (" attr(href) ")"; }
  348. a, a:link, a:visited, a:after {
  349. text-decoration: underline;
  350. text-shadow: none !important;
  351. background-image: none !important;
  352. background: white;
  353. color: black;
  354. }
  355. abbr[title] { border-bottom: 0; }
  356. abbr[title]:after { content: " (" attr(title) ")"; }
  357. img { page-break-inside: avoid; }
  358. @page { margin: 2cm .5cm; }
  359. h1, h2, h3 { page-break-after: avoid; }
  360. p3 { orphans: 3; widows: 3; }
  361. img {
  362. max-width: 250px !important;
  363. max-height: 250px !important;
  364. }
  365. nav, aside { display: none; }
  366. }
  367. ul.with_columns {
  368. column-count: 1;
  369. }
  370. @media (min-width: 20em) {
  371. ul.with_columns {
  372. column-count: 2;
  373. }
  374. }
  375. @media (min-width: 50em) {
  376. ul.with_columns {
  377. column-count: 3;
  378. }
  379. }
  380. ul.with_two_columns {
  381. column-count: 1;
  382. }
  383. @media (min-width: 20em) {
  384. ul.with_two_columns {
  385. column-count: 1;
  386. }
  387. }
  388. @media (min-width: 50em) {
  389. ul.with_two_columns {
  390. column-count: 2;
  391. }
  392. }
  393. .gallery {
  394. display: flex;
  395. flex-wrap: wrap;
  396. justify-content: space-around;
  397. }
  398. .gallery figure img {
  399. margin-left: 1rem;
  400. margin-right: 1rem;
  401. }
  402. .gallery figure figcaption {
  403. font-family: 'ConcourseT3'
  404. }
  405. footer {
  406. font-family: 'ConcourseT3';
  407. display: flex;
  408. flex-direction: column;
  409. border-top: 3px solid white;
  410. padding: 4rem 0;
  411. background-color: #07486c;
  412. color: white;
  413. }
  414. footer > * {
  415. max-width: 50rem;
  416. margin: 0 auto;
  417. }
  418. footer a {
  419. color: #f1c40f;
  420. }
  421. footer .avatar {
  422. width: 200px;
  423. height: 200px;
  424. border-radius: 50%;
  425. float: left;
  426. -webkit-shape-outside: circle();
  427. shape-outside: circle();
  428. margin-right: 2rem;
  429. padding: 2px 5px 5px 2px;
  430. background: white;
  431. border-left: 1px solid #f1c40f;
  432. border-top: 1px solid #f1c40f;
  433. border-right: 5px solid #f1c40f;
  434. border-bottom: 5px solid #f1c40f;
  435. }
  436. </style>
  437. <h1>
  438. <span><a id="jumper" href="#jumpto" title="Un peu perdu ?">?</a></span>
  439. Rebooter le web sans changer de logiciel économique ? (archive)
  440. <time>Pour la pérennité des contenus liés. Non-indexé, retrait sur simple email.</time>
  441. </h1>
  442. <section>
  443. <article>
  444. <h3><a href="https://scinfolex.com/2018/10/09/rebooter-le-web-sans-changer-de-logiciel-economique/">Source originale du contenu</a></h3>
  445. <p>Il y a dix jours, Tim Berners-Lee a publié un billet intitulé « <i><a href="https://medium.com/@timberners_lee/one-small-step-for-the-web-87f92217d085">One Small Step for the Web</a></i> » dans lequel il annonce qu’il se met en retrait de ses fonctions au W3C. Il y déclare avoir pris cette décision pour consacrer l’essentiel de son temps au projet <a href="https://en.wikipedia.org/wiki/Solid_(web_decentralization_project)">Solid (Social Linked Data)</a> qu’il développe depuis plusieurs années en nourrissant l’espoir de rebooter le web sur des bases plus saines. Cette annonce fait suite à <a href="https://www.businessinsider.fr/tim-berners-lee-le-web-a-desservi-humanite">une interview donnée cet été à Vanity Fair</a>, dans laquelle Tim Bernes-Lee se disait « <i>effondré</i> » face au constat que « <i>le web a desservi l’humanité au lieu de la servir</i> » :</p>
  446. <blockquote><p><i>Nous avons démontré que le Web avait échoué au lieu de servir l’humanité, comme il était censé le faire, et qu’il avait échoué par de nombreux aspects. </i><i><strong>La centralisation croissante du Web</strong></i><i>, dit-il, a fini par produire – sans volonté délibérée de ceux qui l’ont conçu – un phénomène émergent à grande échelle qui est anti-humain.</i></p></blockquote>
  447. <p>Je pense que Tim Berners-Lee a très mûrement pesé ses mots en choisissant le qualificatif « d’anti-humain », dans le sens où il estime que les maux liés à la centralisation sur les grandes plateformes – l’exploitation abusive des données personnelles, les atteintes à la vie privée, la manipulation des informations type <i>fake news</i> ou la surveillance étatique de masse – sont si graves qu’ils nous font littéralement perdre une part de notre humanité.</p>
  448. <p>Pour lutter contre cette tendance à la centralisation, le projet Solid cherche à créer un nouveau standard qui permette de «<i><a href="https://usbeketrica.com/article/solid-le-projet-de-tim-berners-lee-pour-sauver-internet">séparer les données des applications et des serveurs qui les utilisent</a></i>». Chaque individu pourrait ainsi reprendre le contrôle sur ses données à partir d’un POD (Personal Online Data) : un espace souverain dans lequel les données sont stockées et auquel les applications tierces viendraient s’interfacer en évitant que les informations soient accumulées dans des « silos », comme c’est le cas actuellement avec les GAFAM. Solid ressemble donc <a href="https://www.nextinpact.com/news/105762-cozy-cloud-ouvert-a-tous-on-a-teste-plateforme-stockage-et-reprise-en-main-donnees.htm">à des projets comme Cozy Cloud</a>, par exemple, à la différence qu’il ajoute à l’hébergement personnel des données une couche de web sémantique pour offrir un standard d’interopérabilité entre les différentes applications, d’où la dénomination de <i>Social Linked Data</i> (données sociales liées).</p>
  449. <h3><img data-attachment-id="12340" data-permalink="https://scinfolex.com/2018/10/09/rebooter-le-web-sans-changer-de-logiciel-economique/solid/" data-orig-file="https://scinfolex.files.wordpress.com/2018/10/solid.png" data-orig-size="1024,596" data-comments-opened="1" data-image-meta="{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}" data-image-title="solid" data-image-description="" data-medium-file="https://scinfolex.files.wordpress.com/2018/10/solid.png?w=300" data-large-file="https://scinfolex.files.wordpress.com/2018/10/solid.png?w=691&amp;h=402" class="aligncenter wp-image-12340" src="https://scinfolex.files.wordpress.com/2018/10/solid.png?w=691&amp;h=402" alt="" srcset="https://scinfolex.files.wordpress.com/2018/10/solid.png?w=691&amp;h=402 691w, https://scinfolex.files.wordpress.com/2018/10/solid.png?w=150&amp;h=87 150w, https://scinfolex.files.wordpress.com/2018/10/solid.png?w=300&amp;h=175 300w, https://scinfolex.files.wordpress.com/2018/10/solid.png?w=768&amp;h=447 768w, https://scinfolex.files.wordpress.com/2018/10/solid.png 1024w" sizes="(max-width: 691px) 100vw, 691px"/></h3>
  450. <h3/>
  451. <p><span id="more-12338"/></p>
  452. <h3>En mode Start-up et capital-risque ?</h3>
  453. <p>Sur le fond, on peut se réjouir de voir une personnalité comme Tim Berners-Lee ne pas se résigner à la domination des grandes plateformes, que beaucoup se contentent aujourd’hui de chercher à « réparer » en compensant les dégâts humains considérables qu’elles produisent, par exemple en prônant <a href="http://affordance.typepad.com/mon_weblog/2018/09/qui-veut-proteger-democratie.html">des solutions comme l’ouverture de leurs algorithmes</a>. Mais j’avoue avoir reçu une douche froide en lisant que si Tim Berners-Lee avait mis en veille ses fonctions au W3C, c’était en réalité pour s’investir dans la société Inrupt, qu’il présente lui-même comme une « <i>start-up</i> » :</p>
  454. <blockquote><p>Il faudra beaucoup d’efforts pour construire une nouvelle plateforme pour Solid et favoriser son adoption à grande échelle, mais je pense que nous avons assez d’énergie pour amener le monde à un nouveau point de bascule.</p>
  455. <p>J’ai donc pris un congé sabbatique du MIT, j’ai réduit mon implication quotidienne avec le World Wide Web Consortium (W3C) et j’ai fondé une société appelée inrupt où je vais guider la prochaine étape du web de manière très directe. Inrupt sera l’infrastructure qui permettra à Solid de prospérer. Sa mission est de fournir l’énergie commerciale et un écosystème pour aider à protéger l’intégrité et la qualité du nouveau web basé sur Solid.</p>
  456. <p>Il existe de nombreux exemples dans le domaine de l’open-source qui ont énormément bénéficié de la contribution d’une entreprise bien financée. Alors que la communauté open-source est source d’initiative et d’innovation, les internautes de tous les jours et les entreprises recherchent souvent des applications et des services auprès d’une entité commerciale qui fournit également un soutien technique et des services commerciaux auxiliaires essentiels.</p></blockquote>
  457. <p>Quand on cherche un peu, on se rend compte qu’Inrupt a été financée par <a href="http://glasswing.vc/">Glasswing Ventures</a>, un pourvoyeur de capital-risque plutôt spécialisé dans l’intelligence artificielle. Or ce montage financier pose question et aussi pertinente que puisse être la solution technique proposée par Solid, on peut déplorer que Tim Berners-Lee cherche ainsi à rebooter le web sans changer le « logiciel économique » qui a joué un rôle pourtant prééminent dans les dérives qu’il souhaite combattre.</p>
  458. <p>Dans <a href="https://blog.freedombone.net/solid-venture">un billet ironiquement intitulé </a><i><a href="https://blog.freedombone.net/solid-venture">«Solid Venture</a></i>», le développeur Bob Mottram fait part de ses doutes quant à cette implication de la société Inrupt dans le projet, en faisant valoir que, contrairement à ce que dit Tim Berners-Lee, la synergie entre Open Source et entreprises classiques n’est pas « neutre » et qu’elle a pu conduire dans le passé à des dérives :</p>
  459. <blockquote><p>J’ai de la sympathie pour tout ce qui tente de redécentraliser le web et de le remettre dans un état où tout le monde ne se retrouve pas enfermé une poignée de bases de données, comme cela s’est passé avec le web 2.0. Mais être soutenu par du capital-risque n’est pas un bon signe. Chercher à produire du code public avec du capital-risque semble toujours déboucher sur l’un des deux résultats suivants :</p>
  460. <ul>
  461. <li>L’entreprise échoue et le projet devient abandonware ;</li>
  462. <li>L’entreprise réussit et les utilisateurs des logiciels se retrouvent piégés par un arrangement commercial très artificiel et généralement désagréable qu’ils détestent.</li>
  463. </ul>
  464. <p>[…]</p>
  465. <p>Dans la sphère des logiciels, la dépendance au capital-risque aboutit généralement à des stratégies qui forcent les gens à souscrire des abonnements ou à des revirements de licence dans le sens de la propriétarisation ou encore à adopter le modèle de « l’open core » dans lequel la base du code est laissée ouverte, mais réduite à un croupion inutile, tandis que tout ce qui a de la valeur prend la forme de modules complémentaires ou de versions destinées au marché des entreprises. Ou bien vous finissez simplement par vous vendre à Microsoft et à Google et ils vous arrêtent pour supprimer un concurrent potentiel à leurs produits. Cela s’est produit bien des fois</p></blockquote>
  466. <p>Et c’est bien ce qui pose problème avec l’initiative de Tim Berners-Lee. Si Solid vient à rencontrer du succès (ce que l’on peut souhaiter), qu’est-ce qui nous garantit que la société Inrupt ne changera pas brutalement de modèle (comme <a href="https://scinfolex.com/2009/09/12/petit-oiseau-devient-gourmand-a-propos-des-nouvelles-conditions-dutilisation-de-twitter/">Twitter l’a par exemple fait en 2009</a>) ? La présence de Tim Berners-Lee à son board constitue-t-elle à elle seule une sécurité suffisante ? Il faudrait être bien naïf pour le croire, car tout inventeur du web qu’il est, il peut très bien se faire mettre en minorité au sein de sa propre structure et il n’est pas non plus immortel. Le risque d’un rachat par un des grands Leviathans du web comme Apple, Google ou Facebook n’est donc pas une hypothèse à écarter comme fantasmatique (NB : la même question se pose d’ailleurs aussi avec <a href="https://www.qwant.com/?l=fr">un acteur comme Qwant</a>, alternatif dans son modèle économique et son objectif de protéger la vie privée de ses utilisateurs, mais tout à fait classique dans la structure de son capital…).</p>
  467. <h3>Conception « enchantée » du marché</h3>
  468. <p>Cette volonté de chercher à refonder le web en mode « start-up » me paraît relever d’une conception « enchantée » du marché et de la concurrence, comme si les puissances économiques qui ont fait naître les plateformes toxiques avec lesquelles nous nous débattons n’allaient pas être en mesure de trouver le moyen d’adultérer une initiative comme Solid en cas de succès. Ce n’est pas un hasard si la « plateformisation » du web, qui est intervenue au milieu des années 2000 avec la vague du Web 2.0, a coïncidé avec la montée en puissance de la <a href="https://iris-recherche.qc.ca/blogue/quest-ce-que-la-financiarisation-de-leconomie">financiarisation de l’économie</a>. Certes, aucune entreprise n’est éternelle et la concurrence peut amener la chute de géants que l’on croyait bien établis. Mais pour l’instant, cette <a href="https://fr.wikipedia.org/wiki/Destruction_cr%C3%A9atrice">dynamique « schumpétérienne » du marché</a> nous a-t-elle apporté autre chose que du pire, car si MySpace et Yahoo ont fini par péricliter, c’est pour que Facebook et Google les remplacent !</p>
  469. <p>Solid semble de ce point de vue reposer en partie sur <a href="https://www.fypeditions.com/resoudre-laberration-du-solutionnisme-technologique-evgeny-morozov/">le « solutionnisme technologique » dénoncé par l’essayiste Evgueny Morozov</a>, qui pousse à croire qu’un <i>Deus Ex Machina</i> pourrait encore nous sauver sans prendre en compte les sur-déterminations économiques de la tendance à la centralisation. C’est pourtant une chose que le juriste Eben Moglen, l’un des pères avec Richard Stallman de la GNU-GPL, <a href="http://www.h-online.com/open/features/Interview-Eben-Moglen-Freedom-vs-the-Cloud-Log-955421.html">avait parfaitement pointé dès 2010</a> :</p>
  470. <blockquote><p>Si les services se centralisent, c’est pour des raisons commerciales. Il y a dans un simple historique de navigateur Web un potentiel qui est monétisable, parce qu’il fournit le moyen de mettre en place une forme de surveillance, attrayante tant pour les marchands que pour les gouvernements pour le contrôle social qu’elle permet. Ainsi le web, lorsqu’il s’appuie sur une architecture essentiellement basée sur le système client-serveur, devient un dispositif de surveillance au-delà des services qu’il fournit. Et la surveillance devient cette fonctionnalité cachée à l’intérieur de tout ce que nous recevons gratuitement.</p></blockquote>
  471. <h3>Ce qui s’est (mal) passé avec le web sémantique…</h3>
  472. <p>Alors certes, le projet Solid est intrinsèquement conçu pour éviter l’exploitation des données personnelles, son code a été placé en Open Source et il s’appuie sur les technologies du web sémantique pensées pour prévenir la concentration des données dans des silos fermés. Mais le destin même du web sémantique devrait nous alarmer, car comme le montre bien Gautier Poupeau <a href="http://www.lespetitescases.net/au-dela-des-limites-que-reste-t-il-concretement-du-web-semantique">dans un billet publié sur son blog cette semaine</a>, il n’a pas été non plus épargné ces dernières années par la tendance à la centralisation, notamment avec la place centrale prise peu à peu par <a href="">le projet Wikidata</a> :</p>
  473. <blockquote><p>Les objectifs initiaux de Wikidata ont été rapidement dépassés, car <strong>ce projet répondait à de nombreux défauts des autres projets existants</strong> en la matière. Par rapport à Dbpedia, il présentait l’avantage d’être mis à jour en temps réel (Dbpedia est mis à jour tous les 6 mois…), d’offrir une qualité de service bien supérieure et de proposer une structuration des données plus rigoureuse, dbpedia étant issu de données dont l’objectif n’était pas celui d’alimenter une base de données structurées à l’origine. Comparé à <a href="http://www.lespetitescases.net/retour-sur-freebase-a-la-lumiere-du-web-of-data">Freebase</a>, initiative lancée par la société <a href="https://en.wikipedia.org/wiki/Metaweb">Metaweb </a><a href="https://googleblog.blogspot.com/2010/07/deeper-understanding-with-metaweb.html">rachetée par Google</a> en 2010, ce projet présentait l’avantage d’être porté par une communauté libre clairement établie. Bref, Wikidata est devenu LE projet de base de connaissances libre et ouvert que tout le monde attendait : <strong>le chaînon manquant de la gestion des connaissances</strong>. […]</p>
  474. <p>Ironie de l’histoire, alors que le Linked Open Data souhaitait mettre en relation des données hétérogènes et décentralisées chez différents fournisseurs, il aura suffi de 5 ans pour que les utilisateurs commencent à recentraliser leurs données au sein d’un espace unique.</p></blockquote>
  475. <p>Wikidata est porté par la fondation Wikimedia (qui n’a pas de but lucratif) et on pourrait donc penser que ce retour de la centralisation n’est pas lié à des déterminations économiques. Mais Gautier Poupeau explique que cette re-centralisation du web sémantique tient essentiellement à la manière dont un acteur comme Google est parvenu à instrumentaliser cette technologie :</p>
  476. <blockquote><p><i>[…] pour vous convaincre de l’importance de ce projet, il suffit de voir l’implication de Google : </i><i><a href="https://www.generation-nt.com/wikidata-donnees-structurees-wikipedia-actualite-1562481.html">mécène du projet à l’origine</a></i><i>, ils ont recruté son </i><i><a href="http://simia.net/wiki/Denny">développeur principal</a></i><i>, </i><i><a href="https://twitter.com/vrandezo">Denny Vrandečić</a></i><i>, lorsque le projet a été stabilisé. Et pour cause : grâce au rachat de la société Metaweb, Google a disposé non seulement d’une technologie de graphe scalable (qui </i><i><a href="https://web.archive.org/web/20160305041722/http://mql.freebaseapps.com/ch02.html">ne suivait pas non plus précisément le modèle RDF</a></i><i>…) mais aussi d’une base de connaissances déjà conséquente. C’est sur cette base que Google a commencé à construire le </i><i><a href="https://www.blog.google/products/search/introducing-knowledge-graph-things-not/">Knowledge graph</a></i><i>, un autre exemple de base de connaissances centralisé bâti sur le modèle de graphe sans utiliser RDF. Ils ont rapidement compris qu’ils ne pourraient convaincre la communauté de poursuivre l’alimentation de Freebase, car cela revenait à travailler directement pour eux. Ils ont donc intelligemment proposé de </i><i><a href="https://searchengineland.com/google-close-freebase-helped-feed-knowledge-graph-211103">reverser le contenu de Freebase dans Wikidata</a></i><i> et ils ont accompagné la mise en place de Wikidata. Permettre l’éclosion de Wikidata, c’était aussi pour Google un moyen d’assurer une mise à jour de son graphe de connaissance, même si bien évidemment Wikidata n’est pas </i><i><a href="https://ai.google/research/pubs/pub45634">la seule source de ce knowledge graph</a></i><i>.</i></p>
  477. <p><i>[…] Tout ça pour ça ? Permettre aux moteurs de recherche de récupérer plus facilement de la donnée structurée pour améliorer la visibilité des résultats de recherche (et surtout leur permettre d’alimenter leur knowledge graph à moindre frais…).</i></p></blockquote>
  478. <p>Tout ceci n’est pas sans lien avec <a href="https://scinfolex.com/2018/06/24/les-communs-numeriques-sont-il-condamnes-a-devenir-des-communs-du-capital/">ce que j’écrivais en juin dernier</a> à propos de la tendance des Communs numériques à dégénérer au fil du temps en « Communs du Capital ». Certes un projet comme Wikidata ne peut être « racheté » par un acteur comme Google pour en faire sa propriété exclusive. Mais même lorsque des ressources sont ainsi rendues « inappropriables », on assiste souvent à ce que Michael Hardt appelle dans un article récent <a href="http://revueperiode.net/lextraction-du-commun-paradigme-du-capital/">une « extraction du Commun », processus qu’il décrit comme étant le « paradigme du capital »</a>. Revisitant la <a href="https://www.cairn.info/revue-actuel-marx-2011-1-page-15.htm">notion marxiste de « subsomption sous le capital »</a>, il explique comment le système parvient généralement à satelliser ce qu’il ne peut directement avaler.</p>
  479. <p>Faute d’un recul suffisant sur ces tendances structurantes dans l’environnement numérique, le projet Solid paraît donc d’emblée mal engagé. Via la société Inrupt, il offre une proie facile au Capital, tandis que les technologies du web sémantique sur lesquels il s’appuie sont déjà travaillées par un processus de recentralisation, en raison de puissantes sur-déterminations économiques.</p>
  480. <h3>Qui savait au début qu’il y aurait une fin ?</h3>
  481. <p>Avons-nous réellement envie de suivre Tim Berners-Lee sur le chemin qu’il nous propose ? Ne peut-on déjà prévoir à ce reboot du web une fin similaire à celle que le premier web a subi ? Il y a dans cette démarche une certaine naïveté qui fait penser à ces écologistes croyant encore que la planète pourra être sauvée sans remettre en cause en profondeur les principes de l’économie de marché. Car tout comme l’Anthropocène est en réalité <a href="https://revuelespritlibre.org/anthropocene-ou-capitalocene-quelques-pistes-de-reflexion">un Capitalocène</a>, la centralisation du web n’est pas un processus « naturel » ou inhérent à une mystérieuse « nature de l’homme » ou des choses. C’est un stade de l’histoire du Capital, que certains désignent à juste titre par le vocable de «c<a href="https://usbeketrica.com/article/l-affaire-cambridge-analytica-symptome-du-capitalisme-de-surveillance">apitalisme de surveillance</a>».</p>
  482. <p>Tim Berners-Lee paraît de ce point de vue assez représentatif de certaines errances de la pensée du Libre et de l’Open. Cela tient à ce que j’appelle « l’agnosticisme économique » de ce courant de pensée, qui n’a jamais été capable de pousser jusqu’au bout sa critique de l’économie de marché. Le temps des synergies décrites initialement comme « heureuses » entre Open Source et entreprises paraît à présent bien loin et ce n’est plus uniquement sur la couche technique des standards qu’il faut agir pour espérer une refondation d’internet. C’est à mon sens à présent du côté des réflexions sur <a href="https://blogs.mediapart.fr/coopcycle/blog/250817/coopcycle-une-cooperative-contre-luberisation">la convergence entre les Communs numériques et l’économie solidaire</a> qu’il faut se tourner pour trouver des modèles qui – tout en s’inscrivant dans la sphère économique – pensent d’emblée la limitation de la lucrativité et le réencastrement des acteurs de marché dans des finalités sociales.</p>
  483. </article>
  484. </section>
  485. <nav id="jumpto">
  486. <p>
  487. <a href="/david/blog/">Accueil du blog</a> |
  488. <a href="https://scinfolex.com/2018/10/09/rebooter-le-web-sans-changer-de-logiciel-economique/">Source originale</a> |
  489. <a href="/david/stream/2019/">Accueil du flux</a>
  490. </p>
  491. </nav>
  492. <footer>
  493. <div>
  494. <img src="/static/david/david-larlet-avatar.jpg" loading="lazy" class="avatar" width="200" height="200">
  495. <p>
  496. Bonjour/Hi!
  497. Je suis <a href="/david/" title="Profil public">David&nbsp;Larlet</a>, je vis actuellement à Montréal et j’alimente cet espace depuis 15 ans. <br>
  498. Si tu as apprécié cette lecture, n’hésite pas à poursuivre ton exploration. Par exemple via les <a href="/david/blog/" title="Expériences bienveillantes">réflexions bimestrielles</a>, la <a href="/david/stream/2019/" title="Pensées (dés)articulées">veille hebdomadaire</a> ou en t’abonnant au <a href="/david/log/" title="S’abonner aux publications via RSS">flux RSS</a> (<a href="/david/blog/2019/flux-rss/" title="Tiens c’est quoi un flux RSS ?">so 2005</a>).
  499. </p>
  500. <p>
  501. Je m’intéresse à la place que je peux avoir dans ce monde. En tant qu’humain, en tant que membre d’une famille et en tant qu’associé d’une coopérative. De temps en temps, je fais aussi des <a href="https://github.com/davidbgk" title="Principalement sur Github mais aussi ailleurs">trucs techniques</a>. Et encore plus rarement, <a href="/david/talks/" title="En ce moment je laisse plutôt la place aux autres">j’en parle</a>.
  502. </p>
  503. <p>
  504. Voici quelques articles choisis :
  505. <a href="/david/blog/2019/faire-equipe/" title="Accéder à l’article complet">Faire équipe</a>,
  506. <a href="/david/blog/2018/bivouac-automnal/" title="Accéder à l’article complet">Bivouac automnal</a>,
  507. <a href="/david/blog/2018/commodite-effondrement/" title="Accéder à l’article complet">Commodité et effondrement</a>,
  508. <a href="/david/blog/2017/donnees-communs/" title="Accéder à l’article complet">Des données aux communs</a>,
  509. <a href="/david/blog/2016/accompagner-enfant/" title="Accéder à l’article complet">Accompagner un enfant</a>,
  510. <a href="/david/blog/2016/senior-developer/" title="Accéder à l’article complet">Senior developer</a>,
  511. <a href="/david/blog/2016/illusion-sociale/" title="Accéder à l’article complet">L’illusion sociale</a>,
  512. <a href="/david/blog/2016/instantane-scopyleft/" title="Accéder à l’article complet">Instantané Scopyleft</a>,
  513. <a href="/david/blog/2016/enseigner-web/" title="Accéder à l’article complet">Enseigner le Web</a>,
  514. <a href="/david/blog/2016/simplicite-defaut/" title="Accéder à l’article complet">Simplicité par défaut</a>,
  515. <a href="/david/blog/2016/minimalisme-esthetique/" title="Accéder à l’article complet">Minimalisme et esthétique</a>,
  516. <a href="/david/blog/2014/un-web-omni-present/" title="Accéder à l’article complet">Un web omni-présent</a>,
  517. <a href="/david/blog/2014/manifeste-developpeur/" title="Accéder à l’article complet">Manifeste de développeur</a>,
  518. <a href="/david/blog/2013/confort-convivialite/" title="Accéder à l’article complet">Confort et convivialité</a>,
  519. <a href="/david/blog/2013/testament-numerique/" title="Accéder à l’article complet">Testament numérique</a>,
  520. et <a href="/david/blog/" title="Accéder aux archives">bien d’autres…</a>
  521. </p>
  522. <p>
  523. On peut <a href="mailto:david%40larlet.fr" title="Envoyer un courriel">échanger par courriel</a>. Si éventuellement tu souhaites que l’on travaille ensemble, tu devrais commencer par consulter le <a href="http://larlet.com">profil dédié à mon activité professionnelle</a> et/ou contacter directement <a href="http://scopyleft.fr/">scopyleft</a>, la <abbr title="Société coopérative et participative">SCOP</abbr> dont je fais partie depuis six ans. Je recommande au préalable de lire <a href="/david/blog/2018/cout-site/" title="Attention ce qui va suivre peut vous choquer">combien coûte un site</a> et pourquoi je suis plutôt favorable à une <a href="/david/pro/devis/" title="Discutons-en !">non-demande de devis</a>.
  524. </p>
  525. <p>
  526. Je ne traque pas ta navigation mais mon
  527. <abbr title="Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33.184162340">hébergeur</abbr>
  528. conserve des logs d’accès.
  529. </p>
  530. </div>
  531. </footer>
  532. <script type="text/javascript">
  533. ;(_ => {
  534. const jumper = document.getElementById('jumper')
  535. jumper.addEventListener('click', e => {
  536. e.preventDefault()
  537. const anchor = e.target.getAttribute('href')
  538. const targetEl = document.getElementById(anchor.substring(1))
  539. targetEl.scrollIntoView({behavior: 'smooth'})
  540. })
  541. })()
  542. </script>