davidbgk
/
larlet-fr-david-cache
Watch 1
Star 0
Fork 0
Code Releases 0 Activity
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.
42 Commits
1 Branch
Tree: 2e4d51a7b7
Branches Tags
${ item.name }
Create branch ${ searchTerm }
from '2e4d51a7b7'
${ noResults }
larlet-fr-david-cache/cache/47eef15edd5e5d7ec4fe767bfe7.../index.html

index.html 27KB
Raw Blame History

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623 
  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>Changer à bon escient c’est aussi être compétent (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://pedagogieagile.com/2015/03/19/changer-a-bon-escient-cest-aussi-etre-competent/">

  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.   Changer à bon escient c’est aussi être compétent (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://pedagogieagile.com/2015/03/19/changer-a-bon-escient-cest-aussi-etre-competent/">Source originale du contenu</a></h3>

  463.     <p>Depuis début septembre, chaque semaine, je mets les élèves de 5ème, 4ème et 3ème au défi de réussir à écrire correctement les verbes du premier groupe dans une très courte phrase, soit à l’infinitif, soit au participe passé. <a title="Faire toujours la même chose à bon escient, c’est être compétent." href="http://pedagogieagile.com/2015/01/25/faire-toujours-la-meme-chose-a-bon-escient-cest-etre-competent/" target="_blank">Etre compétent c’est savoir faire la même chose à bon escient dans des situations différentes</a>.</p>

  464. 

  465. <p>Pour chaque routine, les élèves ont à leur disposition des documents pour apprendre à faire leur choix :</p>

  466. 

  467. <p>– ils ont le droit de regarder les précédentes routines</p>

  468. 

  469. <p>– ils ont un document, le<em> Genbre</em>, qu’ils peuvent consulter et vérifier ce que veut dire masculin, féminin, singulier, pluriel</p>

  470. 

  471. <p>– ils peuvent utiliser la tableau montrant la trame du genre et du nombre, et l’existence du neutre</p>

  472. 

  473. <p><a href="https://pedagogieagile.files.wordpress.com/2015/03/genrenombreneutre.jpg"><img class="aligncenter size-large wp-image-1564" src="https://pedagogieagile.files.wordpress.com/2015/03/genrenombreneutre.jpg?w=529&amp;h=400" alt="genreNombreNeutre"/></a></p>

  474. 

  475. <p>– ils ont confectionné un document pour vérifier la conjugaison des verbes être et avoir</p>

  476. 

  477. <p><a href="https://pedagogieagile.files.wordpress.com/2015/03/dc3a90.jpg"><img class="aligncenter size-large wp-image-1592" src="https://pedagogieagile.files.wordpress.com/2015/03/dc3a90.jpg?w=529&amp;h=367" alt="dé0"/></a></p>

  478. 

  479. <p>Le travail consiste donc à utiliser tous ces documents pour prendre la bonne décision dans une phrase telle que : <em>elles ont mangé</em> ou <em>elles ont été mangées</em> ou <em>elles doivent manger</em>. Savoir utiliser de la documentation est une des clefs pour prouver ses hypothèses, pour réussir à mener à terme un projet, pour éviter d’accumuler des erreurs. C’est donc une compétence d’élève indispensable.<span id="more-1515"/></p>

  480. 

  481. <p>Les élèves savent quelles seront les phrases utilisées en dictée pour les évaluations de fin de semaine. Ils peuvent donc les préparer, les apprendre par coeur. Ils savent qu’il faudra également expliquer les causes du participe passé ou de l’infinitif. Ces routines ont été particulièrement bénéfiques pour la plupart des élèves. Mais malgré ces aides, au bout de 5 mois, de la cinquième à la troisième soit 100 élèves, 60 ne sont pas sûrs d’eux et parmi eux 22 élèves font encore de nombreuses erreurs.</p>

  482. 

  483. <p>Donc je ne progresse pas.</p>

  484. 

  485. <p>Il me faut alors changer de stratégie afin qu’ils modifient, eux, leur manière de travailler.</p>

  486. 

  487. <p>En novembre 2014, j’ai eu la chance d’assister aux conférences et ateliers <a href="http://blog.xebia.fr/2014/11/21/retour-sur-lean-kanban-france-2014/" target="_blank">LeanKanban</a>. Ce furent deux jours de formations, de conférences, d’éveils et de rencontres particulièrement fantastiques. C’est à cette occasion que j’ai pu participer à l’atelier<em> <a href="http://leantakeoff.com" target="_blank">Lean Takeoff</a> – plongez dans un monde incertain</em>, d’<a href="https://www.hopwork.com/profile/alfredalmendra" target="_blank">Alfred Almendra</a>. J’avais adoré cet atelier, car il me montrait concrètement que je ne pouvais me fier à ma première intuition pour construire un projet. Je me suis dit qu’il me fallait trouver un moyen d’utiliser la notion de hasard en classe pour motiver les élèves, ou les déstabiliser, ou leur faire ressentir la force du hasard.</p>

  488. 

  489. <p>Un de mes rôles d’enseignant est d’aider les élèves les plus en difficulté cognitive à progresser. Si je ne fais rien pour eux, qui le fera ? Or je dois bien constater que les routines ne leur apportent aucune aide efficace.  Je me suis rendu compte, qu’en fait, ces élèves sont démunis car :</p>

  490. 

  491. <p>– ils ne consultent pas les documents dans leur cahier</p>

  492. 

  493. <p>– ils ne savent pas se servir de la documentation</p>

  494. 

  495. <p>– ils sont résignés à ne pas savoir, à ne pas progresser. Cette résignation est ce que Martin Seligman a appelé <em>l’impuissance apprise</em>. A force de ne jamais réussir, d’être puni, d’obtenir des notes très basses, d’être écarté du processus d’apprentissage, ces élèves ont appris qu’ils ne pouvaient pas réussir. Par conséquent, ils ne prennent plus la peine de se battre et d’essayer.</p>

  496. 

  497. <p>En regardant les données que j’avais recueillies, leurs réponses depuis septembre, je me suis rendu compte qu’ils répondaient au hasard.</p>

  498. 

  499. <p>Comment, sans colère envers eux, combattre avec empathie leur résignation ?</p>

  500. 

  501. <p>En février, je me suis dit qu’il fallait peut-être justement obliger les élèves démunis à répondre au hasard. Il me fallait les mettre au défi de faire un meilleur score que celui réalisé par le dé. Une sorte de compétition contre soi-même, par l’intermédiaire du hasard, et ainsi, essayer de modifier leur locus de contrôle, d’externe (ce n’est pas de leur faute) à interne. Les rendre alors responsables de leurs échecs et de leurs réussites.</p>

  502. 

  503. <p><a href="https://pedagogieagile.files.wordpress.com/2015/03/dc3a98.jpg"><img class="aligncenter size-medium wp-image-1565" src="https://pedagogieagile.files.wordpress.com/2015/03/dc3a98.jpg?w=224&amp;h=300" alt="dé8"/></a></p>

  504. 

  505. <p>J’ai toujours en tête cette phrase de <a href="http://www.amazon.fr/Changements-Paradoxes-psychothérapie-Paul-Watzlawick/dp/2757841890" target="_blank">Paul Watzlawick</a> : « <em>Le problème est la solution</em>« . Je constate que plus de routine est le problème, car c’est ajouter encore et encore du hasard. Ainsi, comme dans une thérapie brève, j’essaie d’utiliser des solutions absurdes, défiant la logique : donc les obliger à utiliser le hasard avec un dé.</p>

  506. 

  507. <p>J’aime beaucoup l<a href="http://www.diateino.com/fr/83-l-innovation-jugaad-9782354560966.html" target="_blank">‘innovation Jugaad</a>. Je me sens à l’aise dans une pédagogie frugale qui ne dépense pas beaucoup d’argent ni d’énergie, donc pas de déchets ni de pollution excessive, pour produire de l’efficacité. J’ai donc acheté 30 dés, soit une dépense de 15 euros.</p>

  508. 

  509. <p><a href="https://pedagogieagile.files.wordpress.com/2015/03/dc3a92.jpg"><img class="aligncenter size-medium wp-image-1559" src="https://pedagogieagile.files.wordpress.com/2015/03/dc3a92.jpg?w=300&amp;h=224" alt="dé2"/></a></p>

  510. 

  511. <p>Le dé donne les réponses. Les élèves n’ont strictement rien à faire :</p>

  512. 

  513. <p>– 01 et 06 pour l’infinitif.</p>

  514. 

  515. <p>– 02, 03, 04, 05 pour le participe passé avec les variantes en genre et nombre.</p>

  516. 

  517. <p><strong>Mes premiers essais :</strong></p>

  518. 

  519. <p>J’ai débuté par un exercice composé de cinq phrases et divisé en trois parties :</p>

  520. 

  521. <div id="attachment_1556" class="wp-caption aligncenter"><a href="https://pedagogieagile.files.wordpress.com/2015/03/dc3a95.jpg"><img class="wp-image-1556 size-large" src="https://pedagogieagile.files.wordpress.com/2015/03/dc3a95.jpg?w=529&amp;h=395" alt="dé5"/></a><p class="wp-caption-text">Faut-il faire confiance au dé ?</p></div>

  522. 

  523. <p> </p>

  524. 

  525. <p>1- je lance le dé et j’écris la réponse au tableau. Les élèves recopient les phrases.</p>

  526. 

  527. <p>2- chaque élève lance son dé et écrit la réponse donnée par le hasard.</p>

  528. 

  529. <p>3- chaque élève donne sa propre réponse. Il peut soit recopier la réponse du dé de la première colonne, soit la réponse donnée par la seconde colonne, soit écrire sa propre réponse s’il juge que le dé s’est trompé. Les élèves utilisent tous les documents qu’ils veulent pour vérifier leurs réponses.</p>

  530. 

  531. <p>La semaine suivante, second exercice, en deux parties, composé de 10 phrases :</p>

  532. 

  533. <p><a href="https://pedagogieagile.files.wordpress.com/2015/03/dc3a96.jpg"><img class="aligncenter size-large wp-image-1558" src="https://pedagogieagile.files.wordpress.com/2015/03/dc3a96.jpg?w=529&amp;h=395" alt="dé6"/></a></p>

  534. 

  535. <p>1- Les élèves travaillent en duo. A tour de rôle ils lancent leur dé. Ils recopient les réponses offertes généreusement par le hasard.</p>

  536. 

  537. <p>2- Ils écrivent seuls les réponses en utilisant la documentation.</p>

  538. 

  539. <p>La troisième semaine, troisième exercice : le même que précédemment, avec les mêmes phrases et les mêmes verbes, mais en utilisant uniquement le petit fascicule présentant la conjugaison des verbes être et avoir.</p>

  540. 

  541. <p><strong>Constat :</strong></p>

  542. 

  543. <p>Des objectifs sont atteints dans la catégorie « apprendre à apprendre ».</p>

  544. 

  545. <p>– Les élèves en difficulté semblent comprendre l’importance de réduire le hasard dans leur travail car ils sont plus nombreux à utiliser la documentation.</p>

  546. 

  547. <p>– Ceux qui ont une note faible sont finalement encouragés dans ce travail car ils ont gagné le défi contre le dé. Jusqu’à présent le score maximum d’un dé a été 5/10.</p>

  548. 

  549. <p>– Ceux qui perdent contre le hasard sont bien plus en colère que d’habitude. Ils semblent moins résignés. Ils ne sont vraiment pas contents de perdre.</p>

  550. 

  551. <div id="attachment_1562" class="wp-caption aligncenter"><a href="https://pedagogieagile.files.wordpress.com/2015/03/dc3a97.jpg"><img class="size-large wp-image-1562" src="https://pedagogieagile.files.wordpress.com/2015/03/dc3a97.jpg?w=529&amp;h=364" alt="Des réponses encore hésitantes"/></a><p class="wp-caption-text">Des réponses encore hésitantes</p></div>

  552. 

  553. <p>J’ai fait un ultime test : lorsque j’ai rendu les travaux notés (le dé sur 10 points, leurs réponses sur 10 points), j’ai annoncé que j’additionnais les deux notes pour obtenir une note sur 20. Et j’ai attendu quelques secondes dans une molle indifférence générale. J’ai répété, j’ai insisté, en montrant que, par exemple 5/10 + 2/10 ferait 7/20. Seuls, et pas plus, deux ou trois élèves par classe ont montré leur mécontentement en signalant, à juste titre, que « <em>c’est injuste »</em>. Il me reste encore du chemin pour les rendre pleinement acteurs de leur formation.</p>

  554. 

  555. <p>En somme je ne <em>corrige pas des copies :</em> je mets en valeur les réussites des élèves dans la construction difficile de leurs connaissances (les élèves d’ailleurs ne <em>copient</em> pas, comme les moines au Moyen Age…) Ce sont les élèves qui se corrigent eux-mêmes, qui modifient leurs stratégies, à bon escient, pour être compétents et efficaces.</p>

  556. 

  557. <p>Il me reste 4 mois pour trouver d’autres stratégies afin que tous ne se résignent plus et que la quasi-totalité des élèves maîtrise l’utilisation et le choix <em>Participe passé / Infinitif</em>.</p>

  558. 

  559. <p>A suivre…</p>

  560.   </article>

  561. </section>

  562. 

  563. 

  564. <nav id="jumpto">

  565.   <p>

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

  567.     <a href="http://pedagogieagile.com/2015/03/19/changer-a-bon-escient-cest-aussi-etre-competent/">Source originale</a> |

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

  569.   </p>

  570. </nav>

  571. 

  572. <footer>

  573.   <div>

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

  575.     <p>

  576.       Bonjour/Hi!

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

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

  579.     </p>

  580.     <p>

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

  582.     </p>

  583.     

  584.     <p>

  585.       Voici quelques articles choisis :

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  602.     </p>

  603.     <p>

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

  605.     </p>

  606.     <p>

  607.       Je ne traque pas ta navigation mais mon

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

  609.       conserve des logs d’accès.

  610.     </p>

  611.   </div>

  612. </footer>

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

  614.   ;(_ => {

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

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

  617.       e.preventDefault()

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

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

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

  621.     })

  622.   })()

  623. </script>