A place to cache linked articles (think custom and personal wayback machine)
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

index.html 31KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599
  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>To decarbonize we must decomputerize: why we need a Luddite revolution (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://www.theguardian.com/technology/2019/sep/17/tech-climate-change-luddites-data">
  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. To decarbonize we must decomputerize: why we need a Luddite revolution (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://www.theguardian.com/technology/2019/sep/17/tech-climate-change-luddites-data">Source originale du contenu</a></h3>
  445. <p><span class="drop-cap"><span class="drop-cap__inner">O</span></span>ur built environment is becoming one big computer. “Smartness” is coming to saturate our stores, workplaces, homes, cities. As we go about our daily lives, data is made, stored, analyzed and used to make algorithmic inferences about us that in turn structure our experience of the world. Computation encircles us as a layer, dense and interconnected. If our parents and our grandparents lived <em>with</em> computers, we live <em>inside</em> them.</p>
  446. <p>A growing chorus of activists, journalists and scholars are calling attention to the dangers of digital enclosure. Employers are <a href="https://www.wsj.com/articles/the-new-ways-your-boss-is-spying-on-you-11563528604" data-link-name="in body link" class="u-underline">using</a> algorithmic tools to surveil and control workers. Cops are <a href="https://stoplapdspying.org/resources/architecture/" data-link-name="in body link" class="u-underline">using</a> algorithmic tools to surveil and control communities of color. And there is no shortage of dystopian possibilities on the horizon: landlords evicting tenants with “smart locks”, health insurers charging higher premiums because your Fitbit says you don’t exercise enough.</p>
  447. <p>Digitization doesn’t just pose a risk to people, however. It also poses a risk to the planet. July was the hottest month on record. Large chunks of the Arctic are melting. In India, more than half a billion people face water shortages. Putting computation everywhere directly contributes to this crisis. Digitization is a climate disaster: if corporations and governments succeed in making vastly more of our world into data, there will be less of a world left for us to live in.</p>
  448. <p>To understand the relationship between data and climate, the best place to start is machine learning (ML). Billions of dollars are being spent on researching, developing, and deploying ML because major breakthroughs in the past decade have made it a powerful tool for pattern recognition, whether analyzing faces or predicting consumer preferences. ML “learns” by training on large quantities of data. Computers are stupid: babies know what a face is within the first few months of being alive. For a computer to know what a face is, it must learn by looking at millions of pictures of faces.</p>
  449. <p>This is a demanding process. It takes place inside the data centers we call the cloud, and much of the electricity that powers the cloud is generated by burning fossil fuels. As a result, ML has a large carbon footprint. In a recent <a href="https://arxiv.org/pdf/1906.02243.pdf" data-link-name="in body link" class="u-underline">paper</a> that made waves in the ML community, a team at the University of Massachusetts, Amherst, found that training a model for natural-language processing – the field that helps “virtual assistants” like Alexa understand what you’re saying – can emit as much as 626,155lb of carbon dioxide. That’s about the same amount <a href="https://www.theguardian.com/environment/ng-interactive/2019/jul/19/carbon-calculator-how-taking-one-flight-emits-as-much-as-many-people-do-in-a-year" data-link-name="in body link" class="u-underline">produced</a> by flying roundtrip between New York and Beijing 125 times.</p>
  450. <p>Training models isn’t the only way ML contributes to the cooking of our planet. It has also stimulated a hunger for data that is probably the single biggest driver of the digitization of everything. Corporations and governments now have an incentive to acquire as much data as possible, because that data, with the help of ML, might yield valuable patterns. It might tell them who to fire, who to arrest, when to perform maintenance on a machine or how to promote a new product.</p>
  451. <figure itemprop="associatedMedia image" itemscope="" itemtype="http://schema.org/ImageObject" data-component="image" class="element element-image img--landscape fig--narrow-caption fig--has-shares " data-media-id="c438344138315871faa44fe46288a3e7f4872077" id="img-2">
  452. <meta itemprop="url" content="https://i.guim.co.uk/img/media/c438344138315871faa44fe46288a3e7f4872077/0_126_5472_3283/master/5472.jpg?width=700&amp;quality=85&amp;auto=format&amp;fit=max&amp;s=5a0110a19341180161936f21d261f395"/>
  453. <meta itemprop="width" content="5472"/>
  454. <meta itemprop="height" content="3283"/>
  455. <a href="#img-2" class="article__img-container js-gallerythumbs" data-link-name="Launch Article Lightbox" data-is-ajax="">
  456. <span class="inline-expand-image inline-icon centered-icon rounded-icon article__fullscreen modern-visible">
  457. <svg viewbox="0 0 22 22" class="centered-icon__svg rounded-icon__svg article__fullscreen__svg modern-visible__svg inline-expand-image__svg inline-icon__svg">
  458. <path d="M3.4 20.2L9 14.5 7.5 13l-5.7 5.6L1 14H0v7.5l.5.5H8v-1l-4.6-.8M18.7 1.9L13 7.6 14.4 9l5.7-5.7.5 4.7h1.2V.6l-.5-.5H14v1.2l4.7.6"/>
  459. </svg> </span> </a>
  460. <figcaption class="caption caption--img caption caption--img" itemprop="description">
  461. <span class="inline-triangle inline-icon ">
  462. <svg viewbox="0 0 11 10" class="inline-triangle__svg inline-icon__svg">
  463. <path fill-rule="evenodd" d="M5.5 0L11 10H0z"/>
  464. </svg> </span> ‘Digitization doesn’t just pose a risk to people. It also poses a risk to the planet. In India, more than half a billion people face water shortages.’ Photograph: R Parthibhan/AP
  465. </figcaption>
  466. </figure>
  467. <p>One of the best ways to make more data is to put small connected computers everywhere: Cisco predicts there will be 28.5bn networked devices by 2022. Aside from the energy required to manufacture and maintain those devices, the data they produce will live in the carbon-intensive cloud. Data centers currently consume 200 terawatt hours per year – roughly the same amount as South Africa. Anders Andrae, a widely cited researcher at Huawei, tells me that number is likely to grow 4-5 times by 2030. This would put the cloud on par with Japan, the fourth-biggest energy consumer on the planet.</p>
  468. <p>What can be done to curb the carbon costs of data? Greenpeace has long pushed cloud providers to switch to renewable energy sources and improve efficiency. These efforts have seen some success: the use of renewables by data centers has <a href="http://www.clickclean.org/downloads/ClickClean2016%20HiRes.pdf" data-link-name="in body link" class="u-underline">grown</a> substantially. Meanwhile, efficiency gains from better techniques and bigger economies of scale have <a href="https://iopscience.iop.org/article/10.1088/1748-9326/aaec9c" data-link-name="in body link" class="u-underline">moderated</a> the cloud’s power consumption in recent years. When it comes to ML, a group of researchers are <a href="https://arxiv.org/pdf/1907.10597.pdf" data-link-name="in body link" class="u-underline">calling</a> for a more energy-conscious approach, which they call “Green AI”. These are encouraging trends, and tech workers themselves are likely to play a key role in advancing them: Amazon employees have been <a href="https://www.theguardian.com/technology/2019/may/22/amazon-workers-climate-crisis-board-jeff-bezos" data-link-name="in body link" class="u-underline">organizing</a> for a climate plan since late last year, and they recently <a href="https://medium.com/@amazonemployeesclimatejustice/amazon-employees-are-joining-the-global-climate-walkout-9-20-9bfa4cbb1ce3" data-link-name="in body link" class="u-underline">announced</a> a global walkout for 20 September. Among their demands is for the company to commit to zero emissions by 2030 and to stop selling cloud services to fossil fuel companies.</p>
  469. <p>But it’s clear that confronting the climate crisis will require something more radical than just making data greener. That’s why we should put another tactic on the table: making less data. We should reject the assumption that our built environment <em>must</em> become one big computer. We should erect barriers against the spread of “smartness” into all of the spaces of our lives.</p>
  470. <p>To decarbonize, we need to decomputerize.</p>
  471. <p>This proposal will no doubt be met with charges of Luddism. Good: Luddism is a label to embrace. The Luddites were heroic figures and acute technological thinkers. They smashed textile machinery in 19th-century England because they had the capacity to perceive technology “in the present tense”, in the <a href="https://books.google.com/books?id=csndAGqJlk0C" data-link-name="in body link" class="u-underline">words</a> of the historian David F Noble. They didn’t wait patiently for the glorious future promised by the gospel of progress. They saw what certain machines were doing to them in the present tense – endangering their livelihoods – and dismantled them.</p>
  472. <p>We are often sold a similar bill of goods: big tech companies talk incessantly about how “AI” and digitization will bring a better future. In the present tense, however, putting computers everywhere is bad for most people. It enables advertisers, employers and cops to exercise more control over us – in addition to helping heat the planet.</p>
  473. <p>Fortunately, there are latter-day Luddites working to stem the tide. Community groups like the <a href="https://stoplapdspying.org/" data-link-name="in body link" class="u-underline">Stop LAPD Spying Coalition</a> are organizing to shut down algorithmic policing programs. A growing campaign to ban the government use of facial recognition software has won important victories in <a href="https://www.nytimes.com/2019/05/14/us/facial-recognition-ban-san-francisco.html" data-link-name="in body link" class="u-underline">San Francisco</a> and <a href="https://www.bostonglobe.com/metro/2019/06/27/somerville-city-council-passes-facial-recognition-ban/SfaqQ7mG3DGulXonBHSCYK/story.html" data-link-name="in body link" class="u-underline">Somerville</a>, Massachusetts, while workers at Amazon are <a href="https://gizmodo.com/amazon-workers-demand-jeff-bezos-cancel-face-recognitio-1827037509" data-link-name="in body link" class="u-underline">calling</a> for the company to stop selling such software to law enforcement. And in the streets of Hong Kong, protesters are developing techniques for evading the algorithmic gaze, using lasers to confuse facial recognition cameras and <a href="https://twitter.com/Jordan_Sather_/status/1165327628825284610" data-link-name="in body link" class="u-underline">cutting</a> down “smart” lamp-posts equipped with monitoring devices.</p>
  474. <figure itemprop="associatedMedia image" itemscope="" itemtype="http://schema.org/ImageObject" data-component="image" class="element element-image img--landscape fig--narrow-caption fig--has-shares " data-media-id="f84c6ea8fbd3f984274cf30086871b58f68e6e26" id="img-3">
  475. <meta itemprop="url" content="https://i.guim.co.uk/img/media/f84c6ea8fbd3f984274cf30086871b58f68e6e26/0_263_5568_3341/master/5568.jpg?width=700&amp;quality=85&amp;auto=format&amp;fit=max&amp;s=cc221e0f703d2dc369d5fc2d58912c1a"/>
  476. <meta itemprop="width" content="5568"/>
  477. <meta itemprop="height" content="3341"/>
  478. <a href="#img-3" class="article__img-container js-gallerythumbs" data-link-name="Launch Article Lightbox" data-is-ajax="">
  479. <span class="inline-expand-image inline-icon centered-icon rounded-icon article__fullscreen modern-visible">
  480. <svg viewbox="0 0 22 22" class="centered-icon__svg rounded-icon__svg article__fullscreen__svg modern-visible__svg inline-expand-image__svg inline-icon__svg">
  481. <path d="M3.4 20.2L9 14.5 7.5 13l-5.7 5.6L1 14H0v7.5l.5.5H8v-1l-4.6-.8M18.7 1.9L13 7.6 14.4 9l5.7-5.7.5 4.7h1.2V.6l-.5-.5H14v1.2l4.7.6"/>
  482. </svg> </span> </a>
  483. <figcaption class="caption caption--img caption caption--img" itemprop="description">
  484. <span class="inline-triangle inline-icon ">
  485. <svg viewbox="0 0 11 10" class="inline-triangle__svg inline-icon__svg">
  486. <path fill-rule="evenodd" d="M5.5 0L11 10H0z"/>
  487. </svg> </span> Teenagers and students take part in a climate protest outside the White House in Washington on 13 September 2019. Photograph: Nicholas Kamm/AFP/Getty Images
  488. </figcaption>
  489. </figure>
  490. <p>These are just a few possible sources of inspiration for a broader movement for decomputerization, one that pursues social and ecological goals simultaneously. The premise of the Green New Deal is that we can make society greener and more equitable at the same time – that we can democratize as we decarbonize. We should apply the same logic to our digital sphere. Preventing a local police department from constructing an ML-powered panopticon is a matter of algorithmic, social <em>and</em> climate justice. As they used to say in the 1960s: one struggle, many fronts.</p>
  491. <p>For such a struggle to be successful, however, resistance is not enough. We also need a vision of the future we want. Again, the history of the Luddites can be helpful. In 1812, a group of Yorkshire Luddites sent a factory owner a letter promising continued action until “the House of Commons passes an Act to put down all Machinery hurtful to Commonality”. Following their example, we might derive a simple Luddite principle for democratizing technology: we should destroy machinery hurtful to the common good and build machinery helpful to it.</p>
  492. <p>What does this mean in practice? It’s hard to think of anything more hurtful to our common life than heating large portions of the planet beyond habitable levels. Privacy advocates have long called for companies to restrict their collection of data to the minimum necessary to perform a service – a principle now enshrined in the GDPR, the EU’s omnibus data regulation. A 21st-century Luddism should embrace this principle but go further. What matters is not only how much data a service collects, but what imprint that service leaves upon the world – and thus whether it should be performed at all.</p>
  493. <p>Decomputerization doesn’t mean <em>no</em> computers. It means that not <em>all</em> spheres of life should be rendered into data and computed upon. Ubiquitous “smartness” largely serves to enrich and empower the few at the expense of the many, while inflicting ecological harm that will threaten the survival and flourishing of billions of people.</p>
  494. <p>Precisely which computational activities should be preserved in a less computerized world is a matter for those billions of people themselves to decide. The question of whether a particular machine hurts or helps the common good can only be answered by the commons itself. It can only be answered collectively, through the experiment and argument of democracy.</p>
  495. <p>The zero-carbon commonwealth of the future must empower people to decide not just <em>how</em> technologies are built and implemented, but <em>whether</em> they’re built and implemented. Progress is an abstraction that has done a lot of damage over the centuries. Luddism urges us to consider: progress towards what and progress for whom? Sometimes a technology shouldn’t exist. Sometimes the best thing to do with a machine is to break it.</p>
  496. </article>
  497. </section>
  498. <nav id="jumpto">
  499. <p>
  500. <a href="/david/blog/">Accueil du blog</a> |
  501. <a href="https://www.theguardian.com/technology/2019/sep/17/tech-climate-change-luddites-data">Source originale</a> |
  502. <a href="/david/stream/2019/">Accueil du flux</a>
  503. </p>
  504. </nav>
  505. <footer>
  506. <div>
  507. <img src="/static/david/david-larlet-avatar.jpg" loading="lazy" class="avatar" width="200" height="200">
  508. <p>
  509. Bonjour/Hi!
  510. 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>
  511. 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>).
  512. </p>
  513. <p>
  514. 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>.
  515. </p>
  516. <p>
  517. Voici quelques articles choisis :
  518. <a href="/david/blog/2019/faire-equipe/" title="Accéder à l’article complet">Faire équipe</a>,
  519. <a href="/david/blog/2018/bivouac-automnal/" title="Accéder à l’article complet">Bivouac automnal</a>,
  520. <a href="/david/blog/2018/commodite-effondrement/" title="Accéder à l’article complet">Commodité et effondrement</a>,
  521. <a href="/david/blog/2017/donnees-communs/" title="Accéder à l’article complet">Des données aux communs</a>,
  522. <a href="/david/blog/2016/accompagner-enfant/" title="Accéder à l’article complet">Accompagner un enfant</a>,
  523. <a href="/david/blog/2016/senior-developer/" title="Accéder à l’article complet">Senior developer</a>,
  524. <a href="/david/blog/2016/illusion-sociale/" title="Accéder à l’article complet">L’illusion sociale</a>,
  525. <a href="/david/blog/2016/instantane-scopyleft/" title="Accéder à l’article complet">Instantané Scopyleft</a>,
  526. <a href="/david/blog/2016/enseigner-web/" title="Accéder à l’article complet">Enseigner le Web</a>,
  527. <a href="/david/blog/2016/simplicite-defaut/" title="Accéder à l’article complet">Simplicité par défaut</a>,
  528. <a href="/david/blog/2016/minimalisme-esthetique/" title="Accéder à l’article complet">Minimalisme et esthétique</a>,
  529. <a href="/david/blog/2014/un-web-omni-present/" title="Accéder à l’article complet">Un web omni-présent</a>,
  530. <a href="/david/blog/2014/manifeste-developpeur/" title="Accéder à l’article complet">Manifeste de développeur</a>,
  531. <a href="/david/blog/2013/confort-convivialite/" title="Accéder à l’article complet">Confort et convivialité</a>,
  532. <a href="/david/blog/2013/testament-numerique/" title="Accéder à l’article complet">Testament numérique</a>,
  533. et <a href="/david/blog/" title="Accéder aux archives">bien d’autres…</a>
  534. </p>
  535. <p>
  536. 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>.
  537. </p>
  538. <p>
  539. Je ne traque pas ta navigation mais mon
  540. <abbr title="Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33.184162340">hébergeur</abbr>
  541. conserve des logs d’accès.
  542. </p>
  543. </div>
  544. </footer>
  545. <script type="text/javascript">
  546. ;(_ => {
  547. const jumper = document.getElementById('jumper')
  548. jumper.addEventListener('click', e => {
  549. e.preventDefault()
  550. const anchor = e.target.getAttribute('href')
  551. const targetEl = document.getElementById(anchor.substring(1))
  552. targetEl.scrollIntoView({behavior: 'smooth'})
  553. })
  554. })()
  555. </script>