Image Hotspots (H5P): Unterschied zwischen den Versionen

Aus ZUM Deutsch Lernen
Markierung: Quelltext-Bearbeitung 2017
(Symbolbild)
Markierung: Quelltext-Bearbeitung 2017
 
(27 dazwischenliegende Versionen von 2 Benutzern werden nicht angezeigt)
Zeile 1: Zeile 1:
==Beschreibung==
[[Datei:Birgyul Nier - H5P - Image-Hotspots-b.png|mini|Image Hotspots]]
<!--==Image Hotspots==-->
Auf einem Bild werden (an mehreren Stellen) Informationen zum Anklicken und Anzeigen für die Lernenden hinterlegt.
 
Hinter den Hotspots können folgende Inhaltsobjekte ...
* „Texte“ (zum Beispiel Wort mit Artikel oder Sätze mit Erklärungen),
* „Videos“ – aber auch Audioelemente (zum Beispiel für die Aussprache)
* "Audios" – (zum Beispiel für die Aussprache) und
* weitere Bilder (zur Veranschaulichung)
... hinterlegt/verborgen werden.
 
Wer zusätzlich zu "Text", "Video" und "Image" weitere Inhaltsobjekte einbinden möchte, kann die '''[[Image Hotspots ZUM Edition (H5P)|Image Hotspots ZUM Edition]]''' nutzen.


==Didaktischer Wert für DaF/DaZ==
==Didaktischer Wert für DaF/DaZ==
== Beispiele ==
Bilder für das Erlernen einer Fremdsprache einzusetzen ist nicht neu. Comenius nutzte dies zum Beispiel schon im 17. Jahrhundert in seinem „Orbis pictus“. Interaktive Bilder jedoch stellen noch einmal eine andere Qualität dar. Dass der Inhaltstyp „ImageHotspots“ für den Fremdsprachenunterricht noch mehr kann, dies war die Motivation eine ergänzende Programmierung zu versuchen.


===Beispiel: Fahrrad===
==Beispiele==


{{H5p-zum|id=5675}}
===Fahrrad===
*[https://apps.zum.de/apps/mein-fahrrad-interaktives-schaubild Quelle in ZUM-Apps]


=== Operatoren Aufgabentypen verständlich gemacht ===
{{h5p-zum|id=5675}}
{{ZUM-Apps|https://apps.zum.de/apps/5675}}


{{H5p-zum|id=14015}}
===Wortschatz Haus===
*[https://apps.zum.de/apps/operatoren-aufgabentypen-verstaendlich-gemacht Quelle in ZUM-Apps]
{{h5p-zum|id=5249}}
{{ZUM-Apps|https://apps.zum.de/apps/5249}}
 
===Operatoren Aufgabentypen verständlich gemacht===
 
{{h5p-zum|id=14015}}
{{ZUM-Apps|https://apps.zum.de/apps/14015}}
 
===Weiter Beispiele als Screencast===
 
*[https://h5p.glitch.me/imagehotspots.html Beispiel und Screencast (h5p.glitch.me)]


==Probleme, Lösungen und Tipps==
==Probleme, Lösungen und Tipps==
...


==Hinweise zu H5P-Einstellungen und Tutorials==
==Hinweise zu H5P-Einstellungen und Tutorials==


{{#ev:youtube|zVuiyNpKTGI}}
{{#ev:youtube|zVuiyNpKTGI}}
[https://youtu.be/zVuiyNpKTGI Quelle]
*[https://youtu.be/zVuiyNpKTGI auf YouTube]


{{#ev:youtube|756h8uVG6A8}}
{{#ev:youtube|756h8uVG6A8}}
[https://youtu.be/756h8uVG6A8 Quelle]
*[https://youtu.be/756h8uVG6A8 auf YouTube]
 
{{#ev:youtube|AvLGQk3RpDk}}
*[https://youtu.be/AvLGQk3RpDk auf YouTube]


* https://docplayer.org/202118702-Image-hotspots-h5p-in-moodle.html
<!--*https://docplayer.org/202118702-Image-hotspots-h5p-in-moodle.html-->


==Weiterführende Links==
==Weiterführende Links==


[[Kategorie:H5P|!]]
* [[Image Hotspots ZUM Edition (H5P)|Image Hotspots ZUM Edition]]
* [[H5P-Inhaltstypen]]
 
[[Kategorie:H5P-Inhaltstypen]]
[[Kategorie:H5P-Inhaltstypen]]

Aktuelle Version vom 21. Juli 2025, 08:03 Uhr

Image Hotspots

Auf einem Bild werden (an mehreren Stellen) Informationen zum Anklicken und Anzeigen für die Lernenden hinterlegt.

Hinter den Hotspots können folgende Inhaltsobjekte ...

  • „Texte“ (zum Beispiel Wort mit Artikel oder Sätze mit Erklärungen),
  • „Videos“ – aber auch Audioelemente (zum Beispiel für die Aussprache)
  • "Audios" – (zum Beispiel für die Aussprache) und
  • weitere Bilder (zur Veranschaulichung)

... hinterlegt/verborgen werden.

Wer zusätzlich zu "Text", "Video" und "Image" weitere Inhaltsobjekte einbinden möchte, kann die Image Hotspots ZUM Edition nutzen.

Didaktischer Wert für DaF/DaZ

Bilder für das Erlernen einer Fremdsprache einzusetzen ist nicht neu. Comenius nutzte dies zum Beispiel schon im 17. Jahrhundert in seinem „Orbis pictus“. Interaktive Bilder jedoch stellen noch einmal eine andere Qualität dar. Dass der Inhaltstyp „ImageHotspots“ für den Fremdsprachenunterricht noch mehr kann, dies war die Motivation eine ergänzende Programmierung zu versuchen.

Beispiele

Fahrrad


CC BY-SA 4.0


Wortschatz Haus


CC BY-SA 4.0


Operatoren Aufgabentypen verständlich gemacht


CC BY-SA 4.0


Weiter Beispiele als Screencast

Probleme, Lösungen und Tipps

...

Hinweise zu H5P-Einstellungen und Tutorials


Weiterführende Links