A place to cache linked articles (think custom and personal wayback machine)
Nelze vybrat více než 25 témat Téma musí začínat písmenem nebo číslem, může obsahovat pomlčky („-“) a může být dlouhé až 35 znaků.

index.html 33KB

před 4 roky
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576
  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>Numérique : la taille, cet impensé (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="http://www.internetactu.net/2016/05/04/numerique-la-taille-cet-impense/">
  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. Numérique : la taille, cet impensé (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="http://www.internetactu.net/2016/05/04/numerique-la-taille-cet-impense/">Source originale du contenu</a></h3>
  445. <p>A l’heure où, sur internet, l’important semble n’être plus que de devenir <a href="http://aurialiej.tumblr.com/post/143420085487/startup-a-la-recherche-du-nouveau-dahu">une licorne</a> – c’est-à-dire une chimère, un animal qui n’existe pas – et d’imposer un monopole de fait par l’importance du nombre d’utilisateurs de son service, force est de constater qu’on ne regarde pas beaucoup les implications des effets de seuils et de taille… A l’heure des réseaux sociaux mondiaux, des méthodes d’analyse de données sans limites (Big Data), permettant, au moins théoriquement, de calculer ou de mettre en relation des centaines de millions voir des milliards de personnes… on ne s’intéresse pas beaucoup aux limites des effets de masse. Comme si ce gigantisme, l’organisation de ce gigantisme, ses effets et impacts étaient un impensé de la réflexion sur le numérique. La fameuse <a href="https://fr.wikipedia.org/wiki/Scalability">“scalabilité”</a>, c’est-à-dire la capacité d’un produit ou d’un service à s’adapter aux changements d’ordre de grandeur de la demande, tout en maintenant ses fonctionnalités et ses performances, si chère aux startups, fait de la croissance en volume, en nombre, en vitesse le moteur même de leur performance et de leur puissance. </p>
  446. <p>Même si la personnalisation algorithmique permet de dépasser bien des effets de taille, ramenant les utilisateurs à la taille de leurs propres réseaux de relations interpersonnelles (pour chacun d’entre nous FB n’a que la taille de ce avec qui et avec quoi nous sommes en relation), ce n’est pas pour autant que les effets de taille n’existent pas. D’abord parce que les métriques utilisées nous poussent à élargir toujours plus notre cercle relationnel. Ensuite parce que nous sommes pris dans les rets de plateformes qui ont des objectifs de croissance en volume d’utilisateurs et que nous sommes nous-mêmes souvent poussés à vouloir toucher plus de monde en fournissant le moins d’effort possible. <a href="http://alireailleurs.tumblr.com/post/143153301713/facebook-sinquiète-que-les-utilisateurs-partagent">Comme le soulignait la chercheuse Anna Lauren Hoffmann dans le <i>Guardian</i></a>, le succès des réseaux sociaux, comme Facebook, a pour corolaire une dépersonnalisation des contenus liée au fait que le réseau pousse ses participants, pour atteindre toujours plus de public, au marketing de soi (<i>personal branding</i>). </p>
  447. <p>Or, comme le soulignait le célèbre anthropologue <a href="https://fr.wikipedia.org/wiki/Robin_Dunbar">Robin Dunbar</a> dans <a href="http://rsos.royalsocietypublishing.org/content/3/1/150292">son dernier article de recherche</a> : même outillés par le numérique, les réseaux sociaux ont des limites cognitives. Nous avons également vu récemment que la taille était l’un des paramètres des limites <a href="http://www.internetactu.net/2016/04/08/de-lethique-des-systemes-a-celle-des-organisations/">des systèmes éthiques</a> et <a href="http://www.internetactu.net/2016/03/31/pourquoi-les-medias-sociaux-ne-changent-ils-pas-le-monde/">de la mobilisation via les réseaux sociaux</a>. Et que la question des limites à la taille, à la performance, à la vitesse devient encore plus pressant <a href="http://www.internetactu.net/2015/12/01/avons-nous-besoin-dune-vitesse-limitee-sur-linternet/">si on l’observe avec une approche liée à la durabilité</a>.</p>
  448. <p>Récemment, <a href="https://www.facebook.com/notes/hubert-guillaud/jaime-instagram/10154092174754910">quand je confessais mon amour d’Instagram</a>, par rapport à Twitter ou Facebook, je soulignais que la taille humaine des relations et le fait que la communication ne l’ait pas encore trop dénaturé, étaient essentiels à son équilibre et au plaisir qu’il procure encore. </p>
  449. <p><a href="http://www.internetactu.net/wp-content/uploads/2016/05/Capture-d’écran-2016-05-03-à-22.40.38.png"><img src="http://www.internetactu.net/wp-content/uploads/2016/05/Capture-d’écran-2016-05-03-à-22.40.38.png" alt="Capture d’écran 2016-05-03 à 22.40.38"/></a></p>
  450. <h3>Nos réseaux doivent-ils demeurer à “l’échelle de nos possibilités d’action” ?</h3>
  451. <p><a href="http://www.internetactu.net/wp-content/uploads/2016/05/arton3345.jpg"><img src="http://www.internetactu.net/wp-content/uploads/2016/05/arton3345.jpg" alt="arton3345" hspace="6" vspace="6" align="right"/></a>Dans son livre publié en 2014, <i><a href="http://www.amazon.fr/gp/product/B00N1RPF2M/ref=as_li_tl?ie=UTF8&amp;camp=1642&amp;creative=19458&amp;creativeASIN=B00N1RPF2M&amp;linkCode=as2&amp;tag=internetnet-21">Une question de taille</a></i>, le mathématicien et philosophe Olivier Rey (<a href="https://fr.wikipedia.org/wiki/Olivier_Rey_%28philosophe%29">Wikipédia</a>) interrogeait justement ces questions de taille. Il n’évoque pas vraiment le numérique, mais interroge la question de la mesure et de la démesure. Dans son livre, comme un sage antique, il défend un monde qui demeure à la mesure des personnes – rappelant qu’<i>“un spectacle doit demeurer à l’échelle de nos possibilités d’action”</i>. </p>
  452. <p>Rey s’intéresse à la taille, à la mesure, à l’équilibre. <i>“Partout où quelque chose ne va pas, quelque chose est trop gros”</i>, explique-t-il en reprenant les arguments de <a href="https://fr.wikipedia.org/wiki/Leopold_Kohr">Leopold Kohr</a>. <i>“Pour paraphraser le principe de population de Malthus, les problèmes sociaux ont la tendance malheureuse à croître exponentiellement avec la taille de l’organisme qui les porte, tandis que la capacité des hommes à y faire face, si tant est qu’elle puisse augmenter, croît seulement linéairement. Ce qui veut dire que si une société dépasse sa taille optimale, les problèmes qu’elle rencontre doivent croître plus vite que les moyens humains qui seraient nécessaires pour les traiter.”</i></p>
  453. <p>Pour Khor, expliqué par Rey, les enjeux ne tiennent pas à la nature de nos difficultés, mais à leur échelle, à leur taille. L’enjeu n’est pas le chômage, mais le chômage de masse, l’oppression, mais son amplitude, la pauvreté, mais sa multitude… </p>
  454. <p>Dans son livre, Rey dénonce <a href="http://www.internetactu.net/2014/06/04/la-demesure-est-elle-le-seul-moyen-pour-changer-doutil-de-mesure/">la frénésie de la mesure</a>, des chiffres, de la quantification, partout, tout le temps, au détriment de la notion de <i>“juste mesure”</i>. Pour <a href="https://fr.wikipedia.org/wiki/Ivan_Illich">Ivan Illich</a>, référence incontournable de la réflexion d’Olivier Rey, <i>“en chacune de ses dimensions l’équilibre de la vie humaine correspond à une certaine échelle naturelle. Lorsqu’une activité outillée dépasse un certain seuil défini par l’échelle ad hoc, elle se retourne d’abord contre sa fin, puis menace de destruction le corps social tout entier. [...] Si nous voulons pouvoir dire quelque chose du monde futur, dessiner les contours théoriques d’une société à venir qui ne soit pas hyperindustrielle, il nous faut reconnaître l’existence d’échelles et de limites naturelles”</i>. Illich, comme Rey, ne défend pas le petit, mais le proportionné. </p>
  455. <p>Pour Rey et Illich, il n’y a pas de réponse univoque à la question de la taille, car elle est déterminée par le type d’activité qu’elle concerne. L’enjeu est de réélaborer un rapport au monde inspiré par le proportionné, entre les moyens et les fins, entre les fins poursuivies et les facultés de l’être humain… pour permettre à la fois le respect et la possibilité de l’émancipation. </p>
  456. <p>Or, avec les réseaux sociaux notamment, l’économie n’est plus encastrée dans les relations sociales. Désormais, le monde obéit à notre volonté. Nous ne consentons plus aux limites, individuellement comme collectivement. <i>“Les débats non seulement n’aident pas à dégager le consensus qu’ils sont censés produire, mais interdisent sa formation, exacerbent les antagonismes, font progresser l’incompréhension mutuelle”</i>.</p>
  457. <p><i>“La science se présente aujourd’hui, dans son objectivité, comme la seule pourvoyeuse de vérités susceptibles d’être reçues par tous ; mais, en même temps, le réel tel que la science moderne l’appréhende, et la connaissance qu’elle en dispense, ne fournissent aucun enseignement quant aux fins qu’il vaut la peine de poursuivre.”</i> Chacun tente d’imposer des valeurs, plutôt que le bien, la mesure, la proportion… L’intérêt public se confond avec la prospérité, le bon gouvernement avec l’établissement des meilleures conditions pour cette prospérité, l’intervention étatique avec le désarmement de ceux qui voudraient mettre des entraves au laisser-faire et à la libre concurrence… </p>
  458. <h3>La taille détermine des types d’organisation possibles</h3>
  459. <p>Or, rappelle Rey, le monde est non linéaire. C’est-à-dire que les grandeurs ne varient pas proportionnellement les unes par rapport aux autres. Une araignée ne peut pas être géante, car, si c’était le cas, ses pattes se briseraient sous son poids. Lorsque certains seuils sont atteints, il y a des ruptures. La taille détermine des types d’organisation possible. La dimension n’est pas un paramètre secondaire. Les choses sont liées à des ordres de grandeur. L’effet d’échelle ne dépend pas d’un objet lui-même, mais de sa relation avec son environnement, son milieu. </p>
  460. <p>Or, regrette Rey, on a une grande indifférence à ces questions quantitatives, à ces questions d’échelles. Et notamment dans la pensée politique. La démocratie pensée par les Grecs avait une taille (la Cité) constituée d’un nombre idéal de citoyens (5040 pour être précis, soit quelques dizaines de milliers d’individus). Or le développement des démocraties modernes a peu posé ces questions de taille. Il n’y a bien eu que les utopistes et les expérimentateurs pour comprendre qu’une organisation est solidaire d’une échelle, alors que nos démocraties nationales ont gonflé avec les populations sans se poser vraiment la question de savoir si les outils étaient adaptés à la croissance démographique des Nations. </p>
  461. <p><a href="http://www.internetactu.net/wp-content/uploads/2016/05/social-apps-03-1024x601-600x352.jpg"><img src="http://www.internetactu.net/wp-content/uploads/2016/05/social-apps-03-1024x601-600x352.jpg" alt="social-apps-03-1024x601-600x352" class="alignnone size-full wp-image-25301"/></a><br/>
  462. <i>Image : <a href="http://meta-media.fr/2016/04/09/liens-vagabonds-facebook-twitter-la-guerre-de-la-video-live.html">De la taille des Applications sociales en nombre d’utilisateurs</a>. Via l’excellente revue de liens vagabonds d’<a href="http://meta-media.fr/">Eric Scherer</a>.</i> </p>
  463. <p>Il n’est finalement pas surprenant, si on le lit, que les très grandes échelles permises par le numérique notamment, ne se projettent que dans l’individualisme, que dans la personnalisation, sans parvenir très bien à poser les questions de seuils et d’échelles des collectifs. Les plateformes de partage, “les outils de l’intelligence collective” posent assez peu la question de la taille ou du nombre idéal de participants. Combien de personnes peut-on faire participer activement et ensemble aux outils de la démocratie liquide, de l’intelligence collective permettant potentiellement de faire discuter de grandes communautés comme <a href="http://liquidfeedback.org/">Liquid Feedback</a>, <a href="http://www.appgree.com/">Appgree</a> ou <a href="http://assembl.org/">Assembl</a> – ou son équivalent citoyen, <a href="http://citizen99.org/">Citizen99</a>… ? Peut-on faire des collectifs à très grande échelle et qu’elles sont leurs limites d’action ? Y’a-t-il des seuils, des planchers, des plafonds qui induisent des contraintes comme le soulignaient les travaux du groupe <a href="http://ic.fing.org/">Intelligence collective de la Fing (2007)</a> et ceux que leur initiateur, <a href="http://www.cornu.eu.org/">Jean-Michel Cornu</a> – qui a longtemps été le directeur scientifique de la <a href="http://www.fing.org">Fing</a>, éditeur d’<a href="http://www.internetactu.net">internetactu.net</a> – a largement continué depuis ?</p>
  464. <p>Et le philosophe Olivier Rey de nous interroger. L’essence de la démocratie peut-il être la même dans l’Athènes du Ve siècle av. J.-C. et dans l’Inde contemporaine et ses 700 millions de votants ? Pour <a href="https://fr.wikipedia.org/wiki/Georg_Simmel">Georg Simmel</a>, les régimes démocratiques nécessitent une taille limitée. Dans le monde du travail, l’extrême division des tâches et la perte de sens qui en découle ne sont permises que par le nombre sans fin des travailleurs. Pour Khor, un État de trop grande taille ne peut être démocratique. Comment penser la démocratie ou l’intelligence collective de grande taille ? Comment l’organiser ? Comment y participer ? Et comment la limiter quand le seuil est atteint ?</p>
  465. <p>La question du nombre pose aussi des questions morales, estime Olivier Rey. Comment aimer son prochain comme soi-même quand il est légion ? Pour lui, l’altruisme, la morale fondée sur l’attention portée à l’autre, n’est pas très compatible avec le grand nombre, qui favorise des comportements mécaniques, l’inaction et l’indifférence plutôt que la compassion (voir <a href="http://alireailleurs.tumblr.com/post/140332781073/vers-un-monde-altruiste-arte"> “Vers un monde altruiste ?”</a>). Les grands nombres sont “décivilisateurs”, parce qu’ils immunisent contre l’horreur, parce qu’ils atrophient la sensibilité, comme l’a montré Hannah Arendt dans <a href="https://fr.wikipedia.org/wiki/Banalit%C3%A9_du_mal">la banalité du mal</a>. La taille humaine, la tempérance… ne sont plus des vertus dans une modernité qui prône la démesure et le dépassement. Nous sommes dans une hypertrophie des systèmes, des organisations, des techniques que nous soignons par une surenchère systémique, organisationnelle et technique… souligne Olivier Rey. La complexité des problèmes est renvoyée à une organisation d’échelle supérieure. Le vivant est assimilé à une machine qui permet alors toute manipulation, alors que dans la nature, beaucoup d’organismes cessent de grandir en taille ou en nombre, une fois une certaine taille atteinte. Ce n’est pourtant pas ce qui est arrivé à l’espèce humaine, rappelle le journaliste <a href="https://en.wikipedia.org/wiki/Alan_Weisman">Alan Weisman</a> dans <i><a href="http://www.amazon.fr/gp/product/2081240823/ref=as_li_tl?ie=UTF8&amp;camp=1642&amp;creative=19458&amp;creativeASIN=2081240823&amp;linkCode=as2&amp;tag=internetnet-21">Compte à rebours : jusqu’où pouvons-nous être trop nombreux sur terre ?</a></i>, en montrant et en analysant qu’avec bientôt 10 milliards d’humains sur Terre, nous avons depuis longtemps dépassé les limites optimales du nombre d’humains que notre planète peut porter…</p>
  466. <p><a href="http://www.internetactu.net/wp-content/uploads/2016/05/Capture-d’écran-2016-05-03-à-22.42.56.png"><img src="http://www.internetactu.net/wp-content/uploads/2016/05/Capture-d’écran-2016-05-03-à-22.42.56-1024x580.png" alt="Capture d’écran 2016-05-03 à 22.42.56"/></a></p>
  467. <p>Pour Rey, inverser le mouvement est difficile. Le développement technique, par nature, est un facteur d’illimitation. <i>“Toute borne est un défi à la science et à la technique”</i>. La limite n’est que ce qu’on ne parvient pas (encore) à dépasser techniquement. Or, souligne Rey, il y a un enjeu à comprendre les limites, à explorer les seuils, c’est-à-dire les moments où les tailles induisent une bascule. Son invitation à la convivialité, à la mesure, à la limite, à redécouvrir les choses de taille humaine est aussi une adresse au monde de la technologie, nous invitant à imaginer des systèmes qui soient à notre dimension. </p>
  468. <p>Derrière ces questions de taille se joue bien sûr des questions d’investissement et de financement, des jeux de pouvoir, de monopole, de puissance. La taille n’est qu’un élément d’une équation complexe… Mais les <a href="http://civictechno.fr/">civictechs</a> comme <a href="https://nuitdebout.fr/">le mouvement des nuits debouts</a> en <a href="http://www.liberation.fr/france/2016/04/28/grace-au-numerique-le-mouvement-perpetuel_1449290">ses outillages</a> et en ses limites (si semblables à celles de l’internet lui-même, <a href="http://an-2000.blogs.liberation.fr/2016/04/29/nuit-debout-le-processus-est-le-message/">rappelle très justement le journaliste Vincent Glad</a>) nous montrent le désir, le besoin, l’envie d’un retour à la taille humaine. </p>
  469. <p>Et désormais, c’est aussi une question technique. </p>
  470. <p>Hubert Guillaud</p>
  471. </article>
  472. </section>
  473. <nav id="jumpto">
  474. <p>
  475. <a href="/david/blog/">Accueil du blog</a> |
  476. <a href="http://www.internetactu.net/2016/05/04/numerique-la-taille-cet-impense/">Source originale</a> |
  477. <a href="/david/stream/2019/">Accueil du flux</a>
  478. </p>
  479. </nav>
  480. <footer>
  481. <div>
  482. <img src="/static/david/david-larlet-avatar.jpg" loading="lazy" class="avatar" width="200" height="200">
  483. <p>
  484. Bonjour/Hi!
  485. 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>
  486. 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>).
  487. </p>
  488. <p>
  489. 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>.
  490. </p>
  491. <p>
  492. Voici quelques articles choisis :
  493. <a href="/david/blog/2019/faire-equipe/" title="Accéder à l’article complet">Faire équipe</a>,
  494. <a href="/david/blog/2018/bivouac-automnal/" title="Accéder à l’article complet">Bivouac automnal</a>,
  495. <a href="/david/blog/2018/commodite-effondrement/" title="Accéder à l’article complet">Commodité et effondrement</a>,
  496. <a href="/david/blog/2017/donnees-communs/" title="Accéder à l’article complet">Des données aux communs</a>,
  497. <a href="/david/blog/2016/accompagner-enfant/" title="Accéder à l’article complet">Accompagner un enfant</a>,
  498. <a href="/david/blog/2016/senior-developer/" title="Accéder à l’article complet">Senior developer</a>,
  499. <a href="/david/blog/2016/illusion-sociale/" title="Accéder à l’article complet">L’illusion sociale</a>,
  500. <a href="/david/blog/2016/instantane-scopyleft/" title="Accéder à l’article complet">Instantané Scopyleft</a>,
  501. <a href="/david/blog/2016/enseigner-web/" title="Accéder à l’article complet">Enseigner le Web</a>,
  502. <a href="/david/blog/2016/simplicite-defaut/" title="Accéder à l’article complet">Simplicité par défaut</a>,
  503. <a href="/david/blog/2016/minimalisme-esthetique/" title="Accéder à l’article complet">Minimalisme et esthétique</a>,
  504. <a href="/david/blog/2014/un-web-omni-present/" title="Accéder à l’article complet">Un web omni-présent</a>,
  505. <a href="/david/blog/2014/manifeste-developpeur/" title="Accéder à l’article complet">Manifeste de développeur</a>,
  506. <a href="/david/blog/2013/confort-convivialite/" title="Accéder à l’article complet">Confort et convivialité</a>,
  507. <a href="/david/blog/2013/testament-numerique/" title="Accéder à l’article complet">Testament numérique</a>,
  508. et <a href="/david/blog/" title="Accéder aux archives">bien d’autres…</a>
  509. </p>
  510. <p>
  511. 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>.
  512. </p>
  513. <p>
  514. Je ne traque pas ta navigation mais mon
  515. <abbr title="Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33.184162340">hébergeur</abbr>
  516. conserve des logs d’accès.
  517. </p>
  518. </div>
  519. </footer>
  520. <script type="text/javascript">
  521. ;(_ => {
  522. const jumper = document.getElementById('jumper')
  523. jumper.addEventListener('click', e => {
  524. e.preventDefault()
  525. const anchor = e.target.getAttribute('href')
  526. const targetEl = document.getElementById(anchor.substring(1))
  527. targetEl.scrollIntoView({behavior: 'smooth'})
  528. })
  529. })()
  530. </script>