davidbgk
/
larlet-fr-david-cache
关注 1
点赞 0
派生 0
代码 版本发布 0 动态
A place to cache linked articles (think custom and personal wayback machine)
您最多选择25个主题 主题必须以字母或数字开头，可以包含连字符 (-)，并且长度不得超过35个字符
249 提交
1 分支
目录树: 17f244ae89
分支列表 标签列表
${ item.name }
创建分支 ${ searchTerm }
从 '17f244ae89'
${ noResults }
larlet-fr-david-cache/cache/d646900dc9299b3f33e5facdf40.../index.html

index.html 28KB
原始文件 Blame 文件历史

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654 
  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>Antoinette Rouvroy: "À mon sens, Zuckerberg est dépassé" (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. 

  28.   <meta name="robots" content="noindex, nofollow">

  29.   <meta content="origin-when-cross-origin" name="referrer">

  30.   <!-- Canonical URL for SEO purposes -->

  31.   <link rel="canonical" href="https://www.lecho.be/opinions/general/antoinette-rouvroy-a-mon-sens-zuckerberg-est-depasse/9995228.html">

  32. 

  33. <style>

  34. /* http://meyerweb.com/eric/tools/css/reset/ */

  35. html, body, div, span,

  36. h1, h2, h3, h4, h5, h6, p, blockquote, pre,

  37. a, abbr, address, big, cite, code,

  38. del, dfn, em, img, ins,

  39. small, strike, strong, tt, var,

  40. dl, dt, dd, ol, ul, li,

  41. fieldset, form, label, legend,

  42. table, caption, tbody, tfoot, thead, tr, th, td,

  43. article, aside, canvas, details, embed,

  44. figure, figcaption, footer, header, hgroup,

  45. menu, nav, output, ruby, section, summary,

  46. time, mark, audio, video {

  47.   margin: 0;

  48.   padding: 0;

  49.   border: 0;

  50.   font-size: 100%;

  51.   font: inherit;

  52.   vertical-align: baseline;

  53. }

  54. /* HTML5 display-role reset for older browsers */

  55. article, aside, details, figcaption, figure,

  56. footer, header, hgroup, menu, nav, section { display: block; }

  57. body { line-height: 1; }

  58. blockquote, q { quotes: none; }

  59. blockquote:before, blockquote:after,

  60. q:before, q:after {

  61.   content: '';

  62.   content: none;

  63. }

  64. table {

  65.   border-collapse: collapse;

  66.   border-spacing: 0;

  67. }

  68. 

  69. /* http://practicaltypography.com/equity.html */

  70. /* https://calendar.perfplanet.com/2016/no-font-face-bulletproof-syntax/ */

  71. /* https://www.filamentgroup.com/lab/js-web-fonts.html */

  72. @font-face {

  73.   font-family: 'EquityTextB';

  74.   src: url('/static/david/css/fonts/Equity-Text-B-Regular-webfont.woff2') format('woff2'),

  75.        url('/static/david/css/fonts/Equity-Text-B-Regular-webfont.woff') format('woff');

  76.   font-weight: 300;

  77.   font-style: normal;

  78.   font-display: swap;

  79. }

  80. @font-face {

  81.   font-family: 'EquityTextB';

  82.   src: url('/static/david/css/fonts/Equity-Text-B-Italic-webfont.woff2') format('woff2'),

  83.        url('/static/david/css/fonts/Equity-Text-B-Italic-webfont.woff') format('woff');

  84.   font-weight: 300;

  85.   font-style: italic;

  86.   font-display: swap;

  87. }

  88. @font-face {

  89.   font-family: 'EquityTextB';

  90.   src: url('/static/david/css/fonts/Equity-Text-B-Bold-webfont.woff2') format('woff2'),

  91.        url('/static/david/css/fonts/Equity-Text-B-Bold-webfont.woff') format('woff');

  92.   font-weight: 700;

  93.   font-style: normal;

  94.   font-display: swap;

  95. }

  96. 

  97. @font-face {

  98.   font-family: 'ConcourseT3';

  99.   src: url('/static/david/css/fonts/concourse_t3_regular-webfont-20190806.woff2') format('woff2'),

  100.        url('/static/david/css/fonts/concourse_t3_regular-webfont-20190806.woff') format('woff');

  101.   font-weight: 300;

  102.   font-style: normal;

  103.   font-display: swap;

  104. }

  105. 

  106. 

  107. /* http://practice.typekit.com/lesson/caring-about-opentype-features/ */

  108. body {

  109.   /* http://www.cssfontstack.com/ Palatino 99% Win 86% Mac */

  110.   font-family: "EquityTextB", Palatino, serif;

  111.   background-color: #f0f0ea;

  112.   color: #07486c;

  113.   font-kerning: normal;

  114.   -moz-osx-font-smoothing: grayscale;

  115.   -webkit-font-smoothing: subpixel-antialiased;

  116.   text-rendering: optimizeLegibility;

  117.   font-variant-ligatures: common-ligatures contextual;

  118.   font-feature-settings: "kern", "liga", "clig", "calt";

  119. }

  120. pre, code, kbd, samp, var, tt {

  121.   font-family: 'TriplicateT4c', monospace;

  122. }

  123. em {

  124.   font-style: italic;

  125.   color: #323a45;

  126. }

  127. strong {

  128.   font-weight: bold;

  129.   color: black;

  130. }

  131. nav {

  132.   background-color: #323a45;

  133.   color: #f0f0ea;

  134.   display: flex;

  135.   justify-content: space-around;

  136.   padding: 1rem .5rem;

  137. }

  138.   nav:last-child {

  139.     border-bottom: 1vh solid #2d7474;

  140.   }

  141.   nav a {

  142.     color: #f0f0ea;

  143.   }

  144.   nav abbr {

  145.     border-bottom: 1px dotted white;

  146.   }

  147. 

  148. h1 {

  149.   border-top: 1vh solid #2d7474;

  150.   border-bottom: .2vh dotted #2d7474;

  151.   background-color: #e3e1e1;

  152.   color: #323a45;

  153.   text-align: center;

  154.   padding: 5rem 0 4rem 0;

  155.   width: 100%;

  156.   font-family: 'ConcourseT3';

  157.   display: flex;

  158.   flex-direction: column;

  159. }

  160.   h1.single {

  161.     padding-bottom: 10rem;

  162.   }

  163.   h1 span {

  164.     position: absolute;

  165.     top: 1vh;

  166.     left: 20%;

  167.     line-height: 0;

  168.   }

  169.     h1 span a {

  170.       line-height: 1.7;

  171.       padding: 1rem 1.2rem .6rem 1.2rem;

  172.       border-radius: 0 0 6% 6%;

  173.       background: #2d7474;

  174.       font-size: 1.3rem;

  175.       color: white;

  176.       text-decoration: none;

  177.     }

  178. h2 {

  179.   margin: 4rem 0 1rem;

  180.   border-top: .2vh solid #2d7474;

  181.   padding-top: 1vh;

  182. }

  183. h3 {

  184.   text-align: center;

  185.   margin: 3rem 0 .75em;

  186. }

  187. hr {

  188.   height: .4rem;

  189.   width: .4rem;

  190.   border-radius: .4rem;

  191.   background: #07486c;

  192.   margin: 2.5rem auto;

  193. }

  194. time {

  195.   display: bloc;

  196.   margin-left: 0 !important;

  197. }

  198. ul, ol {

  199.   margin: 2rem;

  200. }

  201. ul {

  202.   list-style-type: square;

  203. }

  204. a {

  205.   text-decoration-skip-ink: auto;

  206.   text-decoration-thickness: 0.05em;

  207.   text-underline-offset: 0.09em;

  208. }

  209. article {

  210.   max-width: 50rem;

  211.   display: flex;

  212.   flex-direction: column;

  213.   margin: 2rem auto;

  214. }

  215.   article.single {

  216.     border-top: .2vh dotted #2d7474;

  217.     margin: -6rem auto 1rem auto;

  218.     background: #f0f0ea;

  219.     padding: 2rem;

  220.   }

  221.   article p:last-child {

  222.     margin-bottom: 1rem;

  223.   }

  224. p {

  225.   padding: 0 .5rem;

  226.   margin-left: 3rem;

  227. }

  228.   p + p,

  229.   figure + p {

  230.     margin-top: 2rem;

  231.   }

  232. 

  233. blockquote {

  234.   background-color: #e3e1e1;

  235.   border-left: .5vw solid #2d7474;

  236.   display: flex;

  237.   flex-direction: column;

  238.   align-items: center;

  239.   padding: 1rem;

  240.   margin: 1.5rem;

  241. }

  242.   blockquote cite {

  243.     font-style: italic;

  244.   }

  245.   blockquote p {

  246.     margin-left: 0;

  247.   }

  248. 

  249. figure {

  250.   border-top: .2vh solid #2d7474;

  251.   background-color: #e3e1e1;

  252.   text-align: center;

  253.   padding: 1.5rem 0;

  254.   margin: 1rem 0 0;

  255.   font-size: 1.5rem;

  256.   width: 100%;

  257. }

  258.   figure img {

  259.     max-width: 250px;

  260.     max-height: 250px;

  261.     border: .5vw solid #323a45;

  262.     padding: 1px;

  263.   }

  264. figcaption {

  265.   padding: 1rem;

  266.   line-height: 1.4;

  267. }

  268. aside {

  269.   display: flex;

  270.   flex-direction: column;

  271.   background-color: #e3e1e1;

  272.   padding: 1rem 0;

  273.   border-bottom: .2vh solid #07486c;

  274. }

  275.   aside p {

  276.     max-width: 50rem;

  277.     margin: 0 auto;

  278.   }

  279. 

  280. /* https://fvsch.com/code/css-locks/ */

  281. p, li, pre, code, kbd, samp, var, tt, time, details, figcaption {

  282.   font-size: 1rem;

  283.   line-height: calc( 1.5em + 0.2 * 1rem );

  284. }

  285. h1 {

  286.   font-size: 1.9rem;

  287.   line-height: calc( 1.2em + 0.2 * 1rem );

  288. }

  289. h2 {

  290.   font-size: 1.6rem;

  291.   line-height: calc( 1.3em + 0.2 * 1rem );

  292. }

  293. h3 {

  294.   font-size: 1.35rem;

  295.   line-height: calc( 1.4em + 0.2 * 1rem );

  296. }

  297. @media (min-width: 20em) {

  298.   /* The (100vw - 20rem) / (50 - 20) part

  299.      resolves to 0-1rem, depending on the

  300.      viewport width (between 20em and 50em). */

  301.   p, li, pre, code, kbd, samp, var, tt, time, details, figcaption {

  302.     font-size: calc( 1rem + .6 * (100vw - 20rem) / (50 - 20) );

  303.     line-height: calc( 1.5em + 0.2 * (100vw - 50rem) / (20 - 50) );

  304.     margin-left: 0;

  305.   }

  306.   h1 {

  307.     font-size: calc( 1.9rem + 1.5 * (100vw - 20rem) / (50 - 20) );

  308.     line-height: calc( 1.2em + 0.2 * (100vw - 50rem) / (20 - 50) );

  309.   }

  310.   h2 {

  311.     font-size: calc( 1.5rem + 1.5 * (100vw - 20rem) / (50 - 20) );

  312.     line-height: calc( 1.3em + 0.2 * (100vw - 50rem) / (20 - 50) );

  313.   }

  314.   h3 {

  315.     font-size: calc( 1.35rem + 1.5 * (100vw - 20rem) / (50 - 20) );

  316.     line-height: calc( 1.4em + 0.2 * (100vw - 50rem) / (20 - 50) );

  317.   }

  318. }

  319. @media (min-width: 50em) {

  320.   /* The right part of the addition *must* be a

  321.      rem value. In this example we *could* change

  322.      the whole declaration to font-size:2.5rem,

  323.      but if our baseline value was not expressed

  324.      in rem we would have to use calc. */

  325.   p, li, pre, code, kbd, samp, var, tt, time, details, figcaption {

  326.     font-size: calc( 1rem + .6 * 1rem );

  327.     line-height: 1.5em;

  328.   }

  329.   p, li, pre, details {

  330.     margin-left: 3rem;

  331.   }

  332.   h1 {

  333.     font-size: calc( 1.9rem + 1.5 * 1rem );

  334.     line-height: 1.2em;

  335.   }

  336.   h2 {

  337.     font-size: calc( 1.5rem + 1.5 * 1rem );

  338.     line-height: 1.3em;

  339.   }

  340.   h3 {

  341.     font-size: calc( 1.35rem + 1.5 * 1rem );

  342.     line-height: 1.4em;

  343.   }

  344.   figure img {

  345.     max-width: 500px;

  346.     max-height: 500px;

  347.   }

  348. }

  349. 

  350. figure.unsquared {

  351.   margin-bottom: 1.5rem;

  352. }

  353.   figure.unsquared img {

  354.     height: inherit;

  355.   }

  356. 

  357. 

  358. 

  359. @media print {

  360.   body { font-size: 100%; }

  361.   a:after { content: " (" attr(href) ")"; }

  362.   a, a:link, a:visited, a:after {

  363.     text-decoration: underline;

  364.     text-shadow: none !important;

  365.     background-image: none !important;

  366.     background: white;

  367.     color: black;

  368.   }

  369.   abbr[title] { border-bottom: 0; }

  370.   abbr[title]:after { content: " (" attr(title) ")"; }

  371.   img { page-break-inside: avoid; }

  372.   @page { margin: 2cm .5cm; }

  373.   h1, h2, h3 { page-break-after: avoid; }

  374.   p3 { orphans: 3; widows: 3; }

  375.   img {

  376.     max-width: 250px !important;

  377.     max-height: 250px !important;

  378.   }

  379.   nav, aside { display: none; }

  380. }

  381. 

  382. ul.with_columns {

  383.   column-count: 1;

  384. }

  385. @media (min-width: 20em) {

  386.   ul.with_columns {

  387.     column-count: 2;

  388.   }

  389. }

  390. @media (min-width: 50em) {

  391.   ul.with_columns {

  392.     column-count: 3;

  393.   }

  394. }

  395. ul.with_two_columns {

  396.   column-count: 1;

  397. }

  398. @media (min-width: 20em) {

  399.   ul.with_two_columns {

  400.     column-count: 1;

  401.   }

  402. }

  403. @media (min-width: 50em) {

  404.   ul.with_two_columns {

  405.     column-count: 2;

  406.   }

  407. }

  408. 

  409. .gallery {

  410.   display: flex;

  411.   flex-wrap: wrap;

  412.   justify-content: space-around;

  413. }

  414.   .gallery figure img {

  415.     margin-left: 1rem;

  416.     margin-right: 1rem;

  417.   }

  418.   .gallery figure figcaption {

  419.     font-family: 'ConcourseT3'

  420.   }

  421. 

  422. footer {

  423.   font-family: 'ConcourseT3';

  424.   display: flex;

  425.   flex-direction: column;

  426.   border-top: 3px solid white;

  427.   padding: 4rem 0;

  428.   background-color: #07486c;

  429.   color: white;

  430. }

  431.   footer > * {

  432.     max-width: 50rem;

  433.     margin: 0 auto;

  434.   }

  435.   footer a {

  436.     color: #f1c40f;

  437.   }

  438.   footer .avatar {

  439.     width: 200px;

  440.     height: 200px;

  441.     border-radius: 50%;

  442.     float: left;

  443.     -webkit-shape-outside: circle();

  444.     shape-outside: circle();

  445.     margin-right: 2rem;

  446.     padding: 2px 5px 5px 2px;

  447.     background: white;

  448.     border-left: 1px solid #f1c40f;

  449.     border-top: 1px solid #f1c40f;

  450.     border-right: 5px solid #f1c40f;

  451.     border-bottom: 5px solid #f1c40f;

  452.   }

  453. </style>

  454. 

  455. <h1>

  456.   <span><a id="jumper" href="#jumpto" title="Un peu perdu ?">?</a></span>

  457.   Antoinette Rouvroy: "À mon sens, Zuckerberg est dépassé" (archive)

  458.   <time>Pour la pérennité des contenus liés. Non-indexé, retrait sur simple email.</time>

  459. </h1>

  460. <section>

  461.   <article>

  462.     <h3><a href="https://www.lecho.be/opinions/general/antoinette-rouvroy-a-mon-sens-zuckerberg-est-depasse/9995228.html">Source originale du contenu</a></h3>

  463.     <div class="ac_paragraph ac_paragraph--first"><p>Juriste et philosophe du droit aux Facultés de Namur et chercheuse au FNRS, Antoinette Rouvroy étudie la &quot;gouvernementalité algorithmique&quot;. Ses recherches se centrent sur la question de la norme et du pouvoir à l’heure de la révolution numérique.</p>

  464. </div>

  465. 

  466. <div class="ac_paragraph">

  467. <p>Elle tire la <strong>sonnette d’alarme</strong>: l’usage abusif des big data <strong>porte atteinte à notre liberté</strong>… Et commente, pour L’Echo, l’affaire Cambridge Analytica, du nom de cette société britannique qui a exploité<strong> de manière indue</strong> les données personnelles de 50 millions d’utilisateurs de Facebook lors de la campagne présidentielle de Trump, en 2016. Un scandale qui a jeté, cette semaine, une lumière crue sur les périls que l’économie prédictive des plateformes fait peser sur la démocratie.</p>

  468. 

  469. </div>

  470. 

  471. <div class="ac_paragraph">

  472. <p><strong>Êtes-vous surprise par ce scandale de Cambridge Analytica?</strong></p>

  473. 

  474. </div>

  475. 

  476. <div class="ac_paragraph">

  477. <p><strong>Absolument pas</strong>. L’opportunité est là, on l’emploie, en politique comme en économie. Il y a peu d’États où les candidats n’utilisent pas ce genre de dispositif. Prédire les croyances et les espoirs des électeurs<strong> n’est en soi pas un phénomène neuf.</strong> Mais ce scandale est surtout<strong> le signe de l’échec de l’autorégulation des grandes plateformes comme Facebook ainsi que le résultat d’un manque d’éthique dans le domaine de la recherche</strong>. Dans ce cas, il s’agit d’une nouvelle application mise en place par un chercheur à des fins universitaires, mais ce chercheur a utilisé les données à des fins commerciales, en collaborant avec Cambridge Analytica. <strong>Facebook était-il au courant de la manœuvre? L’enquête le dira.</strong></p>

  478. 

  479. </div>

  480. 

  481. <div class="ac_paragraph">

  482. <p><strong>Marc Zuckerberg est sorti de son silence et a donc annoncé six mesures pour endiguer la polémique. Est-il réellement capable de prendre en charge cette situation?</strong></p>

  483. 

  484. </div>

  485. 

  486. <div class="ac_paragraph">

  487. <p>L’infrastructure technique porte une énorme part de responsabilité dans ce qui advient. L’infrastructure code les usages. Il ne sert donc à rien<strong> de "responsabiliser" les utilisateurs</strong>. Le problème est que Facebook se présente comme une entreprise <strong>non pyramidale</strong> avec cette idée – fausse – que ce sont les utilisateurs Facebook qui produisent Facebook. À mon sens,<strong> Zuckerberg est dépassé, ce n’est pas un philosophe!</strong></p>

  488. 

  489. </div>

  490. 

  491. <div class="ac_paragraph">

  492. <p><strong>Pourquoi ce scandale survient-il seulement maintenant alors qu’il était connu depuis longtemps?</strong></p>

  493. 

  494. </div>

  495. 

  496. <div class="ac_paragraph">

  497. <p><strong>Le monde du web est opaque. </strong>En soi, recueillir des informations est déjà une<strong> tromperie</strong>. C’est la présence des tiers qui utilisent la plateforme pour proposer d’autres services qui pose problème. Par exemple, vous répondez à un questionnaire "à quel personnage de ‘la guerre des étoiles’ ressemblez-vous?", mais <strong>vous ignorez que ces données vont ensuite être utilisées.</strong> L’autre problème, c’est qu’on a l’impression de participer à une <strong>communauté alors qu’en réalité, il n’y a pas d’échange.</strong> Tout le monde est seul devant son écran. <strong>Facebook n’est pas un espace public.</strong> On assiste à une <strong>hypertrophie de la sphère privée</strong> qui se caractérise paradoxalement par une<strong> dépersonnalisation.</strong> La prise de conscience collective ne peut pas se produire.</p>

  498. 

  499. </div>

  500. 

  501. <div class="ac_paragraph">

  502. <p><strong>Quel rôle est joué par les algorithmes dans ce phénomène?</strong></p>

  503. 

  504. </div>

  505. 

  506. <div class="ac_paragraph">

  507. <p>L’algorithme est une<strong> simple suite d’instructions</strong>. Les big data sont des données <strong>anonymes, totalement impersonnelles, de purs signaux, des impulsions.</strong> D’ici 2025, nous serons en contact<strong> 4.000 fois par jour avec des appareils connectés.</strong> Il est impossible pour l’esprit humain de gérer cette quantité de données. On a donc automatisé le traitement des données pour les modéliser, pour en faire des informations.<strong> L’algorithme synthétise la diversité plus rapidement que nous.</strong> Mais c’est un drôle de système, en adaptation constante, où l’erreur n’existe pas, <strong>où l’exhaustivité règne</strong>. Il s’agit d’un régime de fiabilité pour justifier des stratégies d’actions optimales, <strong>mais qui ne dit rien de la vérité du monde.</strong></p>

  508. 

  509. </div>

  510. 

  511. <div class="ac_paragraph">

  512. <p><strong>La collecte des données peut-elle être bénéfique?</strong></p>

  513. 

  514. </div>

  515. 

  516. <div class="ac_paragraph">

  517. <p>Bien sûr,<strong> on peut détecter des choses qu’on n’aurait pas pu voir autrement</strong>. En médecine, notamment. La collecte des données peut permettre aussi une plus grande diversité. Il faut toujours se rappeler qu’au départ, il y a des décisions humaines: quel poids accorde-t-on à tel type de données? Imaginons un système inverse à celui de Cambridge Analytica: dans le cadre d’une campagne, <strong>on pourrait utiliser les algorithmes pour créer de la diversité et faire découvrir à des individus des idées auxquelles ils ne sont pas confrontés habituellement.</strong> Le problème avec Cambridge Analytica, c’est qu’ils se placent à un stade préconscient et court-circuitent la possibilité pour les gens de devenir des sujets: on<strong> vend un programme politique comme un bidon de lessive. </strong>Un citoyen devient un consommateur. Cambridge Analytica peut voir ce dont j’ai peur et ainsi développer chez moi une réponse réflexe. <strong>Le but est de contourner la capacité des personnes à réfléchir.</strong> Le calcul remplace le processus de sens et de jugement. La politique devient un espace de pure spéculation et plus un espace de négociation. On se contente d’actualiser ce qui existe comme potentialité. C’est pourquoi un algorithme ne décrit rien. Il produit un état de fait. L’état de fait devient la norme.</p>

  518. 

  519. </div>

  520. 

  521. <div class="ac_paragraph">

  522. <p><strong>C’est donc un nouveau type de pouvoir qui apparaît?</strong></p>

  523. 

  524. </div>

  525. 

  526. <div class="ac_paragraph">

  527. <p>Oui. <strong>Il n’y a même plus la place pour un rapport de pouvoir.</strong> Le pouvoir est une pure puissance spéculative. Celui qui détient les données acquiert un pouvoir de production de l’avenir. L’objet du capitalisme numérique n’est plus l’argent, car l’argent instaure encore une distance entre le signe et la chose. Le numérique est totalement clos sur lui-même.</p>

  528. 

  529. </div>

  530. 

  531. <div class="ac_paragraph">

  532. <p><strong>Il s’agit donc également d’une crise de la représentation?</strong></p>

  533. 

  534. </div>

  535. 

  536. <div class="ac_paragraph">

  537. <p>C’est une <strong>pathologie de la norme.</strong> Il n’y a plus rien à représenter, plus de distance critique, tout est dans les données. La norme ne préside plus la récolte des données, elle émane des données et de leur traitement.</p>

  538. 

  539. </div>

  540. 

  541. <div class="ac_paragraph">

  542. <p><strong>Le droit peut-il encore exister dès lors que le fait et la norme se confondent?</strong></p>

  543. 

  544. </div>

  545. 

  546. <div class="ac_paragraph">

  547. <p><strong>Le juge n’est pas soluble dans les données.</strong> Le juriste Alain Supiot s’est demandé comment conserver le rôle anthropologique du droit dans un monde de données, car c’est par le droit qu’on lie les dimensions symboliques et organiques de l’être humain. Selon l’idéologie des big data, <strong>les individus sont la somme de leurs données</strong>. Impossible de désobéir:<strong> la norme colle à la peau de chacun</strong>. Or la spécificité du juridique est de présupposer une distance entre la loi et la justice. Aux Etats-Unis, le combat pour les "Civil Rights" était le résultat de batailles juridiques, et ensuite seulement la loi a changé. <strong>Le droit doit garantir la possibilité d’une désobéissance.</strong> Il faut fermer les portes des facultés de droit aux géants du web et sauvegarder le rapport au savoir et à la vérité qui est propre à l’université.</p>

  548. 

  549. </div>

  550. 

  551. <div class="ac_paragraph">

  552. <p><strong>Qu’en est-il des failles du système?</strong></p>

  553. 

  554. </div>

  555. 

  556. <div class="ac_paragraph">

  557. <p>Le plus gros bug de l’intelligence artificielle,<strong> c’est le monde physique: tout n’est pas numérisable</strong>. Ce qui importe pour nous n’est pas numérisable: la possibilité de générer un récit qui donne sens, de dire comment je me rapporte à mes actes, de transformer mes pulsions en désirs conscients. <strong>Nous ne vivons pas dans ce temps des pulsions et des réflexes. </strong>D’ailleurs, on mesure encore mal l’impact réel de ce système sur nos croyances. On sait, par exemple, que les fake news se répandent six fois plus vite que les vraies nouvelles. Ce qui ne veut pas dire que les gens y croient pour autant. <strong>Il est possible que Cambridge Analytica ait surjoué son impact sur les élections dans le but d’obtenir de nouveaux clients.</strong></p>

  558. 

  559. </div>

  560. 

  561. <div class="ac_paragraph">

  562. <p><strong>En quelque sorte, la vie résiste à la numérisation?</strong></p>

  563. 

  564. </div>

  565. 

  566. <div class="ac_paragraph">

  567. <p>J’estime qu’il y a <strong>une récalcitrance de la vie à toute tentative d’organisation excessive</strong>. La vie n’est pas une juxtaposition d’éléments simples. Les big data dispensent d’être confronté à un monde indécidable, comme si l’être humain ne devait plus assumer le caractère tragique de l’existence. Mais c’est très important l’incertitude. L’incertitude justifie l’existence du lien social et du langage. Nous avons besoin de parler, car nous percevons le monde de façon différente.<strong> C’est la condition pour habiter un monde commun.</strong> Nous voulons comprendre le monde et pas seulement le prédire. Il est donc important qu’il y ait des explications, des erreurs et que soit donc maintenue la possibilité de produire d’autres explications. <strong>Le problème est que, pour l’instant, le numérique ne produit aucune épistémologie, aucune théorie. C’est une pure technique.</strong></p>

  568. 

  569. </div>

  570. 

  571. <div class="ac_paragraph">

  572. <p><strong>Mais est-il cependant animé par une "idéologie"?</strong> </p>

  573. 

  574. </div>

  575. 

  576. <div class="ac_paragraph">

  577. <p>Oui, Google veut faire le "bien". <strong>Il développe une vision quasiment théologique. </strong>Pour Facebook, c’est différent. À mon sens, c’est du pur opportunisme, en lien avec l’"American way of life".</p>

  578. 

  579. </div>

  580. 

  581. <div class="ac_paragraph">

  582. <p><strong>D’un point de vue économique, l’impact ne risque-t-il pas d’être terrible sur les plus faibles?</strong></p>

  583. 

  584. </div>

  585. 

  586. <div class="ac_paragraph">

  587. 

  588. <p>Le réel se gouverne lui-même:<strong> le néolibéralisme n’aurait pas pu rêver mieux.</strong> Ce sont les moins nantis qui vont être le plus touchés, car on ne présuppose plus que les individus soient capables de faire des choix. On va exacerber leurs peurs pour générer des réflexes. Ceux qui n’ont pas accès à un bon niveau d’éducation, ceux qui n’ont pas d’opinions, ceux qui vivent au jour le jour seront très vulnérables. Il n’y aura plus de concurrence possible avec des gens "augmentés". La réalité virtuelle sera faite pour les plus pauvres afin d’éviter les révoltes. C’est le vieux système de la manipulation des masses qui va ressurgir, mais avec des outils inédits</p>

  589. 

  590. </div>

  591.   </article>

  592. </section>

  593. 

  594. 

  595. <nav id="jumpto">

  596.   <p>

  597.     <a href="/david/blog/">Accueil du blog</a> |

  598.     <a href="https://www.lecho.be/opinions/general/antoinette-rouvroy-a-mon-sens-zuckerberg-est-depasse/9995228.html">Source originale</a> |

  599.     <a href="/david/stream/2019/">Accueil du flux</a>

  600.   </p>

  601. </nav>

  602. 

  603. <footer>

  604.   <div>

  605.     <img src="/static/david/david-larlet-avatar.jpg" loading="lazy" class="avatar" width="200" height="200">

  606.     <p>

  607.       Bonjour/Hi!

  608.       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>

  609.       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>).

  610.     </p>

  611.     <p>

  612.       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>.

  613.     </p>

  614.     

  615.     <p>

  616.       Voici quelques articles choisis :

  617.       <a href="/david/blog/2019/faire-equipe/" title="Accéder à l’article complet">Faire équipe</a>,

  618.       <a href="/david/blog/2018/bivouac-automnal/" title="Accéder à l’article complet">Bivouac automnal</a>,

  619.       <a href="/david/blog/2018/commodite-effondrement/" title="Accéder à l’article complet">Commodité et effondrement</a>,

  620.       <a href="/david/blog/2017/donnees-communs/" title="Accéder à l’article complet">Des données aux communs</a>,

  621.       <a href="/david/blog/2016/accompagner-enfant/" title="Accéder à l’article complet">Accompagner un enfant</a>,

  622.       <a href="/david/blog/2016/senior-developer/" title="Accéder à l’article complet">Senior developer</a>,

  623.       <a href="/david/blog/2016/illusion-sociale/" title="Accéder à l’article complet">L’illusion sociale</a>,

  624.       <a href="/david/blog/2016/instantane-scopyleft/" title="Accéder à l’article complet">Instantané Scopyleft</a>,

  625.       <a href="/david/blog/2016/enseigner-web/" title="Accéder à l’article complet">Enseigner le Web</a>,

  626.       <a href="/david/blog/2016/simplicite-defaut/" title="Accéder à l’article complet">Simplicité par défaut</a>,

  627.       <a href="/david/blog/2016/minimalisme-esthetique/" title="Accéder à l’article complet">Minimalisme et esthétique</a>,

  628.       <a href="/david/blog/2014/un-web-omni-present/" title="Accéder à l’article complet">Un web omni-présent</a>,

  629.       <a href="/david/blog/2014/manifeste-developpeur/" title="Accéder à l’article complet">Manifeste de développeur</a>,

  630.       <a href="/david/blog/2013/confort-convivialite/" title="Accéder à l’article complet">Confort et convivialité</a>,

  631.       <a href="/david/blog/2013/testament-numerique/" title="Accéder à l’article complet">Testament numérique</a>,

  632.       et <a href="/david/blog/" title="Accéder aux archives">bien d’autres…</a>

  633.     </p>

  634.     <p>

  635.       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>.

  636.     </p>

  637.     <p>

  638.       Je ne traque pas ta navigation mais mon

  639.       <abbr title="Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33.184162340">hébergeur</abbr>

  640.       conserve des logs d’accès.

  641.     </p>

  642.   </div>

  643. </footer>

  644. <script type="text/javascript">

  645.   ;(_ => {

  646.     const jumper = document.getElementById('jumper')

  647.     jumper.addEventListener('click', e => {

  648.       e.preventDefault()

  649.       const anchor = e.target.getAttribute('href')

  650.       const targetEl = document.getElementById(anchor.substring(1))

  651.       targetEl.scrollIntoView({behavior: 'smooth'})

  652.     })

  653.   })()

  654. </script>