forked from hakimel/reveal.js
-
Notifications
You must be signed in to change notification settings - Fork 56
/
Copy pathverdi.html
388 lines (249 loc) · 11.1 KB
/
verdi.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
<!doctype html>
<html lang="de">
<head>
<meta charset="utf-8">
<title>Digitale Transformation und gewerkschaftliche Bildungsarbeit</title>
<meta name="description" content="Vortrag bei der A&F Teamendentagung von ver.di im Januar 2019">
<meta name="author" content="Nele Hirsch">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<link rel="stylesheet" href="css/reveal.css">
<link rel="stylesheet" href="css/theme/blood.css" id="theme">
<!-- Theme used for syntax highlighting of code -->
<link rel="stylesheet" href="lib/css/zenburn.css">
<!-- Printing and PDF exports -->
<script>
var link = document.createElement( 'link' );
link.rel = 'stylesheet';
link.type = 'text/css';
link.href = window.location.search.match( /print-pdf/gi ) ? 'css/print/pdf.css' : 'css/print/paper.css';
document.getElementsByTagName( 'head' )[0].appendChild( link );
</script>
<!--[if lt IE 9]>
<script src="lib/js/html5shiv.js"></script>
<![endif]-->
</head>
<body>
<div class="reveal">
<!-- Any section element inside of this container is displayed as a slide -->
<div class="slides">
<section data-background="https://media.giphy.com/media/D10Ptrt7CutlC/giphy.gif">
<h2>Digitale Transformation & gewerkschaftliche Bildungsarbeit</h2>
<aside class="notes">
Danke für die Einladung.
<br>Spannendes & wichtiges Thema.
</aside>
</section>
<section data-background="https://media.giphy.com/media/3dpG9uWjIOgQwIcLN3/giphy.gif">
<h2>Nele</h2>
<hr>
<h3>@eBildungslabor</h3>
<h3>#zeitgemäßeBildung</h3>
<h3>#OERde</h3>
<aside class="notes">
Twitter als wichtiges Medium in der Digitalen Bildungs-Community
<br>Nutzbar auch zur Vorstellung.
</aside>
</section>
<section data-background="https://media.giphy.com/media/l2Je3ktsieOfOGa1G/giphy.gif">
<h2>Drei Thesen vorab ...</h2>
</section>
<section data-background="images/board.jpg">
<h3><blockquote>"Digitalisierung ist von uns Menschen gemacht und deshalb gestaltbar."</blockquote></h3>
<aside class="notes">
Nicht Anpassen, sondern gestalten.
<br>Handeln nicht aus der Hand nehmen lassen.
</aside>
</section>
<section data-background="images/board.jpg">
<h3><blockquote>"Gute Bildung muss allen Menschen ermöglichen, sich aktiv in die Gesellschaft einzubringen."</blockquote></h3>
<aside class="notes">
Mündigkeit als Bildungsziel seit der Aufklärung.
<br>Übersetzung: gesellschaftliche Handlungsfähigkeit.
<br>Heutzutage: auch digital (mehr als Medienkompetenz-Schulungen)
</aside>
</section>
<section data-background="images/board.jpg">
<h3><blockquote>"Lernen funktioniert nicht ohne Austausch und Kollaboration."</blockquote></h3>
<aside class="notes">
Viele Theorien zum Lernen.
<br>Wenn man Lernen als sozialen Prozess versteht, weil man mit Bildung etwas gesellschaftlich bewegen will, dann muss an gemeinsam lernen.<br>
<br>Das geht auch digital - aber anders!
<br>Digital ersetzt nicht analog, Stichpunkt: Dritte Orte!
</aside>
</section>
<section data-background="https://media.giphy.com/media/3oz8xyBP22S5b6gmsw/giphy.gif">
<h2>... und jetzt zu den heutigen drei Fragen:</h2>
</section>
<section data-background="images/navigation.jpg">
<h3>1. Wie können wir die digitale Transformation als Chance für eine bessere Bildungsarbeit aufgreifen?</h3>
</section>
<section data-background="images/risk.jpg" data-transition="slide">
<h3>2. Wie können wir mit den Risiken der digitalen Transformation im Rahmen der Bildungsarbeit umgehen?</h3>
</section>
<section data-background="images/create.jpg">
<h3><div style="background-color:grey">3. Wie können wir die digitale Transformation im Rahmen von Bildungsarbeit mit gestalten?</div> </h3>
</section>
<section data-background="https://media.giphy.com/media/D10Ptrt7CutlC/giphy.gif">
<h2>Los geht es: Digitale Transformation als Chance!</h2>
</section>
<section data-background="images/entwederoder.jpg">
<section id="fragments">
<h3>Digital <span class="fragment fade-in">und</span> Analog
<span class="fragment fade-in">
<br>
<div style="background-color:grey">= Zusätzliche Möglichkeit zum Lernen statt Reduzierung!</div>
</span>
</h3>
<aside class="notes">
1. Zwei unterschiedliche Medien, nicht besser oder schlechter (Pinguine)
<br>2. Nicht: wie übertragen wir analog auf digital? sondern: Wie nutzen wir analoge und digitale Tools und Verschränkungen zum optimalen Lernen.
<br>Lernen braucht auch Inhalte-Vermittlung. Gelingt das besonders gut digital?
</aside>
</section>
</section>
<section data-background="images/bildungsraum.jpg">
<section id="fragments">
<h3>Virtueller Raum als vielfältiger Bildungsraum</h3>
<ul>
<li class="fragment fade in">Informationen</li>
<li class="fragment fade in">Tools</li>
<li class="fragment fade in">Akteure</li>
<li class="fragment fade in">Materialien</li>
</ul>
<aside class="notes">
Informationen: potentiell unbegrenzt
<br>Tools: gemeinsam arbeiten, austauschen, Position beziehen -> Open Source Bereich
<br>Akteure: mehr Menschen erreichen, Austausch, gemeinsame Vorbereitung
<br>Materialien: OER, offene Lizenz (Bilder, Videos, Gifs)
<p>
+ kein großer Aufwand: Smartphones haben fast alle dabei!
</aside>
</section>
</section>
<section data-background="images/netzprinzipien.jpg">
<section id="fragments">
<h3>Netzprinzipien als Grundlage für erfolgreiches Lernen</h3>
<ul>
<li class="fragment fade in">Kollaboration</li>
<li class="fragment fade in">Freiwilligkeit</li>
<li class="fragment fade in">aktive Rolle der Lernenden</li>
<li class="fragment fade in">Flexibilität</li>
</ul>
</section>
<aside class="notes">
Gute Bildung = lange Tradition.
<br>Gewerkschaftliche Bildungsarbeit/ Reformpädagogik
<br>Im virtuellen Raum: Abschauen, was die Community macht!
<br>Problem: erst einmal viele Berührungsängste. Trotzdem ansehen!
</aside>
</section>
<section data-background="https://media.giphy.com/media/F9hQLAVhWnL56/giphy.gif">
<h2>Fazit I</h2>
<h3>Die Digitalisierung kann für ver.di ein Katalysator sein für bessere Lehr- und Lernprozesse!</h3>
</section>
<section data-background="https://media.giphy.com/media/D10Ptrt7CutlC/giphy.gif">
<h2>Nächste Herausforderung: Umgang mit Risiken</h2>
</section>
<section data-background="images/change.jpg">
<section id="fragments">
<h3 class="fragment highlight-red">Das Internet geht nicht mehr weg!</h3>
<h3 class="fragment fade-in">Aber es muss nicht so bleiben, wie es ist!<h3>
</section>
<aside class="notes">
Abwarten, Kopf in den Sand stecken, hilft nichts!
<p>Digitale Transformation ist gestaltbar, aber erst einmal 'einfach da'.
</aside>
</section>
<section data-background="images/falsch.jpg">
<section id="fragments">
<h3>Was läuft falsch?</h3>
<ul>
<li class="fragment fade in"> Konzerndominanz: Daten als Währung</li>
<li class="fragment fade in">(Staatliche) Überwachung: Handlungen sind nachverfolgbar</li>
<li class="fragment fade in">Bildungsprozesse: werden 'optimiert'</li>
</ul>
</section>
</section>
<section data-background="images/richtig.jpg">
<section id="fragments">
<h3>👉 Risikominimierung durch digitale Souveränität:</h3>
<ul>
<li class="fragment fade in">Risiken aufzeigen und transparent machen.</li>
<li class="fragment fade in">Freiräume im virtuellen Raum nutzen.</li>
<li class="fragment fade in">Hoheit über die eigenen Inhalte behalten.</li>
<li class="fragment fade in">Gute Bildung dank Open Education umsetzen.</li>
</ul>
</section>
<aside class="notes">
Beispiel: Diese Präsentation!
<br>Alles, was man nutzt und tut, ist ein Statement.
</aside>
</section>
<section data-background="https://media.giphy.com/media/PIBlX6Uyb5gyY/giphy.gif">
<h2>Fazit II</h2>
<h3>Digitale Souveränität als Herausforderung von Bildungsarbeit angesichts der digitalen Transformation.</h3>
</section>
<section data-background="https://media.giphy.com/media/D10Ptrt7CutlC/giphy.gif">
<h2>Letzte Herausforderung: Digitale Transformation gestalten!</h2>
</section>
<section>
<section id="fragments">
<h3>Gewerkschaftliche Bildungsherausforderung</h3>
<h3 class="fragment fade in">👉 Interessenvertretung von Beschäftigten - auch mit digitalen Tools!
</h3>
<aside class="notes">
Digitale Transformation zum Bildungsinhalt machen.
<br>Lernen durch Erkunden!
<br>Nehmt Euch Zeit, probiert aus - gerade dadurch lernt man!
</aside>
</section>
</section>
<section id="fragments">
<h3>Gesellschaftliche Bildungsherausforderung</h3>
<h3 class="fragment fade in">👉 Gute Bildung für alle & Bildung als öffentliches Gut. </h3>
<aside class="notes">
Zum einen: Was fordern wir politisch? Aber auch!
Praktische Organisationsentscheidungen: Welche Tools nutzen wir für übergreifende Fragen.
<br>Mit wem tauschen wir uns aus? Was unterstützen wir? Wie veröffentlichen wir unsere Inhalte?
</aside>
</section>
</section>
<section data-background="https://media.giphy.com/media/r8aXJCMVv9ixO/giphy.gif">
<h2>Fazit III</h2>
<h3>Wenn Digitalisierung in der Bildung das Lernen und Lehren besser machen soll, ist dazu auch gewerkschaftliches Engagement erforderlich.</h3>
</section>
<section data-background="https://media.giphy.com/media/D10Ptrt7CutlC/giphy.gif">
<h2>Danke!</h2>
<h3>Ich freue mich auf die Diskussion!</h3>
<small>🔗 <a href="https://github.com/eBildungslabor/slides/blob/master/verdi.html">Inhalt zum Weiternutzen</a>
<br>Freigegeben unter CC0, Bilder von Unsplash
</small>
</section>
</div>
</div>
<script src="lib/js/head.min.js"></script>
<script src="js/reveal.js"></script>
<script>
// More info https://github.com/hakimel/reveal.js#configuration
Reveal.initialize({
controls: true,
progress: true,
history: true,
center: true,
transition: 'convex', // none/fade/slide/convex/concave/zoom
// More info https://github.com/hakimel/reveal.js#dependencies
dependencies: [
{ src: 'lib/js/classList.js', condition: function() { return !document.body.classList; } },
{ src: 'plugin/markdown/marked.js', condition: function() { return !!document.querySelector( '[data-markdown]' ); } },
{ src: 'plugin/markdown/markdown.js', condition: function() { return !!document.querySelector( '[data-markdown]' ); } },
{ src: 'plugin/highlight/highlight.js', async: true, callback: function() { hljs.initHighlightingOnLoad(); } },
{ src: 'plugin/search/search.js', async: true },
{ src: 'plugin/zoom-js/zoom.js', async: true },
{ src: 'plugin/notes/notes.js', async: true }
]
});
</script>
</body>
</html>