Multimedial lehren und lernen - Digitale Lerninhalte erstellen mit H5P

Robert Schoblick

Multimedial lehren und lernen

Digitale Lerninhalte erstellen mit H5P

2021

594 Seiten

Format: PDF, ePUB, Online Lesen

E-Book: €  31,99

E-Book kaufen

E-Book kaufen

ISBN: 9783446469051

 

Inhalt

6

Vorwort

16

1 Digitalisierungsziele in der Bildung

20

1.1 Qualitätsverbesserung versus Rationalisierung

20

1.2 Irrglaube: Kampf gegen den Lehrermangel

21

1.3 Erfahrungen in Lockdown-Zeiten

24

1.3.1 Kontrollphilosophie im Unterricht

24

1.3.2 Soziales Leben oder pure „Druckbetankung“?

25

1.4 Mehrwegeausbildung und Lernkanäle

27

1.5 Effizienz des Lernens

28

1.5.1 Selektion durch Belastung?

28

1.5.2 Beschleunigung des Lernerfolgs

29

1.6 Geografische Unabhängigkeit

30

2 Das H5P-Projekt

34

2.1 Die Idee hinter H5P

34

2.2 Offene Quellen

35

2.3 Open Educational Resources (OER)

38

2.4 Pro und contra H5P

39

3 H5P in der Praxis

42

3.1 H5P ausprobieren

43

3.1.1 Editor in H5P.org

46

3.2 H5P-Inhalte in Moodle verknüpfen

55

3.2.1 Verlinkung von H5P im Moodle-Editor

56

3.2.2 H5P-Import im Moodle-Editor

61

3.2.3 H5P in beliebiger Webseite?

65

3.2.4 Das H5P-Editor-Plugin

66

3.2.4.1 Installation des H5P-Plugins in Moodle

67

3.2.4.2 H5P-Aktivität: Inhalte in Moodle erstellen

75

3.2.4.3 H5P-Benutzerrechte in Moodle

80

3.3 Bewertungen in Moodle

81

4 H5P-Inhaltstypen

86

4.1 Accordion

94

4.2 Advent Calendar

95

4.3 Agamotto

99

4.4 Arithmetic Quiz

103

4.5 Audio

106

4.6 Audio Recorder

107

4.7 Branching Scenario

109

4.8 Chart

114

4.9 Collage

115

4.10 Column

117

4.11 Course Presentation

119

4.12 Dialog Cards

122

4.13 Dictation

125

4.14 Documentation Tool

129

4.15 Drag and Drop

131

4.16 Drag the Words

136

4.17 Essay

140

4.18 Fill in the Blanks

144

4.19 Find Multiple Hotspots

148

4.20 Find the Hotspot

152

4.21 Find the Words

154

4.22 Flash Cards

158

4.23 Guess the Answer

161

4.24 Iframe Embedder

163

4.25 Image Hotspots

165

4.26 Image Juxtaposition

168

4.27 Image Pairing

171

4.28 Image Sequencing

177

4.29 Image Slider

180

4.30 Interactive Book

182

4.31 Interactive Video

189

4.31.1 Mögliche Probleme mit Interactive Video

189

4.31.2 Video hochladen und konfigurieren

191

4.31.3 Interaktivität hinzufügen

195

4.31.4 Abschlusstest/Zusammenfassung

196

4.31.5 Interactive Video aus Sicht der Lernenden

198

4.32 KewAr Code

203

4.33 Mark the Words

205

4.34 Memory Game

208

4.35 Multiple Choice

212

4.36 Personality Quiz

217

4.37 Quiz (Question Set)

222

4.38 Single Choice Set

228

4.39 Speak the Words/Speak the Words Set

230

4.40 Summary

234

4.41 Timeline

238

4.42 True/False Question

242

4.43 Virtual Tour 360°

244

5 Digitale Fotos für H5P-Inhalte

254

5.1 Größen und Auflösungen

254

5.2 Bildbearbeitung mit GIMP

262

5.2.1 Bildbereiche ausschneiden

263

5.2.2 Ebenen

267

5.2.3 Transparenz

270

5.3 360°-Fotografie

272

6 Lernvideos erstellen

274

6.1 Planung eines Lehrvideos – das eigene Drehbuch

275

6.2 Was bei einem Videodreh bevorsteht

275

6.2.1 Dauer des Videos planen

276

6.2.2 Zeit und Kosten der Herstellung

278

6.2.3 Zielgruppe

278

6.2.4 Drehbuch und Storyboard

279

6.2.4.1 Das Drehbuch

280

6.2.4.2 Das Storyboard

283

