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 29KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601
  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>Enseigner et tenir un journal de bord (2) (archive) — David Larlet</title>
  13. <!-- Generated from https://realfavicongenerator.net/ such a mess. -->
  14. <link rel="apple-touch-icon" sizes="180x180" href="/static/david/icons/apple-touch-icon.png">
  15. <link rel="icon" type="image/png" sizes="32x32" href="/static/david/icons/favicon-32x32.png">
  16. <link rel="icon" type="image/png" sizes="16x16" href="/static/david/icons/favicon-16x16.png">
  17. <link rel="manifest" href="/manifest.json">
  18. <link rel="mask-icon" href="/static/david/icons/safari-pinned-tab.svg" color="#5bbad5">
  19. <link rel="shortcut icon" href="/static/david/icons/favicon.ico">
  20. <meta name="apple-mobile-web-app-title" content="David Larlet">
  21. <meta name="application-name" content="David Larlet">
  22. <meta name="msapplication-TileColor" content="#da532c">
  23. <meta name="msapplication-config" content="/static/david/icons/browserconfig.xml">
  24. <meta name="theme-color" content="#f0f0ea">
  25. <!-- That good ol' feed, subscribe :p. -->
  26. <link rel=alternate type="application/atom+xml" title=Feed href="/david/log/">
  27. <meta name="robots" content="noindex, nofollow">
  28. <meta content="origin-when-cross-origin" name="referrer">
  29. <!-- Canonical URL for SEO purposes -->
  30. <link rel="canonical" href="http://www.lettresvives.org/2019/01/30/enseigner-et-tenir-un-journal-de-bord-2/">
  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. Enseigner et tenir un journal de bord (2) (archive)
  440. <time>Pour la pérennité des contenus liés. Non-indexé, retrait sur simple email.</time>
  441. </h1>
  442. <section>
  443. <article>
  444. <h3><a href="http://www.lettresvives.org/2019/01/30/enseigner-et-tenir-un-journal-de-bord-2/">Source originale du contenu</a></h3>
  445. <p><em><img class="size-medium wp-image-419 alignright" src="http://www.lettresvives.org/wp-content/uploads/2019/01/journal01-300x200.jpg" alt=""/>Face à l'urgence du quotidien et à la pression incessante des injonctions venant de tous les côtés, le journal de bord, ou journal pédagogique, constitue selon nous un levier de réflexion, de prise de recul et de d'évolution professionnelle et personnelle puissant, que chacun·e, nous pratiquons de manière différente.</em></p>
  446. <p><em>C'est pourquoi nous avons choisi de le présenter à travers plusieurs articles constitués de réflexions théoriques, de récits d'écriture, de prises de distance également.</em></p>
  447. <p><a href="http://www.lettresvives.org/2019/01/24/enseigner-et-tenir-un-journal-de-bord/"><span>Premier article : présentation théorique</span></a></p>
  448. <p>Voici le second article, constitué de récits d'écriture livrés par plusieurs collègues, et de réflexions sur ce qu'apporte la pratique du journal de bord.</p>
  449. <p><strong><span>« Cela me permet de construire une représentation du réel plus efficace pour agir ». (Magda)</span></strong></p>
  450. <p>« J'écris dans mon journal pédagogique parfois de manière libre et spontanée, parfois en prenant appui sur les points de ma fiche-repères. J'y consigne mes impression, mes sentiments, des faits marquants, mes interrogations, mes doutes, mes analyses. Je m'y réfère pour préparer mes cours, me rappeler de ce que j'ai fait, comment cela a été vécu, quelles ont été les relations, les réactions. J'apprends ainsi à mieux me connaître mais aussi à mieux connaître mes élèves afin de pouvoir ajuster mon enseignement et mes attitudes. C'est le lieu où je confronte mes valeurs et mes modèles pédagogiques à mon action et à mon attitude en classe. C'est un « moyen de se rendre plus fidèle à ses propres choix » (Barlow-Boissière-Mabille, Écrire son journal pédagogique : analyser et élaborer sa pratique, 2002).</p>
  451. <p>Même s'il ne s'agit évidemment pas d'essayer de prendre une posture objective, le temps que je prends en fin de journée pour écrire me permet de me « repasser » certains moments des cours, qui m'ont marquée, en prenant la distance que je ne pouvais pas prendre pendant que je vivais ces moments avec mes « filtres ». Cela me permet de construire une représentation du réel plus efficace pour agir. Je « vois » alors les situations « comme » un observateur extérieur et je comprends ainsi bien souvent des réactions des élèves ou les miennes qui m'avaient surprise ou déconcertée sur le coup. Je fais le pari qu'à force d'étudier ainsi mes expériences, je pourrai véritablement intégrer ce que je souhaite mettre en pratique et progresser dans mon apprentissage. »</p>
  452. <p><strong><span>« Le passage par l'écriture m'aide essentiellement au moment précis où j’écris ». (Marlène)</span></strong></p>
  453. <p>« J’écris quand l’instant vécu dans la classe déborde et qu’aucun interlocuteur immédiat ne peut recevoir le surplus d’expérience, fait d’émotions et de réflexions.</p>
  454. <p>Je ne tiens pas à proprement parler de journal  mais j'ouvre une série de fichiers épars augmentés au fil des diverses activités en cours, date après date. Comme un journal c'est une écriture de collage, mais encore plus morcelée.</p>
  455. <p>Écrire, cela permet de tenir, avant de retenir. Tenir la distance. Distance dans la durée : endurer de me taire, d’enfermer les émotions en mon for intérieur. Distance  dans l’espace entre les élèves et moi, pour leur laisser de la place, sans l’occuper d’emblée de ma propre puissance.</p>
  456. <p>Écrire, c’est garder pour moi ce que je pourrais avoir envie de donner mais qui n’est ni destiné ni utile aux personnes que je côtoie, quand bien même cela les concerne au premier chef. Les réflexions et les émotions qui me viennent en classe s’articulent en effet étroitement avec l’existence concrète des personnes qui sont à mes côtés, mais elles ne leurs sont pas adressées.</p>
  457. <p>Ce que j’écris : des instants dans la classe, volatiles, faits de mots, de regards ou d'impressions, que j'ai sentis lourds de sens  et vécus intensément. La qualité extrêmement authentique de certains moments d'apprentissage s'exprime dans des détails infimes et de grande valeur quand on observe la façon dont une personne bascule dans l’apprentissage ou résiste. Je n’aime pas spécialement les animaux, mais paradoxalement, j’aime beaucoup lire les récits des observateurs en milieu naturel parce que j’y retrouve un peu de mon métier et de la discrétion nécessaire pour espérer saisir quelque chose de sensible.</p>
  458. <p>Je ne relis que très peu ces documents, souvent seulement les dernières lignes, pour reprendre le fil et chercher la dernière résolution, la dernière tentative. Lorsque des idées commencent à émerger pour l'année suivante, j'ouvre un nouveau fichier et ça repart. Les travaux passés se détachent rapidement de mes préoccupations, je ne cherche pas à les retenir par l'écriture. C'est comme si l'expérience et la conscience se construisait autant sur l'oubli que sur la mémoire.</p>
  459. <p>Le passage par l'écriture m'aide essentiellement au moment précis où j’écris. Déposer le lot d'émotions, positives ou négatives, et approfondir en écrivant, en cherchant le mot juste, le sens de ce qui vient de se produire.</p>
  460. <p>J’adresse souvent cet écrit rapide à un regard ami dont l’acuité, à la fois critique et rassurante, m’aide à passer à autre chose.</p>
  461. <p>Et je conserve ces traces.  Sans même les relire, je sais qu’elles sont là et témoignent d’une aventure en cours. La fluidité de notre travail, son inachèvement permanent est source d’émotions ambivalentes.  Il y a un grand plaisir à se sentir libre de recommencer, de renouveler l’expérience en choisissant à nouveau ses variables.</p>
  462. <p>Mais  mener une tâche dépourvue de terme et d’achèvement est aussi source de désarroi et de fatigue.</p>
  463. <p>L’écriture sert encore une fois à tenir avant de retenir. »</p>
  464. <p><strong><span>« Écrire, c'est aussi résister ». (Jacqueline)</span></strong></p>
  465. <p>« Des feuilles pliées en deux, des carnets dans le sac, quelques fichiers dans l'ordinateur, voilà tous les supports qui me tiennent lieu de journal de bord.</p>
  466. <p>Rien de structuré, en tout cas au début : généralement, je note des idées, je décris des situations, je fais des constats sur des scénarios pédagogiques qui ont bien fonctionné, ou qui sont à reprendre ou à abandonner. Il m'arrive aussi de relever les petites surprises que nous offre le quotidien de prof : une jolie phrase d'élève, un enchaînement de faits et de réflexions, de la part des élèves, qui nous a amenés dans une direction inattendue et enrichissante... Souvent aussi, avec rage, j'extériorise sur le papier une frustration, ou une colère, ou un lourd sentiment d'impuissance face à un·e élève, à un blocage pédagogique, une activité qui a mal tourné.</p>
  467. <p>Mais dans tous les cas, mon écriture n'est ni quotidienne, ni systématique. Elle naît d'un besoin, pas d'une habitude que je m'impose.</p>
  468. <p>Le « classement » de ces écrits est tout aussi chaotique : il y en a dans mon cahier de prof, dans un classeur qui j'avais ouvert à cet effet, glissé quelque part dans ma sacoche. Pas de fil thématique, pas de fil chronologique non plus, bien que je m'efforce maintenant de dater mes écrits.</p>
  469. <p>Pourquoi alors, écrire ? Pourquoi tenir un journal, quelle que soit sa forme, si c'est pour qu'il soit aussi décousu ?</p>
  470. <p>Tout d'abord, pour dérouler un fil : écrire, ça me force à me poser, à analyser, surtout les situations de classe, réussies ou problématiques. Quand c'est réussi – et parfois de manière inespérée ! - , j'aime savoir pourquoi, tout comme j'ai besoin de comprendre d'où viennent les points de blocage, de dépasser le simple constat.</p>
  471. <p>Passer par l'écrit permet de raconter les faits, de dérouler la chronologie et d'entrer ensuite dans une réflexion sur les liens entre les événements, sur les causes et les effets d'une action, d'une parole, d'un mot lu dans un texte et parfois même de quelque chose qui s'est passé avant mon cours. Je mène l'enquête, en quelque sorte. Plus j'écris, plus je comprends ce qui s'est passé et plus je construis la suite de mon action pédagogique.</p>
  472. <p>À plus long terme, l'écriture me permet également de structurer mes pratiques, de leur donner une cohérence, de les faire évoluer, aussi. Là, c'est un acte plus réfléchi et j'y consacre du temps. Les notes prises au fil des jours me servent de base pour une réflexion plus construite sur telle pratique, tel support, telle pédagogie. Je pioche dans mes papiers les phrases d'élèves, les situations qui vont servir à nourrir ma réflexion et à appréhender la manière dont j'ai évolué dans ma manière d'enseigner, les différentes étapes, les raisons et le sens des modifications. Cela donne alors naissance à des textes un peu plus longs et plus construits, que je partage en les publiant dans des revues ou sur des sites pédagogiques et militants.</p>
  473. <p>Écrire, pour moi, c'est finalement une façon de reprendre la main sur mon temps : évacuer le sentiment d'urgence, me mettre dans une bulle pour construire ou retrouver une cohérence entre mes pratiques et mon éthique.</p>
  474. <p>Écrire, c'est aussi résister. À la fuite du temps, donc, mais aussi aux pressions qui viennent de tous les côtés et qui voudraient que l'on dévie de nous-mêmes et que l'on perde notre identité – professionnelle – que l'on ne prenne plus le temps de réfléchir et que l'on se transforme en simple exécutant. »</p>
  475. <p><strong><span>Les écueils de l'écriture du journal :</span></strong></p>
  476. <p>Magda et Marlène ont essayé de tenir un journal de manière régulière (chaque jour ou chaque semaine, par exemple), sur une ou plusieurs classes. Il s'agissait de garder des traces des séances d'enseignement et d'en faire une analyse, plus ou moins approfondie, plus ou moins distancée, afin de repérer les situations de réussites, les écueils et les éléments à mettre en place pour les franchir.</p>
  477. <p>Marlène a vécu ce mode d'écriture, systématisé et méthodique, comme quelque chose de plus enfermant que libérateur : la régularité qu'elle s'imposait devenait oppressante, voire paralysante. Le temps et l'énergie nécessaires à l'écriture devenaient chaque jour plus importants.</p>
  478. <p>Ayant décidé de partager son journal avec deux personnes, Marlène a également constaté qu'elle était tombée dans le piège de la recherche infinie de précisions et d'explications de ce qui se fait en classe, et parfois même dans le piège de la fictionnalisation et de la littérarité. Cette orientation prise par l'écriture lui demandait un travail plus conséquent encore et l'éloignait, finalement, du cœur de son travail : accompagner l'apprentissage des élèves. Le trop-plein d'écriture devenait, paradoxalement, une gêne, un obstacle pour penser les situations en classe.</p>
  479. <p>Magda, de son côté, estime que cet outil est vraiment enrichissant et stimulant. C'est ce qui lui a permis de mieux définir et construire son identité professionnelle. Toutefois, cette pratique étant très prenante, elle la considère comme une "auto-formation" et à ce titre y a recours comme on participe à un module de formation. Une année sur deux ou sur trois peut-être, sur plusieurs mois, quand le manque de motivation, de compréhension ou de sens se fait sentir. Le reste du temps, elle garde une pratique moins systématique, plus irrégulière et plus libre, pour n'en conserver que les avantages réflexifs et créateurs de pratiques toujours plus ajustées à ses élèves et à son éthique professionnelle.</p>
  480. <p>Suite à ces expériences de journal systématisé, Marlène a décidé de mettre cette forme d'écriture entre parenthèses, du moins quelques temps, préférant les échanges directs avec les collègues à la solitude de l'écriture.</p>
  481. <p>Magda, quant à elle, est revenue à une pratique moins systématique, plus irrégulière et plus libre, pour n'en conserver que les avantages réflexifs et créateurs de pratiques toujours plus ajustées à ses élèves et à son éthique professionnelle.</p>
  482. <p><em>Quelques écueils, donc, mais nous serions ravi·es d'échanger avec des collègues qui pratiquent quotidiennement l'écriture d'un journal professionnel sans s'en sentir prisonnier·es.</em></p>
  483. </article>
  484. </section>
  485. <nav id="jumpto">
  486. <p>
  487. <a href="/david/blog/">Accueil du blog</a> |
  488. <a href="http://www.lettresvives.org/2019/01/30/enseigner-et-tenir-un-journal-de-bord-2/">Source originale</a> |
  489. <a href="/david/stream/2019/">Accueil du flux</a>
  490. </p>
  491. </nav>
  492. <footer>
  493. <div>
  494. <img src="/static/david/david-larlet-avatar.jpg" loading="lazy" class="avatar" width="200" height="200">
  495. <p>
  496. Bonjour/Hi!
  497. 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>
  498. 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>).
  499. </p>
  500. <p>
  501. 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>.
  502. </p>
  503. <p>
  504. Voici quelques articles choisis :
  505. <a href="/david/blog/2019/faire-equipe/" title="Accéder à l’article complet">Faire équipe</a>,
  506. <a href="/david/blog/2018/bivouac-automnal/" title="Accéder à l’article complet">Bivouac automnal</a>,
  507. <a href="/david/blog/2018/commodite-effondrement/" title="Accéder à l’article complet">Commodité et effondrement</a>,
  508. <a href="/david/blog/2017/donnees-communs/" title="Accéder à l’article complet">Des données aux communs</a>,
  509. <a href="/david/blog/2016/accompagner-enfant/" title="Accéder à l’article complet">Accompagner un enfant</a>,
  510. <a href="/david/blog/2016/senior-developer/" title="Accéder à l’article complet">Senior developer</a>,
  511. <a href="/david/blog/2016/illusion-sociale/" title="Accéder à l’article complet">L’illusion sociale</a>,
  512. <a href="/david/blog/2016/instantane-scopyleft/" title="Accéder à l’article complet">Instantané Scopyleft</a>,
  513. <a href="/david/blog/2016/enseigner-web/" title="Accéder à l’article complet">Enseigner le Web</a>,
  514. <a href="/david/blog/2016/simplicite-defaut/" title="Accéder à l’article complet">Simplicité par défaut</a>,
  515. <a href="/david/blog/2016/minimalisme-esthetique/" title="Accéder à l’article complet">Minimalisme et esthétique</a>,
  516. <a href="/david/blog/2014/un-web-omni-present/" title="Accéder à l’article complet">Un web omni-présent</a>,
  517. <a href="/david/blog/2014/manifeste-developpeur/" title="Accéder à l’article complet">Manifeste de développeur</a>,
  518. <a href="/david/blog/2013/confort-convivialite/" title="Accéder à l’article complet">Confort et convivialité</a>,
  519. <a href="/david/blog/2013/testament-numerique/" title="Accéder à l’article complet">Testament numérique</a>,
  520. et <a href="/david/blog/" title="Accéder aux archives">bien d’autres…</a>
  521. </p>
  522. <p>
  523. 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>.
  524. </p>
  525. <p>
  526. Je ne traque pas ta navigation mais mon
  527. <abbr title="Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33.184162340">hébergeur</abbr>
  528. conserve des logs d’accès.
  529. </p>
  530. </div>
  531. </footer>
  532. <script type="text/javascript">
  533. ;(_ => {
  534. const jumper = document.getElementById('jumper')
  535. jumper.addEventListener('click', e => {
  536. e.preventDefault()
  537. const anchor = e.target.getAttribute('href')
  538. const targetEl = document.getElementById(anchor.substring(1))
  539. targetEl.scrollIntoView({behavior: 'smooth'})
  540. })
  541. })()
  542. </script>