A place to cache linked articles (think custom and personal wayback machine)
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

index.html 33KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605
  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>D’une sélection artificielle à une sélection naturelle dans un écosystème complexe (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="https://pedagogieagile.com/2014/11/09/une-classe-est-un-organisme-vivant/">
  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. D’une sélection artificielle à une sélection naturelle dans un écosystème complexe (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="https://pedagogieagile.com/2014/11/09/une-classe-est-un-organisme-vivant/">Source originale du contenu</a></h3>
  445. <p>Afin de faire émerger les pratiques personnelles des élèves, renforcer leurs connaissances, il me semble important d’instaurer l’horizontalité dans les rapports humains, au sein de la classe. J’espère pouvoir devenir alors un accompagnateur, un facilitateur, encadrant le processus de maîtrise des concepts de littérature et de grammaire. Le but est de fluidifier la communication, d’augmenter les feedbacks, de rendre les réussites plus accessibles.</p>
  446. <p>Du jour au lendemain, en 2009, j’ai modifié la structure de la salle de classe en déplaçant toutes les tables pour former un cercle. Résultat : tous les élèves sont au premier rang. La salle de classe (pour classer) se transforme en salle de formation.</p>
  447. <p>Le modèle militaire en rangs deux par deux a vécu. Plus personne au dernier rang, ni caché derrière son voisin de devant. Fini le cléricalisme et le prêche. Terminés la nef, les fidèles, la chaire et le prédicateur. Instauration d’une laïcité de la forme, donc.</p>
  448. <p><strong>Une cellule eucaryote</strong></p>
  449. <p>S’il faut conserver une invariance, alors je conserve l’aspect fractal des formes naturelles. Ne pas lisser ni créer des lignes droites, mais s’adapter à la rugosité (l’augmenter ?) pour explorer (affiner ?) la complexité du vivant.  Désormais, la diversité des compétences est mise en relief. Le curriculum réel (naturel ?) apparait comme une évidence.</p>
  450. <div data-shortcode="caption" id="attachment_1361" class="wp-caption aligncenter"><a href="https://pedagogieagile.files.wordpress.com/2014/11/pubic-hair.jpg"><img class="size-medium wp-image-1361" src="https://pedagogieagile.files.wordpress.com/2014/11/pubic-hair.jpg?w=300&amp;h=241" alt="forme fractale"/></a><p class="wp-caption-text">forme fractale</p></div>
  451. <p>La salle de formation est une cellule eucaryote : un noyau contenant l’ADN-livres,  des ribosomes-élèves transformant l’information-ADN en connaissances-créations-protéines. <span id="more-1309"/>Aspect fractal de cette cellule : le groupe peut se transformer en groupes, les groupes d’élèves sont des cellules dans lesquels chaque élève est une cellule, composé de cellules eucaryotes et maintenue en vie aussi par des bactéries, cellules procaryotes. De la biodiversité à la neurodiversité, tout organisme agit et évolue par interactions, complémentarités, paradoxes, boucles récursives, redondances, etc…</p>
  452. <p>« <em>La nature construit en redondance afin de s’adapter au changement. (…) La redondance de la nature est également inscrite dans les protéines (…) Le fait que les protéines puissent accepter gracieusement des changements incrémentiel et mutationnels sans s’effondrer est important ; cela signifie qu’elles peuvent se perfectionner avec le temps »</em>, écrit Janine Benyus dans <a href="http://www.ruedelechiquier.net/index2.php?option=com_bibliotheque&amp;view=poplivre&amp;Itemid=25&amp;height=520&amp;width=450&amp;TB_iframe=true" target="_blank">Biomimétisme, quand la nature inspire des innovations durables</a>.</p>
  453. <p>Par réflexion, ce cercle formé par les élèves, la membrane, représente leur propre point de départ, leur limite et leur force. Penser que vouloir uniformiser, tenter d’instaurer une seule manière de penser et d’agir pour résoudre les problèmes n’est pas la solution. Il me semble absurde de vouloir masquer la diversité. Il est peut être illusoire de croire que tous les élèves vont réfléchir comme un professeur, que tous les élèves vont agir et devenir comme lui ; par voie de conséquence c’est sans doute être dans une posture conduisant à penser que tous les élèves qui sont différents de l’élite de la classe sont à bannir, à orienter vers des voies annexes, sans valeurs.</p>
  454. <p>Le jour où j’ai cessé de m’adresser à une classe, mon métier a changé. Parce que je m’adressais à chaque individu. La transmission d’une information est un signal sinusoïdal. Si l’élève n’est pas en phase avec ce signal, alors la transmission est perdue. Il me semble important, dans ce cas, de varier les transmissions, les signaux, les outils, les codes d’informations, les langages, les postures, les environnements. Ainsi, essayer de supplanter les signaux sinusoïdaux en signaux « <em>en suivant un trajet en forme de spirale</em>« , écrit Joël de Rosnay dans <a href="http://livre.fnac.com/a6989751/Joel-de-Rosnay-Le-macroscope" target="_blank">Le Macroscope</a>. Toujours concernant l’éducation systémique, il ajoute : « <em>Se garder des définitions trop précises qui risquent de polariser et de scléroser l’imagination. Un concept ou une loi nouvelle doivent être étudiés sous des angles différents et replacés dans d’autres contextes</em>« .</p>
  455. <p>C’est alors que les problèmes, pour moi, sont apparus. Mon travail, compliqué, consistait d’abord à trouver ma place, mon rôle, et à décoder cette complexité comme le souligne Jean-Louis Le Moigne dans <a href="http://www.editions-harmattan.fr/index.asp?navig=catalogue&amp;obj=livre&amp;no=5118" target="_blank">Le Constructivisme, Tome 1</a> : « <em>S’il nous faut admettre que la complexité d’un système n’est pas nécessairement une propriété de ce système (qu’il soit naturel ou artificiel), mais une propriété de la représentation actuellement disponible de ce système, lui-mêle décrit dans un ou plusieurs codes (ou langages), notre représentation de la complexité se transforme, et avec elle les modes d’appréhension que nous pouvons nous en donner : par construction, la complexité la plus inextricable devient à la lettre convenable, puisqu’elle est construite par un cryptographie au moins, qui peut-être nous-même : la complexité est entendue dans le code, et non dans la nature des choses »</em>.</p>
  456. <p><a href="https://pedagogieagile.files.wordpress.com/2013/12/sallecercle.jpg"><img class="aligncenter size-large wp-image-803" src="https://pedagogieagile.files.wordpress.com/2013/12/sallecercle.jpg?w=529&amp;h=126" alt="sallecercle"/></a></p>
  457. <p>J’ai supprimé le bureau du professeur. Je suis devenu nomade, libre dans cette cellule. Je suis très rarement assis. Je suis dans un processus adaptatif, prêt à intervenir sur le terrain, au plus près des difficultés rencontrées. Parce que je ne peux être disponible pour chacun, j’envoie un élève à la rescousse de tel ou tel élève. Je garde à l’esprit les <a title="Les valeurs" href="https://pedagogieagile.com/2012/05/12/les-valeurs/" target="_blank">valeurs de l’Agilité</a>.</p>
  458. <p>A chaque début de cours, d’un coup d’oeil, la place vide des absents. Distribution ultra rapide de documents et ramassage du travail des élèves en un clin d’oeil. Application du <a href="http://fr.wikipedia.org/wiki/Lean" target="_blank">lean</a> dans une structure simple. Gain de temps pour me consacrer à l’essentiel et ne plus avoir à me déplacer dans les rangs, à enjamber les cartables, à chercher le regard de chacun.</p>
  459. <p><strong>Les élèves en cercle</strong></p>
  460. <p>Je peux tous les regarder, un par un.</p>
  461. <p>Objectif prioritaire : augmenter la fréquence des feedbacks pour offrir à chacun de la reconnaissance en valorisant les plus petites réussites.</p>
  462. <p>J’essaie tant bien que mal de prendre en compte chaque individu : atténuer les faiblesses et valoriser les qualités. Par exemple, faire un check à cet élève parce qu’il m’a dit : « Je n’ai pas eu une bonne note, mais ça m’a plu ». Il me semble bien que l’échec scolaire commence lorsque la formation uniformisée se fait en classe et les activités individualisées sont réalisées à la maison.</p>
  463. <p>Se faisant face, si l’un d’eux me pose une question, je demande à un autre de lui répondre. S’il n’est pas satisfait de cette réponse, un autre prend le relais. Paradoxalement, l’individualisation émerge lorsque les élèves travaillent ensemble.</p>
  464. <p>Dans cette disposition adéquate au travail collaboratif, chaque élève a ainsi deux voisins. Ils travaillent par imbrication, par vagues successives. Donc, en théorie si un élève a fini un travail à la suite des ces soubresauts, c’est que tous les élèves ont terminé. Mais bien sûr ce n’est pas le cas. Je n’évolue pas, et les enfants également, dans une structure uniformisée, standardisée, et artificielle mais dans un système dynamique, chaotique, réel. « <em>La réalité n’est plus la continuité, la prédictibilité, la programmation, l’immobilité, la force mais intègre de plus en plus l’évolution chaotique, la persistance du flou, l’autorégulation et l’auto-analyse, la mobilité, l’adaptation et le flux »</em>, écrit Joël de Rosnay dans <a href="http://www.amazon.fr/Surfer-vie-Vers-société-fluide/dp/2918597724" target="_blank">Surfer la vie</a>. Il ajoute à ce constat que « <em>la biologie et l’écologie abondent d’exemples où entrent en jeu les propriétés et les caractéristiques de la complexité et de la complémentarité</em>« .</p>
  465. <p>Au centre du cercle, des manuels scolaires. Le rythme de l’apprentissage correspond au processus pendant lequel les élèves traduisent les informations des ouvrages pour les transformer en éléments utilisables pour eux, comme, dans une cellule eucaryote, les ribosomes peuvent lire l’ARN messager pour former des protéines. Si je modifie la vitesse du processus, je risque d’empêcher les élèves-ribosomes de synthétiser les informations. dans cette approche constructiviste, l’impact de mes interventions et les situations d’apprentissage peuvent donc être déterminants sur la réussite ou l’échec des élèves.</p>
  466. <p>A partir de cette structure circulaire, je peux modifier sans cesse, en fonction des objectifs ou des exercices, la disposition des élèves. Ainsi, je peux à nouveau créer de nouvelles cellules, autonomes et dépendantes les unes des autres.</p>
  467. <p>L’invariance demeure et la rugosité ne disparait pas : l’établissement possède un CDI (bibliothèque) pour rechercher des informations / la salle de formation possède des manuels, des dictionnaires et des cahiers-laboratoires / les groupes utilisent des manuels, et les cahiers / chaque élève conserve les informations dans son cahier à travers des expériences, des problèmes, des études et utilise manuels, dictionnaire dans toutes les activités, même pour les évaluations.</p>
  468. <div data-shortcode="caption" id="attachment_804" class="wp-caption aligncenter"><a href="https://pedagogieagile.files.wordpress.com/2013/12/sallegroupes.jpg"><img class="size-large wp-image-804" src="https://pedagogieagile.files.wordpress.com/2013/12/sallegroupes.jpg?w=529&amp;h=117" alt="5 groupes"/></a><p class="wp-caption-text">5 groupes</p></div>
  469. <p><strong>Des cellules plus petites</strong></p>
  470. <p>Les élèves travaillent alors par groupes de quatre, cinq ou six. Ils équilibrent leurs différences, échangent des informations, débattent, prennent des décisions, me demandent s’ils ont le droit, s’ils peuvent, etc… et je les encourage à essayer.</p>
  471. <div data-shortcode="caption" id="attachment_1378" class="wp-caption aligncenter"><a href="https://pedagogieagile.files.wordpress.com/2014/11/echangegroupe.jpg"><img class="size-large wp-image-1378" src="https://pedagogieagile.files.wordpress.com/2014/11/echangegroupe.jpg?w=529&amp;h=381" alt="traduction en groupe pour synthétiser sous forme de carte mentale"/></a><p class="wp-caption-text">traduction en groupe pour synthétiser sous forme de carte mentale</p></div>
  472. <p>Ils existent de nombreuses manières de tisser des liens entre les élèves une fois qu’ils sont en groupe.</p>
  473. <p>– Les cinq groupes font le même travail, aidés par un <a title="Kanban" href="https://pedagogieagile.com/2012/07/16/kanban/" target="_blank">kanban</a>. A la fin du processus, un élève de chaque groupe va comparer et butiner des informations dans les quatre autres groupes pour les rapporter, de mémoire, à son groupe. Afin de relancer un rythme soutenu, j’accorde deux minutes aux butineurs pour leur quête.</p>
  474. <div data-shortcode="caption" id="attachment_1354" class="wp-caption aligncenter"><a href="https://pedagogieagile.files.wordpress.com/2014/11/5groupes.jpg"><img class="size-medium wp-image-1354" src="https://pedagogieagile.files.wordpress.com/2014/11/5groupes.jpg?w=300&amp;h=224" alt="les butineurs"/></a><p class="wp-caption-text">les butineurs</p></div>
  475. <p>– les cinq groupes font un travail différent. Puis les groupes sont reformés avec chaque élève des différents groupes. De cette manière les élèves deviennent le porte-parole du groupe dans lequel ils travaillaient pour transmettre le travail accompli. Dès le départ, les élèves sont responsabilisés car ils savent qu’ils devront apporter une information fiable aux autres élèves attentifs.</p>
  476. <p><a href="https://pedagogieagile.files.wordpress.com/2014/11/chgtgroupe2.jpg"><img class="aligncenter size-medium wp-image-1359" src="https://pedagogieagile.files.wordpress.com/2014/11/chgtgroupe2.jpg?w=192&amp;h=300" alt="chgtgroupe2"/></a></p>
  477. <p>– A l’inverse du précédent, dans chacun des groupes, les quatre ou cinq élèves font un travail différent (à la manière du processus <a href="http://fr.wikipedia.org/wiki/Jigsaw_classroom" target="_blank">Jigsaw Classroom</a>). Puis les élèves de chaque groupe ayant fait le même travail sont réunis pour comparer et améliorer leurs informations.</p>
  478. <p><a href="https://pedagogieagile.files.wordpress.com/2014/11/chgtgroupes1.jpg"><img class="aligncenter size-medium wp-image-1358" src="https://pedagogieagile.files.wordpress.com/2014/11/chgtgroupes1.jpg?w=192&amp;h=300" alt="chgtgroupes1"/></a></p>
  479. <p><strong>Plasticité pédagogique.</strong></p>
  480. <p>Le design environnemental a un rôle crucial pour accompagner le processus d’apprentissage. L’influence du design d’une salle de classe, d’un établissement, ainsi que l’impact des formes et des couleurs ne sont pas à négliger. Ni à exagérer. Une salle de classe trop chargée en panneaux, couleurs ou fresques entraînent des <a href="http://mindmodeling.org/cogsci2011/papers/0643/paper0643.pdf" target="_blank">perturbations sur l’attention des élèves</a>.</p>
  481. <p>Un groupe d’élèves est un organisme vivant, parce qu’il est éphémère, adaptatif, complexe. C’est une unité. Il s’agit d’un système ouvert : La membrane laisse passer les informations et permet à cet organisme de s’adapter : interdisciplinarité, cellules familiales, changements de l’environnement (heure, mois, saisons, etc), formations précédentes. Je dois m’adapter à ce qu’ils savent. C’est la raison pour laquelle les élèves transmettent leur flux d’informations vers moi. Je ne transmets pas mon savoir. Je suis apte à recevoir ce flux d’informations, le synthétiser et créer des réponses adaptées, c’est à dire de nouvelles situations dans lesquelles le processus prime sur le résultat et le résultat influe sur le processus. Je peux ainsi me rendre compte que je ne peux mener les élèves au-delà de ce qu’ils peuvent eux-mêmes réellement créer, ni au-delà de ce que peuvent faire les autres classes-cellules, ni au-delà des capacités de tous les élèves de l’établissement. Les progrès de chaque élève sont liés à l’espace des progrès de l’ensemble des élèves de l’établissement. Je suis tributaire des développements précédents, effectués dans les différents environnements d’apprentissage par les groupes d’élèves et je ne peux pas faire progresser les élèves plus vite que la vitesse d’apprentissage de l’établissement.</p>
  482. <p>Par conséquent, en observant les compétences réelles des élèves, je peux, en toute conscience, mesurer entre septembre et juin les évolutions des compétences de chacun.</p>
  483. <p>C’est dans ces conditions, me semble-t-il, qu’il peut exister une égalité de traitement dans la formation des apprenants. C’est une égalité de point de vue bienveillant dans la reconnaissance des aptitudes de chacun. Nassim Nicholas Taleb constate dans son dernier livre <a href="http://www.lesbelleslettres.com/livre/?GCOI=22510100181870" target="_blank">Antifragile, les bienfaits du désordre</a> que « <em>l’école est fondée sur un parti pris de sélection, car elle favorise ceux qui sont plus performants dans ce type d’environnement, et, comme tout ce qui implique une concurrence, elle le fait au dépens de ce que les élèves réalisent à l’extérieur de ses murs ».</em></p>
  484. <p>Dans la salle de formation, ils ne sont comparés ni en fonction d’un idéal, ni les uns par rapport aux autres, mais en fonction de leurs propres capacités cognitives, en fonction de leurs connaissances, aptitudes, stratégies, compétences qu’ils peuvent construire, dépasser ou inhiber dans les diverses situations d’apprentissage. Cette égalité de reconnaissance permet de prendre en compte la bio-neuro-diversité dans un groupe et ainsi de tendre vers une sélection naturelle et non artificielle.</p>
  485. </article>
  486. </section>
  487. <nav id="jumpto">
  488. <p>
  489. <a href="/david/blog/">Accueil du blog</a> |
  490. <a href="https://pedagogieagile.com/2014/11/09/une-classe-est-un-organisme-vivant/">Source originale</a> |
  491. <a href="/david/stream/2019/">Accueil du flux</a>
  492. </p>
  493. </nav>
  494. <footer>
  495. <div>
  496. <img src="/static/david/david-larlet-avatar.jpg" loading="lazy" class="avatar" width="200" height="200">
  497. <p>
  498. Bonjour/Hi!
  499. 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>
  500. 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>).
  501. </p>
  502. <p>
  503. 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>.
  504. </p>
  505. <p>
  506. Voici quelques articles choisis :
  507. <a href="/david/blog/2019/faire-equipe/" title="Accéder à l’article complet">Faire équipe</a>,
  508. <a href="/david/blog/2018/bivouac-automnal/" title="Accéder à l’article complet">Bivouac automnal</a>,
  509. <a href="/david/blog/2018/commodite-effondrement/" title="Accéder à l’article complet">Commodité et effondrement</a>,
  510. <a href="/david/blog/2017/donnees-communs/" title="Accéder à l’article complet">Des données aux communs</a>,
  511. <a href="/david/blog/2016/accompagner-enfant/" title="Accéder à l’article complet">Accompagner un enfant</a>,
  512. <a href="/david/blog/2016/senior-developer/" title="Accéder à l’article complet">Senior developer</a>,
  513. <a href="/david/blog/2016/illusion-sociale/" title="Accéder à l’article complet">L’illusion sociale</a>,
  514. <a href="/david/blog/2016/instantane-scopyleft/" title="Accéder à l’article complet">Instantané Scopyleft</a>,
  515. <a href="/david/blog/2016/enseigner-web/" title="Accéder à l’article complet">Enseigner le Web</a>,
  516. <a href="/david/blog/2016/simplicite-defaut/" title="Accéder à l’article complet">Simplicité par défaut</a>,
  517. <a href="/david/blog/2016/minimalisme-esthetique/" title="Accéder à l’article complet">Minimalisme et esthétique</a>,
  518. <a href="/david/blog/2014/un-web-omni-present/" title="Accéder à l’article complet">Un web omni-présent</a>,
  519. <a href="/david/blog/2014/manifeste-developpeur/" title="Accéder à l’article complet">Manifeste de développeur</a>,
  520. <a href="/david/blog/2013/confort-convivialite/" title="Accéder à l’article complet">Confort et convivialité</a>,
  521. <a href="/david/blog/2013/testament-numerique/" title="Accéder à l’article complet">Testament numérique</a>,
  522. et <a href="/david/blog/" title="Accéder aux archives">bien d’autres…</a>
  523. </p>
  524. <p>
  525. 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>.
  526. </p>
  527. <p>
  528. Je ne traque pas ta navigation mais mon
  529. <abbr title="Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33.184162340">hébergeur</abbr>
  530. conserve des logs d’accès.
  531. </p>
  532. </div>
  533. </footer>
  534. <script type="text/javascript">
  535. ;(_ => {
  536. const jumper = document.getElementById('jumper')
  537. jumper.addEventListener('click', e => {
  538. e.preventDefault()
  539. const anchor = e.target.getAttribute('href')
  540. const targetEl = document.getElementById(anchor.substring(1))
  541. targetEl.scrollIntoView({behavior: 'smooth'})
  542. })
  543. })()
  544. </script>