davidbgk
/
larlet-fr-david-cache
Наблюдаван 1
Харесван 0
Разклонения 0
Код Версии 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.
50 Ревизии
1 Клон
ИН на ревизия: 4985cb471c
Клонове Маркери
${ item.name }
Create branch ${ searchTerm }
от '4985cb471c'
${ noResults }
larlet-fr-david-cache/cache/8d343d1a9ec2e9a2ef801fb9074.../index.html

index.html 31KB
Директен файл Blame История

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>Du S3C hiérarchique au S4C holarchique (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/02/25/du-s3c-hierarchique-au-s4c-holarchique/">

  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.   Du S3C hiérarchique au S4C holarchique (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/02/25/du-s3c-hierarchique-au-s4c-holarchique/">Source originale du contenu</a></h3>

  463.     <p>Voici mon point de vue sur le concept de Socle Commun.</p>

  464. 

  465. <p>En 2005 : apparition du Socle Commun des Connaissances et des Compétences, le S3C.</p>

  466. 

  467. <p>En juin 2014 puis en février 2015 : création du projet du Socle Commun des Connaissances, des Compétences et de Culture, le S4C.</p>

  468. 

  469. <p><em><strong>Le S3C.</strong></em></p>

  470. 

  471. <p>Le S3C est construit à l’aide de 7 piliers que l’on pourrait représenter ainsi.</p>

  472. 

  473. <p><a href="https://pedagogieagile.files.wordpress.com/2015/02/socle20051.jpg"><img class="aligncenter size-large wp-image-1460" src="https://pedagogieagile.files.wordpress.com/2015/02/socle20051.jpg?w=529&amp;h=276" alt="socle20051"/></a></p>

  474. 

  475. <p>Comme on le voit, ces piliers sont alignés les uns à côtés des autres. Ils pourraient ressembler à 7 ministères, autonomes, régissant chacun le parcours des élèves. Il faudrait forcer ces 7 piliers pour qu’ils travaillent ensemble car l’interdisciplinarité, vue ainsi, ne va pas de soi. Ce socle est donc plutôt bureaucratique, analytique, recherchant un utilitarisme et ne propose guère une vision enthousiasmante de l’apprentissage comparativement au S4C. Cependant, ce S3C m’a bien aidé en 2007, date à laquelle j’ai débuté mon émancipation, pour commencer à construire le parcours de ma propre formation. Je suis heureux de le quitter pour tendre maintenant vers le S4C.</p>

  476. 

  477. <p>Tout d’abord, quatre difficultés majeures constatées à propos de la mise en place du S3C de 2005.</p>

  478. 

  479. <p><strong>En premier lieu, quelle vision systémique ?</strong></p>

  480. 

  481. <p>Un élément important à prendre en compte : le socle possède une énergie potentielle ; il est inerte. Seul, il n’a aucune valeur, comme d’ailleurs le programme et l’élève. Inerte car on peut laisser le texte du S3C posé sur une table au milieu d’un groupe d’élèves, il ne se passera rien. Le texte a besoin d’un expert, un pédagogue, qui a la responsabilité de décoder l’information (inerte) du Socle dans le but de créer des situations, ou des environnements, propices à des apprentissages. C’est lui également qui a la responsabilité de l’évaluation des améliorations des capacités cognitives de chaque élève. Je reprends ici l’idée donnée par Pierre-Henri Gouyon dans <a href="http://www.editionsladecouverte.fr/catalogue/index-Fabriquer_le_vivant__-9782707169860.html" target="_blank">Fabriquer le vivant</a> lorsqu’il dit  » <em>Mon exemple favori pour illustrer ce point est celui de la recette de cuisine qui va permettre de fabriquer une tarte aux pommes : on part d’une chose amorphe (le livre de recettes), que le cuisinier va lire (décoder) pour produire une entité matérielle (la tarte aux pommes)</em>. » Par conséquent, l’élément primordial dans la transmission de l’information puis dans la réussite du processus demeure plus que jamais le pédagogue (ses connaissances, ses savoirs, ses compétences, sa culture), comme le ribosome lorsqu’il transforme (transduit, traduit) les informations de l’ADN/ARN en protéines. Pour prolonger l’image, en tentant la botanique et un peu de Darwinisme, j’ajoute que l’on ne peut pas comprendre chaque orchidée si on ne lui associe pas son insecte butineur : c’est l’association de ces deux espèces totalement différentes qui prolonge l’orchidée et lui donne sens.</p>

  482. 

  483. <p>En somme, sortir du cadre habituel d’observation, de réflexion, de raisonnement.</p>

  484. 

  485. <p>Pour sa mise en oeuvre, le S3C a donc besoin d’un pédagogue, d’un programme de savoirs, et d’un apprenant. C’est donc bien la mise en relation cohérente par l’enseignant du socle, du programme et de l’élève qui permet de créer une dynamique, indépendante de l’enseignant.</p>

  486. 

  487. <p>Le socle ne peut être ni confondu avec le programme ni avec l’apprenant. Le socle n’est pas un sous-programme, ni un élève réel, ni un élève idéal ou fantasmé. Le socle est le socle. L’écueil majeur consiste à plaquer les valeurs du socle sur l’élève et à reprocher à l’élève de ne pas être en accord avec ce qui est écrit. D’ailleurs, c’est déjà ce qui est fait avec le programme.</p>

  488. 

  489. <p>Ne pas considérer l’apprentissage comme un ensemble complexe, dans sa globalité, ne permet pas de prendre en compte les flux, c’est-à-dire les liens qui construisent les connaissances.</p>

  490. 

  491. <p><strong>Second difficulté :  quelle prise en compte des flux ?</strong></p>

  492. 

  493. <p>Le rythme du S3C et le rythme du programme semblent être opposés, du moins leur flux ne sont synchrones. De plus, socle, programme et élève ne possèdent pas le même rythme, ni les mêmes objectifs. En effet, les programmes représentent un savoir, un résultat. Le socle de compétences lui représente un processus grâce auquel on peut construire des connaissances pour comprendre les informations implicites du monde. Ainsi la masse de savoirs donnée le programme et par le socle est bien supérieure aux possibilités cognitives d’un élève. Si un enseignant peut consacrer quelques minutes pour aborder un savoir nouveau, il faudra en revanche des heures (des mois ?) pour que l’élève puisse le décoder, le transcrire, l’utiliser, le maîtriser et être compétent. Il s’agit donc d’employer l’énergie des conflits et des contradictions, et non pas d’éliminer les conflits et les contradictions : le système permettant au socle et au programme d’exister c’est l’élève.</p>

  494. 

  495. <p><strong>Une troisième difficulté : quelle statut pour l’exigence demandée par chaque élève ?</strong></p>

  496. 

  497. <p>Chaque année, l’immense majorité des élèves me répond : « <em>je viens au collège pour apprendre, pour progresser</em>« . Comment faire prendre conscience à l’ensemble des enseignants, des parents, que le socle est un moyen pour mettre en oeuvre les programmes, et que cette mise en oeuvre est prise en charge par un élève avec l’aide d’un enseignant. En d’autres termes, il s’agit considérer que c’est à l’élève de faire le chemin, dans des situations, pour construire ses connaissances, à son rythme, et avec courage.</p>

  498. 

  499. <p>Mais la masse de savoirs du programme à mettre en oeuvre semble empêcher de considérer l’élève comme étant l’objectif de l’enseignement. C’est dommage car notre but, me semble-t-il, est de trouver un équilibre d’énergie entre la transmission des savoirs et la pédagogie : l’enseignant apprend de l’élève qui apprend. Le summum de l’antipédagogie ne serait donc pas forcément d’ignorer la pédagogie, et donc l’élève, mais consisterait pour un enseignant de passer son temps à créer son manuel de savoirs à destination de ses élèves ; heureusement, aucun enseignant n’est assez stupide pour perdre son temps de cette manière.</p>

  500. 

  501. <p>La non prise en compte des exigences de l’élève, du fait qu’il construit ses connaissances, savoirs et compétences dans des situations est préjudiciable pour une vision partagée.</p>

  502. 

  503. <p><strong>Une quatrième difficulté : quelle vision partagée ?</strong></p>

  504. 

  505. <p>Chaque enseignant devraient s’approprier les 7 piliers du S3C, sans en éliminer. Il me semble que pour aller au-delà de la pluridisciplinarité (juxtaposition) et créer de l’interdisciplinarité (inclusions), il faudrait connaître un minimum les savoirs et méthodes employées dans chacune des disciplines. Dans toutes les réunions et stages auxquels j’ai assisté, il était de tradition de choisir ses piliers en fonction de sa discipline et dans les piliers, choisir les items qui « évoquaient le plus notre discipline ». Ainsi, deux possibilités :</p>

  506. 

  507. <ul>

  508. <li>soit voir les 7 piliers du socle de manière hiérarchique</li>

  509. </ul>

  510. 

  511. <p><a href="https://pedagogieagile.files.wordpress.com/2015/02/socle20052.jpg"><img class="aligncenter size-large wp-image-1459" src="https://pedagogieagile.files.wordpress.com/2015/02/socle20052.jpg?w=529&amp;h=277" alt="socle20052"/></a></p>

  512. 

  513. <ul>

  514. <li>soit choisir les compétences, les hiérarchiser puis éliminer les items encombrants</li>

  515. </ul>

  516. 

  517. <p><a href="https://pedagogieagile.files.wordpress.com/2015/02/socle20053.jpg"><img class="aligncenter size-large wp-image-1458" src="https://pedagogieagile.files.wordpress.com/2015/02/socle20053.jpg?w=529&amp;h=276" alt="socle20053"/></a></p>

  518. 

  519. <p>Par exemple, il est même possible de voir dans des manuels scolaires de français une élimination des compétences scientifiques.</p>

  520. 

  521. <div id="attachment_1457" class="wp-caption aligncenter"><a href="https://pedagogieagile.files.wordpress.com/2015/02/s3cmanuel.jpg"><img class="size-medium wp-image-1457" src="https://pedagogieagile.files.wordpress.com/2015/02/s3cmanuel.jpg?w=224&amp;h=300" alt="manuel scolaire de français"/></a><p class="wp-caption-text">manuel scolaire de français</p></div>

  522. 

  523. <p>Franchement, est-il vraiment possible de placer un élève, en cours de littérature ou de grammaire, dans une situation d’apprentissage afin que des compétences puissent émerger sans aucune démarche d’investigation ? Je reste perplexe.</p>

  524. 

  525. <p>Le socle ne peut être confondu avec le programme.</p>

  526. 

  527. <p>L’idée du socle est tout le contraire. Il fallait donc l’améliorer afin que chacun puisse se l’approprier, le partager, l’utiliser.</p>

  528. 

  529. <p>En juin 2014 puis en février 2015, amélioration du S3C par le S4C, le Socle Commun des Connaissances, des Compétences et de Culture. Il est commun à tous : élèves, enseignants, parents, citoyens.</p>

  530. 

  531. <p><em><strong>Le S4C.</strong></em></p>

  532. 

  533. <p><a href="http://cache.media.education.gouv.fr/file/CSP/05/7/Projet_de_socle_commun_de_connaissances,_de_competences_et_de_culture_12_fev_15_392057.pdf" target="_blank">Le S4C de février 2015</a> est présenté sous 5 domaines. Il représente une orientation pour une culture commune, une forme de pari, un ambitieux et stimulant levier.</p>

  534. 

  535. <p>A l’inverse du S3C, il propose des domaines qui ne sont pas hiérarchisés et c’est, je crois, sa force car il est, cette fois-ci, impossible d’éliminer un domaine en fonction de sa discipline d’enseignement.</p>

  536. 

  537. <p>Ces domaines ont des niveaux de complexité croissante. Ils s’incluent les uns dans les autres. Il ne s’agit plus d’une hiérarchie, mais d’une holarchie.</p>

  538. 

  539. <p>Le premier domaine est inclu dans le second domaine, ces deux domaines sont inclus dans le troisième, qui est inclu dans le quatrième ; le cinquième et dernier niveau englobe les quatre niveaux. Il s’agit d’une forme d’emboîtement, ou de poupées russes. Cependant la notion d’emboîtement ne permet pas de comprendre que si on élimine le premier niveau, cette élimination à pour conséquence de provoquer l’élimination de tous les autres niveaux ; ou si on élimine le second niveau alors les trois niveaux supérieurs n’existent plus. Cette holarchie permet une tension structurante. Le niveau 5, « représentation du monde et activité humaine, est alimenté par le niveau 1, Langages pour penser et communiquer, et il alimente le niveau 1.  Cette boucle récursive permet au système de trouver sa cohérence. Cette structure donne une direction. Cette direction est une culture.</p>

  540. 

  541. <p>Je pourrais donc représenter le S4C ainsi, avec le premier domaine en bleu au centre des quatre autres domaines aux couleurs de plus en plus chaudes :</p>

  542. 

  543. <p><a href="https://pedagogieagile.files.wordpress.com/2015/02/projet-socle-fevrier-2015.jpg"><img class="aligncenter size-large wp-image-1478" src="https://pedagogieagile.files.wordpress.com/2015/02/projet-socle-fevrier-2015.jpg?w=529&amp;h=748" alt="projet socle fevrier 2015"/></a></p>

  544. 

  545. <p><a href="https://pedagogieagile.files.wordpress.com/2015/02/projet-socle-fevrier-2015.pdf" target="_blank">En pdf ici</a></p>

  546. 

  547. <p>La lecture de ce tableau commence par le niveau bleu. Il est inclu dans les 4 autres domaines. Les langages permettent d’apprendre et de communiquer. Ils ont besoin d’une direction. Elle est proposée par les niveaux supérieurs qui donnent une légitimité (une utilité ?) aux communications et aux créations pour l’apprentissage (niveau 1 – bleu et niveau 2 – vert) : devenir une personne et un citoyen (niveau 3 – jaune) en considérant les systèmes de la naturels et techniques comme complémentaires (niveau 4 – orange) afin de tendre vers une compréhension de la complexité du monde et des concepts (niveau 5 – rouge) , eux-mêmes utilisant les langages et la communication (niveau 1 – bleu).</p>

  548. 

  549. <p>Le cinquième domaine n’a q’une existence très fragile sans les quatre domaines inférieurs. Il s’agit donc de voir une tension, une énergie, une complémentarité entre les différents niveaux. Chaque domaine est interdépendant des autres, permettant l’apparition de propriétés émergentes créant le domaine supérieur lui-mêle encadré par le niveau qui lui est immédiatement supérieur. C’est ce qui se déroule en grammaire avec le <a title="Pour quelles raisons je ne fais plus aucun cours de grammaire ou de conjugaison, et mes élèves progressent." href="http://pedagogieagile.com/2013/09/25/pour-quelles-raisons-je-ne-fais-plus-aucun-cours-de-grammaire-ou-de-conjugaison-et-mes-eleves-progressent/" target="_blank">grammosome</a>.</p>

  550. 

  551. <p>De plus, dans chaque domaine, le S4C alterne l’élève présenté autant comme un système individuel créatif que comme un système relié aux autres par la création, dans des environnements structurants et propices aux apprentissages. L’énergie de cette <a title="L’apprentissage est une oscillation créant des structures instables et floues" href="http://pedagogieagile.com/2014/04/22/990/" target="_blank">oscillation</a> est primordiale. Elle permet aussi de donner du sens et de la valeur.</p>

  552. 

  553. <p>Ce sont les raisons pour lesquelles je trouve ce projet de S4C particulièrement stimulant. J’espère qu’il aura un impact disruptif sur les pédagogies, l’apprentissage des élèves, la formation des enseignants.</p>

  554. 

  555. <p>Il reste maintenant à attendre les programmes respectifs des différents cycles. Il faudra ensuite apprendre à associer ces futurs nouveaux programmes à ce futur nouveau S4C, en espérant obtenir (<em>c’est un voeu dans une bouteille à la mer</em>) de la part du CSP, le conseil Supérieur des Programmes, le partage de son indispensable bibliographie non exhaustive lui ayant permis de créer ce S4C.</p>

  556. 

  557. <p>Par la suite, sur le terrain, il conviendra de prendre en compte de <a title="Les valeurs" href="http://pedagogieagile.com/2012/05/12/les-valeurs/" target="_blank">manière agile</a> chaque élève en fonction de ses capacités cognitives, l’associer simultanément au Socle et au Programme, en mettant en place des situations variées grâce à des pédagogies et un management adéquat créant ainsi, espérons-le, une cohérence dans l’ensemble de ces systèmes mis en relation.</p>

  558. 

  559. <p>Pour finir, puisque, dans une démarche pédagogique holarchique, il ne faut jamais s’éloigner de la maternelle, les germes des programmes sont déjà disponibles <a href="http://eduscol.education.fr/consultations-2014-2015/events/programmes-de-lecole-maternelle/" target="_blank">ici</a>.</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/02/25/du-s3c-hierarchique-au-s4c-holarchique/">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>