davidbgk
/
larlet-fr-david-cache
ウォッチ 1
スター 0
フォーク 0
コード リリース 0 アクティビティ
A place to cache linked articles (think custom and personal wayback machine)
選択できるのは25トピックまでです。 トピックは、先頭が英数字で、英数字とダッシュ('-')を使用した35文字以内のものにしてください。
40 コミット
1 ブランチ
ツリー: 687af48f32
ブランチ タグ
${ item.name }
ブランチ ${ searchTerm } を作成
'687af48f32' から
${ noResults }
larlet-fr-david-cache/cache/2662b2cf4aebb3f76a7c60ba4d6.../index.html

index.html 60KB
Raw Blame 履歴

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747 
  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>Comment produire un document à plusieurs centaines de personnes ? (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. 

  28.   <meta name="robots" content="noindex, nofollow">

  29.   <meta content="origin-when-cross-origin" name="referrer">

  30.   <!-- Canonical URL for SEO purposes -->

  31.   <link rel="canonical" href="http://ebook.coop-tic.eu/francais/wakka.php?wiki=CommentProduireUnDocumentAPlusieursCentai">

  32. 

  33. <style>

  34. /* http://meyerweb.com/eric/tools/css/reset/ */

  35. html, body, div, span,

  36. h1, h2, h3, h4, h5, h6, p, blockquote, pre,

  37. a, abbr, address, big, cite, code,

  38. del, dfn, em, img, ins,

  39. small, strike, strong, tt, var,

  40. dl, dt, dd, ol, ul, li,

  41. fieldset, form, label, legend,

  42. table, caption, tbody, tfoot, thead, tr, th, td,

  43. article, aside, canvas, details, embed,

  44. figure, figcaption, footer, header, hgroup,

  45. menu, nav, output, ruby, section, summary,

  46. time, mark, audio, video {

  47.   margin: 0;

  48.   padding: 0;

  49.   border: 0;

  50.   font-size: 100%;

  51.   font: inherit;

  52.   vertical-align: baseline;

  53. }

  54. /* HTML5 display-role reset for older browsers */

  55. article, aside, details, figcaption, figure,

  56. footer, header, hgroup, menu, nav, section { display: block; }

  57. body { line-height: 1; }

  58. blockquote, q { quotes: none; }

  59. blockquote:before, blockquote:after,

  60. q:before, q:after {

  61.   content: '';

  62.   content: none;

  63. }

  64. table {

  65.   border-collapse: collapse;

  66.   border-spacing: 0;

  67. }

  68. 

  69. /* http://practicaltypography.com/equity.html */

  70. /* https://calendar.perfplanet.com/2016/no-font-face-bulletproof-syntax/ */

  71. /* https://www.filamentgroup.com/lab/js-web-fonts.html */

  72. @font-face {

  73.   font-family: 'EquityTextB';

  74.   src: url('/static/david/css/fonts/Equity-Text-B-Regular-webfont.woff2') format('woff2'),

  75.        url('/static/david/css/fonts/Equity-Text-B-Regular-webfont.woff') format('woff');

  76.   font-weight: 300;

  77.   font-style: normal;

  78.   font-display: swap;

  79. }

  80. @font-face {

  81.   font-family: 'EquityTextB';

  82.   src: url('/static/david/css/fonts/Equity-Text-B-Italic-webfont.woff2') format('woff2'),

  83.        url('/static/david/css/fonts/Equity-Text-B-Italic-webfont.woff') format('woff');

  84.   font-weight: 300;

  85.   font-style: italic;

  86.   font-display: swap;

  87. }

  88. @font-face {

  89.   font-family: 'EquityTextB';

  90.   src: url('/static/david/css/fonts/Equity-Text-B-Bold-webfont.woff2') format('woff2'),

  91.        url('/static/david/css/fonts/Equity-Text-B-Bold-webfont.woff') format('woff');

  92.   font-weight: 700;

  93.   font-style: normal;

  94.   font-display: swap;

  95. }

  96. 

  97. @font-face {

  98.   font-family: 'ConcourseT3';

  99.   src: url('/static/david/css/fonts/concourse_t3_regular-webfont-20190806.woff2') format('woff2'),

  100.        url('/static/david/css/fonts/concourse_t3_regular-webfont-20190806.woff') format('woff');

  101.   font-weight: 300;

  102.   font-style: normal;

  103.   font-display: swap;

  104. }

  105. 

  106. 

  107. /* http://practice.typekit.com/lesson/caring-about-opentype-features/ */

  108. body {

  109.   /* http://www.cssfontstack.com/ Palatino 99% Win 86% Mac */

  110.   font-family: "EquityTextB", Palatino, serif;

  111.   background-color: #f0f0ea;

  112.   color: #07486c;

  113.   font-kerning: normal;

  114.   -moz-osx-font-smoothing: grayscale;

  115.   -webkit-font-smoothing: subpixel-antialiased;

  116.   text-rendering: optimizeLegibility;

  117.   font-variant-ligatures: common-ligatures contextual;

  118.   font-feature-settings: "kern", "liga", "clig", "calt";

  119. }

  120. pre, code, kbd, samp, var, tt {

  121.   font-family: 'TriplicateT4c', monospace;

  122. }

  123. em {

  124.   font-style: italic;

  125.   color: #323a45;

  126. }

  127. strong {

  128.   font-weight: bold;

  129.   color: black;

  130. }

  131. nav {

  132.   background-color: #323a45;

  133.   color: #f0f0ea;

  134.   display: flex;

  135.   justify-content: space-around;

  136.   padding: 1rem .5rem;

  137. }

  138.   nav:last-child {

  139.     border-bottom: 1vh solid #2d7474;

  140.   }

  141.   nav a {

  142.     color: #f0f0ea;

  143.   }

  144.   nav abbr {

  145.     border-bottom: 1px dotted white;

  146.   }

  147. 

  148. h1 {

  149.   border-top: 1vh solid #2d7474;

  150.   border-bottom: .2vh dotted #2d7474;

  151.   background-color: #e3e1e1;

  152.   color: #323a45;

  153.   text-align: center;

  154.   padding: 5rem 0 4rem 0;

  155.   width: 100%;

  156.   font-family: 'ConcourseT3';

  157.   display: flex;

  158.   flex-direction: column;

  159. }

  160.   h1.single {

  161.     padding-bottom: 10rem;

  162.   }

  163.   h1 span {

  164.     position: absolute;

  165.     top: 1vh;

  166.     left: 20%;

  167.     line-height: 0;

  168.   }

  169.     h1 span a {

  170.       line-height: 1.7;

  171.       padding: 1rem 1.2rem .6rem 1.2rem;

  172.       border-radius: 0 0 6% 6%;

  173.       background: #2d7474;

  174.       font-size: 1.3rem;

  175.       color: white;

  176.       text-decoration: none;

  177.     }

  178. h2 {

  179.   margin: 4rem 0 1rem;

  180.   border-top: .2vh solid #2d7474;

  181.   padding-top: 1vh;

  182. }

  183. h3 {

  184.   text-align: center;

  185.   margin: 3rem 0 .75em;

  186. }

  187. hr {

  188.   height: .4rem;

  189.   width: .4rem;

  190.   border-radius: .4rem;

  191.   background: #07486c;

  192.   margin: 2.5rem auto;

  193. }

  194. time {

  195.   display: bloc;

  196.   margin-left: 0 !important;

  197. }

  198. ul, ol {

  199.   margin: 2rem;

  200. }

  201. ul {

  202.   list-style-type: square;

  203. }

  204. a {

  205.   text-decoration-skip-ink: auto;

  206.   text-decoration-thickness: 0.05em;

  207.   text-underline-offset: 0.09em;

  208. }

  209. article {

  210.   max-width: 50rem;

  211.   display: flex;

  212.   flex-direction: column;

  213.   margin: 2rem auto;

  214. }

  215.   article.single {

  216.     border-top: .2vh dotted #2d7474;

  217.     margin: -6rem auto 1rem auto;

  218.     background: #f0f0ea;

  219.     padding: 2rem;

  220.   }

  221.   article p:last-child {

  222.     margin-bottom: 1rem;

  223.   }

  224. p {

  225.   padding: 0 .5rem;

  226.   margin-left: 3rem;

  227. }

  228.   p + p,

  229.   figure + p {

  230.     margin-top: 2rem;

  231.   }

  232. 

  233. blockquote {

  234.   background-color: #e3e1e1;

  235.   border-left: .5vw solid #2d7474;

  236.   display: flex;

  237.   flex-direction: column;

  238.   align-items: center;

  239.   padding: 1rem;

  240.   margin: 1.5rem;

  241. }

  242.   blockquote cite {

  243.     font-style: italic;

  244.   }

  245.   blockquote p {

  246.     margin-left: 0;

  247.   }

  248. 

  249. figure {

  250.   border-top: .2vh solid #2d7474;

  251.   background-color: #e3e1e1;

  252.   text-align: center;

  253.   padding: 1.5rem 0;

  254.   margin: 1rem 0 0;

  255.   font-size: 1.5rem;

  256.   width: 100%;

  257. }

  258.   figure img {

  259.     max-width: 250px;

  260.     max-height: 250px;

  261.     border: .5vw solid #323a45;

  262.     padding: 1px;

  263.   }

  264. figcaption {

  265.   padding: 1rem;

  266.   line-height: 1.4;

  267. }

  268. aside {

  269.   display: flex;

  270.   flex-direction: column;

  271.   background-color: #e3e1e1;

  272.   padding: 1rem 0;

  273.   border-bottom: .2vh solid #07486c;

  274. }

  275.   aside p {

  276.     max-width: 50rem;

  277.     margin: 0 auto;

  278.   }

  279. 

  280. /* https://fvsch.com/code/css-locks/ */

  281. p, li, pre, code, kbd, samp, var, tt, time, details, figcaption {

  282.   font-size: 1rem;

  283.   line-height: calc( 1.5em + 0.2 * 1rem );

  284. }

  285. h1 {

  286.   font-size: 1.9rem;

  287.   line-height: calc( 1.2em + 0.2 * 1rem );

  288. }

  289. h2 {

  290.   font-size: 1.6rem;

  291.   line-height: calc( 1.3em + 0.2 * 1rem );

  292. }

  293. h3 {

  294.   font-size: 1.35rem;

  295.   line-height: calc( 1.4em + 0.2 * 1rem );

  296. }

  297. @media (min-width: 20em) {

  298.   /* The (100vw - 20rem) / (50 - 20) part

  299.      resolves to 0-1rem, depending on the

  300.      viewport width (between 20em and 50em). */

  301.   p, li, pre, code, kbd, samp, var, tt, time, details, figcaption {

  302.     font-size: calc( 1rem + .6 * (100vw - 20rem) / (50 - 20) );

  303.     line-height: calc( 1.5em + 0.2 * (100vw - 50rem) / (20 - 50) );

  304.     margin-left: 0;

  305.   }

  306.   h1 {

  307.     font-size: calc( 1.9rem + 1.5 * (100vw - 20rem) / (50 - 20) );

  308.     line-height: calc( 1.2em + 0.2 * (100vw - 50rem) / (20 - 50) );

  309.   }

  310.   h2 {

  311.     font-size: calc( 1.5rem + 1.5 * (100vw - 20rem) / (50 - 20) );

  312.     line-height: calc( 1.3em + 0.2 * (100vw - 50rem) / (20 - 50) );

  313.   }

  314.   h3 {

  315.     font-size: calc( 1.35rem + 1.5 * (100vw - 20rem) / (50 - 20) );

  316.     line-height: calc( 1.4em + 0.2 * (100vw - 50rem) / (20 - 50) );

  317.   }

  318. }

  319. @media (min-width: 50em) {

  320.   /* The right part of the addition *must* be a

  321.      rem value. In this example we *could* change

  322.      the whole declaration to font-size:2.5rem,

  323.      but if our baseline value was not expressed

  324.      in rem we would have to use calc. */

  325.   p, li, pre, code, kbd, samp, var, tt, time, details, figcaption {

  326.     font-size: calc( 1rem + .6 * 1rem );

  327.     line-height: 1.5em;

  328.   }

  329.   p, li, pre, details {

  330.     margin-left: 3rem;

  331.   }

  332.   h1 {

  333.     font-size: calc( 1.9rem + 1.5 * 1rem );

  334.     line-height: 1.2em;

  335.   }

  336.   h2 {

  337.     font-size: calc( 1.5rem + 1.5 * 1rem );

  338.     line-height: 1.3em;

  339.   }

  340.   h3 {

  341.     font-size: calc( 1.35rem + 1.5 * 1rem );

  342.     line-height: 1.4em;

  343.   }

  344.   figure img {

  345.     max-width: 500px;

  346.     max-height: 500px;

  347.   }

  348. }

  349. 

  350. figure.unsquared {

  351.   margin-bottom: 1.5rem;

  352. }

  353.   figure.unsquared img {

  354.     height: inherit;

  355.   }

  356. 

  357. 

  358. 

  359. @media print {

  360.   body { font-size: 100%; }

  361.   a:after { content: " (" attr(href) ")"; }

  362.   a, a:link, a:visited, a:after {

  363.     text-decoration: underline;

  364.     text-shadow: none !important;

  365.     background-image: none !important;

  366.     background: white;

  367.     color: black;

  368.   }

  369.   abbr[title] { border-bottom: 0; }

  370.   abbr[title]:after { content: " (" attr(title) ")"; }

  371.   img { page-break-inside: avoid; }

  372.   @page { margin: 2cm .5cm; }

  373.   h1, h2, h3 { page-break-after: avoid; }

  374.   p3 { orphans: 3; widows: 3; }

  375.   img {

  376.     max-width: 250px !important;

  377.     max-height: 250px !important;

  378.   }

  379.   nav, aside { display: none; }

  380. }

  381. 

  382. ul.with_columns {

  383.   column-count: 1;

  384. }

  385. @media (min-width: 20em) {

  386.   ul.with_columns {

  387.     column-count: 2;

  388.   }

  389. }

  390. @media (min-width: 50em) {

  391.   ul.with_columns {

  392.     column-count: 3;

  393.   }

  394. }

  395. ul.with_two_columns {

  396.   column-count: 1;

  397. }

  398. @media (min-width: 20em) {

  399.   ul.with_two_columns {

  400.     column-count: 1;

  401.   }

  402. }

  403. @media (min-width: 50em) {

  404.   ul.with_two_columns {

  405.     column-count: 2;

  406.   }

  407. }

  408. 

  409. .gallery {

  410.   display: flex;

  411.   flex-wrap: wrap;

  412.   justify-content: space-around;

  413. }

  414.   .gallery figure img {

  415.     margin-left: 1rem;

  416.     margin-right: 1rem;

  417.   }

  418.   .gallery figure figcaption {

  419.     font-family: 'ConcourseT3'

  420.   }

  421. 

  422. footer {

  423.   font-family: 'ConcourseT3';

  424.   display: flex;

  425.   flex-direction: column;

  426.   border-top: 3px solid white;

  427.   padding: 4rem 0;

  428.   background-color: #07486c;

  429.   color: white;

  430. }

  431.   footer > * {

  432.     max-width: 50rem;

  433.     margin: 0 auto;

  434.   }

  435.   footer a {

  436.     color: #f1c40f;

  437.   }

  438.   footer .avatar {

  439.     width: 200px;

  440.     height: 200px;

  441.     border-radius: 50%;

  442.     float: left;

  443.     -webkit-shape-outside: circle();

  444.     shape-outside: circle();

  445.     margin-right: 2rem;

  446.     padding: 2px 5px 5px 2px;

  447.     background: white;

  448.     border-left: 1px solid #f1c40f;

  449.     border-top: 1px solid #f1c40f;

  450.     border-right: 5px solid #f1c40f;

  451.     border-bottom: 5px solid #f1c40f;

  452.   }

  453. </style>

  454. 

  455. <h1>

  456.   <span><a id="jumper" href="#jumpto" title="Un peu perdu ?">?</a></span>

  457.   Comment produire un document à plusieurs centaines de personnes ? (archive)

  458.   <time>Pour la pérennité des contenus liés. Non-indexé, retrait sur simple email.</time>

  459. </h1>

  460. <section>

  461.   <article>

  462.     <h3><a href="http://ebook.coop-tic.eu/francais/wakka.php?wiki=CommentProduireUnDocumentAPlusieursCentai">Source originale du contenu</a></h3>

  463.     <h3>Comment passer du café du commerce à l'intelligence collective ?</h3>

  464. 

  465. <h4>La parabole des aveugles et de l'éléphant <a href="#ancre1"><sup>1</sup></a></h4>

  466. 

  467. <p><i>Six hommes d'Inde, très enclins à parfaire leurs connaissances, allèrent voir un éléphant (bien que tous fussent aveugles) afin que chacun, en l'observant, puisse satisfaire sa curiosité. Le premier s'approcha de l'éléphant et perdant pied, alla buter contre son flanc large et robuste. Il s'exclama aussitôt : "Mon Dieu ! Mais l'éléphant ressemble beaucoup à un mur!". Le second, palpant une défense, s'écria : "Oh ! qu'est-ce que cet objet si rond, si lisse et si pointu? Il ne fait aucun doute que cet éléphant extraordinaire ressemble beaucoup à une lance !". Le troisième s'avança vers l'éléphant et, saisissant par inadvertance la trompe qui se tortillait, s'écria sans hésitation : "Je vois que l'éléphant ressemble beaucoup à un serpent !". Le quatrième, de sa main fébrile, se mit à palper le genou. "De toute évidence, dit-il, cet animal fabuleux ressemble à un arbre !". Le cinquième toucha par hasard à l' oreille et dit : "Même le plus aveugle des hommes peut dire à quoi ressemble le plus l'éléphant ; nul ne peut me prouver le contraire, ce magnifique éléphant ressemble à un éventail !". Le sixième commença tout juste à tâter l'animal, la queue qui se balançait lui tomba dans la main. "Je vois, dit-il, que l'éléphant ressemble beaucoup à une corde !". Ainsi, ces hommes d'Inde discutèrent longuement, chacun faisant valoir son opinion avec force et fermeté. Même si chacun avait partiellement raison, tous étaient dans l'erreur.</i><br/>

  468. <h4>Du café du commerce <a href="#ancre2"><sup>2</sup></a> ...</h4>

  469. Habituellement, nous considérons que si une idée est vraie, alors l'idée contraire est fausse. C'est ce que l'on appelle le principe de non-contradiction qui est à la base de notre logique telle que l'a définie Aristote. Cependant Eubulide de Millet, qui en était un adversaire a montré grâce au paradoxe du menteur <a href="#ancre3"><sup>3</sup></a> que cela n'était pas nécessairement juste : <i>"Un homme disait qu'il était en train de mentir. Ce que l'homme disait est-il vrai ou faux ?"</i>. Cette phrase ne peut être ni vraie... ni fausse ! De même, comme dans la parabole de l'éléphant, il y a des affirmations qui peuvent sembler contradictoire mais sont toutes vraies <a href="#ancre4"><sup>4</sup></a> . On parle alors d'antinomie. C'est particulièrement le cas, lorsque l'on cherche à avoir plusieurs points de vue différents sur un sujet.<br/>

  470. <br/>

  471. <figure class="attached_file center big whiteborder lightshadow"><a href="http://ebook.coop-tic.eu/francais/files/CommentProduireUnDocumentAPlusieursCentai_Comment_Produire_Un_Document_A_Plusieurs_20140902141911_20140902121935.jpg"><img src="http://ebook.coop-tic.eu/francais/files/CommentProduireUnDocumentAPlusieursCentai_Comment_Produire_Un_Document_A_Plusieurs_vignette_544_544_20140902141911_20140902121935.jpg" alt="Comment produire un doc"/></a><figcaption>Eric Grelet - CC By Sa</figcaption></figure><br/>

  472. <br/>

  473. Armé du principe de non-contradiction, nous passons beaucoup de temps, non pas à chercher ce qui est vrai ou faux, mais à justifier ce que nous avons dit précédemment ... Et donc que les autres qui proposent des arguments différents sont dans l'erreur. Une très grande majorité du temps de discussion est ainsi consacré pour chacun à répéter sa propre affirmation pour être sûr qu'elle soit bien prise en compte et à la justifier. Le fond de la discussion bien souvent, ne consiste plus à chercher ce qui est vrai, mais à ne pas être mis en défaut et même si possible à obtenir la reconnaissance des autres pour avoir dit quelque chose considéré comme vrai.<br/>

  474. <h4>...A l'intelligence collective</h4>

  475. Pour sortir du "café du commerce", il est nécessaire de chercher dans un premier temps non pas ce qui est vrai mais les différents points de vue sur un sujet. Plus le nombre de personnes qui proposerons un point de vue sera grand, plus la vision aura des chances d'être plus complète. A ce stade, la discussion peut s'accommoder de visions approximatives, voire apparemment fausses, l'objectif étant de rassembler le plus grand nombre de point de vue différents et d'en susciter de nouveaux pour compléter ceux déjà rassemblés. <br/>

  476. <br/>

  477. Mais nous devons également composer avec nos propres limitations cognitives. Ainsi, nous ne pouvons garder à l'esprit que les trois derniers éléments d'une discussion <a href="#ancre5"><sup>5</sup></a>. Lorsque nous prenons du recul par rapport au discours, nous pouvons avoir une vue d'ensemble des différents affirmations ou arguments, mais là encore nous sommes limités et ne pouvons conserver à l'esprit qu'entre 5 et 9 idées <a href="#ancre6"><sup>6</sup></a>. Pour permettre de traiter un sujet par l'intelligence collective, nous allons donc devoir avoir une méthode pour travailler avec un très grand nombre de personnes, cartographier l'ensemble des idées proposées tout en s'interdisant dans un premier temps de sélectionner certaines idées et d'en éliminer d'autres.<br/>

  478. <h3>Les trois principes pour construire des idées à plusieurs</h3>

  479. Pour arriver à lever les difficultés de la discussion collective, il est nécessaire de prendre en compte trois principes de l'intelligence collective qui sont assez contre intuitifs mais qui vont servir de base à la construction d'une méthode qui permet de produire des idées et des contenus avec plusieurs centaines de personnes.<br/>

  480. <h4>La taille des groupes et les rôles des membres <a href="#ancre7"><sup>7</sup></a> </h4>

  481. <b>Dès qu'un groupe dépasse le nombre d'une douzaine de membres, chaque personne prend une posture proactive, réactive, d'observateur ou inactive</b> et peut en changer en fonction d'un certain nombre de critères. On observe de façon assez contre-intuitive que <b>le pourcentage d'actifs reste remarquablement constante</b> (principe du 90-9-1) : les proactifs sont entre un et quelques pour cent et les réactifs entre dix et quelques dizaines de pour cent.<br/>

  482. <br/>

  483. On peut en déduire <b>différents types de groupes distingués par le nombre de leurs membres :</b><br/>

  484. <b>Les petits groupes</b> jusqu'à une douzaine de personnes qui peuvent être gérés de façon contrainte (en attendant une action de chacun des différents membres) ;<br/>

  485. <b>Les groupes intermédiaires</b> entre une douzaine et une centaine de personnes qui nécessitent plus d'efforts d'animation pour obtenir des réactions ;<br/>

  486. <b>Les grands groupes</b> entre une centaine et un ou deux milliers de personnes qui permettent de produire de façon collaborative... à condition de se focaliser sur les réactifs ;<br/>

  487. <b>Les très grands groupes intermédiaires</b> de plusieurs milliers de personnes où le groupe que forme les membres proactifs devient plus difficilement cohérent ;<br/>

  488. <b>Les très grands groupes</b> au-delà de quelques dizaines de milliers où les proactifs sont suffisamment nombreux pour rendre l'animation moins contrainte.<br/>

  489. <br/>

  490. <b>Les grands groupes</b> entre une centaine et un ou deux milliers de personnes présentent un intérêt particulier : ils sont un passage obligé pour les groupes qui ont vocation à devenir très grands, et surtout ils représentent <b>une taille qui correspond bien au nombre de personnes que l'on peut rassembler sur beaucoup de thèmes assez précis</b>. Ils nécessitent cependant de bien <b>prendre en compte les membres qui ont adoptés une attitude réactive</b> (que l'on peut atteindre dans les système en ligne par des outils <i>push</i> comme le <i>mail</i>, Facebook ou Twitter plutôt que par des outils <i>pull</i> comme le <i>web</i> ou les <i>forums</i>) et pas seulement les proactifs qui dans ce cas ne sont pas assez nombreux.<br/>

  491. <h4>Le choix <i>a posteriori</i> <a href="#ancre8"><sup>8</sup></a></h4>

  492. Il existe plusieurs stratégies en fonction de l'environnement dans lequel on se situe :<br/>

  493. <b>La planification : </b>dans une situation prévisible mais où les ressources sont rares, il faut prévoir pour optimiser les ressources et ne pas les gâcher ;<br/>

  494. <b>La négociation :</b> lorsque les ressources sont rares mais que la situation n'est pas prévisible, la négociation permet de faire un choix au présent à défaut de pouvoir le faire à l'avance ;<br/>

  495. <b>Le choix <i>a posteriori</i> :</b> lorsque l'on peut disposer d'une abondance de ressources (grand groupe, information abondante) mais que la situation n'est pas prévisible, alors il vaut mieux susciter une abondance de choix et ne choisir qu'<i>a posteriori</i>, parmi toutes les possibilités ;<br/>

  496. Souvent nous ne choisissons pas notre stratégie mais utilisons celle que nous maîtrisons, quelque soit le contexte. Il est important de s'adapter à notre environnement pour choisir la meilleure stratégie. Parfois, la situation peut être prévisible pour certaines choses et imprévisible pour d'autres, certaines ressources peuvent être abondante et d'autres rares. Dans ce cas, il faut pouvoir s'adapter et même jongler avec les stratégies. <br/>

  497. <br/>

  498. Par exemple, dans un grand groupe au-delà de cent personnes, il est possible, grâce au nombre suffisant de membres adoptant un rôle réactif, de faire ressortir le maximum de points de vue et de ne choisir qu'<i>a posteriori</i> ceux que l'on souhaite conserver : "Étant donné suffisamment d'observateurs, toutes les pistes applicables à un problème donné sautent aux yeux". Mais si le groupe est plus petit que un ou deux milliers de personnes, le nombre de membres qui adoptent une attitude proactive et a fortiori le nombre de personnes qui participent à la coordination du groupe est faible. La coordination de groupes inférieur à quelques milliers doit donc faire appel à des stratégies de planification et/ou de négociation.<br/>

  499. <h4>Cartographier pour donner une vision d'ensemble <a href="#ancre9"><sup>9</sup></a> </h4>

  500. Dans un échange à plusieurs, et plus encore dans un conflit, chacun à tendance à défendre sa position et à la répéter sans cesse pour être sûr qu'elle soit bien prise en compte. Dans les faits, très souvent les différents points de vue ne s'excluent pas mais au contraire se complètent pour donner ensemble une vision plus globale. Pour dépasser cette difficulté, il faut <b>prendre en compte nos deux modes de pensée</b> qui utilisent chacun une mémoire de travail différente.<br/>

  501. <br/>

  502. <b>Le premier, basé sur le discours</b> consiste à placer les idées les unes à la suite de l'autre, un peu comme nous plaçons un pas devant l'autre pour avancer depuis un point de départ jusqu'à un point d'arrivée en suivant un cheminement. Ce mode de pensée permet en particulier l'approche rationnelle mais il prend très difficilement en compte le conflit (un point de départ, deux directions), l'intelligence collective (plusieurs points de vue sur le même point d'arrivée) ou encore la créativité (trouver de nouveaux chemins entre plusieurs points de départ et plusieurs points d'arrivée) qui utilisent tous les trois un autre mode complémentaire.<br/>

  503. <br/>

  504. <b>Le deuxième mode de pensée est basée sur la cartographie</b>. Il consiste à disposer toutes les idées en fonction de leur proximité sur une même carte mentale, sans chercher à les sélectionner a priori pour obtenir une vision la plus complète des idées et des chemins possibles. Les schémas heuristique (<i>mind mapping</i> en anglais) co-construits et projetés à la vue de tous lors de séances sont très performants pour donner une vision globale aux membres du groupe et ainsi permettre de chercher de nouvelles idées et de nouveaux points de vue plutôt que chacun ne se focalise que sur une ou quelques idées déjà proposées.<br/>

  505. <br/>

  506. <b>Pour aller plus loin</b>, deux approches sont possibles :<br/>

  507. <b>L'art de la mémoire</b> : Lors de rencontres synchrones (en ligne ou en présentiel), il est possible de coupler la carte d'idée avec une autre carte souvent territoriale que chacun peut conserver plus facilement dans sa mémoire à long terme. Il peut s'agir d'un lieu connu de tous (leur cathédrale pour les moines du Moyen Âge) ou à défaut d'un lieu co-construit (il est plus facile de mémoriser à long terme un territoire que des idées) ;<br/>

  508. <b>Les cartes textuelles</b> : dans les échanges asynchrones en ligne, les personnes qui adoptent une attitude réactive (dix fois plus nombreux que les proactifs) et les "observateurs" (encore plus nombreux) utilisent des outils qui gèrent mal le mode graphique (<i>mail</i>, Facebook, Twitter). Proposer une carte dessinée nécessite alors de fournir un lien vers une page <i>web</i> qui contient la carte. Mais dans ce cas, une moitié seulement environ des participants vont voir la carte. Il est cependant possible d'utiliser les possibilités de présentation des textes pour permettre une carte textuelle qui ne nécessite pas d'être lue en entier comme un texte mais peut être parcourue comme une carte : listes à points et à sous points, formulation courte des idées tenant sur maximum une ligne, gras, soulignés, italique pour mettre en valeur certains mots clés ;<br/>

  509. <h4>Appliquer ces principes pour produire de l'intelligence collective</h4>

  510. A partir des principes présentés dans les parties précédentes, nous pouvons commencer à poser quelques règles pour permettre de produire des idées et des contenus avec plusieurs centaines de personnes. Nous traiterons ici plus particulièrement d'échanges en ligne asynchrones qui peuvent être enrichis ponctuellement par des rencontres synchrones en présentiel ou en ligne.<br/>

  511. <br/>

  512. <b>1. Le groupe doit avoir au minimum une centaine de membres.</b><br/>

  513. Ceux-ci ne vont plus contribuer systématiquement comme dans un petit groupe. Tant que le groupe ne dépasse pas plusieurs milliers, voir plusieurs dizaine de milliers il est important de se focaliser sur les personnes qui adoptent une attitude réactive (cette taille de groupe est la plus courante. Même dans les très grands groupes de dizaine de milliers de personnes, seul un sous-groupe va s'intéresser à un contenu spécifique). Selon la règle des 90-9-1, les réactifs seront au moins une dizaine ce qui est suffisant pour démarrer une dynamique et éventuellement encourager d'autres participations.<br/>

  514. <br/>

  515. <b>2. Le ou les animateurs ont un rôle particulièrement critique. </b><br/>

  516. En effet les animateurs doivent être par définition proactifs. Or ceux-ci, dans un groupe entre une centaine et un ou deux milliers de membres, ne représentent que quelques personnes. Les erreurs ou le manque de proactivité d'un animateur peuvent entraîner une inaction de tout le groupe. Dans un groupe jeune (en général moins de deux ans), l'animateur ou le petit groupe d'animation a un rôle central. On parle même dans le logiciel libre de "dictateur bienveillant". Pour un groupe plus mature, il est possible d'avoir des personnes différentes qui, suivant les thèmes abordés, prennent un rôle d'animation. Dans ce cas si l'animation d'une discussion est toujours un rôle contraint, il l'est moins pour l'ensemble du groupe qui pourra avoir des discussions qui aboutissent et d'autres non.<br/>

  517. <br/>

  518. <b>3. Laisser exprimer toutes les idées sans faire choix dans un premier temps.</b> <br/>

  519. Il  faut au contraire "ouvrir les possibles" pour identifier toutes les idées qui pourraient être ajoutées, plutôt que de supprimer celles déjà émises. Des idées qui semblent a priori moins intéressantes peuvent se révéler extrêmement riches bien qu'a priori contre intuitives. Même si une idée proposée se révèle effectivement stupide, elle peut en susciter d'autres tout à fait intéressantes.<br/>

  520. <br/>

  521. <b>4. Une synthèse sous forme de carte donne une vision d'ensemble des échanges.</b><br/>

  522. Dans le cas des échanges en ligne asynchrone, il vaut mieux utiliser une "carte textuelle" qui peut être reçu par pratiquement tout le monde. Elle ne nécessite pas d'être lue en entier comme un texte mais peut être parcourue comme une carte (avec des listes à points et sous points, des gras et des soulignés pour faire ressortir des mots...). <b>C'est ce point qui demande le plus de travail d'animation</b>. Des outils et des méthodes doivent permettre de réduire ce temps au mieux.<br/>

  523. <br/>

  524. <b>5. Au moins quelques informations doivent être envoyés en "<i>push</i>". </b><br/>

  525. Pour toucher les réactifs il faut fournir au moins certaines information en <i>push</i> (l'information est envoyée directement sur un compte que lit la personne régulièrement : <i>mail</i>, Facebook ou Twitter). Mais suivant le nombre de membres, l'activité de la discussion et l'acceptation plus ou moins grande pour chacun de recevoir directement des informations, il faut également pouvoir offrir l'accès à l'ensemble de l'information avec des outils <i>pull</i> pour ceux qui le veulent (la personne va chercher elle même l'information en allant sur un forum, les archives <i>mail</i> ou d'autres pages <i>web</i>). Il faut donc trouver le juste équilibre entre ce qui est envoyé à tout le monde et ce qui n'est pas envoyé mais doit aller être cherchée par ceux qui le veulent (depuis la liste de discussion ou tout est reçu par tout le monde jusqu'à l'envoi des seules synthèses, en  passant par l'envoi en plus d'une sélections de quelques contributions stimulantes incitant les lecteurs à réagir).<br/>

  526. <br/>

  527. <b>6. Ce sont les itérations de contributions/synthèses qui apportent l'intelligence collective <a href="#ancre10"><sup>10</sup></a>.</b><br/>

  528. La cartographie des différents points de vue permet d'obtenir une meilleure vision d'ensemble (comme dans la parabole des aveugles et de l'éléphant). Mais l'intelligence collective commence réellement lorsque les participants s'appuient sur ce qu'ont dit les autres (ou plus précisément sur la cartographie d'ensemble de ce qui a été dit) pour proposer des idées nouvelles qu'ils n'auraient pas eu autrement. Ainsi chaque cycle de contributions puis de synthèse augmente le niveau d'intelligence collective et permet d'arriver à des propositions qui pour certaines sont particulièrement innovantes et pertinentes.<br/>

  529. <h3>Méthode pour produire un texte collectif jusqu'à quelques milliers de participants</h3>

  530. L'objectif de cette méthode est de produire du contenu de façon collaborative, non seulement en y intégrant les contributions initiales de chacun mais aussi et surtout les contributions issues des échanges. Elle s'appuie sur des synthèses régulières sous la forme de cartographies textuelles (un texte qui peut être parcouru comme une carte plutôt que lu de bout en bout avec des listes à point et à sous point, des gras et des soulignés pour faire ressortir des mots, etc.). Il s'agit de donner une vision d'ensemble de ce qui a été déjà proposé pour concentrer les contributions sur des idées nouvelles.<br/>

  531. <br/>

  532. Cette méthode se concentre sur les "grands groupes" en ligne, suffisamment grands pour avoir des réactions sans trop d'effort (une centaine ou plus de membres) tout en n'atteignant pas la taille suffisante pour pouvoir se concentrer uniquement sur les proactifs (au-delà de plusieurs milliers). Cela représente une très grande partie des groupes en ligne souhaitant produire en commun des contenus sur un thème plus particulier. Dans ce cas, l'accent est mis sur les personnes ayant adoptés une attitude réactive qui sont en général dix fois plus nombreux que ceux qui ont adoptés une attitude proactive.<br/>

  533. <br/>

  534. Les deux premières parties présentées ci-après, se concentrent sur les outils et la constitution du groupe pour ceux qui créent leur groupe ou bien qui ont des groupes encore trop petits. La partie suivante sur la veille, la compréhension commune et l'idéation constitue le coeur de la méthode pour constituer une vision d’ensemble structurée d’idées collectives. Les deux dernières parties sur le choix dans les idées et la rédaction permettent d’obtenir un texte qui peut être lu facilement par des personnes n’ayant pas participé au sujet et le connaissant peu.<br/>

  535. <br/>

  536. <h4>Mise en place des outils en ligne</h4>

  537. <h5>Les outils de la discussion</h5>

  538. La première étape est de faire le choix des outils <i>push</i> (l'information est apportée jusqu'au participant : mail, Facebook, Twitter...) et <i>pull</i> (le participant va chercher l'information : forum, pages web...). Pour un groupe relativement petit jusqu'à quelques centaines de personnes qui utilisent toutes le mail, une simple liste de discussion mail suffit. Les archives de la liste permettent aux proactifs d'aller retrouver les informations anciennes et facilitent le travail des animateurs qui doivent faire des cartographies.<br/>

  539. <br/>

  540. Mais de plus en plus souvent, les participants lisent régulièrement leurs messages à l'aide d'outils qui ne sont pas les mêmes pour chacun : certains suivent Facebook mais ne lisent plus leurs mails très régulièrement, d'autres suivent Twitter mais ne vont plus sur Facebook. Certains ne suivent qu'un de ces trois outils parfois deux mais rarement les trois. D'autres groupes utilisent un réseau social général (Linkedin, Viadeo) ou spécifique à leur communauté (basé sur les logiciels Elgg, Diaspora, Movim, Daisychain...). Il faut donc pouvoir s'adapter aux différents outils utilisés par les membres du groupe... ou réduire celui-ci aux seuls membres utilisant fréquemment tel ou tel outil.<br/>

  541. <br/>

  542. De plus, lorsqu'un groupe devient grand, le nombre de contributions grandit également et peut dépasser le taux acceptable pour un participant. Dans un mode en ligne ou la plupart souffrent de "l'infobésité" (trop d'information), même pour un groupe relativement peu nombreux, certains peuvent être gênés par les mails suscités par la discussion. Pour éviter des désabonnement ou des désaffections (des mails classés automatiquement sans être lus, voire classés comme spam...), il est nécessaire de n'envoyer à tout le monde ou à ceux qui le souhaitent que les informations les plus importantes : cartographies régulières des discussions, sélection de quelques contributions groupées dans un même message pour stimuler la participation, etc. Dans ce cas, il est encore plus important que l'ensemble des contributions soit disponible (de façon <i>pull</i>) pour permettre à ceux qui le souhaitent et bien sûr aux animateurs qui font la cartographie, de retrouver le détail des contributions. C'est donc par une alliance entre des outils <i>push</i> et <i>pull</i> que la discussion peut permettre d'envoyer certains messages à tout le monde (pour toucher les réactifs) tout en gardant le nombre de messages reçu raisonnable (pour éviter la surinformation).<br/>

  543. <br/>

  544. <div class="well">

  545. <h5>Pour en savoir plus : la Fing, lien entre le mail et un réseau social sous Elgg <a href="#ancre11"><sup>11</sup></a> </h5><p>

  546. Après avoir testé de nombreux outillages en ligne pour ses travaux collaboratifs (listes mail, blogs, forums), la Fing a mis progressivement en place depuis 2010 son réseau social, une plateforme Elgg qui permet d'unifier les environnements collaboratifs de ses contributeurs : certains, en effet, s'intéressent à plusieurs sujets d'affilés et la gestion de nombreuses inscriptions sur des plateformes et listes mail éparses était un problème.

  547. </p><p>

  548. Dans un premier temps, le choix a été fait de combiner la plateforme web (pour publier) et le mail (pour échanger). Au lancement de Questions numériques, mi-2012, la Fing a choisi d'interfacer les deux modes. Chaque forum de son réseau permet l'interaction web ou mail : par exemple, un sujet de forum est publié sur le web, et notifié par mail aux 260 inscrits du groupe Questions numériques, qui peuvent y réagir indifféremment par retour de mail ou en se connectant à la plateforme. Il semble que les utilisateurs choisissent le mail pour des réponses rapides, le web pour les réponses plus élaborées.

  549. </p><p>

  550. Cette modalité permet aussi de mener, comme sur tout forum, plusieurs fils de discussion en parallèle, à condition de prendre soin des titres. Elle facilite l'accès aux nouveaux entrants et le travail à ciel ouvert, et baisse les barrières à l'entrée. Activée sur les forums, cette fonctionnalité est aussi activable facilement sur les commentaires d'autres publications : blogs, partage de documents, événements...

  551. </p></div> <br/>

  552. <br/>

  553. <div class="well">

  554. <h5>Pour en savoir plus : groupe ADEO, utilisation des Google groups en <i>push</i> et en <i>pull</i> <a href="#ancre12"><sup>12</sup></a> </h5><p>

  555. Groupe ADEO est une entreprise de 70000 personnes réparties dans 13 pays et 27 Business Units (BU). Très décentralisé, orienté vers le partage du Savoir et du Pouvoir, ADEO s'est lancé depuis près de 20 ans dans de nombreuses démarches de Vision partagée avec l'ensemble des collaborateurs de certaines de ses BU.

  556. </p><p>

  557. La Communauté Produit, Achat et Supply-Chain (PAS), regroupant les Centrales d'Achats et département logistiques des BU et la Direction PAS Groupe, a initié mi 2011 une démarche transverse : VisionPAS 2023, la Vision de la Coopération PAS de Groupe ADEO en y associant ainsi plus de 2000 collaborateurs. Différentes techniques collaboratives ont été utilisées pour extraire la "substantifique moelle": groupes de travail, séminaire de créativité, prototypes en mode Design Thinking, ... mais aucune n'impliquant plus de 150 personnes ensemble.

  558. </p><p>

  559. Afin de réaliser l'écriture de notre cible à 10 ans, nous avons décidé de découper notre réflexion suivant 8 grands axes et avons fait travailler chaque équipe BU, Centrale d'Achat ou Logistique, et chaque synergie Produit sur un des 8 sujets selon la structure suivante: Benchmark, MOFF (Menaces, Opportunités, Forces, Faiblesse), Vision à 10 ans. Ce sont ainsi près de 50 groupes de travail d'une quinzaine de personnes qui nous ont permis de constituer une matière très riche et complémentaire (cf: La parabole des aveugles et de l'éléphant) . Nous avons ensuite réalisé une 1ère synthèse sur chaque thème. L'important était alors de trouver un moyen de faire réagir l'ensemble de la Communauté sur cette V0 pour profiter de l'intelligence Collective. Mais très vite dans un groupe international sans langue de référence, la problématique linguistique se posait à nous. Nous ne disposions pas non plus d'outil de CRM, d'annuaire enrichi, ni de réseau social d'entreprise. Nous avons donc mis en place un Débat Numérique sur 6 semaines sur une cible de 1500 personnes, à l'aide des Google Groups.</p>

  560. <p></p><b>Le besoin :</b></p>

  561. <ul>

  562. <li> Forum multilingue pour favoriser l'expression individuelle.</li>

  563. <li> Possibilité d'envoyer des messages du Forum vers les boîtes mails en masse avec option de réponse directe du mail vers le Forum sans nécessairement devoir y entrer (ce critère nous a fait exclure l'outil Nabble qui ne permet pas de faire des envois en masse).</li>

  564. </ul>

  565. 

  566. <p><b>La solution : </b></p>

  567. <ul>

  568. <li> 7 Forums  = 7 Google Groups (1 par langue: français, anglais, espagnol, italien, polonais, portugais, russe) faisant appel à un ensemble de traducteurs.</li>

  569. <li> Traitement intense d'un thème sur une durée d'une semaine avec des <i>push</i> différents et cohérents, suivant un schéma identique d'un thème à un autre : </li>

  570. <li> 1. Lancement du débat par envoi d'une synthèse sur le thème</li>

  571. <li> 2. Envoi d'inspirations sur le même thème : ouverture d'esprit, proposition de perspectives extérieures</li>

  572. <li> 3. Publication des dernières contributions : le message que l'on veut faire passer : "le débat avance, tes collègues participent, il y a de nouvelles idées, n'attends plus pour contribuer !"</li>

  573. <li> 4. Publication d'une nouvelle synthèse enrichie grâce au débat : les contributeurs retrouvent leur "patte" dans la rédaction du livrable final et constatent bien l'enrichissement de la synthèse initiale grâce au débat collectif.</li>

  574. <li> Système simple pour contribuer : réponse par mail et la réponse vient automatiquement alimenter le fil de discussion du forum OU contribution directement sur le forum en postant un commentaire. Sur le forum, on voit de façon indifférenciée toutes les contributions faites sur un sujet.</li>

  575. </ul>

  576. 

  577. <p><b>Les points forts : </b></p>

  578. <ul>

  579. <li> Des sujets stratégiques abordés dans 7 langues : richesse des contributions car facilitation de l'expression individuelle.</li>

  580. <li> Des traducteurs "volontaires" en interne a rendu les opérations de traductions réactives et flexibles, indispensables pour coller à nos délais assez courts.</li>

  581. <li> Pas de schéma hiérarchique : toutes les idées sont conservées et exploitées de la même façon dans l'écriture du livrable final. D'ailleurs, les contributions mises en avant dans les mails "Flash" reprennent seulement le prénom du contributeur, pas son nom. </li>

  582. <li> <i>push</i> par mail quotidien : sollicitation des collaborateurs via le canal qu'ils utilisent le plus aujourd'hui. Les contributions sont, elles, stockées en un même endroit : le Google Group (1 groupe par langue). Chacun reçoit donc "obligatoirement" l'information mais est libre ensuite de suivre le fil de discussion sur un outil annexe, dans notre cas le Google Group. Pour ne pas manquer les "meilleures contributions", nous "pushons" une sélection de ces dernières par mail à tous.</li>

  583. </ul>

  584. 

  585. <p><b>Les difficultés :</b></p>

  586. <ul>

  587. <li> Un forum par langue mais pas de transversalité entre les 7 forums : ce qui est posté dans le forum Polonais n'était pas visible pour les Espagnols. SAUF : La diffusion des "meilleurs commentaires" dans les flash pouvait provenir des 7 forums et les synthèses étaient communes dans toutes les langues.</li>

  588. <li> Pour que les participants reçoivent les mails de synthèse mais pas les différentes contributions, seul la coordinatrice était abonné au Google Group. En l'absence de CRM, les envois étaient fait depuis un compte Gmail avec une adresse de retour qui était celle du Google Group. Le Google Group lui-même était ouvert pour que les participants puissent y accéder s'ils le désiraient, sans avoir besoin d'avoir un compte Gmail pour accéder aux Google Groups.</li>

  589. <li> Besoin d'outils adaptés (annuaire enrichis, CRM, ...) pour ce volume d'envois.</li>

  590. <li> La nécessité pas toujours facile à mettre en oeuvre de la participation de "complices" permettant d'activer les débats.</li>

  591. </ul>

  592. 

  593. <p><b>Les résultats et quelques chiffres :</b></p>

  594. <ul>

  595. <li> Un débat vivant de 6 semaines autour de 8 thèmes stratégiques.</li>

  596. <li> Un taux de participation d'environ 13% avec plus de 400 commentaires multi-lingues, qui ont enrichi la base des cahiers de Vision.</li>

  597. <li> Des contributions faites dans les 7 langues : "seulement" 55% des commentaires sont en français.</li>

  598. <li> 8 Cahiers Vision V1 en input de notre Rencontre Internationale réunissant en février 2013 700 managers de la Communauté PAS de Groupe ADEO pendant 3 jours pour notamment en faire une relecture collective <a href="#ancre13"><sup>13</sup></a> .</li>

  599. </ul>

  600. 

  601. <p>

  602. En conclusion, ce premier Débat Numérique à grande échelle chez ADEO a été très riche d'enseignements. Il nous a permis de suivre les principales étapes évoquées dans la partie "Appliquer ces principes pour produire de l'intelligence collective". Il nous a permis de valider cette méthode participative et en appellera certainement d'autres.

  603. </p>

  604. 

  605. <p></div> <br/>

  606. <br/>

  607. <h5>Les outils de capture et de cartographie textuelle</h5>

  608. Pour créer une synthèse sous la forme de cartographie virtuelle afin de donner une vision d'ensemble au groupe, il faut dans un premier temps "capturer" les contributions intéressantes dans les différents messages (il peut y en avoir deux ou plusieurs dans un même message), éventuellement leur donner un titre plus court (moins d'une ligne) et plus explicite, et ordonner les contributions sous la forme d'une hiérarchie. Cette dernière action peut nécessiter de créer une nouvelle entrée dans la hiérarchie pour rassembler plusieurs idées qui peuvent s'y trouver. <br/>

  609. <br/>

  610. <div class="well">

  611. <h5>Pour en savoir plus : réorganiser les niveaux au fur et à mesure de la discussion</h5><p>

  612. Imaginons une discussion sur la mise en place de cette méthode où la vision actuelle est décrite par la carte textuelle suivante :</p>

  613. <p></p><ul>

  614. <li> <b>Outils de discussion</b></li>

  615. <li> <b>Mail</b> (outil <i>push</i> : information envoyée directement aux participants)</li>

  616. <li> Prendre en compte ceux qui préfèrent Facebook au mail</li>

  617. <li> <b>Forum</b> (outil <i>pull</i> : le participant va chercher lui-même l'information si il le souhaite)</li>

  618. </ul></p>

  619. <p>

  620. Des contributeurs proposent d'y ajouter l'idée d'utiliser également Twitter ainsi que d'autres réseaux sociaux. La carte pourrait alors être réorganisée sous la forme suivante :

  621. </p>

  622. 

  623. <p><b>Outils de discussion</b></p>

  624. <ul>

  625. <li> <b>Outils <i>push</i></b> (information envoyée directement aux participants)</li>

  626. <li> Mail</li>

  627. <li> Facebook</li>

  628. <li> Twitter</li>

  629. <li> Autres réseaux sociaux</li>

  630. <li> Permettre plusieurs outils <i>push</i> pour laisser le choix aux participants ?</li>

  631. <li> <b>Outils <i>pull</i></b> (le participant va chercher lui-même l'information si il le souhaite)</li>

  632. <li> Forum</li>

  633. <li> Autres ?</li>

  634. </ul>

  635. 

  636. <p>

  637. Dans ce cas, non seulement l'idée de "Mail" se décale d'un niveau pour avoir une catégorie "outils <i>push</i>" comprenant également Facebook, Twitter et d'autres réseaux sociaux, mais la personne qui fait la cartographie a eu l'idée d'y ajouter la possibilité de mixer les outils et a également procédé à la même réorganisation pour les outils <i>pull</i> pour laisser la place à d'autres choix. En cela, il ne s'agit pas véritablement d'une synthèse de la discussion mais plutôt de la cartographie de la compréhension actuelle du problème. Réorganiser une carte donne très souvent des idées supplémentaires et même le cartographe peut ajouter des idées, qui peuvent être complétées ou corrigées par les participants lors de l'itération suivante.

  638. </p>

  639. 

  640. <p></div> <br/>

  641. <br/>

  642. La cartographie des échanges peut se faire à la main avec éventuellement des post-it collés sur un mur pour plus facilement réorganiser le tout. Mais lorsque la discussion est importante, une seule itération de la cartographie peut demander environ 5 heure et cela se reproduit une à deux fois par semaine pendant la phase d'idéation... L'animation d'une telle discussion demande alors un temps assez important pour les animateurs et particulièrement pour celui ou ceux qui font les cartographies et les complètent.<br/>

  643. <br/>

  644. Pour réduire la durée de cartographie et ainsi permettre l'animation de groupes y compris par des personnes dont cela ne fait pas parti du travail "officiel <a href="#ancre14"><sup>14</sup></a>", il faut réduire ce temps à une ou maximum deux heures par semaine. L'objectif de l'application Assembl développée par Imagination for People en partenariat avec l'Institut du Nouveau Monde au Québec, est de faciliter la capture des contributions pertinentes, d'aider à les renommer et à les réorganiser facilement malgré la taille réduite d'un écran d'ordinateur.<br/>

  645. <div class="well">

  646. <h5>Pour en savoir plus : Assembl un outil pour cartographier les contributions <a href="#ancre15"><sup>15</sup></a></h5><p>

  647. Assembl est un système de discussion en ligne qui s'adresse aux groupes de personnes ayant à produire collectivement un livrable (opinion, consensus, document, modèle, alternatives, etc.) autour d'un sujet quelconque. Bien qu'à l'ère des réseaux sociaux il soit "relativement" facile de mobiliser de grands groupes sur un enjeu, pour une multitude de raisons la qualité du livrable n'augmente pas souvent avec le nombre de participants. C'est principalement à ce problème qu'Assembl s'attaque.

  648. </p><p>

  649. Tout d'abord en combinant la discussion chronologique (nécessaire pour faciliter l'implication, le sentiment d'appartenance et la dynamique de groupe) et une présentation plus structurée et résumée de la discussion (nécessaire pour permettre à chaque participant, quelque soit le niveau de temps et d'attention qu'il peut y consacrer, d'avoir une vision d'ensemble des échanges et propositions)

  650. </p><p>

  651. Assembl permet à des humains de jouer le rôle de facilitateurs en équipe. Avec l'aide d'outils qui rendent ces tâches productives, ils identifient les idées clés, les communiquent de façon synthétique et guident les participants vers des pratiques de discussion constructives.

  652. </p><p>

  653. Assembl tente de ne pas répéter ce que nous percevons comme des faiblesses des systèmes précédents, ainsi, Assembl:</p>

  654. <p></p><ul>

  655. <li> Ne force pas les participants à écrire leur contributions dans un format quelconque (la structure doit servir la discussion, pas la remplacer)</li>

  656. <li> Reconnaît que certains participants préféreront toujours un modèle <i>push</i> (ex: listes de diffusion) et d'autres un modèle <i>pull</i> (ex: forums web, groupes Facebook), et leur permet de discuter ensemble en brisant ces "îlots" de discussion <a href="#ancre16"><sup>16</sup></a>.</li>

  657. <li> Ne brise pas les communautés existantes en forçant des migrations. Il peut par exemple être implanté progressivement sur la liste de diffusion existante d'une communauté déjà active.</li>

  658. <li> Ne "déconnecte" pas les représentations cartographiques des discussions qui y ont donné naissance.  Les réactions à la discussion sont accessibles à partir de la représentation synthétique et vice-versa.</li>

  659. <li> N'impose pas une structure de discussion (de nombreux systèmes sont centrée sur un débats polarisé pour/contre) et impose beaucoup moins de contraintes aux méthodes d'animation.</li>

  660. </ul></p>

  661. <p></div> <br/>

  662. <br/>

  663. La suite de ce texte est disponible ici : <a href="http://ebook.coop-tic.eu/francais/wakka.php?wiki=CommentProduireUnDocumentAPlusieursCentai2">http://ebook.coop-tic.eu/francais/wakka.php?wiki=CommentProduireUnDocumentAPlusieursCentai2</a><br/>

  664. <br/>

  665. <br/></p>

  666. <ul>

  667. <li><a name="ancre1">1</a> Parabole du Jaïnisme, rendue célèbre par le poète américain John Godfrey Saxe au milieu du XIXe siècle. Source, Gérard Huet, The Sanskrit Heritage Dictionary <a href="http://sanskrit.inria.fr/DICO/index.html">http://sanskrit.inria.fr/DICO/index.html</a> cité par Wikipédia <a href="http://fr.wikipedia.org/wiki/Anekantavada">http://fr.wikipedia.org/wiki/Anekantavada</a> </li>

  668. <li><a name="ancre2">2</a> L'expression équivalente en anglais pourrait être "bar-room politics" ou mieux "armchair philosophy" pour renvoyer à des personnes cultivées mais désœuvrées, parlant beaucoup mais agissant peu (plutôt qu'à des personnes ayant trop bu et ne sachant plus  ce qu'elles disent) : <a href="http://forum.wordreference.com/showthread.php?t=70335&amp;highlight=comptoir">http://forum.wordreference.com/showthread.php?t=70335&amp;highlight=comptoir</a> </li>

  669. <li><a name="ancre3">3</a> Un paradoxe qui aurait été inventé par Eubulide de Millet (IVe siècle) à partir du paradoxe du crétois de Epiménide. Source Wikipédia : <a href="http://fr.wikipedia.org/wiki/Paradoxe_du_menteur">http://fr.wikipedia.org/wiki/Paradoxe_du_menteur</a>  </li>

  670. <li><a name="ancre4">4</a> Alfred Korzybski, auteur de la sémantique générale, a pris conscience au cours de la première guerre mondiale que les mécanismes de pensée qui avaient provoqués cette guerre reposaient sur les postulats de la logique d'Aristote (principe d'identité, de non contradiction et de tiers exclu). Il formula alors une nouvelle logique, non-aristotélicienne, basée sur de nouveaux postulats correspondants à l'évolution scientifiques du XXe siècle : <a href="http://fr.wikipedia.org/wiki/S%C3%A9mantique_g%C3%A9n%C3%A9rale">http://fr.wikipedia.org/wiki/S%C3%A9mantique_g%C3%A9n%C3%A9rale</a> </li>

  671. <li><a name="ancre5">5</a> Il s'agit d'une limitation d'une de nos mémoire de travail appelée boucle phonologique, qui ne permet de "conserver en tête" que trois items dans une chaîne d'idée. Pour le modèle des différentes mémoires de travail, voir A. D. Baddeley and G. Hitch, Working Memory, in G. H. Bower (ed), The psychology of learning and motivation: Advances in research and theory, vol. VIII, Academic Press, New York, 1974</li>

  672. <li><a name="ancre6">6</a> Cette deuxième mémoire de travail concerne l'ensemble des objets ou des idées que nous pouvons conserver à l'esprit à court terme. Elle porte le nom de calepin visuo-spatial. Elle nous permet par exemple de compter <i>a posteriori</i> les fenêtres d'une maison alors que nous n'en avons plus l'image devant les yeux... à condition que leur nombre soit limité. C'est également cette même mémoire de travail qui nous permet de créer de nouvelles idées en reliant deux idées anciennes que nous avons à l'esprit. Georges A. Miller, The Magical Number Seven, Plus or Minus 2: Some limits on our Capacity for Processing Information, The psychological review, vol. III, 1956, <a href="http://www.musanim.com/miller1956/">http://www.musanim.com/miller1956/</a> </li>

  673. <li><a name="ancre7">7</a> Pour en savoir plus, voir le texte complet "La taille des groupes et les rôles des membres" : <a href="http://ebook.coop-tic.eu/LaTailleDesGroupesEtLesRolesDesMembres">http://ebook.coop-tic.eu/LaTailleDesGroupesEtLesRolesDesMembres</a></li>

  674. <li><a name="ancre8">8</a> Pour en savoir plus, voir le texte complet "Le choix <i>a posteriori</i>" : <a href="http://ebook.coop-tic.eu/LeChoixAPosteriori">http://ebook.coop-tic.eu/LeChoixAPosteriori</a></li>

  675. <li><a name="ancre9">9</a> Pour en savoir plus, voir le texte complet "Cartographier pour donner une vision d'ensemble" : <a href="http://ebook.coop-tic.eu/CartographierPourDonnerUneVisionDensemble">http://ebook.coop-tic.eu/CartographierPourDonnerUneVisionDensemble</a> . Ces idées ont été présentées à l'origine dans Jean-Michel Cornu, Prospectic, nouvelles technologies nouvelles pensées, FYP édition 2008 - chapitre 9 modes de pensée et conflit d'intérêt. Disponible dans l'article : Nous avons non pas un mais deux modes de pensée : <a href="http://www.cornu.eu.org/news/nous-avons-non-pas-un-mais-deux-modes-de-pensee">http://www.cornu.eu.org/news/nous-avons-non-pas-un-mais-deux-modes-de-pensee</a> </li>

  676. <li><a name="ancre10">10</a> Voir également la méthode Delphi qui permet d'améliorer la prévision de personnes ayant une connaissance du sujet par une approche itérative qui met en évidence les domaines de convergence et d'incertitude : Harold A. Linstone &amp; Murray Turoff, The Delphi Method, Techniques and applications, New Jersey Institute of Technology 2002, <a href="http://is.njit.edu/pubs/delphibook/">http://is.njit.edu/pubs/delphibook/</a> </li>

  677. <li><a name="ancre11">11</a> Cette partie a été rédigée par Jacques-François Marchandise de la Fing</li>

  678. <li><a name="ancre12">12</a> Cette partie a été rédigée par Victoria Masson et Jean Duclos de groupe ADEO</li>

  679. <li><a name="ancre13">13</a> Voir la partie "Rédaction du texte : relecture collective"</li>

  680. <li><a name="ancre14">14</a> L'animation d'une discussion doit pouvoir être faite par des bénévoles mais aussi par des personnes professionnelles qui vont trouver un intérêt à être au cœur de la discussion pour mieux en saisir toutes les idées et les subtilités, sans que ce travail d'animation soit pris en compte officiellement dans leur temps de travail</li>

  681. <li><a name="ancre15">15</a> Cette partie a été écrite par Benoît Grégoire de Imagination for People</li>

  682. <li><a name="ancre16">16</a> Voir la partie "La taille des groupes et les rôles des membres" sur la différence entre participant proactif et participant réactif : <a href="http://ebook.coop-tic.eu/LaTailleDesGroupesEtLesRolesDesMembres">http://ebook.coop-tic.eu/LaTailleDesGroupesEtLesRolesDesMembres</a></li>

  683. </ul>

  684.   </article>

  685. </section>

  686. 

  687. 

  688. <nav id="jumpto">

  689.   <p>

  690.     <a href="/david/blog/">Accueil du blog</a> |

  691.     <a href="http://ebook.coop-tic.eu/francais/wakka.php?wiki=CommentProduireUnDocumentAPlusieursCentai">Source originale</a> |

  692.     <a href="/david/stream/2019/">Accueil du flux</a>

  693.   </p>

  694. </nav>

  695. 

  696. <footer>

  697.   <div>

  698.     <img src="/static/david/david-larlet-avatar.jpg" loading="lazy" class="avatar" width="200" height="200">

  699.     <p>

  700.       Bonjour/Hi!

  701.       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>

  702.       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>).

  703.     </p>

  704.     <p>

  705.       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>.

  706.     </p>

  707.     

  708.     <p>

  709.       Voici quelques articles choisis :

  710.       <a href="/david/blog/2019/faire-equipe/" title="Accéder à l’article complet">Faire équipe</a>,

  711.       <a href="/david/blog/2018/bivouac-automnal/" title="Accéder à l’article complet">Bivouac automnal</a>,

  712.       <a href="/david/blog/2018/commodite-effondrement/" title="Accéder à l’article complet">Commodité et effondrement</a>,

  713.       <a href="/david/blog/2017/donnees-communs/" title="Accéder à l’article complet">Des données aux communs</a>,

  714.       <a href="/david/blog/2016/accompagner-enfant/" title="Accéder à l’article complet">Accompagner un enfant</a>,

  715.       <a href="/david/blog/2016/senior-developer/" title="Accéder à l’article complet">Senior developer</a>,

  716.       <a href="/david/blog/2016/illusion-sociale/" title="Accéder à l’article complet">L’illusion sociale</a>,

  717.       <a href="/david/blog/2016/instantane-scopyleft/" title="Accéder à l’article complet">Instantané Scopyleft</a>,

  718.       <a href="/david/blog/2016/enseigner-web/" title="Accéder à l’article complet">Enseigner le Web</a>,

  719.       <a href="/david/blog/2016/simplicite-defaut/" title="Accéder à l’article complet">Simplicité par défaut</a>,

  720.       <a href="/david/blog/2016/minimalisme-esthetique/" title="Accéder à l’article complet">Minimalisme et esthétique</a>,

  721.       <a href="/david/blog/2014/un-web-omni-present/" title="Accéder à l’article complet">Un web omni-présent</a>,

  722.       <a href="/david/blog/2014/manifeste-developpeur/" title="Accéder à l’article complet">Manifeste de développeur</a>,

  723.       <a href="/david/blog/2013/confort-convivialite/" title="Accéder à l’article complet">Confort et convivialité</a>,

  724.       <a href="/david/blog/2013/testament-numerique/" title="Accéder à l’article complet">Testament numérique</a>,

  725.       et <a href="/david/blog/" title="Accéder aux archives">bien d’autres…</a>

  726.     </p>

  727.     <p>

  728.       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>.

  729.     </p>

  730.     <p>

  731.       Je ne traque pas ta navigation mais mon

  732.       <abbr title="Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33.184162340">hébergeur</abbr>

  733.       conserve des logs d’accès.

  734.     </p>

  735.   </div>

  736. </footer>

  737. <script type="text/javascript">

  738.   ;(_ => {

  739.     const jumper = document.getElementById('jumper')

  740.     jumper.addEventListener('click', e => {

  741.       e.preventDefault()

  742.       const anchor = e.target.getAttribute('href')

  743.       const targetEl = document.getElementById(anchor.substring(1))

  744.       targetEl.scrollIntoView({behavior: 'smooth'})

  745.     })

  746.   })()

  747. </script>