A place to cache linked articles (think custom and personal wayback machine)
Du kannst nicht mehr als 25 Themen auswählen Themen müssen mit entweder einem Buchstaben oder einer Ziffer beginnen. Sie können Bindestriche („-“) enthalten und bis zu 35 Zeichen lang sein.

index.html 49KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575
  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>Travailler de manière collaborative, oui ! Mais comment s’organiser ? (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/31/travailler-de-maniere-collaborative-oui-mais-comment-sorganiser/">
  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. Travailler de manière collaborative, oui ! Mais comment s’organiser ? (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/31/travailler-de-maniere-collaborative-oui-mais-comment-sorganiser/">Source originale du contenu</a></h3>
  445. <p>Plusieurs des présentations et tables rondes auxquelles j’ai assisté lors du <a href="http://2016.ouisharefest.com/">Ouishare Fest</a> s’intéressaient au travail et à comment la collaboration le transforme en profondeur. Les modes collaboratifs peuvent-ils fonctionner dans des entreprises qui demeurent hiérarchiques, pyramidales ? Et si ce n’est pas cas, comment mieux distribuer la gouvernance, l’organiser ? Epouser une culture de la collaboration nécessite-t-il de la pousser jusqu’au bout, jusqu’aux modes d’organisation et de partage du pouvoir qu’est l’organisation du travail elle-même ?</p>
  446. <h3>Réinventer nos modes d’organisation avec les outils du XXIe siècle</h3>
  447. <p>Nous travaillons avec et appartenons à de plus en plus de réseaux, d’organisations, de communautés… Si les réseaux et organisations en réseaux ont toujours existé, comment se reconfigurent-ils à l’heure de la société connectée ? Si les technologies permettent désormais de se relier à très grande échelle, quelles nouvelles formes d’organisation en résultent ? </p>
  448. <p>Force est de constater que les innovateurs dans ce domaine n’en sont pas encore à dresser des typologies des formes d’organisations libérées ou autogérées. On est plutôt dans ce domaine à témoigner, à tenter d’expliciter ses pratiques et ses interrogations. Les organisations non hiérarchiques semblent encore appartenir du domaine de l’OVNI dont on vient se rendre compte s’il est réel. </p>
  449. <p>Maro Horta est venue présenter <a href="https://fair.coop/fr">FairCoop</a>, une coopérative organisée via internet qui vise à réduire les inégalités. Son organisation repose sur <a href="http://p2pfoundation.net/Core_Peer-2-Peer_Collaboration_Principles">les principes de collaboration pair-à-pair établis par la P2P Foundation</a>. La décentralisation est un élément clef de l’organisation qui repose sur des assemblées ouvertes, des formes de participation libre, un processus de décision démocratique et sur la transparence. FairCoop est organisé en groupes de travail, eux-mêmes organisés en assemblée ouverte. Pour se coordonner, les coopérants ont recours à <a href="https://trello.com">Trello</a>, permettant d’organiser les flux de travail des différents groupes en priorités. Actuellement, les animateurs réfléchissent à développer un système démocratique et un processus de réputation basé sur la Blockchain… </p>
  450. <p>Chelsea Robinson (<a href="https://twitter.com/chelsearobnson">@chelsearobnson</a>) d’<a href="http://www.enspiral.com/">Enspiral</a>, un réseau de freelances qui développe <a href="http://www.enspiral.com/ventures/">des outils collaboratifs</a> est venue présenter comment les équipes d’Enspiral ont appliqué des méthodes collaboratives à la gouvernance de leur organisation elle-même (<a href="https://vimeo.com/125088390">vidéo</a>). Enspiral est à l’origine de <a href="https://www.loomio.org">Loomio</a>, un outil de prise de décision partagée particulièrement évolué (<a href="https://www.youtube.com/watch?v=ZipyebSY2Lo">vidéo</a>) et de <a href="http://cobudget.co/">CoBudget</a>, un outil pour gérer de manière collaborative les revenus et les dépenses d’un projet. Enspiral fonctionne sur le principe de groupes et de cercles de décisions. Fort de plus de 300 personnes impliquées dans ses projets – pour beaucoup basés en Nouvelle-Zélande, mais également dans le monde entier -, Enspiral fonctionne depuis des espaces de collaboration en ligne. L’organisation utilise ses propres outils (mais pas seulement, elle utilise également l’outil de gestion de projets <a href="https://trello.com">Trello</a> – il en existe bien d’autres, comme <a href="https://www.atlassian.com/software/jira/?clicked=j.a.com_introduction">Jira</a>, souvent adaptés des outils de suivi de projets informatiques pour “méthodes agiles”). Elle organise également des rencontres régulières pour créer de la confiance entre ses membres, des “retraites” pour que ceux qui participent du projet puissent le faire évoluer. Enspiral se définit comme une organisation plate, sans hiérarchie, <i>“une expérience”</i> en évolution constante, un laboratoire. </p>
  451. <p/>
  452. <p><iframe src="https://www.youtube.com/embed/ZipyebSY2Lo" frameborder="0" allowfullscreen="">VIDEO</iframe></p>
  453. <p>Peter Langmar (<a href="https://twitter.com/peter_langmar">@peter_langmar</a>) est le responsable de <a href="http://www.lab.coop/">Lab Coop</a>, une coopérative de développeurs qui utilise la <a href="http://www.holacracy.org/">méthode holacratique</a> (<a href="https://fr.wikipedia.org/wiki/Holacratie">Wikipédia</a>). L’holacratie est un système d’organisation de la gouvernance qui dissémine les mécanismes de prise de décision par cercles de responsabilité interconnectée, et qui, contrairement à ce que l’on pense souvent, n’est pas démocratique (tout le monde ne vote pas la moindre décision), mais vise à autonomiser les décisions par consentement dynamique, via des processus très institués comme la sollicitation d’avis ou des méthodes de résolution de conflit par exemple. Si Peter Langmar est le PDG de la structure, celle-ci est une organisation où chaque employé est copropriétaire pour développer l’esprit de responsabilité et d’initiative. </p>
  454. <p><a href="http://www.internetactu.net/wp-content/uploads/2016/05/Holacracy01.png"><img src="http://www.internetactu.net/wp-content/uploads/2016/05/Holacracy01.png" alt="Holacracy01"/></a></p>
  455. <p>A les entendre témoigner, on voit bien que ces formes organisationnelles se cherchent en avançant, qu’elles expérimentent, testent, essayent. C’est certainement lié au fait que ces “nouvelles méthodes” sont peu documentées, nécessitent d’être adaptées et qu’elles ne sont pas si simples à mettre en place et à faire perdurer face à des organisations qui évoluent sans cesse, notamment quand elles sont petites et qu’elles veulent demeurer agiles. C’est en tout cas ce qui ressortait des discussions de chacun des témoins. Pour Peter Langmar, rendre tous les employés propriétaires de leurs entreprises n’est pas si simple. Cela nécessite de les accompagner, de les éduquer… Si pour son entreprise, expérimenter ces méthodes est <i>“un avantage compétitif”</i> par rapport à la concurrence, casser la relation employeur/employé n’est pas si simple. Et le passage à l’échelle de ces nouveaux modes d’organisation ne le sera pas plus. </p>
  456. <p>Même son de cloche chez FairCoop. Il faut éduquer les gens à la propriété de leurs moyens de production. Pour Chelsea Robinson, il est effectivement difficile d’activer un leadership qui ne soit pas celui du petit groupe fondateur. Récemment, Enspiral a embauché un “catalyseur de réseau” et cherche à se penser comme une plateforme plus que comme une organisation. Pour l’animatrice de la discussion, Alda Marina Campos du réseau brésilien <a href="http://www.pares.etc.br/">Pares</a>, travailler en réseau nécessite aussi d’avoir confiance dans ce mode de travail et d’avoir confiance dans le réseau, ce qui n’est pas toujours si simple. </p>
  457. <h3>Des entreprises sans patrons ?</h3>
  458. <p>A une autre table ronde, le consultant <a href="http://www.linternome.fr/">Pascal Jouxtel</a> prend le pouls de la salle : qui dans l’assemblée à un patron ? Qui est le patron ? Quelle est la taille de votre entreprise ? Etes-vous “libérés” ?… Il pose ensuite quelques-uns des enjeux de cette nouvelle salve de témoignages. Que signifie se passer de patron pour une entreprise ? Les fondateurs d’une entreprise doivent-ils toujours agir comme s’ils n’étaient pas concernés ? Faut-il faire un tirage au sort pour savoir qui sera le patron ? De quoi le fait de ne plus avoir de patron nous libère-t-il ? </p>
  459. <p>Camille Panassié (<a href="https://twitter.com/camille_pana">@camille_pana</a>) du <a href="http://www.groupe-poult.com/fr/">groupe biscuitier Poult</a> est revenu sur la transformation managériale qu’a connu ce groupe industriel en 2006 (que nous avions largement détaillé dans notre article : <a href="http://www.internetactu.net/2014/11/04/poult-le-management-democratique-existe/">“Poult : le management démocratique existe”</a>). Poult est l’une des rares références de ces nouvelles méthodes de management appliquées à des grandes entreprises (le groupe a plus de 800 employés et 5 usines). </p>
  460. <p>Le plus souvent, les témoignages proviennent encore d’entreprises bien plus petites. C’est le cas de Nicolas d’Audiffret (<a href="https://twitter.com/ndaudiffret">@ndaudiffret</a>), le fondateur de la place de marché du loisir créatif, <a href="https://www.alittlemarket.com/">A little market</a>, qui rassemble une petite cinquantaine d’employés. Depuis quelques mois, A little market a complètement changé son mode d’organisation. <i>“Notre projet avait du mal à prendre en compte les contraintes des ingénieurs qui développaient nos produits logiciels. Nos ingénieurs étaient frustrés de ne faire qu’exécuter. Nous étions confrontés à beaucoup de défi pour améliorer notre site web. Comme ce que l’on propose est très basé sur la communauté, on a souhaité mettre la communauté dans le processus même de notre entreprise. On a cherché à organiser la collaboration dans notre entreprise comme dans notre communauté. On avait besoin de changer. Désormais l’entreprise est organisée autour de plusieurs “startups”. Chacune a une mission comme aider nos vendeurs à avoir plus de succès, agrandir la communauté…”</i> Pour Nicolas d’Audiffret, améliorer l’organisation est un processus continu. Mais ce n’est pas si simple. Quand A little Market s’est transformé, dans un premier temps, ce changement a été trop radical : ça a produit de l’anarchie. Depuis, l’entreprise semble être revenue un peu en arrière, a procédé à des ajustements… <i>“Il faut trouver une voie moyenne. Il faut surtout comprendre la raison d’être de ces formes d’organisation. La mise en capacitation (l’</i>empowerment<i>) des gens, des équipes et des projets est la vraie raison d’être d’un tel changement. L’objectif est que les gens développent leur plein potentiel.”</i> Comme les autres, A little Market utilise des outils, a implémenté une méthode… <i>“,mais chaque entreprise doit construire ses propres solutions pour qu’elles fonctionnent”</i>. </p>
  461. <p>Pour Rodolphe Dutel (<a href="https://twitter.com/rdutel">@rdutel</a>) chargé des opérations à <a href="https://buffer.com/">Buffer</a>, une solution de gestion des médias sociaux, l’entreprise fondée il y a 5 ans emploie une trentaine de personnes à travers le monde et repose sur une organisation totalement distribuée et <a href="https://buffer.com/transparency">très transparente</a>. L’entreprise publie en effet le code source de ses produits, ses revenus (via un tableau de bord en temps réel), ses tarifs, ses méthodes… et même les salaires de ses employés. Mais si les entreprises sans patrons permettent parfois aux gens d’évoluer plus rapidement, l’entreprise a réaffirmé certains rôles pivots dernièrement, reconnaissant l’existence de certains leaders et de certaines fonctions pilotes. <i>“Ce n’est pas parce qu’il n’y a pas de patron, qu’il n’y a pas de leadership”</i>. Les organisations plates nécessitent d’avoir des fonctionnements clairs voir procéduriers… Buffer est revenu à un management un peu plus traditionnel pour aider les gens à progresser, positive Rodolphe Dutel. </p>
  462. <p><a href="http://www.internetactu.net/wp-content/uploads/2016/05/buffertransparency.png"><img src="http://www.internetactu.net/wp-content/uploads/2016/05/buffertransparency-1024x975.png" alt="buffertransparency"/></a></p>
  463. <p>Pour Emanuele Rapisarda (<a href="https://twitter.com/emagorse">@emagorse</a>) de <a href="http://cocoonprojects.com/en/">Cocoon Projects</a>, passer à une organisation horizontale nécessite d’inclure les employés dans le processus de décision. Mais là encore, ce n’est pas si simple. <i>“Quand les gens ne font qu’exécuter, vous perdez 90% de la puissance de votre organisation”</i>. Les organisations sans chefs nécessitent de travailler constamment sur les process, les outils, les gens et la culture. Cela nécessite de prendre soin des gens, de les aider à grandir, à progresser. Et l’une des clefs est de réussir à ce que l’organisation montre sans cesse ce qu’elle est en train de faire. </p>
  464. <p>Même chez Poult, l’entreprise libérée emblématique, cela n’a pas été si simple, rappelle Camille Panassié. <i>“Quand on a changé d’organisation, on pensait que c’était suffisant pour impliquer les gens. On a décidé de supprimer deux niveaux de hiérarchie pour rendre les décisions plus courtes et développer l’autonomie des équipes. Or, on a sous-estimé le rejet du management intermédiaire directement impacté par ces changements qui devaient, un peu du jour au lendemain, trouver leur place dans l’entreprise, d’une manière peut-être un peu isolée… C’est difficile de concevoir le management différemment”</i>. Les méthodes ne suffisent pas. Beaucoup de gens aspirent à être autonomes et responsables, mais les changements, surtout quand ils impliquent la culture et les comportements, ne se font pas en un jour. <i>“Notre choix d’organisation était radical. Beaucoup de gens se sont d’un coup retrouvés sans rôle. Tout le monde avait besoin de changer de méthode d’organisation. Et il n’est pas si simple d’apprendre à nager en se jetant brutalement à l’eau…”</i> Bien sûr, 10 ans après, les choses sont différentes. Les pratiques se sont développées. La culture s’est enracinée. Mais cela a été dur. L’entreprise est responsable des gens. <i>“Aujourd’hui, nous avons mis en place des modules et un parcours de formation pour comprendre notre fonctionnement. On ne peut pas demander à quelqu’un d’être autonome s’il ne l’a jamais été. L’autonomie et la responsabilité n’arrivent pas par magie.”</i> </p>
  465. <p>Dans la discussion qui se prolonge, les expérimentateurs des entreprises libérées soulignent encore que l’embauche n’est pas si simple dans ce type d’entreprise. Là encore il faut accompagner, trouver des candidats ouverts à ce type d’organisation. Et l’enthousiasme pour ces nouvelles méthodes n’est pas toujours le meilleur guide. D’autant que la culture d’entreprise, hiérarchique, celle dont nous venons tous, est par nature conservatrice, rappelle Pascal Jouxtel. S’en défaire prend du temps. Dans ces entreprises, les leaders et fondateurs ont encore un rôle. Nicolas d’Audiffret explique que désormais son rôle principal est d’être un facilitateur. D’être celui qui permet que les choses fonctionnent bien. D’être celui qui rappelle aux autres leur autonomie. Lâcher ses responsabilités n’est pas si simple. Il faut souvent être accompagné sur la durée, comme l’est A little Market, qui a recours à un coach pour aider les gens, les challenger… </p>
  466. <h3>Mesurer pour mieux décentraliser ?</h3>
  467. <p><a href="http://www.francescapick.com/">Francesca Pick</a> (<a href="https://twitter.com/francescapick">@francescapick</a>) de <a href="http://ouishare.net/fr">Ouishare</a> est revenue longuement sur une expérimentation qu’a tenté d’initier ce collectif en réseau auto-organisé (voir également <a href="https://blockchainfrance.net/2016/02/13/decentralisation-du-travail-et-blockchain/">le récit qu’en faisait Blockchain France</a>). Ouishare est un vaste réseau qui rassemble des centaines de contributeurs venus du monde entier. On y trouve à la fois un réseau international, des chapitres nationaux voir parfois locaux. Comme nombre de collectifs dont nous avons parlé, Ouishare utilise bien sûr des outils numériques pour se coordonner : Trello pour la gestion de projet, Loomio pour la prise de décision, <a href="https://slack.com/">Slack</a> pour la communication entre équipes… Mais nombre d’activités de coordination se font via d’autres outils (email, messagerie, documents partagés…) ou plus simplement hors ligne, IRL. Comme ceux qui forment Ouishare aiment la technologie, l’équipe a récemment lancé une expérience avec <a href="http://backfeed.cc/">backfeed</a>, un système de gouvernance distribué, pour mesurer les contributions au collectif afin de mieux récompenser les plus actifs des participants. </p>
  468. <p>L’expérience a été courte et difficile. D’abord parce que l’outil utilisé était nouveau et nécessitait de former les utilisateurs en face à face, ce qui a réduit considérablement le nombre d’expérimentateurs (une dizaine). L’enjeu de l’outil était qu’il permette de mesurer les contributions provenant des différents outils que le collectif utilise. Or, beaucoup de contributions dans Ouishare, notamment parce que beaucoup sont bénévoles, échappent aux outils. Donner de la visibilité à des contributions bénévoles ou non mesurées par les outils utilisés nécessitait de se poser la question de leur mesure, de leur quantification, de leur évaluation… et donc de la surveillance des contributions. <i>“Et les gens n’aiment pas ça”</i>. La mesure introduite par l’expérimentation n’était pas dans la culture du collectif reconnaît Francesca Pick. </p>
  469. <p>Un outil de ce type nécessitait également de documenter les actions. Comment mesurer le travail de bénévoles qui aident à installer ou démonter un événement et en assurent la logistique opérationnelle par exemple ? <i>“Les outils en ligne sont trop souvent conçus comme s’il n’y avait pas de travail hors ligne”</i>, pointe avec justesse Francesca Pick. Celui qui nettoie le bureau doit-il renseigner dans le système d’information qu’il l’a fait et le temps qu’il y a passé ? A l’inverse, ceux qui participaient en ligne voyaient leurs contributions mesurées automatiquement, sans leur accord explicite.</p>
  470. <p>La réaction à l’évaluation n’est pas la même pour tout le monde. Beaucoup de participants voulaient comprendre comment la valeur était mesurée. Les contributions ne sont souvent qu’une facette de l’organisation qui n’explique pas tout de la manière dont sont prises les décisions. En mesurant les contributions, les gens ont finalement eu encore plus peur de contribuer et d’être jugés. D’autres étaient très réticents voir ont refusé d’évaluer les autres membres du collectif. Sans compter que tout le monde ne voit pas les critères de ces mesures de la même manière. Comment par exemple évaluer un salaire ou une rémunération ? L’auto-évaluation ou l’évaluation par les autres demande enfin du temps et de l’énergie que tout le monde ne peut ou ne veut pas apporter… </p>
  471. <p>Si cette expérimentation a été riche en questions, elle a surtout montré qu’il y a un travail invisible important à prendre en compte, pour former, changer les comportements et parvenir à en tirer profit. <i>“Les outils ne sont pas magiques et ne nous font pas penser autrement, magiquement. On peut vouloir penser sur un mode plus collaboratif, plus décentralisé… mais notre manière de penser, elle, reste bien souvent toujours centralisée.”</i></p>
  472. <p>Dans la table ronde qui a suivi cette présentation, Derek Razo (<a href="https://twitter.com/derekrazo">@derekrazo</a>), l’un des développeurs de CoBudget, le logiciel de financement collaboratif d’Enspiral, rappelle que dans les entreprises les dépenses et les recettes sont au coeur de tous les enjeux. Et la question de la façon dont on dépense l’argent gagné un enjeu très clivant. Or, chez Enspiral, au début, seul un petit cercle de personnes décidait de la manière dont l’argent était distribué. C’était un cercle de centralisation de décision, alors que nous voulions avoir une structure qui distribue de l’argent – et les capacités d’actions qui vont avec – dans toute l’entreprise. C’est en réfléchissant à une autre façon de distribuer l’argent qu’est venue l’idée d’imaginer un budget participatif permettant aux personnes de décider par elles-mêmes où ira l’argent. Distribuer de l’argent et le décider pose beaucoup de questions. Souvent, une grande part du travail réalisé dans une organisation est invisible ou n’est pas reconnu à sa juste valeur. Souvent, l’affectation de l’argent est rationnelle, privilégie les porteurs de projets qui parlent le plus fort, oubliant par exemple d’évaluer le travail émotionnel qui permet à une communauté très distribuée comme celle d’Enspiral de rester soudée. </p>
  473. <p>Chez Cocoon Projects, explique Claudia Pellicori (<a href="https://twitter.com/pellicors">@pellicors</a>), la gouvernance est basée sur la mesure des contributions. Bien sûr, les gens n’aiment ni évaluer ni être évalués. C’est pour cela que la méthode utilisée semble un peu différente. A ce que j’en comprends, visiblement, Cocoon projects demande à ceux qui participent de cette organisation liquide, sur quelles tâches ils souhaitent être évalués et celles auxquelles ils contribuent (l’une ne recoupant pas nécessairement l’autre). Tous les participants évaluent les tâches réalisées et distribuent une valeur à ceux qui ont partagé la réalisation de cette tâche. Ce fonctionnement permet d’avoir un retour plus important des autres estime Claudia Pellicori. Bien sûr, là encore, ce n’est pas simple. Il est plus simple de mesurer d’abord des tâches granulaires, petites et de courte durée, que de commencer à vouloir mesurer des activités ou des projets complexes. Mais peu à peu cette méthode porte ses fruits, car apporter un retour aux gens permet d’évoluer. </p>
  474. <p>Pour Mourad Kolli, du réseau <a href="http://www.thanksandshare.com/">Thanks &amp; Share</a>, la valeur qu’il faut mesurer et évaluer, c’est l’équité, car c’est elle qui permet aux choses de durer. Dans ce réseau, les membres n’évaluent pas les personnes, mais les résultats du travail d’équipe. L’enjeu n’est pas seulement de regarder si les objectifs ont bien été réalisés, mais si chacun a bien apporté sa contribution. </p>
  475. <p>Pour Chad Whitacre (<a href="https://twitter.com/whit537">@whit537</a>) de <a href="https://gratipay.com/">Gratipay</a>, c’est la gratitude qu’il faut tenter de mesurer. Mais les expérimentations autour du salaire libre par exemple se sont révélées difficiles. Les gens devaient évaluer les autres sans aimer cela et la communauté passait son temps à se juger les uns les autres, ce qui ne favorisait l’empathie. Chez Gratipay chacun était invité à décider de son salaire et à se responsabiliser sur ce qu’il avait à faire ! Pourtant, cette expérience n’a duré que 2 ans. Au bout d’un moment, l’argent est devenu une source de tension. Certains en faisaient trop. D’autres pas assez. De nombreux facteurs extérieurs influent sur la performance des gens au travail. Reste que l’enjeu était de renforcer la confiance dans l’équipe, et rendre les gens responsables des finances participe de la confiance qu’ils s’accordent les uns les autres. </p>
  476. <p>Mourad Kolli rappelle à nouveau que nous sommes conditionnés pour ne pas être autonomes. Pour Derek Razo, l’autonomie nécessite de la transparence et des solutions pour gérer les tensions d’une manière positive. <i>“J’ai longtemps pensé que je détestais travailler avant de me rendre compte que j’avais besoin de construire un monde où je voulais vivre en accord avec moi-même”</i>, conclut Chad Whitacre. Quand on entend quelqu’un qui dit avoir envie d’interrompre ses vacances pour revenir travailler, cela montre la qualité des environnements de travail que les organisations collaboratives peuvent déployer, estime Mourad Kolli. </p>
  477. <h3>50 nuances de liberté</h3>
  478. <p>Comme le montrent bien tous ces exemples, dans la vaste palette des entreprises “libérées”, toutes les nuances sont disponibles. Chacune est à la recherche de sa méthode d’autogestion adaptée à ses contraintes et à ses désirs et tous les contrastes semblent possibles. </p>
  479. <p>Dans une autre table-ronde, où échangeaient Rodolphe Dutel de Buffer et Arantxa Balson, directrice générale des ressources humaines du Groupe AccorHotels… étaient réunis deux antithèses. D’un côté, la micro-entreprise agile, de l’autre, l’immense et complexe paquebot international que représente le géant de l’hôtellerie. Mais entre la petite société de 25 personnes qui revient des méthodes holacratique et le géant international très hiérarchique qui s’interroge sur comment introduire du management plus horizontal, ni les approches, ni les méthodes ne peuvent être communes. Chez Accor on a l’impression que l’enjeu de l’ouverture consiste surtout à devenir désirable. Chez Accor, la liberté qu’on accorde aux gens est liée à l’efficacité qu’on attend d’eux. Quand chez Buffer, c’est avant tout une réflexion sur ses propres pratiques, un moyen d’accorder ses convictions à ses pratiques. Autant dire que pour Arantsa Balson, l’idée de rendre accessible les salaires de chaque employé d’Accor, comme le fait Buffer, est inenvisageable. <i>“Accor a une histoire”</i>, coupe court Mme Balson. La transparence qu’elle envisage pour Accor n’est pas là même. Elle n’a que pour but d’inspirer confiance et d’engager les gens, souligne-t-elle dans un discours très rodé. <i>“Je n’ai pas besoin de management, j’ai besoin d’un leadership fort”</i>, termine-t-elle d’une pirouette. Comme on a du <i><a href="https://fr.wikipedia.org/wiki/%C3%89coblanchiment">greenwashing</a></i>, nous aurons bientôt du liberationwashing… Des entreprises qui font croire qu’elles sont libérées, sans l’être vraiment…</p>
  480. <p>Reste qu’il semble que la question de la gouvernance et du partage du pouvoir dans l’entreprise réintroduite par l’économie collaborative est là pour rester. En tout cas, c’est la conviction de <a href="http://www.therowboat.com/category/blog/">Nathan Schneider</a> (<a href="https://twitter.com/nathanairplane">@nathanairplane</a>), l’universitaire qui a lancé <a href="http://www.internetactu.net/2015/11/25/leconomie-solidaire-necessite-un-internet-de-la-solidarite/">le mouvement des plateformes coopératives</a>. L’impact de l’économie collaborative est réel, mais ses limites le sont tout autant… Peut-on prôner un monde plus collaboratif, reposant sur le partage de ressources et la cocréation, sans interroger le fonctionnement de ces plateformes elles-mêmes, qui demeurent opaques et hiérarchiques, et qui conservent l’essentiel de la valeur pour elles-mêmes ? On ne peut pas prôner la collaboration sans se l’appliquer à soi-même, et, si on se l’applique à soi-même, cela ouvre des questions sur la propriété et la gouvernance des plateformes. </p>
  481. <p>C’est un peu l’histoire que raconte Marc-David Choukroun (<a href="https://twitter.com/mdchouk">@mdchouk</a>) de <a href="https://laruchequiditoui.fr/fr">la Ruche qui dit oui !</a>, ce réseau de communautés d’achat direct aux producteurs locaux. Au début, la Ruche était une entreprise technologique, une startup. Ses fondateurs avaient besoin de fonds. <i>“On a commencé par un financement avec du capital-risque et sous forme d’entreprise commerciale”</i>, mais petit à petit, en rassemblant et découvrant sa communauté, l’entreprise s’est rendu compte que son service ne pouvait pas être en compétition avec sa communauté. Les fondateurs de la Ruche ont réalisé que leur structure n’était pas adaptée. Si leur mission est de transformer le système alimentaire, d’avoir un impact social, alors la forme de l’entreprise doit évoluer en résonance. L’année dernière, l’entreprise a dû se refinancer, mais les dirigeants de la Ruche ont prévenu leurs investisseurs que leur objectif n’était pas d’entrer en bourse, mais de trouver à terme des partenaires communautaires… Aujourd’hui, la Ruche réfléchit activement à son mode d’organisation. L’entreprise souhaite partager la gouvernance avec les membres de son réseau. Depuis janvier, elle a développé une nouvelle structure de gouvernance pour définir de nouvelles règles avec sa communauté. En juin, elle va la réunir pour lui présenter une évolution et discuter avec elle pour mieux comprendre ce qu’ils attendent de la Ruche. Pour Marc-David Choukroun l’enjeu pour la Ruche n’est pas de devenir Uber et de décider de tout sans ses chauffeurs, mais tout l’inverse : de trouver les modalités pour impliquer la communauté dans les décisions qui l’impactent. </p>
  482. <p>Yassir Fichtali (<a href="https://twitter.com/yfichtali">@yfichtali</a>) du <a href="http://www.up-group.coop/">Groupe UP</a>, rappelle que le Group UP est une coopérative créée par des syndicalistes dans les années 60. Aujourd’hui c’est un groupe international fort de 3000 employés installé dans plusieurs pays notamment connu pour le Chèque déjeuner. Si depuis les années 80, la coopérative s’est diversifiée pour atteindre une échelle internationale, son bureau est toujours élu par les employés. Pour Yassir Fichtali, <i>“la coopérative est une garantie de durabilité”</i>. Si Up n’avait pas été une coopérative, elle aurait été depuis longtemps rachetée. <i>“Notre statut permet de partager des valeurs et de la confiance. Il nous a donné un avantage compétitif”</i> que le groupe souhaite diffuser au niveau international. </p>
  483. <p>Pour Nathan Schneider, la coopérative n’est pas nouvelle. Si elle revient sur le devant de la scène c’est parce que les plateformes techniques de coopération apparaissent aujourd’hui comme des solutions et que les gens qui s’interrogent, qui cherchent à se réinventer via ces outils, sont à la recherche de nouveaux modèles d’organisation. Le financement participatif par exemple permet de commencer à impliquer ses clients dans la startup que l’on monte… Toute la question est de savoir comment on prolonge cette relation… Pour Nathan Schneider, l’enjeu n’est peut-être pas que tous les Uber se transforment en coopératives, mais pour lui, le régulateur doit réfléchir à trouver des modalités pour aider et accompagner la transformation de la propriété des entreprises. Il doit aider à trouver la meilleure forme de gouvernance pour ces services qui ont tant d’impact sur nos vies et qui perturbent la manière même de faire société. </p>
  484. <p>Pour Marc-David Choukroun, l’une des questions est de savoir comment et jusqu’où impliquer les gens, questionne-t-il en rappelant que le géant de la distribution, Leclerc, est une coopérative. Sur la Ruche faut-il impliquer les agriculteurs ? Les clients ?… <i>“Ce qui rend les plateformes puissantes, c’est la facilité du processus d’inscription”</i>, rappelle Nathan Schneider. <i>“Le défi est de permettre de s’assurer que les gens qui les font fonctionner puissent avoir une influence sur la gouvernance”</i>. Ces outils posent la question de notre contribution. Pour lui, ces outils ont intensifié les questions du travail. Entre les gens qui travaillent via le Mechanical Turk d’Amazon, sans avoir aucun recours auprès de ceux qui les emploient, et les bus des grandes entreprises de la Silicon Valley qui reconfigurent les transports privés comme publics à San Francisco… cela nécessite de poser la question <a href="http://internetofownership.net/">d’un internet de la propriété</a>. Comment internet permet-il de gouverner autrement ? Et de rappeler la longue histoire des coopératives, même aux Etats-Unis. De l’électricité du Colorado, aux grandes entreprises de taxi américaines, les coopératives ont toujours été nombreuses et actives, même aux Etats-Unis. Elles étaient un moyen de rendre les gens moins indépendants, de favoriser l’entraide. Que se passerait-il si le régulateur, plutôt que de chercher à briser les monopoles des grandes entreprises de la Valley sans réellement y parvenir, les obligeait à passer à des formes propriétaires partagées ? </p>
  485. <p><a href="http://www.internetactu.net/wp-content/uploads/2016/05/internetofownership.png"><img src="http://www.internetactu.net/wp-content/uploads/2016/05/internetofownership-1024x639.png" alt="internetofownership"/></a></p>
  486. <p>Pour Schneider, à l’heure où tous nos modèles d’affaires dépendent de plus en plus d’internet, nous devons nous poser des questions. Faut-il faire d’internet un service public ? A qui appartiennent les outils que nous utilisons tous les jours et comment sont-ils contrôlés ?… A l’heure d’un internet qui se répand partout dans nos vies, ces questions ne sont pas d’ordre technologique. Et ces questions d’organisation, d’encadrement, de promotion de nouvelles formes d’organisation plus partagées sont désormais des questions d’organisation sociale et économique du monde de monde de demain. </p>
  487. <p>Hubert Guillaud</p>
  488. </article>
  489. </section>
  490. <nav id="jumpto">
  491. <p>
  492. <a href="/david/blog/">Accueil du blog</a> |
  493. <a href="http://www.internetactu.net/2016/05/31/travailler-de-maniere-collaborative-oui-mais-comment-sorganiser/">Source originale</a> |
  494. <a href="/david/stream/2019/">Accueil du flux</a>
  495. </p>
  496. </nav>
  497. <footer>
  498. <div>
  499. <img src="/static/david/david-larlet-avatar.jpg" loading="lazy" class="avatar" width="200" height="200">
  500. <p>
  501. Bonjour/Hi!
  502. 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>
  503. 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>).
  504. </p>
  505. <p>
  506. 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>.
  507. </p>
  508. <p>
  509. Voici quelques articles choisis :
  510. <a href="/david/blog/2019/faire-equipe/" title="Accéder à l’article complet">Faire équipe</a>,
  511. <a href="/david/blog/2018/bivouac-automnal/" title="Accéder à l’article complet">Bivouac automnal</a>,
  512. <a href="/david/blog/2018/commodite-effondrement/" title="Accéder à l’article complet">Commodité et effondrement</a>,
  513. <a href="/david/blog/2017/donnees-communs/" title="Accéder à l’article complet">Des données aux communs</a>,
  514. <a href="/david/blog/2016/accompagner-enfant/" title="Accéder à l’article complet">Accompagner un enfant</a>,
  515. <a href="/david/blog/2016/senior-developer/" title="Accéder à l’article complet">Senior developer</a>,
  516. <a href="/david/blog/2016/illusion-sociale/" title="Accéder à l’article complet">L’illusion sociale</a>,
  517. <a href="/david/blog/2016/instantane-scopyleft/" title="Accéder à l’article complet">Instantané Scopyleft</a>,
  518. <a href="/david/blog/2016/enseigner-web/" title="Accéder à l’article complet">Enseigner le Web</a>,
  519. <a href="/david/blog/2016/simplicite-defaut/" title="Accéder à l’article complet">Simplicité par défaut</a>,
  520. <a href="/david/blog/2016/minimalisme-esthetique/" title="Accéder à l’article complet">Minimalisme et esthétique</a>,
  521. <a href="/david/blog/2014/un-web-omni-present/" title="Accéder à l’article complet">Un web omni-présent</a>,
  522. <a href="/david/blog/2014/manifeste-developpeur/" title="Accéder à l’article complet">Manifeste de développeur</a>,
  523. <a href="/david/blog/2013/confort-convivialite/" title="Accéder à l’article complet">Confort et convivialité</a>,
  524. <a href="/david/blog/2013/testament-numerique/" title="Accéder à l’article complet">Testament numérique</a>,
  525. et <a href="/david/blog/" title="Accéder aux archives">bien d’autres…</a>
  526. </p>
  527. <p>
  528. 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>.
  529. </p>
  530. <p>
  531. Je ne traque pas ta navigation mais mon
  532. <abbr title="Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33.184162340">hébergeur</abbr>
  533. conserve des logs d’accès.
  534. </p>
  535. </div>
  536. </footer>
  537. <script type="text/javascript">
  538. ;(_ => {
  539. const jumper = document.getElementById('jumper')
  540. jumper.addEventListener('click', e => {
  541. e.preventDefault()
  542. const anchor = e.target.getAttribute('href')
  543. const targetEl = document.getElementById(anchor.substring(1))
  544. targetEl.scrollIntoView({behavior: 'smooth'})
  545. })
  546. })()
  547. </script>