-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathfinal.html
411 lines (392 loc) · 16.2 KB
/
final.html
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
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>
CoderDojo - Zurich Challenge Final 2018
</title>
<link href="assets/css/bootstrap.min.css" rel="stylesheet">
<link href="assets/css/coderdojozh.css" rel="stylesheet">
</head>
<body>
<a href="#content" class="sr-only sr-only-focusable">Skip to main content</a>
<!-- Static navbar -->
<div class="navbar navbar-default" role="navigation">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target=".navbar-collapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#"><img src="assets/img/dojo-small.png" id="logo" style="max-height:30px"></a>
<a class="navbar-brand" href="#">CoderDojo Zurich</a>
</div>
<!--
<div class="navbar-collapse collapse">
<ul class="nav navbar-nav">
<li class="active"><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <span class="caret"></span></a>
<ul class="dropdown-menu" role="menu">
<li><a href="#">Action</a></li>
<li><a href="#">Another action</a></li>
<li><a href="#">Something else here</a></li>
<li class="divider"></li>
<li class="dropdown-header">Nav header</li>
<li><a href="#">Separated link</a></li>
<li><a href="#">One more separated link</a></li>
</ul>
</li>
</ul>
-->
<!--
<ul class="nav navbar-nav navbar-collapse collapse navbar-right">
<li class="active"><a href="#join-us">Join Us</a></li>
<li><a href="#ouroffer">Our offer</a></li>
<li class="dropdown">
<a href="#sponsors" class="dropdown-toggle" data-toggle="dropdown">Our sponsors <span class="caret"></span></a>
<ul class="dropdown-menu" role="menu">
<li><a href="#sponsor-liip">Liip</a></li>
<li><a href="#sponser-colab">Colab</a></li>
</ul>
</li>
<li><a href="#materials">Materials</a></li>
<li><a href="#materials">Mentors</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
-->
</div><!--/.nav-collapse -->
</div><!--/.container-fluid -->
</div>
<div class="container">
<div id="carousel-dojo" class="carousel slide" data-ride="carousel">
<!-- Indicators -->
<ol class="carousel-indicators">
<li data-target="#carousel-dojo" data-slide-to="0" class="active"></li>
<!--
<li data-target="#carousel-dojo" data-slide-to="1"></li>
<li data-target="#carousel-dojo" data-slide-to="2"></li>
-->
</ol>
<!-- Wrapper for slides -->
<div class="carousel-inner">
<div class="item active">
<img src="assets/img/banner_dojo.jpg" alt="...">
<div class="carousel-caption">
<p style="text-align:left;">Zurich Challenge closing event<br/>Sunday 9th December, 13:30 - 18:00 - for
mentors<br>Young coders, come and learn to master your skills</p>
</div>
</div>
</div>
<!-- Controls -->
<a class="left carousel-control" href="#carousel-dojo" role="button" data-slide="prev">
<span class="glyphicon glyphicon-chevron-left"></span>
</a>
<a class="right carousel-control" href="#carousel-dojo" role="button" data-slide="next">
<span class="glyphicon glyphicon-chevron-right"></span>
</a>
</div>
</div>
<div class="container">
<h1><a name="final"></a>Zurich Challenge Final</h1>
<p class="lead">Information for the mentors</p>
<p>Last update: <b>2018-12-08 16:30</b></p>
<ul>
<li><a href="http://coderdojozh.github.io/">CoderDojoZH page</a> - our main page</li>
<li><a href="https://www.meetup.com/Coder-Dojo-Zurich/">CoderDojoZH meetup page</a> - all meetups are announced
there
</li>
</ul>
<!--<div class="row">-->
<div class="row">
<div class="col-md-12">
<h2>Schedule</h2>
<table>
<thead>
<th>Start Time</th>
<th>End Time</th>
<th>Event</th>
</thead>
<tbody>
<tr>
<td>13:30</td>
<td>14:00</td>
<td>Mentors arrive and prepare room.</td>
</tr>
<tr>
<td>14:00</td>
<td>14:30</td>
<td>Registration</td>
</tr>
<tr>
<td>14:30</td>
<td>15:10</td>
<td>Introduction, presentation of projects</td>
</tr>
<tr>
<td>15:10</td>
<td>15:15</td>
<td>Award ceremony</td>
</tr>
<tr>
<td>15:15</td>
<td>15:25</td>
<td>Giovanni's speech</td>
</tr>
<tr>
<td>15:25</td>
<td>15:30</td>
<td>Wen & Thomas introduce rest of the day schedule</td>
</tr>
<tr>
<td>15:30</td>
<td>15:40</td>
<td>Introduction by Roli of MakeyMakey, videos and MakeyMakey theme</td>
</tr>
<tr>
<td>15:40</td>
<td>16:15</td>
<td>MakeyMakey session</td>
</tr>
<tr>
<td>16:15</td>
<td>16:30</td>
<td>Break</td>
</tr>
<tr>
<td>16:30</td>
<td>17:05</td>
<td>MakeyMakeys - continuation</td>
</tr>
<tr>
<td>17:15</td>
<td>17:30</td>
<td>MakeyMakeys - demo of the projects by Ninjas</td>
</tr>
<tr>
<td>17:30</td>
<td>17:30</td>
<td>Closing of the event</td>
</tr>
<tr>
<td>17:30</td>
<td>18:00</td>
<td>Packing and cleaning</td>
</tr>
</tbody>
</table>
<h3>Detailed schedule</h3>
<div>
<h4><strong>13:30</strong> Mentors arrive and prepare room</h4>
<p>Certain things need to be prepared before first ninjas show up.
<ul>
<li>Put up posters inside rooms</li>
<li>Distribute materials (scratch booklets, flyers how to connect to lightbot/scratch etc.).</li>
<li>Prepare space for MakeyMakeys</li>
<li>Test laptop for presentation</li>
</ul>
</p>
</div>
<div>
<h4><strong>14:00</strong> Parents and ninjas start to arrive</h4>
<p>The Welcome desk will have to be open until 15:00 or so. It will be covered by Zurich employees.</p>
<p>Still time to distribute materials and prepare event. And start welcoming our ninjas.</p>
</div>
<div>
<h4><strong>14:30</strong> Introduction and Ninjas presentations</h4>
<p>We will start with the presentations from Zurich Challenge - Protecting your home.</p>
<p>Then we switch to other games and programs that were created during CoderDojo</p>
</div>
<div>
<h4><strong>15:10</strong> Award ceremony and introduction of new CoderDojo</h4>
<p>The award ceremony has been moved from the end of CoderDojo to right after the presentations.
We will have more time at the end for MakeyMakeys.</p>
</div>
<div>
<h4><strong>15:30</strong> CoderDojo main part</h4>
<p>Roli will make a presentation about MakeyMakeys and show videos</p>
<p>Presentation of MakeyMakeys</p>
</div>
<div>
<h4><strong>15:40</strong> Start of MakeyMakey session</h4>
</div>
<div>
<h4><strong>16:15</strong> Break</h4>
<p>Some healthy snacks</p>
</div>
<div>
<h4><strong>16:30</strong> End of break and continue with MakeyMakey</h4>
</div>
<div>
<h4><strong>17:15</strong> Demo of MakeyMakey projects and what does conduct electricity</h4>
<p>Depending on time we can see the projects, ask about things that conduct electricity (cables, playdoh,
etc)</p>
</div>
<div>
<h4><strong>17:30</strong> Closing of the event</h4>
</div>
<div>
<h4><strong>17:30</strong> Cleanup and packing</h4>
<p>We need to get our materials back into boxes and bags.</p>
</div>
<div>
<h4><strong>18:00</strong> We are going home</h4>
</div>
</div>
</div>
<div class="row">
<div class="col-md-12">
<h2><img src="assets/img/makey-makey-logo8.jpg" style="height: 128px"/>MakeyMakey</h2>
<p><a href="https://www.makeymakey.com/">MakeyMakey page</a> - small board that is detected by the computer as a
keyboard. <br/>
After plugging in some cables and closing the circuit, a key press is detected. <br/>
This key press can then be used to program Scratch or any other application to react to it.
</p>
<h4>Workshop plan</h4>
<p>
To have a better focus from Ninjas, we will have a main theme <b>Exercise games</b> (or something similar:)).<br/>
Roli will present the videos and introduce MakeyMakey
<br/>
<iframe width="560" height="315" src="https://www.youtube.com/embed/ntBSwn_8wno" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
<br/>
<iframe width="560" height="315" src="https://www.youtube.com/embed/rfQqh7iCcOU" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
<br/>
There should be one mentor near each table to show it closely. <br/>
We will have about 33 MakeyMakeys - about 1 per 2 Ninjas. <br/>
The general idea is to let the Ninjas plug them into computers and work together on some small projects in
Scratch or other tool.<br/>
</p>
<h4>MakeyMakey project ideas</h4>
<p>
<ul>
<li><strong>piano</strong> - create buttons out of playdoh and make a piano or other instruments. Several Ninjas
can use couple MakeyMakeys to create orchestra. A mentor, parent or other Ninja may set music rythm.
</li>
<li><strong>connect existing games</strong> - over time Ninjas created own games and could use various buttons
to steer them
</li>
<li><strong>check conductivity</strong> - connect different things and see what conducts electricity - eg. by
making noise
</li>
<li><strong>draw pencil labirynth</strong> - draw a labirynth with pencil and connect it to MakeyMakey. Try to
walk through it using a wire also connected to MakeyMakey. Make a buzz and display Game Over when the wire
touches the labirynth's wall.
</li>
<li><strong>Operation game</strong> - see: <a
href="http://www.instructables.com/id/Operation-Game/">Operation</a>.
Ninjas need to make a patient, tweezers (out of wire) and some organs out of paper. <br/>
Make a patient with some holes inside. The holes need to be made out of aluminium foil and connected to
MakeyMakey. <br/>
Tweezers can be made out of wire and also connected to MakeyMakeys ground.<br/>
Try take out the organ with tweezers without touching the aluminium hole.
</li>
<li><strong>typewriter</strong> - only 7 keys can be programmed, but it is good enough to make a typewriter and
write in notepad. No special program is required, but also Scratch can be used.
</li>
<li><strong>people conduct electricity</strong> - several people can be connected to MakeyMakey to make an
instrument or control game etc.
</li>
</ul>
For older Ninjas:
<ul>
<li><strong>measure rain level</strong> - use wires of different length to detect how much water there is in
some container. Display in Scratch or elsewhere
</li>
<li><strong>flooding detector</strong> - detect if there is water on the floor. Check several places if there is
water on the floor.
</li>
<li><strong>cyber "glove" to control a game</strong> - use wires, sticky tape, paper and aluminium foil to build
glove that can be used to control game character.<br/>
It can be done in the following way: <br/>
Isolate each finger tip and attach cable to it. Then the thumb can be the ground and fingers are controlling
arrows. By pressing the thumb to one of fingers, the circuit closes and signal is sent to computer.
</li>
<li><strong>memory game</strong> - memory game to repeat pattern of button presses - see: <a
href="https://en.wikipedia.org/wiki/Simon_(game)">Simon game</a></a> </li>
</ul>
</p>
<h4>Possible changes</h4>
<ul>
<li><strong>No internet or scratch is down</strong>. I will have couple pendrives with Scratch offline like last
time.
</li>
<li><strong>Someone is joining for the first time</strong>. They can join with other Ninja to work together. The
more experienced Ninja can help with Scratch for example.
</li>
<li><strong>Ninja doesn't want to work with MakeyMakey</strong>. We will have our Scratch cards and Lua
introduction cards with us if the Ninja is more eager to do that.
</li>
</ul>
</div>
</div>
<div class="row">
<div class="col-md-12">
<h2><a name="welcome-desk"></a>Welcome desk</h2>
<p>We will need to have a desk at the entrance to welcome parents, mentors and ninjas. <br/>
It will have to be open from before 14:30 to around 15:00. Later we can just leave our flyers and posters there.
<ul>
<li>Update list of participants as parents join.</li>
<li>Help with laptop setup (installing flash for ligthbot and scratch groups).</li>
<li>Parents will need to sign a consent to take photos and use them for the promotional purposes.</li>
<li>We will have flyers with CoderDojo information.</li>
</ul>
</p>
</div>
</div>
<div class="row">
<div class="col-md-12">
<h2><a name="shopping-list"></a>Room setup</h2>
<p>We will use the aula with stage.</p>
<p>We count about 50 Ninjas and 50 parents and mentors (but numbers may vary). Details will be known
on Wednesday.</p>
<p>So, there will be about 100 people at the tables. I assume that parents will help us and most of them will stay
with Ninjas.</p>
<p>It is not allowed to have food in the room.</p>
</div>
</div>
<div class="row">
<div class="col-md-12">
<h2><a name="shopping-list"></a>MakeyMakey accessories</h2>
<p>We do it for the first time in such a big scale. If you have any suggestions regarding number of pieces or things we could buy, just
let Bartosz know</p>
<ul>
<li>playdoh (conducts electricity): we have around 40</li>
<li>wires: done - about 100m of 0.5mm wire</li>
<li>aluminium foil: done - we have several rolls from previous CoderDojos</li>
<li>pencils</li>
<li>scissors: 4</li>
<li>erasers: 8</li>
<li>charcoal: done - small box of 25 pieces</li>
<li>paper clips: 100 small ones</li>
<li>no bananas or other fruits - it could get messy</li>
</ul>
</p>
</div>
</div>
</div>
<div class="container contact">
<h1><a name="contact"></a>Contact</h1>
<p>The best ways to reach us are <a href="https://twitter.com/CoderDojoZH">@CoderDojoZh</a> on Twitter and <a
href="http://meetup.com/Coder-Dojo-Zurich">our meetup page</a> (contact organizers).</p>
<p>Or simply drop by on a Sunday afternoon!</p>
</div>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script>/* if jquery not loaded from cdn */
window.jQuery || document.write('<script src="assets/js/jquery.min.js">\x3C/script>')</script>
<script src="assets/js/bootstrap.min.js"></script>
<script>
function toggler(divId) {
$("#" + divId).toggle();
return false;
}
$("#join-us-map").hide();
$("#first-steps-more").hide();
$("#for-all-kids-more").hide();
</script>
</body>
</html>