IFrame Embedder (H5P): Unterschied zwischen den Versionen

Aus ZUM Deutsch Lernen
(SEITENTITEL)
Markierung: 2017-Quelltext-Bearbeitung
KKeine Bearbeitungszusammenfassung
Markierung: 2017-Quelltext-Bearbeitung
 
(5 dazwischenliegende Versionen von 2 Benutzern werden nicht angezeigt)
Zeile 1: Zeile 1:
{{SEITENTITEL:iFrame Embedder}}
{{SEITENTITEL:iFrame Embedder (H5P)}}
== Beschreibung ==
== Beschreibung ==
Mit dem iFrame Embedder können externe Seiten per iFrame in H5P-Anwendungen eingebettet werden. Es muss keine iFrame-Code bekannt sein, es reicht die URL der Seite.
Mit dem iFrame Embedder können externe Seiten per iFrame in H5P-Anwendungen eingebettet werden. Es muss keine iFrame-Code bekannt sein, es reicht die URL der Seite.
Zeile 8: Zeile 8:


== Beispiele ==
== Beispiele ==
=== ZUM-Digiscreen ===
* https://apps.zum.de/apps/22320
{{H5p-zum|id=22320}}
=== Beispiel mit [[Column]] ===
=== Beispiel mit [[Column]] ===
* [https://apps.zum.de/apps/beispiel-eines-interaktiven-arbeitsblattes-mit-column-daf Direkter Link]
* [https://apps.zum.de/apps/beispiel-eines-interaktiven-arbeitsblattes-mit-column-daf Direkter Link]
{{H5p-zum|id=16434}}
{{H5p-zum|id=16434}}
=== Beispiel Einbettung einer externen Website/Anwendung hier im  Wiki ===
=== Beispiel Einbettung einer externen Website/Anwendung hier im  Wiki ===
Erweiterung der Funktionalität durch Einbettung eines [https://www.ulrichivens.de/index.php/2022/01/28/digiscreen-ein-freier-self-hosted-classroomscreen/ Digi-Screen] (Classroomscreens):
Erweiterung der Funktionalität durch Einbettung des [https://digiscreen.zum.de/ ZUM-Digi-Screens]:
* [https://apps.zum.de/apps/18386 Direkter Link]
* [https://apps.zum.de/apps/22320 Direkter Link]
{{H5p-zum|id=18386}}
{{H5p-zum|id=22320}}


=== Beispiel Einbettung TaskCards ===
=== Beispiel Einbettung TaskCards ===
Zeile 23: Zeile 31:
* https://apps.zum.de/apps/18414
* https://apps.zum.de/apps/18414
{{H5p-zum|id=18414}}
{{H5p-zum|id=18414}}
=== Beispiel und Screencast ===
*[https://h5p.glitch.me/iframe.html Beispiel und Screencast (h5p.glitch.me)]


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

Aktuelle Version vom 26. April 2024, 21:54 Uhr

Beschreibung

Mit dem iFrame Embedder können externe Seiten per iFrame in H5P-Anwendungen eingebettet werden. Es muss keine iFrame-Code bekannt sein, es reicht die URL der Seite. Sehr gut funktioniert das zum Beispiel mit dem komplexen Inhaltstyp Column. Dadurch können H5P-Inhaltstypen und externe Anwendungen didaktisch verbunden werden. Auch für dieses Wiki hat der Umweg der Einbindung über H5P einen Vorteil. Da die Einbindung hier auf ZUM Deutsch Lernen nur auf wenige externe Website beschränkt ist, kann so die Funktionalität erweitert werden,

Didaktischer Wert für DaF/DaZ

Beispiele

ZUM-Digiscreen


Beispiel mit Column


Beispiel Einbettung einer externen Website/Anwendung hier im Wiki

Erweiterung der Funktionalität durch Einbettung des ZUM-Digi-Screens:


Beispiel Einbettung TaskCards


Beispiel Einbettung von Learning Snacks


Beispiel und Screencast

Probleme, Lösungen und Tipps

Hinweise zu H5P-Einstellungen und Tutorials

Weiterführende Links