A place to cache linked articles (think custom and personal wayback machine)
Vous ne pouvez pas sélectionner plus de 25 sujets Les noms de sujets doivent commencer par une lettre ou un nombre, peuvent contenir des tirets ('-') et peuvent comporter jusqu'à 35 caractères.

index.html 38KB

il y a 4 ans
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672
  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>Privacy could be the next big thing (archive) — David Larlet</title>
  13. <!-- Generated from https://realfavicongenerator.net/ such a mess. -->
  14. <link rel="apple-touch-icon" sizes="180x180" href="/static/david/icons/apple-touch-icon.png">
  15. <link rel="icon" type="image/png" sizes="32x32" href="/static/david/icons/favicon-32x32.png">
  16. <link rel="icon" type="image/png" sizes="16x16" href="/static/david/icons/favicon-16x16.png">
  17. <link rel="manifest" href="/manifest.json">
  18. <link rel="mask-icon" href="/static/david/icons/safari-pinned-tab.svg" color="#5bbad5">
  19. <link rel="shortcut icon" href="/static/david/icons/favicon.ico">
  20. <meta name="apple-mobile-web-app-title" content="David Larlet">
  21. <meta name="application-name" content="David Larlet">
  22. <meta name="msapplication-TileColor" content="#da532c">
  23. <meta name="msapplication-config" content="/static/david/icons/browserconfig.xml">
  24. <meta name="theme-color" content="#f0f0ea">
  25. <!-- That good ol' feed, subscribe :p. -->
  26. <link rel=alternate type="application/atom+xml" title=Feed href="/david/log/">
  27. <meta name="robots" content="noindex, nofollow">
  28. <meta content="origin-when-cross-origin" name="referrer">
  29. <!-- Canonical URL for SEO purposes -->
  30. <link rel="canonical" href="https://kryogenix.org/code/privacy-could-be-the-next-big-thing-hackference/">
  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. Privacy could be the next big thing (archive)
  440. <time>Pour la pérennité des contenus liés. Non-indexé, retrait sur simple email.</time>
  441. </h1>
  442. <section>
  443. <article>
  444. <h3><a href="https://kryogenix.org/code/privacy-could-be-the-next-big-thing-hackference/">Source originale du contenu</a></h3>
  445. <p>About privacy, and how people are scared and uneasy about what's being done with their data. And
  446. how we need to stop building new technology and start working out how to explain to everyone that it
  447. is possible to build a world where you don't have to feel exploited and frightened and you still have
  448. all the same internet superpowers that you have today.</p>
  449. <p class="note">This is the text version of the talk; not a transcript, but my working copy.</p>
  450. <div class="words">
  451. <p>Hi, my name's Stuart Langridge, and I'm going to talk about how privacy could be the next big thing. Emphasis on the <em>could</em>.</p>
  452. <p>Who in this room thinks that the amount of data that's collected on all of us is a bit much? Who in this room thinks that the uses to which those data get put are a bit... creepy?</p>
  453. <p>In 2012, Target, the American discount store, put together a list of 25 products that when purchased together indicate that the purchasing woman is likely pregnant. Then they mailed out coupons for baby products to prospective mothers... and one of them's father stormed into his local Target and demanded to see the manager. “My daughter got this in the mail!” he said. “She’s still in high school, and you’re sending her coupons for baby clothes and cribs? Are you trying to encourage her to get pregnant?” And then a couple of days later he apologised profusely when it turned out she WAS pregnant.</p>
  454. <p class="url"><a href="http://www.businessinsider.com/the-incredible-story-of-how-target-exposed-a-teen-girls-pregnancy-2012-2">http://www.businessinsider.com/the-incredible-story-of-how-target-exposed-a-teen-girls-pregnancy-2012-2</a></p>
  455. <p>Google's chat app, Allo (well, one of Google's fifty chat apps) includes the Google Assistant, which will “helpfully” add things to conversations you're having with others... such as locations from your personal maps or things from your personal searches, visible to the person you're chatting to. Some of this stuff is apparently a bug and it's been fixed.</p>
  456. <p class="url"><a href="https://www.recode.net/2017/3/13/14912394/google-allo-search-history-privacy-messaging-app">https://www.recode.net/2017/3/13/14912394/google-allo-search-history-privacy-messaging-app</a></p>
  457. <p>Women are less likely to be shown ads for high-paying jobs.</p>
  458. <p class="url"><a href="https://www.theguardian.com/technology/2015/jul/08/women-less-likely-ads-high-paid-jobs-google-study">https://www.theguardian.com/technology/2015/jul/08/women-less-likely-ads-high-paid-jobs-google-study</a></p>
  459. <p>If your social media friends have bad credit ratings, it could be harder for you to get a loan.</p>
  460. <p class="url"><a href="http://money.cnn.com/2015/08/04/technology/facebook-loan-patent/">http://money.cnn.com/2015/08/04/technology/facebook-loan-patent/</a></p>
  461. <p>Uber, who are the Lord High Chancellors of this sort of thing, have tracked drivers who were attending taxi protests and fired them, have built an internal app called “God View” which continues to track you after you get out of their cars, and mined their dataset to identify “Rides of Glory” -- rides taken to get home after one-night stands.</p>
  462. <p class="url"><a href="https://motherboard.vice.com/en_us/article/53ddwb/uber-knows-too-much-about-you">https://motherboard.vice.com/en_us/article/53ddwb/uber-knows-too-much-about-you</a></p>
  463. <p>They retracted that one. Because even they were aware that this sort of thing is creepy. Really, really creepy.</p>
  464. <p>Isn't it great to live in the 21st century? Where deleting history has become more important than making it.</p>
  465. <p class="url"><a href="https://twitter.com/aianhangover/status/466813236520964097">https://twitter.com/aianhangover/status/466813236520964097</a></p>
  466. <p>There used to be a saying. If you're not paying for the product, you are the product. Now, this has always been various levels of untrue. Sometimes you're paying for the product <em>and</em> you're the product. If you're getting a thing for free that doesn't mean that you've agreed to be exploited in every single imaginable way.</p>
  467. <p>“There is no correlation between how much money users pay and how well they're treated.”</p>
  468. <p class="url"><a href="http://powazek.com/posts/3229">http://powazek.com/posts/3229</a></p>
  469. <p>But leave all that aside for now. When people started bandying that expression around, you heard a lot of people saying... cool, I'm OK with being the product, whatever that means, because I'm not really interested enough to pay. And, hey, if you're gonna show me ads, which you are because I'm not gonna pay, then they might as well be ads for stuff I might wanna buy, right? TV ads are rubbish, or at least they were back in the days when anyone watched actual TV, as far as I can tell. What's different now is a word I've used already, and a word we're now hearing a lot. Creepy. From actual people, from media articles, from friends in the pub and people on the train and colleagues in the office. It's creepy. What do they mean?</p>
  470. <p>In Anathem, Fraa Jad describes it as “an intuition of the numenous, combined with a sense of dread.” This is true but nobody knows what it means. Still, the bloke saying it was hundreds of years old, so perhaps we can do better.</p>
  471. <p>The issue here is aggregation. Emergent phenomena. The whole of data science is oriented around taking a big pile of facts about a thing and using them to deduce new facts that you weren't told. It's what Target did. It's what Sherlock Holmes did. Take data you've got and use it to derive new and surprising conclusions. It's a cool trick... when you watch it happening to someone else.</p>
  472. <p class="videoWrapper">
  473. </p>
  474. <p><img src="slides/output-26.png"/>
  475. This is not the face of someone who is pleased and delighted by their user experience. People <em>do not like it</em> when you do this.</p>
  476. <p>Companies. Learn this. Your data collection is creepy when you use it to deduce things you weren't told and shouldn't know.</p>
  477. <p>Doing this is what data science is for. So there's something of a mismatch here. And it's not exactly new. Supermarkets are laid out in an incredibly precise way. Vegetables at the beginning because it communicates freshness. Bakery near the entrance because it smells nice. Stuff everyone buys is at the back so you have to walk through everything else to get it. It's the same reason that the only exit from the airport is through the duty free shop. It's an incredibly powerful technique.</p>
  478. <p>“Every aspect of a store’s layout is designed to stimulate shopping serendipity”</p>
  479. <p class="url"><a href="https://www.realsimple.com/food-recipes/shopping-storing/more-shopping-storing/grocery-store-layout">https://www.realsimple.com/food-recipes/shopping-storing/more-shopping-storing/grocery-store-layout</a></p>
  480. <p>So people find this weird and unpleasant! And the worst thing is that they’re helpless. They’re trapped. Because there’s nowhere else to go.</p>
  481. <p>There are a bunch of stock answers for what you should do about this. And they're all wrong.</p>
  482. <p>You can't opt out by not using this stuff at all. We're part person and part machine now. And that's OK. You'll never be lost again. Horror films now have to come up with spurious rubbish excuses why everyone's mobile phones don't work otherwise all the suspense is gone. You can listen to any music you want. You can video chat with someone on the other side of the world. Louis XIV couldn't manage any of that. These are superpowers, and we shouldn't have to trade them away.</p>
  483. <p>“If you leave your phone behind, it’s like missing limb syndrome” - Elon Musk</p>
  484. <p class="url"><a href="https://waitbutwhy.com/2017/04/neuralink.html">https://waitbutwhy.com/2017/04/neuralink.html</a></p>
  485. <p>You can't regulate this problem away. The EU have done some work on this; India have declared privacy a fundamental human right. Government regulation is needed. But it's too slow, too easy to work around if you can constantly stay one step ahead, too likely to not happen. Fill in your own reasons why.</p>
  486. <p>“The right to privacy is fundamental” - Indian Supreme Court</p>
  487. <p class="url"><a href="https://timesofindia.indiatimes.com/india/right-to-privacy-is-a-fundamental-right-supreme-court/articleshow/60203394.cms">https://timesofindia.indiatimes.com/india/right-to-privacy-is-a-fundamental-right-supreme-court/articleshow/60203394.cms</a></p>
  488. <p>There are worries about what government themselves might do, too. John Stuart Mill was a noted philosopher who wrote a lot about things like freedom of speech. But one of the more important things he said has been kinda forgotten; that “laws passed by governments are about the ninetieth most important restriction on our freedom of speech”.</p>
  489. <p class="url"><a href="http://blog.danieldavies.com/2002/10/free-as-bird-im-profound-believer-in.html">http://blog.danieldavies.com/2002/10/free-as-bird-im-profound-believer-in.html</a></p>
  490. <p>Americans make a big deal about their First Amendment, and rightly so; people outside America often make a big deal about the First Amendment and are then rather surprised to discover that they don't have one. Government regulation is at best a part of this answer, and it's not the lead part.</p>
  491. <p>You can't convince people by constantly having a go at them about it. Then you're a whiny person who annoys their friends. The Overton window is not far enough in that direction yet. If you say to someone, use this different messenger! It doesn't matter that your friends aren't there, because you'll be right and they're wrong! then... they will not listen.</p>
  492. <p>“So....Mozilla knows, right, that ‘privacy’ has never been an effective selling point for software? Like ever?”</p>
  493. <p class="url"><a href="https://mobile.twitter.com/sarahmei/status/882008927516463104">https://mobile.twitter.com/sarahmei/status/882008927516463104</a></p>
  494. <p>And you can't get a new public who do care.</p>
  495. <p>“The children of the revolution were faced with the age-old problem: it wasn't that you had the wrong kind of government, which was obvious, but that you had the wrong kind of people.” - Night Watch, Terry Pratchett</p>
  496. <p>This is the wrong kind of thinking. Which was, obviously, Pratchett's point.</p>
  497. <p>“More than 70% of people would reveal their computer password in exchange for a bar of chocolate, a survey has found.”</p>
  498. <p class="url"><a href="http://news.bbc.co.uk/1/hi/technology/3639679.stm">http://news.bbc.co.uk/1/hi/technology/3639679.stm</a></p>
  499. <p>Who's prepared to tell me their password? I have a chocolate bar here. </p>
  500. <p>And the fix is not technology. The tech is not the hard bit. There's loads of tech. Signal. Matrix. Purism. Privacy Badger. VPNs by the dozen. Password managers by the dozen. Tor. </p>
  501. <p>What there is here is a chilling effect. People are frightened of what <em>might</em> happen with their data, because they don't know. And they don't like the things they can imagine might happen. This isn't being worried about imprisonment, or having your illegalities found out; most people don't really have any. The worry is about other things. Your rep is the big one. We're loath to do things because we don't know what will be done with the data and we fear that unknown. That's a chilling effect; something which isn't a ban, but discourages people anyway.</p>
  502. <p>“Freedoms are not being taken away, we are just afraid to use them”</p>
  503. <p>The Social Cooling people summarise it like this:</p>
  504. <p>“If you feel you are being watched, you change your behaviour.”</p>
  505. <p>Ideally people really would dance like nobody's watching. But hardly anyone does.</p>
  506. <p class="url"><a href="https://www.socialcooling.com/">https://www.socialcooling.com/</a></p>
  507. <p>But everyone's still involved because they've got no choice.</p>
  508. <p>but what if there were a choice?</p>
  509. <p>Whoever gets this right, whoever works out how to tell this story, will define the next ten years. Mobile changed everything; it changed how we look at the world, put power in your hands, made billionaires and made industries. Everything old was new again; viewed through a new lens. Social networking changed everything: it changed how we look at the world, it put power in your hands, it made billionaires and made industries and everything changed when we viewed it through a new lens. And that's what privacy could be. Go back in time and tell someone with one of those phones from the Matrix that everything will be done on mobile phones in twenty years. Everything will be done only on mobiles. Go back in time and tell someone on Six Degrees -- anyone remember Six Degrees? First social network. -- that everything will be done on social media in twenty years. It'll elect presidents. Now go forward in time and see a world where your data is <em>yours</em> and everything still works, and tell them that there was a point where we felt like we had to give that stuff up. And they'll laugh at you and ask where your penny farthing is.</p>
  510. <p>People want this fixed. 82% of people are not comfortable with the sale of their data to third-parties in exchange for speed or convenience or product range.</p>
  511. <p class="url"><a href="https://home.kpmg.com/sg/en/home/media/press-releases/2016/11/companies-that-fail-to-see-privacy-as-a-business-priority-risk-crossing-the-creepy-line.html">https://home.kpmg.com/sg/en/home/media/press-releases/2016/11/companies-that-fail-to-see-privacy-as-a-business-priority-risk-crossing-the-creepy-line.html</a></p>
  512. <p>Half of all people have avoided doing some basic stuff online because they have concerns about how their data will be used.</p>
  513. <p class="url"><a href="https://www.washingtonpost.com/news/the-switch/wp/2016/05/13/new-government-data-shows-a-staggering-number-of-americans-have-stopped-basic-online-activities/">https://www.washingtonpost.com/news/the-switch/wp/2016/05/13/new-government-data-shows-a-staggering-number-of-americans-have-stopped-basic-online-activities/</a></p>
  514. <p>Here, finally, is an industry that truly needs disrupting.</p>
  515. <p>And that's how you disrupt an industry. It has been said that if you build a better mousetrap, the world will beat a path to your door. This is a terrible lie and it ruins people's lives and if I could go back and pour a pot of coffee into Ralph Waldo Emerson's lap I'd do it in an instant. According to Wikipedia, there have been 4,400 patents awarded in the US... for mousetraps. And nobody can name a mousetrap inventor. It's rubbish. The way you overcome an incumbent business is by doing battle on a field that they can't compete on. Not that they don't, or won't. Can't. How did Apple beat Microsoft? Not by making a better desktop OS. They did it by shifting the goalposts. By creating a whole new field of competition where Microsoft’s massive entrenched advantage didn’t exist: mobile. How did Microsoft beat Digital and the mainframe pushers? By inventing the idea that every desktop should have a real computer on it, not a terminal. How do you end up shaping the world? By inventing a thing that the current incumbents can’t compete against. By making privacy your core goal. Because companies who have built their whole business model on monetising your personal information cannot compete against that. They’d have to give up on everything that they are, which they can’t do. Facebook altering itself to ensure privacy for its users… wouldn’t exist. Can’t exist. That’s how you win.</p>
  516. <p>The beauty of this is that it's a weapon which only hurts bad people. A company who are currently doing creepy things with your data but don't actually <em>have</em> to can alter themselves to not be creepy, and then they're OK! A company who is utterly reliant on doing creepy things with your data and that's all they <em>can</em> do, well, they'll fail. But, y'know, I'm kinda OK with that.</p>
  517. <p>So. People want this. Everyone finds all this data collection stuff to be at least a bit unnerving. And this is no longer a conversation which just has geeks like me in it. The Daily Mash tells jokes about this stuff.</p>
  518. <p class="url"><a href="http://www.thedailymash.co.uk/news/society/privacy-experts-too-paranoid-even-for-lunch-2014082989998">http://www.thedailymash.co.uk/news/society/privacy-experts-too-paranoid-even-for-lunch-2014082989998</a></p>
  519. <p>“Facebook do weird things with your data” is a mainstream opinion. Tin foil hats are a fashion item now.</p>
  520. <p class="url"><a href="https://www.etsy.com/ca/listing/55473505/knit-tinfoil-hat-made-to-order">https://www.etsy.com/ca/listing/55473505/knit-tinfoil-hat-made-to-order</a></p>
  521. <p>The world is ready to be convinced. Eager to be convinced.</p>
  522. <p>How do we do that? No idea. I wish I had an easy, glib answer here, and I don't.</p>
  523. <p>Differential privacy is not a bad one. This is the thing that Apple were talking about last year, from the Dwork, McSherry, Nissim, Smith paper.</p>
  524. <p class="url"><a href="https://link.springer.com/chapter/10.1007%2F11681878_14">https://link.springer.com/chapter/10.1007%2F11681878_14</a></p>
  525. <p>The idea here is that you want to get aggregate information from your users, but you want to set things up so that you can't tell what anyone's answer actually is, or even if they participated. Here's how it works. I should be clear: this is kinda the Jackanory version of how this works; don't try this out on any cypherpunks you happen to know. But it gives a flavour. Read the paper and all the work since for the detail.</p>
  526. <p>Let's say I want to know the proportion of people at Hackference who like chocolate. So, I give each person a card that says “YES”, and one which says “NO”. Then I say, flip a coin. If the coin comes up heads, you tell the truth, and put the true answer in the hat. If it comes up tails, then flip the coin again. If that second flip is heads, you say “YES”, <em>regardless</em> of what your actual feelings are. If it's tails, you say “NO”.</p>
  527. <p>So you've got Alice, Bob, Cantrice, and Darsh. Alice and Bob like chocolate; Cantrice and Darsh don't. 2 do, 2 don't. Alice flips a coin, gets heads, tells the truth, and we get a YES in the box. Bob flips, gets tails, flips again, gets tails again, and puts NO in the box. Cantrice flips, gets heads, tells the truth, puts NO in the box. Darsh flips, gets tails, flips again, gets heads, puts YES in the box. So in the box, there's 2 YESes and 2 NOs, which is nice and accurate!</p>
  528. <p>OK, this is the most rigged demo of all rigged demos ever. The point about this is that is does roughly work, though. You need to analyse the results more carefully than this, but I'm not gonna put up lots of equations about standard deviations here.</p>
  529. <p>The thing is, what we're doing is adding noise to the answers. This is called the “randomised response mechanism”, and it was thought up in the sixties to help people answer questions about embarrassing or illegal behaviour in secret while still giving meaningful answers. And if you have lots of people answer, then people can just not add their answers at all and you still get a roughly accurate response. And the state of the art is much more advanced than this. You <em>can</em> do data science without being creepy about it. This is known stuff. The methods exist.</p>
  530. <p>What we need to do is come up with a way to help people understand that there <em>are</em> ways to never be lost again, and to listen to any music you want, and to video chat with someone on the other side of the world, without them having to feel disquieted about it. That it's not OK that you're made to feel weirded out. That it's possible for there to be alternatives. That having to feel someone rooting around in your life is not a price you should have to pay.</p>
  531. <p>What we're currently presented with is a false dilemma. It's been painted as a choice: you can opt out and cut yourself off from superpowers, or you can give this stuff up to pay for them, and that's it. What we need to do is change that story. Help people understand that it can be different.</p>
  532. <p>These ideas, these alternatives, they'll come from us. People in this room and rooms like it. Who's building the next big company? You are. But when you do, talk about the story. About what will change all this. People are scared and they shouldn't have to be. When you're talking in the hallways, when you're building your companies, when you're hacking on projects, talk about the story that you want in people's heads. Those of you who are curators of the user experience know this -- that that's not really about the font you use or how round the buttons are. It's about the view of the world that you're making. Because the world we've got, people don't like, and so far nobody's managed to explain that it doesn't have to be like this. We can't shout at people about it; we can't tell them to opt out; we can't wait for government to save us or people to spontaneously learn. We need to explain. To teach. To help people to understand so that stuff which is really obvious to us becomes obvious to everybody. And when that happens, everyone responds. The world really does change then, because we shift away from “hey, this one weird thing over here protects me, but how important is that?”, and everyone starts saying “what do you mean, you can aggregate my data and make predictions and do what you want with it? why would I ever want that? nobody else does that!” The see-saw tips. The story changes.</p>
  533. <p>Talk about how we change the story.</p>
  534. </div>
  535. </article>
  536. </section>
  537. <nav id="jumpto">
  538. <p>
  539. <a href="/david/blog/">Accueil du blog</a> |
  540. <a href="https://kryogenix.org/code/privacy-could-be-the-next-big-thing-hackference/">Source originale</a> |
  541. <a href="/david/stream/2019/">Accueil du flux</a>
  542. </p>
  543. </nav>
  544. <footer>
  545. <div>
  546. <img src="/static/david/david-larlet-avatar.jpg" loading="lazy" class="avatar" width="200" height="200">
  547. <p>
  548. Bonjour/Hi!
  549. 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>
  550. 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>).
  551. </p>
  552. <p>
  553. 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>.
  554. </p>
  555. <p>
  556. Voici quelques articles choisis :
  557. <a href="/david/blog/2019/faire-equipe/" title="Accéder à l’article complet">Faire équipe</a>,
  558. <a href="/david/blog/2018/bivouac-automnal/" title="Accéder à l’article complet">Bivouac automnal</a>,
  559. <a href="/david/blog/2018/commodite-effondrement/" title="Accéder à l’article complet">Commodité et effondrement</a>,
  560. <a href="/david/blog/2017/donnees-communs/" title="Accéder à l’article complet">Des données aux communs</a>,
  561. <a href="/david/blog/2016/accompagner-enfant/" title="Accéder à l’article complet">Accompagner un enfant</a>,
  562. <a href="/david/blog/2016/senior-developer/" title="Accéder à l’article complet">Senior developer</a>,
  563. <a href="/david/blog/2016/illusion-sociale/" title="Accéder à l’article complet">L’illusion sociale</a>,
  564. <a href="/david/blog/2016/instantane-scopyleft/" title="Accéder à l’article complet">Instantané Scopyleft</a>,
  565. <a href="/david/blog/2016/enseigner-web/" title="Accéder à l’article complet">Enseigner le Web</a>,
  566. <a href="/david/blog/2016/simplicite-defaut/" title="Accéder à l’article complet">Simplicité par défaut</a>,
  567. <a href="/david/blog/2016/minimalisme-esthetique/" title="Accéder à l’article complet">Minimalisme et esthétique</a>,
  568. <a href="/david/blog/2014/un-web-omni-present/" title="Accéder à l’article complet">Un web omni-présent</a>,
  569. <a href="/david/blog/2014/manifeste-developpeur/" title="Accéder à l’article complet">Manifeste de développeur</a>,
  570. <a href="/david/blog/2013/confort-convivialite/" title="Accéder à l’article complet">Confort et convivialité</a>,
  571. <a href="/david/blog/2013/testament-numerique/" title="Accéder à l’article complet">Testament numérique</a>,
  572. et <a href="/david/blog/" title="Accéder aux archives">bien d’autres…</a>
  573. </p>
  574. <p>
  575. 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>.
  576. </p>
  577. <p>
  578. Je ne traque pas ta navigation mais mon
  579. <abbr title="Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33.184162340">hébergeur</abbr>
  580. conserve des logs d’accès.
  581. </p>
  582. </div>
  583. </footer>
  584. <script type="text/javascript">
  585. ;(_ => {
  586. const jumper = document.getElementById('jumper')
  587. jumper.addEventListener('click', e => {
  588. e.preventDefault()
  589. const anchor = e.target.getAttribute('href')
  590. const targetEl = document.getElementById(anchor.substring(1))
  591. targetEl.scrollIntoView({behavior: 'smooth'})
  592. })
  593. })()
  594. </script>