This repository has been archived by the owner on Jan 25, 2024. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
345 lines (306 loc) · 11.2 KB
/
index.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
<!DOCTYPE html>
<html lang="nl">
<head>
<title>Co-creatie via open webslides</title>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link rel="stylesheet" href="styles/screen-16x10.css" id="style">
<link rel="stylesheet" href="styles/custom.css">
</head>
<body class="shower list">
<header class="caption">
<h1>Co-creatie via open webslides</h1>
<h2>OV COM 27 februari 2017</h2>
<p>
<a href="https://www.linkedin.com/in/clio-janssens-399b716b">Clio Janssens</a>,
<a href="http://www.ugent.be/">Universiteit Gent</a> en <a href="https://www.arteveldehogeschool.be/">Arteveldehogeschool</a>
</p>
</header>
<section class="black title slide" id="title">
<h2>Co-creatie via open webslides</h2>
<p>
<a href="https://www.linkedin.com/in/clio-janssens-399b716b">Clio Janssens</a>
<span style="float: right">
<a href="http://bit.ly/ovcomfeb">bit.ly/ovcomfeb</a>
</span>
</p>
</section>
<section class="slide" id="oit">
<h2>Onderwijs Innovatie Traject</h2>
<ul>
<li>Gestuurd vanuit dienst onderwijsontwikkeling en internationalisering</li>
<li>4 thema's</li>
<ul>
<li>Blended learning</li>
<li>Nexus onderzoek-onderwijs</li>
<li><strong>Learning by development</strong></li>
<li>Internationalisering</li>
</ul>
</ul>
</section>
<section class="slide" id="learning by development">
<h2>Learning by development</h2>
<ul>
<li class="next">Al doende leren</li>
<li class="next">Zelf actief leerstof vormgeven</li>
<li class="next">Projectwerk</li>
<li class="next">Vakoverschrijdend</li>
<li class="next">Co-creatie</li>
</ul>
</section>
<section class="slide" id="teamwork">
<u1><strong>Samen content creëren.</strong></u1>
<img src="http://www.emsbrussel.be//EMS_Site/(3369)-Nederlands/Afbeeldingen-en-fotos-Images/Afbeeldingen-brochures/pgtenprojectwerk.jpg" alt="[teamwork]" width="600" height="400">
</section>
<section class="slide" id="didactisch">
<h2>Uitdagingen didactisch</h2>
<ul>
<li class="next">Welke input kunnen we vragen van studenten?</li>
<li class="next">Hoe kunnen we structuur bieden?</li>
<li class="next">Hoe komen we tot studeerbaar cursusmateriaal?</li>
<li class="next">Hoe evalueren?</li>
</ul>
</section>
<section class="slide" id="input">
<u1><strong>Input van verschillende bronnen.</strong></u1>
<img src="https://prajwaldesai.com/wp-content/uploads/2015/09/Integration_Img.jpg" alt="[cogs]" width="700" height="400">
</section>
<section class="slide" id="praktisch">
<h2>Uitdagingen praktisch</h2>
<ul>
<li class="next">Efficiënt en overzichtelijk samenwerken</li>
<li class="next">Controle</li>
<li class="next">Automatische integratie input</li>
<li class="next">Versatiele integratie multimedia</li>
</ul>
</section>
<section class="slide" id="webslides oplossing">
<h2>Webslides</h2>
<ul>
<li class="next">ICT <strong>hulpmiddel</strong> voor praktische en didactische uitdagingen.</li>
<li class="next">Efficiënte co-creatie.</li>
<li class="next"><strong>Linken</strong> naar <a href="https://rubenverborgh.github.io/WebFundamentals/architecture/">andere cursussen</a> is eenvoudig.</li>
</ul>
</section>
<section class="black toc slide" id="toc">
<h2>Mogelijkheden van webslides</h2>
<ul>
<li>Eenvoudig delen</li>
<li><strong>Co-creatie tussen docenten</strong></li>
<li><strong>Co-creatie met studenten</strong></li>
<li>Embedden van multimedia</li>
</ul>
</section>
<section class="slide" id="open-feedback">
<h2>Slides openstellen voor feedback</h2>
<blockquote>
<p>
Beste Professor,
</p>
<p>
Zou het kunnen dat in hoofdstuk 3 op slide 107 (versie van oktober)<br>
het woord “indirect” dient gewijzigd te worden in “direct”?
</p>
<p>
Met vriendelijke groeten,
</p>
<p>
Jan Janssens
</p>
</blockquote>
</section>
<section class="slide" id="open-feedback-new">
<h2>Webslides openstellen voor feedback</h2>
<blockquote>
<h3>Overzicht wijzigingen</h3>
<p>
Wijziging voorgesteld door Jan Janssens:<br>
<em><del>Indirecte</del> <ins>Directe</ins> rede is de letterlijke weergave
van een citaat in een zin.</em>
</p>
<p>
<a href="#open-feedback-new">slide bekijken</a> –
<a href="#open-feedback-new">accepteren</a> –
<a href="#open-feedback-new">weigeren</a>
</p>
</blockquote>
</section>
<section class="slide" id="open-feedback-figuur">
<h2>Webslides openstellen voor feedback</h2>
<img src="images/cocreatie.svg" alt="">
</section>
<section class="slide" id="openFeedbackEvaluatie0">
<h2>Voorbeeld: Co-creatie met studenten</h2>
<ul>
<li>Pro tip: opzettelijk een aantal kleine foutjes in de cursus laten staan om de drempel voor feedback te verlagen</li>
<li>Studenten maken aanpassingen op elk niveau van de cursus: van spelfouten tot de structurering van de leerstof</li>
<li>Doordat de docent zich open opstelt ontstaat er een sfeer waarin studenten durven fouten maken</li>
</ul>
</section>
<section class="slide" id="praktisch multimedia">
<h2>Uitdagingen praktisch</h2>
<ul>
<li class="next">Efficiënt en overzichtelijk samenwerken</li>
<li class="next">Controle</li>
<li class="next">Automatische integratie input</li>
<li class="next"><strong>Versatiele integratie multimedia</strong></li>
</ul>
</section>
<section class="black toc slide" id="toc2">
<h2>Mogelijkheden van webslides</h2>
<ul>
<li>Eenvoudig delen</li>
<li>Co-creatie tussen docenten</li>
<li>Co-creatie met studenten</li>
<li><strong>Embedden van multimedia</strong></li>
</ul>
</section>
<section class="slide" id="what">
<h2>Webslides kunnen alles wat het web kan</h2>
<ul>
<li>Webslides werken op <strong>ieder toestel</strong>
<ul>
<li>lesomgeving is flexibel: op verplaatsing, in een museum, etc.</li>
<li>niet nodig om extra plugins te installeren</li>
</ul>
</li>
<li>Webslides gebruiken <strong>dezelfde technologie</strong> als websites.
<ul>
<li>biedt enorm veel mogelijkheden</li>
<li>Youtube, Twitter, interactieve webtools</li>
</ul>
</li>
</ul>
</section>
<section class="slide" id="tweet">
<h2>Bespreek een tweet met studenten</h2>
<p>Welke argumentatiestijl volgt deze conversatie?</p>
<blockquote class="twitter-tweet" data-lang="nl">
<p>U bent waar Toonbeeld voor de goede waarden en normen, waarde rector <a href="https://twitter.com/torfsrik">@torfsrik</a> . Ik bezorg zeker OESO rapport. Inhoud is niet onbelangrijk</p>— John Crombez (@johncrombez)
<a href="https://twitter.com/johncrombez/status/795697687609872384">7 november 2016</a>
</blockquote>
</section>
<section class="slide" id="youtube">
<h2>Experimenteer via YouTube-clips</h2>
<div id="player"></div>
<script>
var player;
function onYouTubeIframeAPIReady() {
player = new YT.Player('player', {
height: '450',
width: '800',
playerVars: {
autoplay: 0,
loop: 0,
controls: 0,
showinfo: 0,
autohide: 1,
start: 250,
end: 280,
modestbranding: 1,
vq: 'hd1080'},
videoId: '0Bt6RPP2ANI',
events: {
'onReady': onPlayerReady,
'onStateChange': onPlayerStateChange
}
});
}
function onPlayerReady(event) {
player.mute();
}
function onPlayerStateChange(event) {
player.mute();
}
</script>
</section>
<section class="slide" id="IncomeInequality">
<h2>Verken data doorheen de tijd</h2>
<iframe width="800" height="450" src="https://www.gapminder.org/tools/#_chart-type=bubbles"></iframe>
</section>
<section class="slide" id="padlet">
<h2>Brainstorm via Padlet</h2>
<iframe src="https://padlet.com/embed/ituq0w336qcl" frameborder="0" style="width:100%;height:450px;display:block"></iframe>
</section>
<section class="slide" id="experiences">
<h2>Conclusie: embedden van multimedia</h2>
<ul>
<li><strong>E-pollutie</strong> vermijden door webtools te kaderen in de slides</li>
<li><strong>E-fatigue</strong> vermijden door voor het web als basis te kiezen, zo kan je meesurfen op de webinnovatie van de komende decenia</li>
<li>Less is more: kies een <strong>passende tool</strong> en voorzie voldoende tijd</li>
<li>Voordeel van <strong>online versus offline</strong> interactie: de inhoud van de interactie in de klas is meteen traceerbaar in de slides</li>
</ul>
</section>
<section class="black toc slide" id="UGent project">
<h2>UGent project</h2>
<ul>
<li>Gebruiksvriendelijke editor</li>
<li>Integratie interactieve webtools</li>
<li>Overzetten powerpoint</li>
<li>Annotaties op slide-niveau</li>
<li>Eenvoudig co-creëeren</li>
</ul>
<p><strong>Proefproject in mei 2017</strong></p>
</section>
<section class="slide" id="mindset">
<blockquote><strong>Open Webslides zijn geen tool maar een mindset.</strong></blockquote>
<img src="http://madra.com/wp-content/uploads/2015/10/online-marketing-tools.jpg" alt="[tools picture]" width="800" height="400">
</section>
<section class="slide" id="doel oit">
<h2>Doel OIT</h2>
<ul>
<li class="next">Co-creatie experiment</li>
<li class="next">Didactisch concreet uitwerken</li>
<li class="next">Webslides uitproberen als praktisch hulpmiddel</li>
<li class="next">Ervaring opdoen</li>
</ul>
</section>
<section class="slide" id="teacher-advantages">
<h2>Voordelen voor lesgevers</h2>
<ul>
<li>beheer <strong>samen met collega’s</strong></li>
<li><strong>actuele slides</strong> door snelle updates
<ul>
<li>meerdere versies onderhouden is geen probleem meer</li>
<li>sterkere cursus</li>
</ul>
</li>
<li>eenvoudig gebruik van <strong>multimedia en web</strong></li>
<li><strong>kruisbestuiving</strong> tussen verschillende cursussen</li>
<li>bevorderen van <strong>activerend onderwijs</strong></li>
</ul>
</section>
<section class="slide" id="student-advantages">
<h2>Voordelen voor studenten</h2>
<ul>
<li>Leren door <strong>co-creatie</strong></li>
<li>Deel <strong>annotaties</strong> met medestudenten</li>
<li>De discussie kan <strong>overal</strong> plaatsvinden
<ul>
<li>link naar slides vanop Facebook, Twitter…</li>
</ul>
</li>
<li>Cursussen blijven meer <strong>up-to-date</strong></li>
<li><strong>Feedback</strong> geven is eenvoudig</li>
<li>Webslides werken op <strong>ieder toestel</strong></li>
</ul>
</section>
<section class="slide" id="meer weten">
<h2>Meer weten?</h2>
<ul>
<li>Herbekijk deze slides via <a href="https://openwebslides.github.io/OIT_com/">bit.ly/ovcomfeb</a></li>
<li>Website <a href="http://openwebslides.github.io/">UGent project</a>.</li>
<li>Neem contact op.</li>
</ul>
</section>
<div class="progress"></div>
<footer class="badge">
<a href="https://github.com/OpenWebslides/OIT_com">Fork me on GitHub</a>
</footer>
<script src="scripts/shower.min.js"></script>
<script async src="https://www.youtube.com/iframe_api"></script>
<script async src="//platform.twitter.com/widgets.js"></script>
<script async src="//connect.facebook.net/nl_BE/sdk.js#xfbml=1&version=v2.8&appId=214807838538922"></script>
</body>
</html>