A place to cache linked articles (think custom and personal wayback machine)
Nelze vybrat více než 25 témat Téma musí začínat písmenem nebo číslem, může obsahovat pomlčky („-“) a může být dlouhé až 35 znaků.

index.html 39KB

před 4 roky
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608
  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>La stigmergie: un nouveau modèle de gouvernance collaborative (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.lilianricaud.com/travail-en-reseau/la-stigmergie-un-nouvelle-modele-de-gouvernance-collaborative/">
  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. La stigmergie: un nouveau modèle de gouvernance collaborative (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.lilianricaud.com/travail-en-reseau/la-stigmergie-un-nouvelle-modele-de-gouvernance-collaborative/">Source originale du contenu</a></h3>
  445. <p><em>Si le modèle concurrentiel crée des redondances et gâche des ressources sur la protection des idées, la publicité et autre, le modèle coopératif gâche beaucoup de temps et de ressources à discuter et à discuter les discussions. Entre ces deux modèles, la stigmergie, une nouvelle méthode <em>de gouvernance </em>inspirée du mode d’organisation des insectes sociaux, pourrait offrir un modèle alternatif plus adapté à la collaboration dans des grands groupes.</em><span id="more-1044"/></p>
  446. <h2>C’est quoi la stigmergie ?</h2>
  447. <p><a href="http://fr.wikipedia.org/wiki/Stigmergie">Définition de la s</a><a href="http://fr.wikipedia.org/wiki/Stigmergie">tigmergie</a> par Wikipédia :</p>
  448. <blockquote><p>La <b>stigmergie</b> est une méthode de communication indirecte dans un environnement émergent auto-organisé, où les individus communiquent entre eux en modifiant leur environnement.</p>
  449. <p>La stigmergie a d’abord été observée dans la nature – les fourmis communiquent en déposant des phéromones derrière elles, pour que d’autres fourmis puissent suivre la piste jusqu’à la nourriture ou la colonie suivant les besoins, ce qui constitue un système stigmergique.</p>
  450. <p>Des phénomènes similaires sont visibles chez d’autres espèces d’insectes sociaux comme les termites, qui utilisent des phéromones pour construire de grandes et complexes structures de terre à l’aide d’une simple règle décentralisée.</p>
  451. <p>Chaque termite ramasse un peu de boue autour de lui, y incorporant des phéromones, et la dépose par terre. Comme les termites sont attirés par l’odeur, ils déposent plus souvent leur paquet là où d’autres l’ont déjà déposé, ce qui forme des piliers, des arches, des tunnels et des chambres.</p></blockquote>
  452. <figure id="attachment_1646" class="wp-caption aligncenter"><a href="http://www.lilianricaud.com/travail-en-reseau/wp-content/uploads/2013/01/termitiere-exemple-stigmergie.jpg"><img class=" wp-image-1646 " src="http://www.lilianricaud.com/travail-en-reseau/wp-content/uploads/2013/01/560x420xtermitiere-exemple-stigmergie.jpg.pagespeed.ic.eqDcbG4S_r.jpg" alt="Termitière, un exemple de travail hautement organisé par un processus stigmergique. Photo prise par Bmdavll et mise à disposition sous License GFDL" width="560" height="420"/></a><figcaption class="wp-caption-text">Termitière, un exemple de travail hautement organisé par un processus stigmergique. Photo prise par <a href="https://en.wikipedia.org/wiki/User:Bmdavll">Bmdavll</a> et mise à disposition sous License GFDL</figcaption></figure>
  453. <h2 lang="en">Application du modèle stigmergique aux organisations</h2>
  454. <p id="firstHeading" lang="en">La théoricienne <a href="http://en.wikipedia.org/wiki/Heather_Marsh">Heather Marsh</a> a écrit un <a href="http://georgiebc.wordpress.com/2012/12/24/stigmergy-2/">article remarquable sur l’application de principes issus de la stigmergie</a> à la collaboration dans des grands groupes et comme une méthode de gouvernance alternative à mi-chemin entre les organisations fonctionnant sur un modèle de compétition celles fonctionnant sur un modèle de coopération.</p>
  455. <p>J’ai récemment participé à la <a href="http://imaginationforpeople.org/wiki/workgroup/animfr/stigmergy">traduction collaborative du texte</a> avec plusieurs autres membres du groupe <a href="http://imaginationforpeople.org/wiki/workgroup/animfr/">AnimFR</a>.</p>
  456. <p>Voici une copie de l’article traduit. Pour améliorer la lisibilité j’ai ajouté quelques titres de sections qui n’étaient pas présent dans le texte original.</p>
  457. <p><hr/>
  458. <p>Article original: <a href="http://georgiebc.wordpress.com/2012/12/24/stigmergy-2/">Stigmergy</a> par Heather Marsh, traduction collaborative par des membres du <a href="http://imaginationforpeople.org/wiki/workgroup/animfr/">groupe AnimFr</a></p>
  459. <h3>Stigmergie</h3>
  460. <p>(article initialement publié par Heather Marsh <a href="http://georgiebc.wordpress.com/2012/12/24/stigmergy-2/">voir l’article original en anglais</a>)</p>
  461. <p>Cet article fait partie de la série: « Gouvernance et autres système de collaboration à grande échelle »</p>
  462. <p>La stigmergie est un mécanisme de coordination indirecte entre agents ou actions. Le principe est qu’une trace laissée par une action dans l’environnement stimule l’accomplissement de l’action suivante, que ce soit par le même agent ou un agent différent.</p>
  463. <p>De cette façon, les actions suivantes tendent à se et renforcer et bâtir sur l’existant, ce qui conduit à l’émergence spontanée d’une activité d’apparence cohérente et systématique. La stigmergie est une forme d’auto-organisation. Elle produit des structures complexes sans avoir besoin de plan, de contrôle ou même de communication directe entre les agents. – Wikipédia.</p>
  464. <h3>Le problème des organisations actuelles</h3>
  465. <p>Un système basé sur les personnes ne permet jamais de collaboration à grande échelle sans un système de représentation, comme on en voit dans les organisations comme les nations unies. Si nous voulons quitter le système de représentation tout en permettant à toutes les voix d’être entendues, nous devons trouver de nouvelles méthodes de collaboration qui marchent avec des systèmes basés sur les idées ou les actions. Des groupes concentriques d’usagers avec des communautés épistémiques et des passerelles de connaissances peuvent fonctionner pour des systèmes fondés sur les idées; pour les systèmes agissant, la stigmergie pourrait être la meilleure option.</p>
  466. <p>A l’heure actuelle, la réponse habituelle à une situation qui nécessite une action c’est de créer une entité nominale, sous la forme d’un comité, une commission, une organisation, une entreprise, une organisation non gouvernementale, une agence gouvernementale, etc… Trop souvent l’action n’apparait jamais car il y a à la place une focalisation sur l’organisation et les personnes impliquées.</p>
  467. <h3>Le modèle concurrentiel</h3>
  468. <p>La plupart des systèmes actuels sont gérés par des organisations concurrentielles. La compétition crée des redondance, ralentit et gâche des ressources sur la protection des idées, la publicité et autre. La compétition nécessite aussi du secret ce qui bloque progrès, évaluation et fait perdre des idées et des opportunités. Brevets et droits d’auteurs réduisent encore plus la vitesse et le potentiel de suggestion d’idées. Les gens qui ont la plus grande expertise ne collaborent pas à moins d’être recrutés sur le même projet.</p>
  469. <h3>Le modèle coopératif</h3>
  470. <p>Traditionnellement l’alternative à la compétition a été la coopération. Celle-ci est au plus efficace uniquement dans les groupes de deux à huit personnes. Pour les groupes supérieurs à 25 personnes, la coopération est terriblement lente, un exercice de gestion de caractères qui dégénère rapidement en discussions sans fin et brossage dans le sens du poil de sensibilités heurtées, elle est extrêmement vulnérable aux « agents provocateurs », et, dans les groupes de grandes tailles aboutit très rarement à quoique ce soit de valable. La coopération repose traditionnellement sur le principe démocratique que toutes les voix sont égales, donc elle ne permet pas aux leaders, usagers avec une expertise, énergie ou compréhension accrue, d’avoir une influence plus importante que ceux agissant en périphérie.</p>
  471. <p>La coopération gâche beaucoup de temps et de ressources à discuter et à discuter les discussions. Dans un système basé sur l’action, la discussion est rarement nécessaire, car l’opinion de ceux qui ne font pas le travail a probablement peu de valeur, sauf dans le cas ou un conseil est sollicité auprès d’une personne experte et de confiance.</p>
  472. <p>La coopération et les systèmes basés sur la coopération sont généralement dominés par des personnalités extraverties qui prennent des décisions pour contrôler le travail des autres et crée un ressentiment justifié auprès de ceux qui font le travail. La plupart des travailleurs n’apprécient pas un système hiérarchique comme celui montré dans le diagramme ci dessous, car ils perdent de l’autonomie, la maîtrise et le contrôle créatif de leur propre travail; que le système de prise de décision soit hiérarchique ou horizontal, le sentiment final n’est pas différent.</p>
  473. <p>Les systèmes coopératifs utilisent fréquemment le consensus ou le vote pour prendre des décisions pour tout le groupe; ces méthodes risquent de ne pas produire les meilleurs résultats car beaucoup de gens ne comprendront pas le travail s’ils ne le pratiquent pas, et ils peuvent demander des choses qu’eux mêmes ne voudraient pas faire. Les systèmes basés sur le consensus sont aussi sensibles à « l’esprit de ruche », l’appropriation par le groupe des idées et du travail d’individus ce qui peut créer encore plus de ressentiment.</p>
  474. <h3>Système hiérarchique</h3>
  475. <p>(controle du groupe par un individu ) <img class="aligncenter size-medium wp-image-1047" src="http://www.lilianricaud.com/travail-en-reseau/wp-content/uploads/2013/01/300x116xsysteme-hierarchique-300x116.png.pagespeed.ic.g2cwabiJVS.jpg" alt="systeme-hierarchique" width="300" height="116"/></p>
  476. <h3>Hiérarchie de consensus</h3>
  477. <p>(controle des individus par le groupe)</p>
  478. <p><img class="aligncenter size-medium wp-image-1048" src="http://www.lilianricaud.com/travail-en-reseau/wp-content/uploads/2013/01/300x62xhierarchie-du-consensus-300x62.png.pagespeed.ic.iN42T-KcCp.jpg" alt="hierarchie-du-consensus" width="300" height="62"/></p>
  479. <h3>Stigmergie</h3>
  480. <p>Dans le schéma de la stigmergie ci-dessous, tous les travailleurs ont une autonomie complète pour créer comme ils le souhaitent; le pouvoir du groupe d’utilisateurs réside dans sa capacité à accepter ou rejeter le travail. Comme il n’y a pas de personne désignée pour accomplir une tâche, les usagers sont libres de créer une alternative s’ils n’aiment pas ce qui est proposé. Les travailleurs sont libres de créer sans prendre en compte l’acceptation ou le rejet; dans le schéma ci-dessous des travaux peuvent être acceptés par le groupe le plus important, une alternative par un autre groupe d’usagers, une autre uniquement par un petit groupe, et parfois le travailleur sera seul avec sa propre vision des choses. Dans tous les cas, les travailleurs restent libres de créer comme ils l’entendent. L’histoire n’a pas montré d’idées radicalement innovantes qui aient reçu une acceptation générale immédiate et l’histoire a également fait la preuve que les idées radicalement neuves sont le plus souvent le résultat de vision solitaires; laisser le contrôle du travail au consensus de groupe seulement résulte dans une paralysie de l’innovation.</p>
  481. <p><img class="aligncenter size-medium wp-image-1049" src="http://www.lilianricaud.com/travail-en-reseau/wp-content/uploads/2013/01/modele-gouvernance-stigmergie-300x210.png" alt="stigmergie schema" width="300" height="210"/></p></p>
  482. <h3>Compétition et coopération: 2 modèles de « controle a priori »</h3>
  483. <p>Dans un environnement compétitif, une nouvelle idée est jalousement gardée, légalement protégée et entourée de secret. De gros efforts sont faits pour trouver des supporters de l’idée, en même temps que l’on s’assure que l’idée reste légalement protégée (couverte par des protections légales) tels que des accords de dissimulation. L’idée reste inextricablement liée à son créateur jusqu’à ce qu’elle soit transférée à un autre propriétaire, et tous les contributeurs travaillent pour le propriétaire et non pour l’idée. Les contributeurs doivent ensuite être récompensés par le propriétaire, ce qui limite le potentiel de développement et gâche toujours  plus de ressources en accords légaux, actions en justice etc. Les contributeurs n’ont pas d’intérêt particulier à ce que le projet réussisse ou échoue, et n’ont pas la motivation de contribuer plus que ce pour quoi ils sont récompensés.</p>
  484. <p>Par contre, si l’idée est développée de manière coopérative, elle doit d’abord être présentée par son auteur, qui devra essayer de persuader un groupe d’adopter l’idée. Le groupe doit être en accord avec l’idée elle-même, et avec chaque stade de son développement. La majeure partie de l’énergie et des ressources sont dépensées en communication, persuasion et management des susceptibilités , et le climat de travail est tendu par de l’argumentation et des luttes de pouvoir. Parce que le projet est conduit par un groupe, et même si c’est un groupe coopératif, le groupe est toujours en compétition avec d’autres projets similaires extérieurs, et gâche toujours des ressources et de l’énergie en secret, évangélisation etc. Les projets, qu’ils soient sur un modèle compétitif ou coopératif, mourront si le groupe qui le fait fonctionner se retire, et dans les deux cas, les personnalités du groupe existant vont attirer ou repousser les contributeurs. Les deux systèmes sont des systèmes hiérarchiques où les individus ont besoin de demander la permission de contribuer. <strong>Les deux sont focalisés sur l’autorité de personnalités qui approuvent une décision au lieu de se focaliser sur l’idée et l’action elle-même.</strong></p>
  485. <h3>La stigmergie, un modèle avec « autorisation a priori »</h3>
  486. <p>La stigmergie n’est ni compétitive ni collaborative dans le sens communément admis du terme. Avec la stigmergie, une idée initiale est donnée librement, et <strong>le projet est conduit par l’idée, pas par une personnalité ou un groupe de personnalités</strong>. <strong>Aucun individu n’a besoin de permission (modèle compétitif) ou de consensus (modèle coopératif) pour proposer une idée ou initier un projet.</strong> Il n’y a pas besoin de discuter ou de voter une idée, si une idée est intéressante ou nécessaire, elle va susciter de l’intérêt. L’intérêt viendra de personnes activement impliquées dans le système et qui auront la volonté de fournir les efforts pour porter le projet plus loin. Cela ne viendra pas de votes vides de personnes qui n’ont qu’un tout petit peu d’intérêt ou d’implication dans le projet . Tant que le projet est soutenu ou rejeté <strong>sur la base d’efforts contributifs</strong> et non pas sur des votes vides, la contribution de personnes engagées dans l’idée aura plus de poids. La stigmergie met aussi les individus en situation de contrôler leur propre travail, ils n’ont pas besoin de la permission du groupe pour leur dire avec quelle méthode travailler ou à quelle partie contribuer.</p>
  487. <p>La personne qui a eu l’idée initiale peut effectuer ou non des tâches pour avancer le projet. La promotion de l’idée se fait par le volontariat, par un groupe enthousiasmé par l’idée; cela peut être ou peut être pas ceux qui la mettront en oeuvre. Il n’est pas nécessaire de chercher des fonds et des soutiens; si une idée est bonne elle recevra le soutien requis. (en pratique, ce n’est pas encore vrai, car il y a peu de gens qui ont du temps libre à offrir à de projets basés sur le volontariat, la plupart étant enchainés à un travail rendu obligatoire par le système financier existant. De plus nous vivons encore dans un système basé sur les personnes/personnalités où seuls les personnalités les plus fortes sont entendues). Le secret et la compétition ne sont pas nécessaire car une fois qu’une idée est donnée, celle ci et tous les nouveaux développements appartiennent à ceux qui choisissent de travailler dessus. N’importe qui peut proposer un travail, l’idée ne peut pas mourir ou être mis en pause par des personnes; l’acceptation ou le rejet concerne le travail fait, et non pas la personne qui l’a fait. Toutes les idées sont acceptées ou rejetées en fonction des besoins du système.</p>
  488. <p>La responsabilité et les droits du système sont entre les mains du groupe des utilisateurs dans son intégralité, pas seulement les créateurs. Il n’y a pas de raison que les personnes quittent le système pour des questions de conflits de personnes comme il n’y a pas besoin de communication au delà de l’accomplissement des tâches et qu’il y a habituellement beaucoup d’activités relevant d’une autonomie complète. Comme personne n’est propriétaire/possède le système, il n’y pas de nécessité de créer un groupe concurrent afin de faire évoluer la propriété du système vers un autre groupe.<br/>
  489. La stigmergie laisse peu d’espace aux agents provocateurs car seuls les besoins du système sont pris en compte. Quiconque agissant contre les fonctionnalités du système est beaucoup plus facile à voir et à empêcher d’agir que quelqu’un qui bloque les avancées avec des discussions sans fin et le développement de conflits de personnes. Parce que le système est la propriété de tous, il n’y a pas non plus de leader à viser.</p>
  490. <h3>Nœuds</h3>
  491. <p>Plus le travail progresse et plus l’équipe principale et ses membres se développent, plus des personnalités intéressées et dévouées émergent, ce qui commence (à donner au projet) une direction. Des spécialités se forment autour des intérêts de l’équipe principale étant donné que l’équipe principale produit la majeure partie du travail et que ce travail est le plus valorisé par le reste des usagers. Les systèmes au-delà d’un certain niveau de complexité commencent à manquer de cohérence au fur et à mesure que l’énergie et la focalisation du groupe se rétrécit en suivant les intérêts de l’équipe principale et la disponibilité des ressources. Certaines parties du système original peuvent ainsi rester inachevées.</p>
  492. <p>Avec l’arrivée de membres supplémentaires, plus de personnes feront l’expérience de la frustration liée à une utilité ou une autonomie limitée. Certains de ces membres trouveront un intérêt dans le travail laissé inachevé et ils créeront un nouveau nœud de membres dans les mêmes dispositions et de nouvelles personnes pour prendre en charge le travail non accompli. De façon alternative, des usagers occasionnels et des observateurs du système, qui n’ont pas l’envie ou l’expertise pour être plus actif dans le système originel, verront un nouveau besoin et démarreront un nouveau nœud. La stigmergie encourage la fragmentation en différents nœuds plutôt que le modèle entrepreneurial traditionnel d’acquisition et d’expansion sans fin. Parce que chaque individu n’est responsable que de son propre travail, et que personne ne peut diriger un groupe de contributeurs, l’expansion signifie plus de travail pour l’individu et une perspective d’auto-limitation. Au fur et à mesure que le système se développe, le travail supplémentaire exige à la fois des ressources supplémentaires et de nouvelles fragmentations. Comme la communication est plus facile et qu’il y a plus d’autonomie dans des groupes plus petits, la fragmentation est le résultat le plus probable du développement.</p>
  493. <p>La communication entre les nœuds d’un système s’établit sur la base du besoin. La transparence permet à l’information de circuler librement entre les différents nœuds, mais une relation formelle ou une méthode de communication n’est ni nécessaire ni souhaitable. Le partage d’information est guidé par l’information elle-même, pas par les relations personnelles. Si une donnée est pertinente pour plusieurs nœuds elle sera immédiatement transmise à tous, aucune rencontre formelle entre des personnes officielles/légitimes n’est nécessaire.</p>
  494. <p>N’importe quel nœud peut disparaître sans affecter le réseau, et les fonctionnalités subsistantes nécessaires peuvent être récupérées par d’autres. Les nœuds qui s’aperçoivent qu’ils travaillent sur les mêmes taches sont susceptible de s’associer, ou bien certains seront rendus obsolètes par le manque d’usage. De nouveaux nœuds sont créés seulement pour remplir un nouveau besoin ou fournir une meilleure fonctionnalité; il est inefficace que la même tache soit exécutée deux fois et cela n’arrive que quand un deuxième groupe trouve une méthode alternative que le premier groupe ne souhaite pas adopter. Dans ce cas, le meilleur système gagnera plus de soutien de la part du groupe d’usagers et l’autre système disparaitra ou restera comme une alternative précieuse. N’importe quel utilisateur peut contribuer au nœud qui correspond le mieux à leurs intérêts et leur capacités ou contribuer à plusieurs nœuds.</p>
  495. <h3>Le futur</h3>
  496. <p>Un nouveau système de gouvernance ou de collaboration qui ne suit pas un modèle hiérarchique concurrentiel aura besoin d’intégrer la stigmergie dans la plupart de ses systèmes fondés sur l’action. Il n’est ni raisonnable ni souhaitable pour la pensée et l’action individuelle d’être soumises au consensus de groupe pour des sujets qui ne concernent pas le groupe, et il est franchement impossible d’accomplir des tâches complexes si chaque décision doit être présentée pour approbation; c’est la plus grande faiblesse du modèle hiérarchique. Le succès incroyable de si nombreux projets Internet est le résultat de la stigmergie, pas de la coopération, et c’est la stigmergie qui nous aidera à construire rapidement et efficacement et à produire des résultats bien meilleurs que ce que chacun d’entre nous envisage au commencement.</p>
  497. <p>Article original: <a href="http://georgiebc.wordpress.com/2012/12/24/stigmergy-2/">Stigmergy</a> par Heather Marsh, traduction collaborative par des membres du <a href="http://imaginationforpeople.org/wiki/workgroup/animfr/">groupe AnimFr</a></p>
  498. <hr/>
  499. <p>Si j’ai découvert la stigmergie en tant que concept depuis peu, j’ai eu l’occasion de fonctionner selon un modèle similaire quand je travaillais en association dans l’organisation d’évènements et cela a plutôt bien fonctionné pour nous. Je reviendrai plus en détail sur notre mode de fonctionnement avec des exemples pratiques.</p>
  500. <p><strong>Ajout 21/10/2014:</strong> Cet article fait partie d’une série de réflexions sur les <strong>modèles coopératifs en réseau ouverts</strong>.</p>
  501. </article>
  502. </section>
  503. <nav id="jumpto">
  504. <p>
  505. <a href="/david/blog/">Accueil du blog</a> |
  506. <a href="http://www.lilianricaud.com/travail-en-reseau/la-stigmergie-un-nouvelle-modele-de-gouvernance-collaborative/">Source originale</a> |
  507. <a href="/david/stream/2019/">Accueil du flux</a>
  508. </p>
  509. </nav>
  510. <footer>
  511. <div>
  512. <img src="/static/david/david-larlet-avatar.jpg" loading="lazy" class="avatar" width="200" height="200">
  513. <p>
  514. Bonjour/Hi!
  515. 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>
  516. 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>).
  517. </p>
  518. <p>
  519. 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>.
  520. </p>
  521. <p>
  522. Voici quelques articles choisis :
  523. <a href="/david/blog/2019/faire-equipe/" title="Accéder à l’article complet">Faire équipe</a>,
  524. <a href="/david/blog/2018/bivouac-automnal/" title="Accéder à l’article complet">Bivouac automnal</a>,
  525. <a href="/david/blog/2018/commodite-effondrement/" title="Accéder à l’article complet">Commodité et effondrement</a>,
  526. <a href="/david/blog/2017/donnees-communs/" title="Accéder à l’article complet">Des données aux communs</a>,
  527. <a href="/david/blog/2016/accompagner-enfant/" title="Accéder à l’article complet">Accompagner un enfant</a>,
  528. <a href="/david/blog/2016/senior-developer/" title="Accéder à l’article complet">Senior developer</a>,
  529. <a href="/david/blog/2016/illusion-sociale/" title="Accéder à l’article complet">L’illusion sociale</a>,
  530. <a href="/david/blog/2016/instantane-scopyleft/" title="Accéder à l’article complet">Instantané Scopyleft</a>,
  531. <a href="/david/blog/2016/enseigner-web/" title="Accéder à l’article complet">Enseigner le Web</a>,
  532. <a href="/david/blog/2016/simplicite-defaut/" title="Accéder à l’article complet">Simplicité par défaut</a>,
  533. <a href="/david/blog/2016/minimalisme-esthetique/" title="Accéder à l’article complet">Minimalisme et esthétique</a>,
  534. <a href="/david/blog/2014/un-web-omni-present/" title="Accéder à l’article complet">Un web omni-présent</a>,
  535. <a href="/david/blog/2014/manifeste-developpeur/" title="Accéder à l’article complet">Manifeste de développeur</a>,
  536. <a href="/david/blog/2013/confort-convivialite/" title="Accéder à l’article complet">Confort et convivialité</a>,
  537. <a href="/david/blog/2013/testament-numerique/" title="Accéder à l’article complet">Testament numérique</a>,
  538. et <a href="/david/blog/" title="Accéder aux archives">bien d’autres…</a>
  539. </p>
  540. <p>
  541. 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>.
  542. </p>
  543. <p>
  544. Je ne traque pas ta navigation mais mon
  545. <abbr title="Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33.184162340">hébergeur</abbr>
  546. conserve des logs d’accès.
  547. </p>
  548. </div>
  549. </footer>
  550. <script type="text/javascript">
  551. ;(_ => {
  552. const jumper = document.getElementById('jumper')
  553. jumper.addEventListener('click', e => {
  554. e.preventDefault()
  555. const anchor = e.target.getAttribute('href')
  556. const targetEl = document.getElementById(anchor.substring(1))
  557. targetEl.scrollIntoView({behavior: 'smooth'})
  558. })
  559. })()
  560. </script>