-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathnotes-en.html
More file actions
216 lines (160 loc) · 11.4 KB
/
notes-en.html
File metadata and controls
216 lines (160 loc) · 11.4 KB
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
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
<!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">
# Teachers Learning Code: Scratch for Educators
##Instructor Notes
* <a href="#slide2" target="_self">Notes for full day (6 hour) workshop</a>
* <a href="#slide3" target="_self">Notes for 2 hour visit</a>
</script>
</section>
<section class="slide" data-toc data-markdown>
<script type="text/template">
# Teachers Learning Code: Scratch for Educators
##Instructor Notes
##6 hours
<br>
#Resources
* Do the Robot <a href="https://www.canadalearningcode.ca/lessons/do-the-robot/">lesson plan</a>
* Interactive Art: Paint with Gobo <a href="https://docs.google.com/document/d/1iNRHYAays9qSobQ2kdNm-z1nQx3GV7x1_3masDF7V_o/edit">solution sheet</a>
* Stretch and Scuttle <a href="https://www.canadalearningcode.ca/lessons/stretch-and-scuttle/">lesson plan</a>
* Self-Driving Cars <a href="https://www.canadalearningcode.ca/lessons/self-driving-cars/">lesson plan</a>
* Deconstructing Code <a href="https://www.canadalearningcode.ca/lessons/deconstructing-code/">lesson plan</a>
* Digital Toolbox: <a href="https://www.canadalearningcode.ca/wp-content/uploads/teacher-quick-start-guide.pdf">Quickstart Guide</a>
* Digital Toolbox: <a href="https://www.canadalearningcode.ca/wp-content/uploads/clc-teacher-scratch-toolbox-guide.pdf">Getting Started with Scratch </a>
<br>
#Schedule
* <strong>Introduction (30 min)</strong>: Coders' Code, Learning Goals, Do the Robot (Unplugged), What is Code, Why Teach Coding.
* <strong>Intro to Scratch (1 hour)</strong>: Why Use Scratch, Scratch Editor + Extensions, Create an account, Code Along, Interactive Artwork activity.
* <strong>Stretch Break (5 min)</strong>: Stretch and Scuttle (Unplugged).
* <strong>Example Lesson Plan (1 hour)</strong>: Introduction + Activity
* <strong>Lunch (30 min)</strong>: This is the estimated time, but you can break for lunch whenever it arrives.
* <strong>Example Lesson plan (continued) (1 hour)</strong>: Activity cont'd, Extensions, Reflection
* <strong>Assessement (30 min)</strong>: Considerations, Approach, Tools
* <strong>Lesson Planning (1 hour)</strong>: Suggested approaches, Work session, Demos (Show and Tell).
* <strong>Deconstructing Code (Unplugged) (20 min)</strong>
* <strong>Stretch Goal (if time) </strong>: Debugging activity.
* <strong>Next Steps (5 min)</strong>: Ideas, Sharing, Closing.
<br>
#Contingency
* Scratch offline editor: https://scratch.mit.edu/download
* Starter projects are included in the learner download files.
<br>
#Specific Examples + Instructions
##Do the Robot (slide 8)
Follow the Do the Robot <a href="https://www.canadalearningcode.ca/lessons/do-the-robot/">lesson plan</a>, including the extensions. Recommended tasks: High-five, Jumping Jack
##Scratch Editor (slide 16)
Open up the editor and point out the main features: Scripts, Sprites, and Stage. Demonstrate how to scroll between scripts, drag them over and connect them together, and delete them.
##Scratch Extensions (slide 17)
Click on the blue Extensions icon (bottom, left corner). Give an overview of each one, and demonstrate how to add extensions to our script library.
##Code Along Challenges (slide 19)
After 5 mintes of trying these challenges, ask volunteers to come to the front to share their solutions with the class.
##Interactive Artwork activity (slide 20)
Use the Paint with Gobo <a href="https://docs.google.com/document/d/1iNRHYAays9qSobQ2kdNm-z1nQx3GV7x1_3masDF7V_o/edit">solution sheet</a> to guide learners through this activity.
##Stretch and Scuttle (slide 24)
Use the Stretch and Scuttle <a href="https://www.canadalearningcode.ca/lessons/stretch-and-scuttle/">lesson plan</a> to facilitate this stretch break.
##Example Lesson Plan (slide 26 and on)
Our recommended lesson is: Self-Driving Cars. Use the Self-Driving Cars <a href="https://www.canadalearningcode.ca/lessons/self-driving-cars/">lesson plan</a> to facilitate this lesson. <br> <em>Optional: Replace this lesson plan info with any other Scratch lesson plan from the Teachers Learning Code website, including: Wildlife Soundscapes, Canada Takes Flight, or Doodle4Google. See the "Studio" section of our <a href="https://scratch.mit.edu/classes/45154/">Scratch Class</a> for options. All starter projects are already included. </em>
<!--
##2019 Themes (slide 27)
<strong>Note: In 2019, we want to challenge Canadians to pause and think, learn about, share, and work towards solving issues that affect us all on a global scale - while leveraging the power of technology!<br> January's theme is Futures, with this Scratch for Educators lesson as the recommended content. We want to encourage learners to share their projects using the info linked to this slide.</strong>
-->
##Assessment Considerations (slide 36)
Have learners use these points for discussion in their table groups. Use the example of the chosen Scratch lesson plan, or another one they have in mind. Loop back after 5 minutes to share with the class.
##How do we assess learning in Scratch? (slide 37)
Give learners a few minutes to explore the resources linked.
##Lesson Planning (slide 39)
Give learners 45 minutes to lesson plan either on their own or in pairs. You may want to move learners based off of grade levels or subject areas so that they can collaborate with educators of a similar focus.
##Show and Tell (slide 40)
Save time for volunteers to share what they are working on (doesn't need to be finished!)
##Deconstructing Code (slides 41-42)
Use the Deconstructing Code <a href="https://www.canadalearningcode.ca/lessons/deconstructing-code/">lesson plan</a>.
##Stretch Goal: Debugging (slides 43-44)
If you have time! Walk through the first example as a group, then give learners time to try debugging on their own or in pairs. Regroup and go over any challenges that learners weren't able to solve. Have volunteers come up to help solve these when possible.
##Next Steps (slide 46)
Encourage learners to write their next step on a post-it note and stick it on a wall before leaving.
</script>
</section>
<section class="slide" data-toc data-markdown>
<script type="text/template">
# Teachers Learning Code: Scratch for Educators
##Instructor Notes
##2 hours
<br>
#Resources
* Do the Robot <a href="https://www.canadalearningcode.ca/lessons/do-the-robot/">lesson plan</a>
* Interactive Art: Paint with Gobo <a href="https://docs.google.com/document/d/1iNRHYAays9qSobQ2kdNm-z1nQx3GV7x1_3masDF7V_o/edit">solution sheet</a>
* Digital Toolbox: <a href="https://www.canadalearningcode.ca/wp-content/uploads/teacher-quick-start-guide.pdf">Quickstart Guide</a>
* Digital Toolbox: <a href="https://www.canadalearningcode.ca/wp-content/uploads/clc-teacher-scratch-toolbox-guide.pdf">Getting Started with Scratch </a>
<br>
#Schedule
* <strong>Introduction (30 min)</strong>: Coders' Code, Learning Goals, Do the Robot (Unplugged), What is Code, Why Teach Coding.
* <strong>Intro to Scratch (1 hour)</strong>: Why Use Scratch, Scratch Editor, Code Along, Interactive Artwork activity.
* <strong>Assessement (10 min)</strong>: Approach, Tools
* <strong>Lesson Planning Ideas (15 min)</strong>: Suggested approaches.
* <strong>Stretch Goal (if time) </strong>: Debugging activity.
* <strong>Next Steps (5 min)</strong>: Ideas, Sharing, Closing.
<br>
#Contingency
* Scratch offline editor: https://scratch.mit.edu/download
* Starter projects are included in the learner download files.
<br>
#Specific Examples + Instructions
##Do the Robot (slide 8)
Follow the Do the Robot <a href="https://www.canadalearningcode.ca/lessons/do-the-robot/">lesson plan</a>, including the extensions. Recommended tasks: High-five, Jumping Jack
##Scratch Editor (slide 16)
Open up the editor and point out the main features: Scripts, Sprites, and Stage. Demonstrate how to scroll between scripts, drag them over and connect them together, and delete them.
##Code Along Challenges (slide 18)
After 5 mintes of trying these challenges, ask volunteers to come to the front to share their solutions with the class.
##Interactive Artwork activity (slide 19)
Use the Paint with Gobo <a href="https://docs.google.com/document/d/1iNRHYAays9qSobQ2kdNm-z1nQx3GV7x1_3masDF7V_o/edit">solution sheet</a> to guide learners through this activity.
##How do we assess learning in Scratch? (slide 23)
Give learners a few minutes to explore the resources linked.
##Lesson Planning Ideas (slide 25)
Walk through the different ways that educators can lesson plan using Scratch. Open up example projects. (Optionally share any projects that you have created or are working on for the "Create" approach.)
##Stretch Goal: Debugging (slides 26-27)
If you have time! Walk through the first example as a group, then give learners time to try debugging on their own or in pairs. Regroup and go over any challenges that learners weren't able to solve. Have volunteers come up to help solve these when possible.
##Next Steps (slide 28)
Encourage learners to write their next step on a post-it note and stick it on a wall before leaving.
</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>