IFrame Embedder: Unterschied zwischen den Versionen

Aus ZUM Deutsch Lernen
Markierung: 2017-Quelltext-Bearbeitung
Keine Bearbeitungszusammenfassung
Markierung: 2017-Quelltext-Bearbeitung
 
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 des [https://digiscreen.zum.de/ ZUM-Digi-Screens]:
Erweiterung der Funktionalität durch Einbettung des [https://digiscreen.zum.de/ ZUM-Digi-Screens]:

Aktuelle Version vom 19. November 2022, 12:59 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