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

hace 4 años
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617
  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>A la croisée des économies collaboratives (archive) — David Larlet</title>
  13. <!-- Generated from https://realfavicongenerator.net/ such a mess. -->
  14. <link rel="apple-touch-icon" sizes="180x180" href="/static/david/icons/apple-touch-icon.png">
  15. <link rel="icon" type="image/png" sizes="32x32" href="/static/david/icons/favicon-32x32.png">
  16. <link rel="icon" type="image/png" sizes="16x16" href="/static/david/icons/favicon-16x16.png">
  17. <link rel="manifest" href="/manifest.json">
  18. <link rel="mask-icon" href="/static/david/icons/safari-pinned-tab.svg" color="#5bbad5">
  19. <link rel="shortcut icon" href="/static/david/icons/favicon.ico">
  20. <meta name="apple-mobile-web-app-title" content="David Larlet">
  21. <meta name="application-name" content="David Larlet">
  22. <meta name="msapplication-TileColor" content="#da532c">
  23. <meta name="msapplication-config" content="/static/david/icons/browserconfig.xml">
  24. <meta name="theme-color" content="#f0f0ea">
  25. <!-- That good ol' feed, subscribe :p. -->
  26. <link rel=alternate type="application/atom+xml" title=Feed href="/david/log/">
  27. <meta name="robots" content="noindex, nofollow">
  28. <meta content="origin-when-cross-origin" name="referrer">
  29. <!-- Canonical URL for SEO purposes -->
  30. <link rel="canonical" href="http://www.internetactu.net/2016/05/27/a-la-croisee-des-economies-collaboratives/">
  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. A la croisée des économies collaboratives (archive)
  440. <time>Pour la pérennité des contenus liés. Non-indexé, retrait sur simple email.</time>
  441. </h1>
  442. <section>
  443. <article>
  444. <h3><a href="http://www.internetactu.net/2016/05/27/a-la-croisee-des-economies-collaboratives/">Source originale du contenu</a></h3>
  445. <p>Nous l’avons déjà plusieurs fois souligné (voir notre dossier, <a href="http://www.internetactu.net/2014/07/08/quest-ce-que-leconomie-du-partage-partage-13-la-professionnalisation-de-nos-rapports-sociaux/">Qu’est-ce que l’économie du partage partage ?</a>), l’économie collaborative est un terme polysémique. Ceux qui s’en revendiquent ne mettent pas toujours la même chose derrière ce terme. Entre la vision qu’instruit Uber, la société du très libéral Travis Kalanick, et les villes en transition de Rob Hopkins, on voit bien que sous un même vocable on parle de choses irréconciliables. </p>
  446. <p>C’est en cela qu’il fallait entendre le constat dépité d’Arthur de Grave, rédacteur en chef de Ouishare Magazine, <a href="http://magazine.ouishare.net/fr/2016/02/leconomie-collaborative-cest-fini/">“L’économie collaborative, c’est fini</a>” comme la thématique de cette <a href="http://ouisharefest.com/">4e édition du festival de l’économie collaborative</a> : <a href="http://magazine.ouishare.net/fr/2015/12/after-the-gold-rush-la-ruee-vers-lor-et-apres/">“après la ruée vers l’or”</a>.</p>
  447. <h3>L’économie collaborative : une autre forme d’innovation ?</h3>
  448. <p>Par nature, la collaboration suppose donc une forme d’innovation, d’organisation, différente, qui ne repose ni sur la hiérarchie ni sur la compétition, et qui met en tension la question de l’organisation du travail elle-même.</p>
  449. <p><a href="http://www.internetactu.net/wp-content/uploads/2016/05/nwsiliconvalleyfathers.jpg"><img src="http://www.internetactu.net/wp-content/uploads/2016/05/nwsiliconvalleyfathers.jpg" alt="nwsiliconvalleyfathers" hspace="6" vspace="6" align="right"/></a>C’est en cela qu’il fallait entendre par exemple l’intervention de la multi-entrepreneuse <a href="http://nilofermerchant.com/">Nilofer Merchant</a> (<a href="https://twitter.com/nilofer">@nilofer</a>), spécialiste de l’innovation collaborative, venue faire son show sur la scène de la dernière édition du Ouishare Festival. Pour elle, la Silicon Valley n’est pas un modèle pour l’économie collaborative. La Silicon Valley nous vend des mythes (“pour ne pas dire des mensonges”) et une vision de la société incarnée par des héros, par des hommes blancs, une religion, qui vénère l’innovation et la technologie pour elles-mêmes… A l’image <a href="http://www.newsweek.com/silicon-valley-microchip-modern-technology-437992">des pères de l’innovation que vantait <i>Newsweek</i> récemment</a>. </p>
  450. <p>Mais la réalité n’est pas celle-ci, rappelle Nilofer Merchant. Pour elle, qui a discuté avec beaucoup d’entrepreneurs, tous racontent une histoire bien différente. Tous ont commencé quelque chose à côté de leur activité, quelque chose proche de la passion et qu’ils ne pensaient pas pouvoir développer. Si on entend ce constat, cela implique qu’il faut chercher l’idée qui nous importe et non pas celle qui rapporte. Les idées originales ne commencent pas grandes, elles le deviennent parfois. </p>
  451. <p>Le second mythe que colporte la Silicon Valley, c’est celui des héros, de ces hommes blancs qui font l’innovation… Nul ne parle pas des gens, et notamment des femmes, qui font avancer ces entreprises. Le souvenir que Nilofer Merchant a d’Apple où elle a longtemps travaillé, c’est celle de femmes qui travaillaient aux côtés et à égalité d’implication des hommes que l’histoire a retenus (voir notamment <a href="http://www.macg.co/aapl/2015/03/les-femmes-qui-ont-faconne-apple-87693">cet article sur les femmes qui ont façonné Apple</a>). En fait, les idées proviennent parfois de vous, mais elles ne se développent qu’avec la puissance du “nous”. L’innovation ne serait rien sans la confiance dans les autres, dans les équipes qui la façonnent. Pour le dire autrement, <a href="http://www.internetactu.net/2015/09/21/avons-nous-besoin-de-gourous/">les gourous de la Valley n’aident pas à comprendre la nature collaborative de l’innovation</a>. </p>
  452. <p><a href="http://www.internetactu.net/wp-content/uploads/2016/05/niloferosfest.jpg"><img src="http://www.internetactu.net/wp-content/uploads/2016/05/niloferosfest.jpg" alt="niloferosfest"/></a><br/>
  453. <i>Image : Nilofer Merchant sur la scène du Cabaret Sauvage, <a href="https://twitter.com/MyriamBlondy/status/733204365109022723">photographiée par Myriam Blondy</a>.</i></p>
  454. <p>Le 3e mythe que produit la Silicon Valley consiste à nous faire croire que certaines personnes ont inventé l’internet. Que comme c’est eux qui font l’innovation, ils devraient pouvoir en retirer tous les bénéfices. Pourtant, le développement de ces technologies n’a été possible que <a href="http://www.internetactu.net/2015/01/13/construire-letat-innovant/">grâce à l’argent du gouvernement</a>. La Valley peut chercher à ignorer les autres autour d’elle, comme elle cherche à échapper à l’imposition, refusant de voir les conséquences de leur politique qui couvre San Francisco de SDF, à l’image de l’entrepreneur Justin Keller <a href="https://www.theguardian.com/technology/2016/feb/17/san-francisco-tech-open-letter-i-dont-want-to-see-homeless-riff-raff">qui se plaignait récemment au maire de San Francisco</a> de l’explosion des SDF qui lui imposaient une pauvreté qu’il ne souhaitait pas voir. </p>
  455. <p>Pour Nilofer Merchant, l’innovation se fait au pluriel. Les innovateurs doivent apprendre à dire “nous plus que moi”. Si on accepte ce que la Silicon Valley nous propose, nul ne parviendra à profiter de la force de la collaboration. L’économie collaborative doit trouver une manière d’être différente de son modèle. Elle doit inventer un futur plus prospère pour tous, pas plus riche pour certains. Un futur qui nous nourrisse tous et chacun. En groupe. Un futur qui profite à tous. <i>“Cocréons un futur ensemble qui soit plus prospère pour tous, qui serve la société plutôt que la bloquer”</i>. La voie tracée par la Silicon Valley ne mène à aucune issue. </p>
  456. <p><i>“Que signifie cet “après la ruée vers l’or” ?”</i>, nous a lancé le designer milanais Ezio Manzini, responsable du réseau d’innovation social et durable <a href="http://www.desis-network.org/">Desis</a> (<a href="http://www.internetactu.net/2010/06/23/voyage-dans-linnovation-sociale-scandinave-33-de-la-micro-experimentation-a-la-macro-transformation/">que nous avions croisé il y a quelques années déjà</a>). Signifie-t-elle que nous sommes entrés dans la phase de normalisation qui suit la disruption ? </p>
  457. <p><i>“La normalité n’est pas si mal, elle signifie surtout que votre idée est bien plus partagée qu’avant”</i>, sourit Ezio Manzini. La crise migratoire que connaît le continent européen montre une fragilité de notre société, une justice déséquilibrée qui ravivent les questions d’inclusion et de collaboration. Seul le mouvement collaboratif peut initier et soutenir la construction d’une narration vers une nouvelle dynamique européenne ouverte. Reste à savoir quelle “disruptive normalité” l’économie collaborative construit-elle vraiment ?</p>
  458. <p>Si elle ne propose que de renouveler les modèles néolibéraux, nous n’aurons pas beaucoup à y gagner, avance le designer. Il est évident que les nouvelles technologies, de Uber à Wikipédia, perturbent les pouvoirs en place. Mais quand elles passent de la perturbation à la normalité, comment s’assurer que les valeurs progressistes qui animaient la perturbation se réalisent dans la normalité ? </p>
  459. <p>Trop souvent, le consumérisme de la société actuelle nous déqualifie dans nos comportements collaboratifs. Et le designer de prendre l’exemple des jardins communautaires. Ce sont des lieux pour travailler et créer du lien social. Les Amap, les marchés de producteurs locaux sont autant d’exemples permettant de contrer la libéralisation des marchés. Les jardins communautaires créent un équilibre entre les gens, leur permettant de développer une nouvelle vision de la ville, de se l’approprier. <i>“La notion de collaboration est très humaine. C’est une manière d’être en contact, de faire quelque chose ensemble et d’obtenir un résultat en partageant un langage commun”</i>. Ce sont des gens normaux qui s’occupent de ces jardins, qui ne cherchent pas explicitement à contester le néolibéralisme et qui pourtant font une activité totalement en dehors de la logique économique dominante. Les jardins communautaires incarnent une sorte de <i>“puissante douceur du militantisme non combatif”</i>. </p>
  460. <p><a href="http://www.internetactu.net/wp-content/uploads/2016/05/manziniosfest.jpg"><img src="http://www.internetactu.net/wp-content/uploads/2016/05/manziniosfest.jpg" alt="manziniosfest"/></a><br/>
  461. <i>Image : Ezio Manzini au Ouishare Fest, <a href="https://twitter.com/Jormason/status/732841656844701696">photographié par Jörn Hendrik Ast</a>.</i> </p>
  462. <p>La collaboration est le résultat d’une construction culturelle complexe, faite de confiance, de convivialité, d’attention mutuelle, d’empathie, d’objectifs communs… Elle produit des <i>“biens relationnels”</i> pour ne pas dire des biens communs. Pour Manzini, évaluer les entreprises de l’économie du partage consiste à mesurer si elles atténuent ou exacerbent la souffrance. Une entreprise de l’économie du partage répond certes à un besoin économique, mais doit offrir en retour des biens relationnels. Le jardin communautaire permet à la fois de nourrir sa famille, renforce la confiance et la résilience de voisinage. Les alternatives à Uber ou à Airbnb devraient pouvoir faire la même chose… </p>
  463. <h3>Vers des organisations collaboratives ? Mais avec quelles valeurs ?</h3>
  464. <p>Pour le consultant Lee Bryant (<a href="https://twitter.com/leebryant">@leebryant</a>) qui accompagne des entreprises dans leur transformation numérique sous des formes plus collaboratives via <a href="http://shiftbase.net/">Shiftbase</a> et <a href="http://postshift.com/">PostShift</a>, il est nécessaire de s’interroger sur la forme que vont prendre nos institutions à l’âge des algorithmes. Nous nous sommes organisés différemment selon les époques et chacune a codifié des valeurs dans des institutions qui ont permis à celles-ci d’être durables. Les bureaucraties ont été les plateformes de l’ère des Etats… tout comme la BBC aujourd’hui est la gardienne de valeurs qui protègent la diffusion d’émissions publiques en Angleterre. On peut critiquer les institutions, mais elles ont permis de protéger leurs écosystèmes et de créer de la confiance. </p>
  465. <p><a href="http://www.internetactu.net/wp-content/uploads/2016/05/bryantosfest.jpg"><img src="http://www.internetactu.net/wp-content/uploads/2016/05/bryantosfest.jpg" alt="bryantosfest"/></a><br/>
  466. <i>Image : Lee Bryant sur la scène du cabaret sauvage, <a href="https://twitter.com/TaylorKeisha/status/732848554318909440">photographié par Keisha C Taylor</a>.</i></p>
  467. <p>Pour Lee Bryant, le problème est que le XXe siècle a créé des entreprises très verticales qui, dans leurs structures mêmes, ont empêché toute évolution. Si les organisations d’aujourd’hui sont incarnées par les startups, il faut néanmoins se poser la question de leur pérennité. Or, les startups ont pour but d’être rachetées ou de mourir. <i>“Ce ne sont rien d’autre que des produits financiers”</i>. </p>
  468. <p>L’avenir des organisations au XXIe siècle n’est pas celui-là explique Bryant. L’avenir des entreprises est d’être en réseau, de proposer des services en pair à pair, d’être des plateformes distribuées et autogérées. La nature change plus lentement que la culture, la gouvernance ou la technologie. Les entreprises connectées sont appelées à être agiles, “glocales”, basées sur l’humain… Les institutions de demain doivent devenir des systèmes vivants. Elles doivent se penser comme des systèmes d’exploitation avec lesquels les gens peuvent contribuer… Elles doivent coder leurs valeurs dans leur mode d’organisation même. </p>
  469. <p>Reste à savoir comment. Dans cette présentation qui déroulait tous les mots clefs attendus… chacun pouvait surtout piocher ce qu’il voulait entendre, sans pour autant partager les mêmes valeurs. </p>
  470. <p>Sur le comment, un autre intervenant était plus disert… en partant du même constat. Les institutions qui nous entourent – partis politiques, syndicats, institutions, entreprises, médias… – ont été conçues avant l’internet et sont de plus en plus déconnectées de nos réalités, explique le dynamique <a href="https://xdamman.com/">Xavier Damman</a> (<a href="https://twitter.com/xdamman">@xdamman</a>), le fondateur de <a href="https://storify.com/">Storify</a> (qu’il a revendu en 2013). Les gens qui travaillent dans ces organisations se sentent vivre eux-mêmes dans une bulle, en dehors de la réalité de ceux, de plus en plus nombreux, qui en sont exclus. Ces gens pensent savoir prendre les décisions pour notre avenir mieux que nous. Ils sont des experts, comme tout le monde l’est de l’éducation… avant d’avoir des enfants. </p>
  471. <p>Pour Xavier Damman, les innovateurs doivent changer de tactique. Arrêter de se battre contre ces institutions. <i>“Elles épuisent notre énergie et ne méritent pas notre attention. Elles nous détournent de ce que nous devons faire, à savoir nous concentrer sur les changements à mettre en oeuvre”</i>. C’est ce qu’à essayé de faire le jeune entrepreneur en lançant son <a href="http://startupmanifesto.be/">manifeste des startups en Belgique</a> pour inviter les politiciens belges à mettre en place un environnement favorisant leur développement, notamment par la création d’un statut dédié. </p>
  472. <p><a href="http://www.internetactu.net/wp-content/uploads/2016/05/dammanosfest.jpg"><img src="http://www.internetactu.net/wp-content/uploads/2016/05/dammanosfest.jpg" alt="dammanosfest"/></a><br/>
  473. <i>Image : Xavier Damman sur la scène du Ouishare Fest, <a href="https://twitter.com/althecat/status/732852079744671744">photographié par Alastair Thompson</a>.</i></p>
  474. <p>En développant ce groupe de lobbying pour l’entrepreneuriat, Damman s’est rendu compte de la difficulté de trouver une structure pour l’organiser. Le statut d’association semblait inadapté à ceux qui se retrouvaient là, alors même que la structure avait besoin de fonds pour s’organiser et communiquer. Or, sans structure juridique, il est impossible de recevoir des fonds. En fait, estime Damman, dès que nous devons nous structurer, nous financer, nous sommes renvoyés à des formes d’organisation qui nous ramènent un siècle en arrière, et ce alors que ce peut-être pour une action très temporaire. Podemos l’a bien compris en ayant recours <a href="https://crowdfunding.podemos.info/">au financement participatif</a> pour financer sa campagne, ses projets, ses locaux de campagne. Pour Damman, la loi 1901 doit être mise à jour. Les associations de 2016 doivent être transparentes, ouvertes, fluides. C’est ce constat qui l’a amené à lancer <a href="https://opencollective.com/">Open Collective</a>, un outil pour aider au financement et à la transparence de nouvelles formes d’organisation. </p>
  475. <p><a href="http://www.internetactu.net/wp-content/uploads/2016/05/opencollective.png"><img src="http://www.internetactu.net/wp-content/uploads/2016/05/opencollective-1024x503.png" alt="opencollective"/></a></p>
  476. <p><a href="https://medium.com/open-collective/a-new-form-of-association-for-the-internet-generation-part-1-6d6c4f5dd27f#.h1juuhtwn">Dans deux articles qu’il consacre au sujet</a>, Xavier Damman va plus loin qu’il ne l’a fait sur scène. Il en appelle à l’émergence de services globaux cross-gouvernementaux, comme Uber ou Airbnb. Peu importe d’où vous les utilisez, ils fonctionnent partout et gèrent pour vous la complexité des règlementations et spécificités locales. Open Collective veut permettre de se soustraire à la complexité locale pour permettre aux organisations de se focaliser sur leur but premier… Pour Damman, la transparence des échanges est une voie de régulation dont il faut encore définir les contours… </p>
  477. <h3>Vers des organisations sans aucune frontière ?</h3>
  478. <p>Dans le rejet de toute régulation, certains vont plus loin encore. C’était le cas de la jeune hacktiviste et entrepreneuse Suzanne Tarkowski Tempelhof (<a href="https://twitter.com/SusanneOnline">@susanneonline</a>) de <a href="https://bitnation.co/">BitNation</a> (<a href="https://twitter.com/MyBitNation">@mybitnation</a>), “la pasionaria libertaire”, <a href="http://usbek-et-rica.fr/susanne-tarkowski-tempelhof-la-pasionaria-libertaire/">comme l’appelait très justement <i>Usbek &amp; Rica</i></a>. La jeune femme, dans un one woman show fait uniquement de digressions, posait ni plus ni moins la question de l’utilité des gouvernements. Pour elle, <i>“si les contribuables paient les routes et les entrepreneurs les construisent, alors les gouvernements ne sont plus qu’un couteux intermédiaire”</i>. Les gouvernements ne sont qu’une matrice dans laquelle les citoyens ne cherchent qu’à accéder aux services. Et d’avancer avec le plus grand sérieux, sans rien pour étayer son propos, qu’une ville totalement gérée par des bénévoles peut très bien fonctionner. </p>
  479. <p><a href="http://www.internetactu.net/wp-content/uploads/2016/05/mybitnationosfest.jpg"><img src="http://www.internetactu.net/wp-content/uploads/2016/05/mybitnationosfest.jpg" alt="mybitnationosfest"/></a><br/>
  480. <i>Image : Suzanne Tarkowski Tempelhof <a href="https://twitter.com/FUTUREMAGde/status/732956410489757696">photographiée par FutureMag</a>.</i></p>
  481. <p>Pour elle, <i>“la démocratie est une escroquerie”</i>. <i>“Ils parlent d’un contrat social ? Montrez-moi le contrat !”</i>, s’énervait-elle sur scène. </p>
  482. <p>Pour dépasser le propos extrêmement libertarien de Suzanne Tarkowski Tempelhof, peut-être faut-il regarder plus avant ce que propose BitNation. Si l’on en croit son site internet, BitNation souhaite proposer sous forme numérique les mêmes services que ceux que proposent les gouvernements, mais via les protocoles décentralisés et autonomes <a href="http://www.internetactu.net/2016/02/17/blockchain-la-nouvelle-infrastructure-des-echanges/">de la blockchain</a>. </p>
  483. <p><a href="http://www.internetactu.net/wp-content/uploads/2016/05/bitnation.png"><img src="http://www.internetactu.net/wp-content/uploads/2016/05/bitnation-1024x462.png" alt="bitnation"/></a></p>
  484. <p>C’est justement ce qu’a mis en place Kaspar Korjus (<a href="https://twitter.com/kasparkorjus">@kasparkorjus</a>) qui lui succédait sur la scène du Ouishare Festival. Kaspar Korjus est le responsable du programme d’<a href="https://e-estonia.com/e-residents/about/">e-résidence lancé par l’Estonie</a> (<a href="https://twitter.com/e_Residents">@e_residents</a>). Dans le cadre du progamme de résidence électronique, Korjus a pour nom un numéro, un numéro qui lui ouvre de nouvelles opportunités. En voyage en Europe depuis 2 mois pour promouvoir le service, Kaspar a pu, grâce à ce numéro, recevoir de son médecin une ordonnance pour un médicament contre les allergies ou déclarer ses impôts. Ce numéro permet également d’ouvrir un commerce ou une entreprise. </p>
  485. <p>Ce programme initié depuis 2002 et actif depuis 18 mois permet à chacun de devenir un résident électronique de l’Estonie. Cette idée, lancée un peu comme une boutade, a suscité beaucoup d’intérêt. Pour 100 euros et un formulaire à remplir, vous pouvez obtenir une carte de résident à retirer dans une des principales ambassades d’Estonie. Pour nous expliquer ce que permet cette <i>“clef privée”</i>, Kaspar Korjus nous montre des utilisateurs, comme Stanislas, un artiste peintre ukrainien qui a utilisé le service pour créer son entreprise et accéder à des services financiers pour vendre ses peintures depuis l’Ukraine. </p>
  486. <p><a href="http://www.internetactu.net/wp-content/uploads/2016/05/kasparosfest.jpg"><img src="http://www.internetactu.net/wp-content/uploads/2016/05/kasparosfest.jpg" alt="kasparosfest"/></a><br/>
  487. <i>Image : Kaspar Korjus, <a href="https://twitter.com/kirilind/status/732949447521488896">photographié par Auli Kütt</a>.</i></p>
  488. <p>Aujourd’hui, des milliards de personnes sont exclues des services financiers. Ce que permet le programme estonien c’est que chacun participe de l’économie mondiale. En quelques mois, le service a été adopté par 10 000 personnes provenant de 127 pays différents et qui ont ouvert un millier d’entreprise en Estonie. A partir de juillet, ils pourront ouvrir des comptes en banque en ligne directement et accéder à de nombreux nouveaux services. </p>
  489. <p>Depuis le lancement, l’équipe en charge du projet cherche à être le plus transparent possible. Les entreprises créées paient des impôts dans leur pays d’origine et les banques estoniennes offrent des services, leur permettant notamment d’accéder à des services européens comme à PayPal qui nécessite d’avoir une adresse européenne pour être utilisé en Europe. </p>
  490. <p>La prochaine étape consiste à ouvrir l’Estonie aux développeurs, notamment en permettant au programme de développer des API permettant de faciliter l’authentification, les déclarations d’impôts, la signature numérique… </p>
  491. <p>Ces projets montrent bien en tout cas jusqu’où peut aller l’économie collaborative… Elle peut-être bien plus qu’une nouvelle forme d’innovation. Dans ses formes les plus extrêmes, elle est une force de perturbation tellurique capable de remettre en question la façon même de faire société. Reste que, force est de constater que le Ouishare Fest, malgré ses annonces, a accueilli l’économie collaborative dans toute sa diversité… et donc dans toutes ses contradictions. </p>
  492. <p>Pas sûr pourtant, comme ses organisateurs en faisaient le constat, que l’approche libertaire et individualiste et l’approche solidaire et progressiste aient encore beaucoup à se dire. </p>
  493. <p>Hubert Guillaud</p>
  494. </article>
  495. </section>
  496. <nav id="jumpto">
  497. <p>
  498. <a href="/david/blog/">Accueil du blog</a> |
  499. <a href="http://www.internetactu.net/2016/05/27/a-la-croisee-des-economies-collaboratives/">Source originale</a> |
  500. <a href="/david/stream/2019/">Accueil du flux</a>
  501. </p>
  502. </nav>
  503. <footer>
  504. <div>
  505. <img src="/static/david/david-larlet-avatar.jpg" loading="lazy" class="avatar" width="200" height="200">
  506. <p>
  507. Bonjour/Hi!
  508. 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>
  509. 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>).
  510. </p>
  511. <p>
  512. 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>.
  513. </p>
  514. <p>
  515. Voici quelques articles choisis :
  516. <a href="/david/blog/2019/faire-equipe/" title="Accéder à l’article complet">Faire équipe</a>,
  517. <a href="/david/blog/2018/bivouac-automnal/" title="Accéder à l’article complet">Bivouac automnal</a>,
  518. <a href="/david/blog/2018/commodite-effondrement/" title="Accéder à l’article complet">Commodité et effondrement</a>,
  519. <a href="/david/blog/2017/donnees-communs/" title="Accéder à l’article complet">Des données aux communs</a>,
  520. <a href="/david/blog/2016/accompagner-enfant/" title="Accéder à l’article complet">Accompagner un enfant</a>,
  521. <a href="/david/blog/2016/senior-developer/" title="Accéder à l’article complet">Senior developer</a>,
  522. <a href="/david/blog/2016/illusion-sociale/" title="Accéder à l’article complet">L’illusion sociale</a>,
  523. <a href="/david/blog/2016/instantane-scopyleft/" title="Accéder à l’article complet">Instantané Scopyleft</a>,
  524. <a href="/david/blog/2016/enseigner-web/" title="Accéder à l’article complet">Enseigner le Web</a>,
  525. <a href="/david/blog/2016/simplicite-defaut/" title="Accéder à l’article complet">Simplicité par défaut</a>,
  526. <a href="/david/blog/2016/minimalisme-esthetique/" title="Accéder à l’article complet">Minimalisme et esthétique</a>,
  527. <a href="/david/blog/2014/un-web-omni-present/" title="Accéder à l’article complet">Un web omni-présent</a>,
  528. <a href="/david/blog/2014/manifeste-developpeur/" title="Accéder à l’article complet">Manifeste de développeur</a>,
  529. <a href="/david/blog/2013/confort-convivialite/" title="Accéder à l’article complet">Confort et convivialité</a>,
  530. <a href="/david/blog/2013/testament-numerique/" title="Accéder à l’article complet">Testament numérique</a>,
  531. et <a href="/david/blog/" title="Accéder aux archives">bien d’autres…</a>
  532. </p>
  533. <p>
  534. 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>.
  535. </p>
  536. <p>
  537. Je ne traque pas ta navigation mais mon
  538. <abbr title="Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33.184162340">hébergeur</abbr>
  539. conserve des logs d’accès.
  540. </p>
  541. </div>
  542. </footer>
  543. <script type="text/javascript">
  544. ;(_ => {
  545. const jumper = document.getElementById('jumper')
  546. jumper.addEventListener('click', e => {
  547. e.preventDefault()
  548. const anchor = e.target.getAttribute('href')
  549. const targetEl = document.getElementById(anchor.substring(1))
  550. targetEl.scrollIntoView({behavior: 'smooth'})
  551. })
  552. })()
  553. </script>