tlc-workshop-for-educators-FR/notes-fr.html at master · canadalearningcode/tlc-workshop-for-educators-FR · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  <title>Canada Learning Code</title>
  <link rel="stylesheet" href="framework/css/slideshow.css" data-noprefix>
  <link rel="stylesheet" href="framework/css/fonts.css" data-noprefix>
  <link rel="stylesheet" href="framework/css/highlightjs/github.css" data-noprefix>
  <link rel="stylesheet" href="framework/css/styles.css" data-noprefix>
  <link rel="shortcut icon" href="framework/img/favicon.ico">

  <!-- Takes care of CSS3 prefixes -->
  <script src="framework/scripts/prefixfree.min.js"></script>

  <!-- opens all links in a new window -->
  <base target="_blank">
</head>

<!-- Timer/progress bar: Define the presentation duration using "data-duration" in minutes. -->
<body class="en" data-duration="360">


  <main>
  <section class="slide" data-toc data-markdown>
    <script type="text/template">
      # Enseignants en programmation : ATELIER POUR LES ENSEIGNANTS

      ##Notes d'enseignement
      ##6 heures

      <br>
      #Ressources

      * Le robot : [plan de cours](https://www.canadalearningcode.ca/fr/lecons/le-robot/)
      * Paint avec Gobo [plan de cours](https://www.canadalearningcode.ca/lessons/paint-with-gobo/) EN ANGLIAS <!--In translation-->
      * Profils de superhéros : [plan de cours](https://www.canadalearningcode.ca/fr/lecons/profil-de-superheros/)
      * Site Web de tourisme : [plan de cours](https://www.canadalearningcode.ca/fr/lecons/site-web-de-tourisme-avec-glitch/)
      * Coffre à outils numérique : [guide de démarrage](https://www.canadalearningcode.ca/wp-content/uploads/clc-teacher-digital-toolbox-guide-fr_FINAL-OCT242018-WEB.pdf)

      <br>
      #Survol du jour

      ##ACTIVITÉ BRISE-GLACE : LE ROBOT [12 minutes]
      https://www.canadalearningcode.ca/fr/lecons/le-robot/

      * Dans le cadre de cette activité hors ligne (version française disponible), les apprenants en groupe de deux jouent le rôle du robot et du programmeur chacun à leur tour.
      * Réflexion :
        * Quel rôle était le plus difficile?
        * Pourquoi?
        * Discutez des concepts appris et des changements à apporter à l'activité.

      ##ORDRE DU JOUR [3 minutes]

      <br>
      ##PRÉSENTATION [10 minutes]

      * Pourquoi êtes-vous ici? Quels sont vos objectifs?
      * Présentation des formateurs et des mentors
      * Les objectifs de l'atelier

      ##QU'EST-CE QUE TEACHERS LEARNING CODE? [15 minutes]

      * Présentation de l’organisme
      * Pourquoi ce programme a-t-il vu le jour?
      * La clé de notre succès en programmation
      * Pourquoi enseigner la programmation?
      * Objectifs d'apprentissage
      * Question de diversité
      * Que comprend le programme?
      * Pour qui ce programme est-il conçu?

      ##OUTIL D'ENSEIGNEMENT : SCRATCH [60 minutes]
      https://www.canadalearningcode.ca/lessons/paint-with-gobo/ (en anglais)

      * Programmation en groupe avec Scratch
        * Indiquez les éléments principaux (lutins, scène, scripts) OU visionnez la vidéo d’introduction avec le groupe (en anglais)
        * Accordez 2 ou 3 minutes aux éducateurs afin que ceux-ci puissent relever quelques défis
        * Voir la feuille de défis pour obtenir de l'aide (http://bit.ly/defis-scratch)
      * Découvrir Scratch avec une leçon de Teachers Learning Code
        * Nous recommandons la leçon Peindre avec Gobo (déjà dans les diapositives)
        * Consultez le corrigé de la leçon Peindre avec Gobo
        * Suivez les consignes de la leçon (en anglais), essayez des activités de prolongement et faites des variations avec les éducateurs.
      * Abordez des concepts tels que :
        * La logique et le raisonnement (les événements, les boucles, les expressions conditionnelles)
        * Outil en ligne ou hors ligne (les deux sont gratuits)
        * Toutes les solutions sont bonnes en programmation. Les « vrais » développeurs résolvent un même problème de manières différentes.

      ## DÉMONSTRATIONS + DISCUSSION + Débogage [45 minutes]

      * La moitié du groupe se déplace, l'autre moitié présente ce qu'elle a accompli.
      * Répétez la même activité en inversant les rôles.
      * Discutez des obstacles rencontrés
      * Quels obstacles les élèves rencontreront-ils?
      * Apprentissage structuré ou par exploration?
      * Encouragez la différenciation pédagogique selon les différents styles d'apprentissage.
      * Activité de débogage
      * Accordez-leur du temps pour déboguer un ou deux projets.

      ##DÎNER [60 minutes]

      <br>
      ##CRÉATION SUR LE WEB AVEC HTML & CSS [10 minutes]

      * Expliquez en quoi consistent le HTML et le CSS.

      ##OUTIL D'ENSEIGNEMENT : GLITCH [45 minutes]
      https://www.canadalearningcode.ca/fr/lecons/profil-de-superheros/

      * Consultez l'exemple de projet et le code source HTML de la page
      * Demandez aux éducateurs de faire un remue-méninge à propos de leur modèle ou idole (afin de collecter des informations).
      * Réalisez l'activité Profils de superhéros (disponible en français).
        * Montrez-leur comment modifier du texte et remplacer une image par une autre trouvée sur Google.

      ##PAUSE [10 minutes]

      <br>
      ##OUTIL D'ENSEIGNEMENT : GLITCH [45 minutes]
      https://www.canadalearningcode.ca/fr/lecons/site-web-de-tourisme-avec-glitch/

      * Demandez aux éducateurs de faire une petite recherche sur leur province préférée ou leur territoire préféré du Canada
      * Réalisez l’activité Tourisme (disponible en français)
        * Remixez le projet HTML initial
        * Montrez-leur comment modifier des éléments de texte.
        * Montrez-leur comment intégrer une vidéo YouTube (Partager > Intégrer > Copier, copier et coller le code iframe dans le fichier HTML).
        * Invitez les éducateurs à remixer leur propre page.
        * Montrez-leur comment modifier des styles CSS, si le temps le permet. Pour plus d’inspiration : http://css.cool
        * Rappelez à tout le monde de renommer leur projet (en haut, à gauche) et de le publier.

      ##DÉMONSTRATIONS + DISCUSSION [30 minutes]
      * Demandez à des éducateurs de présenter leur profil de superhéros ou leur site Web de tourisme au groupe.
      * Quels obstacles les élèves rencontreront-ils?
      * Apprentissage structuré ou par l'exploration?
      * Encouragez la différenciation pédagogique (le respect des différents styles d'apprentissage).

      ##LA SUITE [15 minutes]
      * Question au groupe : quelle est la prochaine étape, selon vous?
      * Donnez-leur quelques idées.
      * Distribuez quelques papillons adhésifs et des crayons.
      * Demandez-leur d’écrire leur prochaine étape et de partager celle-ci avec leur voisin ou voisine.
      * En conclusion, demandez-leur de coller leur papillon adhésif sur le mur. Ainsi, ils pourront voir les idées des autres et être inspirés pour la suite des choses.
      * MERCI!
      * Sondage de rétroaction

      ##Autres sujets de discussion / idées pour la séance de travail
      * Discutez de l’évaluation.
      * Comment enregistrer, partager et soumettre son projet pour l’évaluation
      * Adresses URL individuelles dans Scratch et Mozilla Thimble
      * Compte pour enseignant dans Scratch
      * Encouragez tout le monde à partager une notion qu’ils ont apprise.
      * Séance de travail
      * Comment utiliser ces informations dans sa propre classe dès la semaine prochaine
      * Plan de leçon
      * Discutez ensemble et je vous apporterai du soutien


    </script>
  </section>

  </main><!-- cls main section -->

  <script src="framework/scripts/jquery-1.11.0.min.js"></script>
  <script src="framework/scripts/slideshow.js"></script>

  <!-- Uncomment the plugins you need -->
  <script src="framework/scripts/plugins/css-edit.js"></script>
  <script src="framework/scripts/plugins/css-snippets.js"></script>
  <script src="framework/scripts/plugins/css-controls.js"></script>
  <!-- <script src="plugins/code-highlight.js"></script>-->

  <script src="framework/scripts/plugins/markdown/marked.js"></script>
  <script src="framework/scripts/plugins/markdown/markdown.js"></script>
  <script src="framework/scripts/plugins/highlight/highlight-8.4.min.js"></script>
  <script>hljs.initHighlightingOnLoad();</script>
  <script src="framework/scripts/llc.js"></script>
  <script>
    var slideshow = new SlideShow();

    // Grabs all the .snippet elements
    var snippets = document.querySelectorAll('.snippet');
    for(var i=0; i<snippets.length; i++) {
      new CSSSnippet(snippets[i]);
    }
  </script>
</body>
</html>