IFrame Embedder: Unterschied zwischen den Versionen

Aus ZUM Deutsch Lernen
(→‎Beispiele: Beispiel und Screencast)
Markierung: 2017-Quelltext-Bearbeitung
Markierung: 2017-Quelltext-Bearbeitung
Zeile 12: Zeile 12:
{{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 eines Digi-Screen] (Classroomscreens):
* [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 ===

Version vom 12. November 2022, 13:37 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

Beispiel mit Column

Beispiel Einbettung einer externen Website/Anwendung hier im Wiki

Erweiterung der Funktionalität durch Einbettung eines Digi-Screen] (Classroomscreens):


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