Hilfe:H5P: Unterschied zwischen den Versionen

Aus ZUM Deutsch Lernen
K (kat)
Markierung: 2017-Quelltext-Bearbeitung
Markierung: 2017-Quelltext-Bearbeitung
 
(3 dazwischenliegende Versionen von 2 Benutzern werden nicht angezeigt)
Zeile 7: Zeile 7:
|Kurzinfo}}
|Kurzinfo}}


== So werden Inhalte von '''[https://apps.zum.de ZUM-Apps]''' eingebunden: ==
== So werden Inhalte von '''[https://apps.zum.de ZUM-Apps]''' eingebunden ==
<div class="grid">
<div class="grid">
  <div class="width-1-2">
  <div class="width-1-2">
<pre>{{H5p-zum|id=498|height=200}}</pre>
<pre>{{H5p-zum|id=6064|height=200}}</pre>


* Wie finde ich die '''id''' der einzubettenden App?
* Du findest die ID in der URL: https://apps.zum.de/apps/6064
* Am Fuße jeder App ist der Code zum Einbetten (embed) anklickbar. Er sieht in diesem Beispiel so aus:
:<pre><iframe src="https://apps.zum.de/h5p/498/embed" width="447" height="312" frameborder="0" allowfullscreen="allowfullscreen"></iframe><script src="https://apps.zum.de/modules/contrib/h5p/vendor/h5p/h5p-core/js/h5p-resizer.js" charset="UTF-8"></script></pre>
:Die gesuchte '''id''' steht in der URL der App und ist '''498'''.
</div>
</div>
  <div class="width-1-2">
  <div class="width-1-2">
{{H5p-zum|id=498|height=200}}
{{H5p-zum|id=6064|height=200}}
</div>
</div>
</div>
</div>


Der Parameter ''height'' ist optional und kann verändert werden:
Der Parameter ''height'' ist optional und kann verändert werden:
<pre>{{H5p-zum|id=498|height=550}}</pre>
Stimmt das??????
{{H5p-zum|id=498|height=550}}
<pre>{{H5p-zum|id=6064|height=550}}</pre>
{{H5p-zum|id=6064|height=550}}
Wird kein Parameter "height" eingegeben, wird als Vorgabewert eine Breite von 100% und eine Höhe von 400px verwendet.
Wird kein Parameter "height" eingegeben, wird als Vorgabewert eine Breite von 100% und eine Höhe von 400px verwendet.
<pre>{{H5p-zum|id=498}}</pre>
<pre>{{H5p-zum|id=6064}}</pre>
{{H5p-zum|id=498}}
{{H5p-zum|id=6064}}
 


==So werden Inhalte von  [https://h5p.org/ '''H5P.org''']  eingebunden: ==
==So werden Inhalte von  [https://h5p.org/ '''H5P.org''']  eingebunden: ==
Auch hier erhält man die ID aus der URL: https://h5p.org/node/298571
Diese trägt man in folgende Zeichenfolge ein (Quelltext des Wikis öffnen) und speichert die Seite.
'''Wortschatz zum Thema Haus: Schaubild'''
'''Wortschatz zum Thema Haus: Schaubild'''
<div class="grid">
<div class="grid">

Aktuelle Version vom 10. Januar 2022, 16:32 Uhr

H5P einbinden

H5P sind interaktive Übungen, die auf unterschiedlichen Websites kostenlos oder kostenpflichtig erstellt werden können. In den Wikis auf ZUM.de können die erstellten H5P-Apps der Seiten H5P.org und natürlich ZUM-Apps eingebunden werden.


Info

H5P Anwendungsbeispiele für DaF/DaZ findest du auf der Seite H5P. Eine Mikrofortbildung zu diesem Thema entwickelt sich gerade hier: H5P und Fremdsprachenlernen. Ansonsten findet ihr hier auf ZUM-Apps Tipps und Tutorials

So werden Inhalte von ZUM-Apps eingebunden

{{H5p-zum|id=6064|height=200}}

Der Parameter height ist optional und kann verändert werden:

Stimmt das??????
{{H5p-zum|id=6064|height=550}}

Wird kein Parameter "height" eingegeben, wird als Vorgabewert eine Breite von 100% und eine Höhe von 400px verwendet.

{{H5p-zum|id=6064}}


So werden Inhalte von H5P.org eingebunden:

Auch hier erhält man die ID aus der URL: https://h5p.org/node/298571 Diese trägt man in folgende Zeichenfolge ein (Quelltext des Wikis öffnen) und speichert die Seite. Wortschatz zum Thema Haus: Schaubild

{{H5p|id=298571|height=450}}