6.2.5 Casting und Kooperationen

283

6.2.6 Location-Planung

285

6.2.7 Musik und Rechte

286

6.3 Aufnahmetechnik

287

6.3.1 Aufnahme-Hardware

288

6.3.1.1 Mikrofone

288

6.3.2 Kameras

291

6.3.2.1 Das Smartphone als Aufnahmegerät

291

6.3.2.2 Laptop-Kamera

292

6.3.2.3 USB-Webcam

293

6.3.2.4 Drohnen

293

6.3.2.5 360°- und 720°-Kamera

293

6.3.2.6 Stethoskop-Kamera

296

6.3.2.7 Action-Cam/Dashcam

298

6.3.2.8 Digitale Foto-Kamera

298

6.3.2.9 Camcorder

298

6.3.3 Aufnahme-„Handwerk“

299

6.3.3.1 Ruhe und Bewegung

299

6.3.3.2 Licht und Schatten

299

6.3.3.3 Sprecherblickrichtung

300

6.3.3.4 Der „Goldene Schnitt“

301

6.3.3.5 Richtige Kleidung: Streifen und Karos?

302

6.3.3.6 Hintergründe

302

6.3.3.7 Innen- und Außenaufnahme

303

6.4 Animationen und Erklärvideos

304

6.4.1 Videoexport aus Präsentationen

304

6.4.2 Bildschirmaufnahmen

308

6.4.2.1 TechSmith Camtasia

308

6.4.2.2 Screencast O Matic

309

6.4.3 Animierte Erklärvideos

311

6.5 Videoschnitt

315

6.5.1 Videosequenzen schneiden

315

6.5.2 Achtung: Speichergröße!

318

7 Rechtliches

322

7.1 Urheberrecht und Nutzungsrecht

323

7.1.1 Urheber

323

7.1.2 Vervielfältigungs- und Verbreitungsrecht

323

7.1.3 Gesetzlich erlaubte Nutzung im Unterricht

324

7.1.3.1 Änderung eines Werks

325

7.1.3.2 Quellennachweis

326

7.1.4 Erlöschen des Urheberrechts

326

7.1.5 Angemessene Vergütung

326

7.2 Persönlichkeitsrecht

327

7.2.1 Recht am eigenen Bild

327

7.2.2 Sonderfall „Gruppenbilder“

328

7.2.3 Publikation in sozialen Netzwerken

329

7.2.3.1 Posting

329

7.2.3.2 Teilen und Verlinken

330

7.2.3.3 Veränderung von Werken in sozialen Netzen

330

7.2.3.4 Liken ohne Risiko?

331

7.2.4 Kinderfotos

331

7.2.5 Creative Common, GNU und Public Domain

332

7.2.5.1 GPL – GNU General Public License

332

7.2.5.2 Public Domain – gemeinfrei

332

7.2.5.3 Creative Common (CC)

333

7.2.5.4 Open Educational Resources (OER)

334

7.2.6 Problemfall: Verwaiste Werke

336

7.3 Datenschutz

337

7.3.1 Datenschutz in den letzten Jahrzehnten

337

7.3.2 Datenschutz ist Menschenrecht

338

7.3.3 Datenschutzgrundverordnung (DSGVO)

338

7.3.3.1 Grundsätze zur Verarbeitung personenbezogener Daten

339

7.3.3.2 Rechte der betroffenen Personen

341

7.3.3.3 Administrative Vorgaben

342

7.3.3.4 Internationale Datenübermittlung

343

7.3.3.5 Sanktionen

344

7.3.4 Datenschutzverletzung durch die „Hintertür“

344

8 Workshop: HTML5

346

8.1 Grundsyntax

346

8.1.1 Standardelemente

347

8.1.1.1 Absätze

347

8.1.1.2 Überschriften

348

8.1.1.3 Listen und Aufzählungen

348

8.1.1.4 Container-Elemente

351

8.2 Bilder in HTML5

353

8.2.1 Barrierefreiheit

354

8.2.2 Bildgrößen und Verzerrungen

354

8.2.3 Responsives Design

356

8.2.4 Imagemaps

358

8.2.5 Die erste HTML5-Seite

359

8.3 Multimediales HTML5

361

8.3.1 Video in HTML

361

8.3.2 Audio in HTML

363

8.3.3 Kurzexkurs: SVG-Vektorgrafik

363

8.4 HTML-Formulare

367

8.4.1 Das Formular-Element

367

8.4.1.1 Was das Formular tun soll

367

8.4.1.2 Attribut „method“ (GET und POST)

368

8.4.2 Das Label-Element

368

8.4.3 Das