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

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555
  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>Faut-il une date de péremption pour les données ? (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/2015/10/20/faut-il-une-date-de-peremption-pour-les-donnees/">
  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. Faut-il une date de péremption pour les données ? (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/2015/10/20/faut-il-une-date-de-peremption-pour-les-donnees/">Source originale du contenu</a></h3>
  445. <p>Faut-il imaginer une demi-vie pour les données ? C’est la question que posait le fondateur de <a href="https://pinboard.in/">Pinboard</a>, ce système de partage de signets collaboratif, <a href="http://www.idlewords.com/">Maciej Ceglowski</a> (<a href="https://twitter.com/baconmeteor">@baconmeteor</a>), lors de sa récente intervention (<a href="https://www.youtube.com/watch?time_continue=1&amp;v=GAXLHM-1Psk">vidéo</a>, <a href="http://idlewords.com/talks/haunted_by_data.htm">transcription</a>) à la <a href="http://strataconf.com/big-data-conference-ny-2015">conférence Strata</a>, rapporte <a href="http://www.soufron.com/et-si-le-big-data-etait-aussi-dangereux-que-le-nucleaire-faut-il-imaginer-une-demi-vie-pour-les-donnees/">sur son blog Jean-Baptiste Soufron</a>, ancien secrétaire général du Conseil national du numérique. </p>
  446. <p><iframe src="https://www.youtube.com/embed/GAXLHM-1Psk" frameborder="0" allowfullscreen="">VIDEO</iframe></p>
  447. <p>“Les traces que les utilisateurs laissent derrière eux sont radioactives, elles continuent à pouvoir avoir un effet négatif jusque des années plus tard.” La plupart des données échappent à tout contrôle sérieux. “Elles sont échangées, modifiées, revendues. Mais surtout, comme les déchets nucléaires, elles restent.” Pour Maciej Ceglowski, les données sont toxiques et comme le nucléaire, elles sont toujours susceptibles de fuite, expliquait-il dans sa conférence intitulée “hanté par les données”. Les données ne se caractérisent pas par les termes bucoliques qu’on leur attribue (nuages, flux…), elles sont “un tas de matières radioactives, des boues toxiques que nous ne savons pas comment gérer”. Pour lui, les données que l’on recueille sur les gens ont les mêmes caractéristiques que les déchets nucléaires : elles ont le pouvoir de nous contaminer pendant des décennies. “La science des données est devenue la réponse universelle : peu importe la question”.</p>
  448. <p>“Les traces que nous laissons aujourd’hui peuvent être légitimes, mais que se passera-t-il si elles deviennent punissables dans 10 ou 20 ans”, comme les artistes hollywoodiens en ont fait l’expérience lors du maccarthysme ? “Que se serait-il passé si on avait eu accès au détail des correspondances de Charlie Chaplin sur Gmail, ou de ses DM sur Twitter ?”, prend comme exemple Jean-Baptiste Soufron. </p>
  449. <p>Science-fiction ? Peut-être pas. La police américaine a récemment demandé à <a href="http://www.ancestry.com/">Ancestry.com</a> et à <a href="https://www.23andme.com/">23andMe</a> d’accéder aux données génétiques de leurs clients pour trouver des correspondances avec les données qu’elle conserve dans ses bases de traces recueillies sur des scènes de crime, <a href="http://fusion.net/story/215204/law-enforcement-agencies-are-asking-ancestry-com-and-23andme-for-their-customers-dna">rapporte Fusion</a>. Le million de clients de 23andMe, qui ont simplement cherché pour des raisons de santé ou par curiosité, à avoir une information génétique sur eux-mêmes, pourrait devenir désormais des suspects. </p>
  450. <p>23andMe assure avoir refusé d’obtempérer aux demandes d’accès du FBI et projette de mettre en place <a href="http://www.internetactu.net/2015/06/03/la-garantie-du-canari/">un rapport de transparence</a> très rapidement pour informer ses utilisateurs des demandes d’accès de la justice et de la police. Un porte-parole d’Ancestry a reconnu avoir été obligé de fournir à un tribunal l’ADN de clients qui pouvaient correspondre à des traces recueillies par la police. Le problème est qu’une requête dans la base ADN de 23andMe ou d’Ancestry peut rendre suspect non seulement la personne qui y est référencé, mais également sa famille. Une conséquence que ceux qui utilisent le site n’ont certainement pas à l’esprit quand ils envoient un échantillon de salive pour découvrir ce que leur dit leur patrimoine génétique. </p>
  451. <p>23andMe assure que si cette idée vous inquiète, la société propose d’effacer vos données dans les 30 jours sur simple requête… Encore faut-il avoir pleinement confiance dans cet effacement. Or les Gafa nous ont déjà largement montré qu’ils n’étaient pas toujours très sincères avec cette question, <a href="http://www.lemonde.fr/pixels/article/2015/10/06/max-schrems-le-gardien-des-donnees-personnelles-qui-fait-trembler-les-geants-du-web_4783391_4408996.html">comme l’avait mis à jour l’hacktiviste Max Schrems en constatant que des informations effacées de son compte étaient toujours stockées sur les serveurs de Facebook</a>. <a href="http://boingboing.net/2015/10/17/23andme-ancestry-com-aggrega.html">Comme ironise Cory Doctorow sur Boing Boing</a>, les entreprises qui amassent d’énormes bases de données vont devenir la cible de la police, de la justice et des espions ; des justiciables (80% des divorces aux Etats-Unis impliqueraient une assignation à Facebook par l’un des époux pour accéder à son historique), et par les criminels (comme le montrent les nombreux scandales de piratage de grosses bases de données). “Etre assis sur toutes ces informations personnelles est comme d’être assis sur tout un tas de déchets nucléaires : à moins que vous soyez capables de les garder parfaitement et totalement sans danger (ce qui est impossible dans l’esprit de Doctorow – NDT), vous allez probablement finir par causer des effets négatifs indescriptibles”. </p>
  452. <p><a href="http://www.internetactu.net/wp-content/uploads/2015/10/hauntedbydata.png"><img src="http://www.internetactu.net/wp-content/uploads/2015/10/hauntedbydata.png" alt="hauntedbydata" class="alignnone size-full wp-image-24414" hspace="6" vspace="6" align="right"/></a>Pour Maciej Ceglowski, la collecte de données est un bien piètre compromis qui blesse les personnes dont vous collectez des données et qui nuit à votre capacité à penser clairement. Il conseille donc de ne pas collecter les données (“Tout comme vous ne vous inquiétez pas de vous faire agresser si vous ne disposez pas d’argent, vos problèmes de données disparaissent si vous arrêtez de les recueillir”). </p>
  453. <p>Si vous avez à les recueillir, ne les stockez pas. Privilégiez un traitement en temps réel. </p>
  454. <p>Enfin, si vous êtes amené à les stocker, ne le faites pas sur des serveurs tiers, comme ceux de l’informatique en nuage à la demande. </p>
  455. <p>“Je crois qu’il devrait y avoir une limite à la collecte de données comportementales de 90 jours, non pas parce que je cherche à pourrir le Noël de vos enfants, mais parce que je pense que cela nous donnera de meilleures données en redonnant à chacun un semblant de respect de leur vie privée. Au final, ne soyez pas surpris. Le modèle actuel de surveillance total et de stockage permanent n’est pas tenable. Si nous nous y accrochons, nous allons au-devant d’incidents qui galvaniseront la population contre cette technologie, pareille à <a href="https://fr.wikipedia.org/wiki/Accident_nucl%C3%A9aire_de_Three_Mile_Island">l’accident nucléaire de Three Mile Island</a>. (…) Il est temps pour nous tous de prendre une profonde inspiration et de retirer nos caleçons au radium.”</p>
  456. <p>Des conseils de bon sens, mais dont tout le monde se contrefiche. </p>
  457. <p>Car, le modèle actuel est totalement inverse. Tout le monde essaye de conserver le maximum de données le maximum de temps. Comme le synthétise très bien Jean-Baptiste Soufron : “Comme pour les accidents nucléaires, la question n’est pas de savoir si des accidents vont se produire, mais de savoir quand.”</p>
  458. <p>Jean-Baptiste Soufron rappelle qu’il avait évoqué lors de travaux du Conseil national du numérique la question d’une date de péremption des données, “c’est-à-dire une date à partir de laquelle il est nécessaire de redemander l’autorisation de l’utilisateur pour continuer à les utiliser. Sans cette autorisation supplémentaire, les données devraient être effacées.” Ces questions de date de péremption des données ont en effet régulièrement été abordées sans avoir été vraiment tranchées. <a href="http://www.cnil.fr/vos-obligations/vos-obligations/">La CNIL souligne qu’elles doivent avoir une durée de conservation raisonnable en fonction de l’objectif du fichier</a>, ce qu’on appelle le principe de temporalité. Depuis 2007, Google assure ne conserver nos traces qu’entre 18 et 24 mois. Et la plupart des services semblent se conformer peu ou prou à cette durée de conservation de 24 mois, sans que nous le sachions vraiment, puisque les obtenir s’avère souvent compliqué, <a href="http://rue89.nouvelobs.com/2015/10/07/99-pages-a4-airbnb-deballe-tout-quil-sait-261533">comme le montrait Robin Prudent en essayant d’obtenir les données que Airbnb détenait sur lui</a>.</p>
  459. <p>Plus qu’un <a href="https://fr.wikipedia.org/wiki/Droit_%C3%A0_l'oubli">droit à l’oubli</a>, la question de la durée de vie des données, de leur réel effacement… et de la confiance qui l’accompagne se pose avec toujours plus d’acuité. Depuis que les grands services du numérique ont été mis en cause par les révélations d’Edward Snowden, leur capital de confiance est sérieusement écorné. <a href="http://www.lemonde.fr/pixels/article/2015/10/19/facebook-previent-ses-utilisateurs-si-un-etat-s-infiltre-dans-leur-compte_4792416_4408996.html">L’annonce toute fraîche par Facebook et Gmail</a> d’avertir les utilisateurs si leur compte a été visé ou compromis par une attaque provenant de quelqu’un travaillant pour le compte d’un Etat dans les pays sensibles, laisse de côté toute la question de la surveillance de masse et des principes d’accès de la police et de la justice dans les pays dits démocratiques. Ce hiatus en passe de devenir schizophrénique ne semble pas être sensible aux alertes. Aucun argument ne semble être capable de raisonner les services qui fondent sur les données comme mouches sur le sucre. A défaut d’entendre les alertes, si l’on en croit Maciej Ceglowski, il va falloir s’attendre un accident équivalent à un accident nucléaire, alors qu’en matière de fuite, de piratage et de vol de données, <a href="http://alireailleurs.tumblr.com/post/103452338364/big-data-big-br%C3%A8ches-huffington-post">on pense déjà avoir connu le pire</a>. </p>
  460. </article>
  461. </section>
  462. <nav id="jumpto">
  463. <p>
  464. <a href="/david/blog/">Accueil du blog</a> |
  465. <a href="http://www.internetactu.net/2015/10/20/faut-il-une-date-de-peremption-pour-les-donnees/">Source originale</a> |
  466. <a href="/david/stream/2019/">Accueil du flux</a>
  467. </p>
  468. </nav>
  469. <footer>
  470. <div>
  471. <img src="/static/david/david-larlet-avatar.jpg" loading="lazy" class="avatar" width="200" height="200">
  472. <p>
  473. Bonjour/Hi!
  474. 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>
  475. 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>).
  476. </p>
  477. <p>
  478. 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>.
  479. </p>
  480. <p>
  481. Voici quelques articles choisis :
  482. <a href="/david/blog/2019/faire-equipe/" title="Accéder à l’article complet">Faire équipe</a>,
  483. <a href="/david/blog/2018/bivouac-automnal/" title="Accéder à l’article complet">Bivouac automnal</a>,
  484. <a href="/david/blog/2018/commodite-effondrement/" title="Accéder à l’article complet">Commodité et effondrement</a>,
  485. <a href="/david/blog/2017/donnees-communs/" title="Accéder à l’article complet">Des données aux communs</a>,
  486. <a href="/david/blog/2016/accompagner-enfant/" title="Accéder à l’article complet">Accompagner un enfant</a>,
  487. <a href="/david/blog/2016/senior-developer/" title="Accéder à l’article complet">Senior developer</a>,
  488. <a href="/david/blog/2016/illusion-sociale/" title="Accéder à l’article complet">L’illusion sociale</a>,
  489. <a href="/david/blog/2016/instantane-scopyleft/" title="Accéder à l’article complet">Instantané Scopyleft</a>,
  490. <a href="/david/blog/2016/enseigner-web/" title="Accéder à l’article complet">Enseigner le Web</a>,
  491. <a href="/david/blog/2016/simplicite-defaut/" title="Accéder à l’article complet">Simplicité par défaut</a>,
  492. <a href="/david/blog/2016/minimalisme-esthetique/" title="Accéder à l’article complet">Minimalisme et esthétique</a>,
  493. <a href="/david/blog/2014/un-web-omni-present/" title="Accéder à l’article complet">Un web omni-présent</a>,
  494. <a href="/david/blog/2014/manifeste-developpeur/" title="Accéder à l’article complet">Manifeste de développeur</a>,
  495. <a href="/david/blog/2013/confort-convivialite/" title="Accéder à l’article complet">Confort et convivialité</a>,
  496. <a href="/david/blog/2013/testament-numerique/" title="Accéder à l’article complet">Testament numérique</a>,
  497. et <a href="/david/blog/" title="Accéder aux archives">bien d’autres…</a>
  498. </p>
  499. <p>
  500. 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>.
  501. </p>
  502. <p>
  503. Je ne traque pas ta navigation mais mon
  504. <abbr title="Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33.184162340">hébergeur</abbr>
  505. conserve des logs d’accès.
  506. </p>
  507. </div>
  508. </footer>
  509. <script type="text/javascript">
  510. ;(_ => {
  511. const jumper = document.getElementById('jumper')
  512. jumper.addEventListener('click', e => {
  513. e.preventDefault()
  514. const anchor = e.target.getAttribute('href')
  515. const targetEl = document.getElementById(anchor.substring(1))
  516. targetEl.scrollIntoView({behavior: 'smooth'})
  517. })
  518. })()
  519. </script>