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

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579
  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>Renata Ávila: “The Internet of creation disappeared. Now we have the Internet of surveillance and control” (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://lab.cccb.org/en/renata-avila-the-internet-of-creation-disappeared-now-we-have-the-internet-of-surveillance-and-control/">
  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. Renata Ávila: “The Internet of creation disappeared. Now we have the Internet of surveillance and control” (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://lab.cccb.org/en/renata-avila-the-internet-of-creation-disappeared-now-we-have-the-internet-of-surveillance-and-control/">Source originale du contenu</a></h3>
  445. <div class="entradeta color_font"><p>Three decades ago, the Internet promised to be a democratising place to be turned to in the flight from the inequalities of the analogue world. It was presented to us a field in which to find freedoms, boundless creation, communication that transcended frontiers and free education for all. “We were promised an open Internet – and it was a trap”, says Renata Ávila, annoyed. “We believed that we were building something collective, but we ended up being the unsalaried slaves of the new digital world”. We take advantage of the awarding of the <a href="https://www.cccb.org/en/seasons/file/internet/229424" target="_blank" rel="noopener">CCCB III Cultural Innovation International Prize</a>, to talk with one of the most influential and lucid voices in the world of technology and human rights.</p></div>
  446. <h2>A booby-trapped connection for the poor</h2>
  447. <p>The <a href="https://internethealthreport.org/es/" target="_blank" rel="noopener">Internet Report Health 2019</a> offers us a reminder that half of the world is already connected to the Internet. Which means over <a href="https://wearesocial.com/blog/2019/01/digital-2019-global-internet-use-accelerates" target="_blank" rel="noopener">4 billion people</a>. But we could also turn that on its head and think that – three decades following the creation of the Internet – only half of the world is connected. What happens to all the people who are unconnected? How do they relate with each other, communicate, work or entertain themselves? “The people deciding for what purpose those without access to the Internet are going to connect to it are the technology companies that dominate the future of industry. And these companies only represent the hyperconnected 1%”, explains Renata Ávila.</p>
  448. <p>Each of the answers in her discourse – laboriously and firmly constructed – unravels a complex web of connections that explain why, today, we live with the same or more inequalities than in the past, even though we were promised that the Internet was going to change everything. Apparently happy but more controlled than ever before. We know this and yet we ignore it, because we don’t want to lose our portion of fame, of ego, of being famous, of being communicated or saving time, even if we then squander it on worthless rubbish.</p>
  449. <p>This lawyer and activist talks with a global perspective about the movements that the power of “digital colonialism” is weaving. Her arguments are essential for preventing ourselves from being crushed by the technological world, from being carried away by the current of ephemeral <em>divertemento</em>. For being fully aware that, as individuals, our battle is not lost, but that we can control the use of our data, refuse to give away our facial recognition or demand that the privacy laws that protect us are obeyed.</p>
  450. <p>Before the imminent transition to <a href="https://es.wikipedia.org/wiki/Telefon%C3%ADa_m%C3%B3vil_5G" target="_blank" rel="noopener">5G</a> ­– all of us connected to all the objects that surround us – Renata Ávila strips us of our veil of naivety and insists that the Internet is now never going to be the Internet that we dreamed of. Now we are inside the Internet of surveillance, of control and of measurement. “It may be that factory workers in Bangladesh do not have access to the Internet, but they are connected to objects that are watching them all the time. They monitor their work, check they are not distracted, that they aren’t chatting with their workmates. And what those cameras see is going to determine their wage packets. The connectivity that is offered today to poor people is the connectivity of control and of chains”.</p>
  451. <h2>“If I were president…”</h2>
  452. <p>The priority themes that the Internet Health Report has highlighted for this year are five: privacy and security, decentralisation, digital inclusion, openness and digital literacy. But if we are going to prioritise, which of them is most urgent? “None of them can be dismissed”, answers this activist with cross-cutting ideas. And to explain it she proclaims herself imaginary president of three countries. “If I were president of country A – which concentrates all the most powerful technology companies on the planet – my decision would be to back decentralisation. Because if I do not fragment these companies that have so much control and power, by using good laws of competition, I am feeding a monster that is literally going to swallow me up and I am not going to be able to govern”. This example takes us to the USA.</p>
  453. <p>And she continues. “If I were president of country B – which produces a certain technology and I have my population connected, but my citizens consume everything from country A, while the latter steals their data, gives them an insecure infrastructure and violates their fundamental rights as citizens – my concern would be security and privacy”. And, again, we can see an analogy with this hyperconnected Europe and Silicon Valley.</p>
  454. <p>“However, if I were the president of country C – where I have almost nobody connected, I do not produce industry, I am consuming the cheapest and least prepared services of the type A country – what do I do? Do I connect them to a free centralised system in exchange for giving away all the data of my citizens? They have not even developed digital literacy skills. Where do I begin? Do I take them to a new phase of dependency, of colonisation?” The answers are not easy, Renata Ávila points out. “We should pressure type B countries to offer alternatives to the poorest countries and revert the current situation. We can only thus achieve a balanced system”, she answers as a possible recipe.</p>
  455. <div class="full-width medium-width "></p><p><img class="aligncenter size-full wp-image-19899" src="http://lab.cccb.org/wp-content/uploads/avila_1.jpg" alt="" width="1100" height="619" srcset="http://lab.cccb.org/wp-content/uploads/avila_1.jpg 1100w, http://lab.cccb.org/wp-content/uploads/avila_1-300x169.jpg 300w, http://lab.cccb.org/wp-content/uploads/avila_1-768x432.jpg 768w, http://lab.cccb.org/wp-content/uploads/avila_1-1024x576.jpg 1024w, http://lab.cccb.org/wp-content/uploads/avila_1-500x281.jpg 500w, http://lab.cccb.org/wp-content/uploads/avila_1-720x405.jpg 720w" sizes="(max-width: 1100px) 100vw, 1100px" /></p></div>
  456. <h2>The surveillance empires</h2>
  457. <p>International lawyer Renata Ávila defends at all costs technology as a tool for empowering citizens and achieving true transparency of governments and multinationals. This is precisely the objective of the <a href="https://ciudadaniai.org/index" target="_blank" rel="noopener">Fundación Ciudadanía Inteligente</a>, (Smart Citizens Foundation), of which she has been executive director since 2018.</p>
  458. <p>The combination of power – explains Ávila – with a highly sophisticated degree of technological development and a strong market push are making it easier for the USA and China to enter poor countries, to exploit them and to control them, these days technologically. Faced with the question of whether there is any escape from the desolate and manipulated landscape that she is sketching, the lawyer shrugs and answers: “The only hope to redefine this technological imperialism is for Europe to take on the leadership role that is its duty. For it to offer alternatives that respect human rights and alternative business models that are not based on data extractivism. This will not be competitive in the market but it could come from governments, putting social interests at the centre”.</p>
  459. <h2>Digital colonialism</h2>
  460. <p>A few companies concentrate a lot of power, and the worst thing, Ávila affirms – is that they control the thinking of entire collectives. Welcome to “<a href="https://en.wikipedia.org/wiki/Electronic_colonialism" target="_blank" rel="noopener">digital colonialism</a>”. Trump, Brexit, Bolsonaro and Johnson are all examples of this domination. But so too are the American GAFAM (Google, Amazon, Facebook, Apple and Microsoft) and the Chinese BATX (Baidu, Alibaba, Tencent, Xiaomi) empires.</p>
  461. <p>“At the start of the 21st century, one of the questions that excited me most about access to the Internet was the possibility of producing infinite copies of books and sharing knowledge. That idea of an Internet that was going to be a tool for integration and access to knowledge has shattered into smithereens. It was a booby trap. We are working as the unpaid slaves of the new digital world. I feel that it’s like when the Spanish colonisers reached Latin America. We believed the story of ‘a new world’. And we were in a box, controlled by the most powerful country in the world. We should have regulated a long time before. And we should have said: ‘I will share my photo, but how are you benefitting and how am I?’ Because what we are doing today is work for free; with our time, creativity and energy we are paying these empires. We are giving them everything”.</p>
  462. <p>And she rounds off her speech by ensuring that not only are our lands at their mercy, like in the past, but the most private, most vulnerable part of each of us. “We are totally predictable and controllable. And that means easily manipulated. This really worries me”.</p>
  463. <p>A control that is exercised, undoubtedly, through the algorithms implemented in our mobile apps, in public services, in the companies that sell us products. Algorithms that take decisions automatically, that influence our most everyday actions, but that we are unaware of because of the opacity operating around us. Because we don’t make the effort to learn. Because we don’t want to know.</p>
  464. <p>“I am on the advisory council of an initiative of the InterAmerican Development Bank to conduct pilots of ten artificial intelligence applications in the public sector. Our first fight is that all of them must be transparent and auditable”, she explains to me with hope. “Let’s start there, because we can’t attack the private sector”.</p>
  465. <div class="full-width medium-width "></p><p><img class="aligncenter size-full wp-image-19898" src="http://lab.cccb.org/wp-content/uploads/avila_2.jpg" alt="" width="1100" height="619" srcset="http://lab.cccb.org/wp-content/uploads/avila_2.jpg 1100w, http://lab.cccb.org/wp-content/uploads/avila_2-300x169.jpg 300w, http://lab.cccb.org/wp-content/uploads/avila_2-768x432.jpg 768w, http://lab.cccb.org/wp-content/uploads/avila_2-1024x576.jpg 1024w, http://lab.cccb.org/wp-content/uploads/avila_2-500x281.jpg 500w, http://lab.cccb.org/wp-content/uploads/avila_2-720x405.jpg 720w" sizes="(max-width: 1100px) 100vw, 1100px" /></p></div>
  466. <h2>Precarity sold as an opportunity</h2>
  467. <p>We move into the field of ethics and ask Renata Ávila about three concepts that have modified their meaning in the last decade, precisely due to the acceleration with which we have adopted technology. They are trust, privacy and transparency and how these influence the new generations. We cannot divorce these three questions from the concepts of austerity, precarity and the institutional corruption crisis”, she argues. “Letting strangers into your home to spend the night, is that an excess of trust or the need to seek resources?”.</p>
  468. <p>For this activist, the intense precarisation of employment, the lack of opportunities for young people, the betrayal by governments that opte to bail out the failed banks following the economic crisis rather than concerning themselves with the future of their citizens, has led people to find other resources. “How many Über drivers have I found that had two university degrees? The failure is very much a systemic one”.</p>
  469. <p>“We are immersed in two extremely important crises, of which we do not want to take the slightest bit of notice, but one day they are going to explode and we are going to realise&#8221;, comments Renata Ávila. It cannot be overlooked that so much technology must inevitably take its toll on the environment. An environmental crisis, but also a technological one. We cannot decelerate the current pace, and much less return to a past where connections were only face to face. So, what is to be done? She has a formula, which is perhaps not “magic” but could give a result: changing the logics with which we function. And it consists precisely of trusting in technological innovation in order to harm the planet less. “Leave behind the years of programmed obsolescence, the data extractivism model, store less on giant servers that need monumental refrigeration systems, etc”.</p>
  470. <h2>An optimistic message for the present</h2>
  471. <p>After all that has been discussed, some might think that this Guatemalan activist is so realistic that she leaves no room for optimism. But Renata Ávila does not like being negative and she is convinced that the human race is capable of finding resources to emerge from any “mess”, even at the most critical moments. “We have a perfect cocktail” – she says with a half-smile of worry. “A democratic crisis caused by some terrible leaders in power, with a climate-change and technological crisis. This can only lead to a collective reflection and make us reconsider on what planet we want to live in the future”.</p>
  472. </article>
  473. </section>
  474. <nav id="jumpto">
  475. <p>
  476. <a href="/david/blog/">Accueil du blog</a> |
  477. <a href="http://lab.cccb.org/en/renata-avila-the-internet-of-creation-disappeared-now-we-have-the-internet-of-surveillance-and-control/">Source originale</a> |
  478. <a href="/david/stream/2019/">Accueil du flux</a>
  479. </p>
  480. </nav>
  481. <footer>
  482. <div>
  483. <img src="/static/david/david-larlet-avatar.jpg" loading="lazy" class="avatar" width="200" height="200">
  484. <p>
  485. Bonjour/Hi!
  486. 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>
  487. 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>).
  488. </p>
  489. <p>
  490. 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>.
  491. </p>
  492. <p>
  493. Voici quelques articles choisis :
  494. <a href="/david/blog/2019/faire-equipe/" title="Accéder à l’article complet">Faire équipe</a>,
  495. <a href="/david/blog/2018/bivouac-automnal/" title="Accéder à l’article complet">Bivouac automnal</a>,
  496. <a href="/david/blog/2018/commodite-effondrement/" title="Accéder à l’article complet">Commodité et effondrement</a>,
  497. <a href="/david/blog/2017/donnees-communs/" title="Accéder à l’article complet">Des données aux communs</a>,
  498. <a href="/david/blog/2016/accompagner-enfant/" title="Accéder à l’article complet">Accompagner un enfant</a>,
  499. <a href="/david/blog/2016/senior-developer/" title="Accéder à l’article complet">Senior developer</a>,
  500. <a href="/david/blog/2016/illusion-sociale/" title="Accéder à l’article complet">L’illusion sociale</a>,
  501. <a href="/david/blog/2016/instantane-scopyleft/" title="Accéder à l’article complet">Instantané Scopyleft</a>,
  502. <a href="/david/blog/2016/enseigner-web/" title="Accéder à l’article complet">Enseigner le Web</a>,
  503. <a href="/david/blog/2016/simplicite-defaut/" title="Accéder à l’article complet">Simplicité par défaut</a>,
  504. <a href="/david/blog/2016/minimalisme-esthetique/" title="Accéder à l’article complet">Minimalisme et esthétique</a>,
  505. <a href="/david/blog/2014/un-web-omni-present/" title="Accéder à l’article complet">Un web omni-présent</a>,
  506. <a href="/david/blog/2014/manifeste-developpeur/" title="Accéder à l’article complet">Manifeste de développeur</a>,
  507. <a href="/david/blog/2013/confort-convivialite/" title="Accéder à l’article complet">Confort et convivialité</a>,
  508. <a href="/david/blog/2013/testament-numerique/" title="Accéder à l’article complet">Testament numérique</a>,
  509. et <a href="/david/blog/" title="Accéder aux archives">bien d’autres…</a>
  510. </p>
  511. <p>
  512. 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>.
  513. </p>
  514. <p>
  515. Je ne traque pas ta navigation mais mon
  516. <abbr title="Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33.184162340">hébergeur</abbr>
  517. conserve des logs d’accès.
  518. </p>
  519. </div>
  520. </footer>
  521. <script type="text/javascript">
  522. ;(_ => {
  523. const jumper = document.getElementById('jumper')
  524. jumper.addEventListener('click', e => {
  525. e.preventDefault()
  526. const anchor = e.target.getAttribute('href')
  527. const targetEl = document.getElementById(anchor.substring(1))
  528. targetEl.scrollIntoView({behavior: 'smooth'})
  529. })
  530. })()
  531. </script>