Widget:H5p-zum und Hilfe:ZUM-Apps in ZUM-Unterrichten einbinden: Unterschied zwischen den Seiten
Aus ZUM-Unterrichten
(Unterschied zwischen Seiten)
(typo) Markierung: 2017-Quelltext-Bearbeitung |
Markierung: 2017-Quelltext-Bearbeitung |
||
Zeile 1: | Zeile 1: | ||
[https://h5p.org/ '''H5P'''] ist eine freie Software zum Erstellen von interaktiven Inhalten für das Web. Beliebte Übungen sind z.B. Videos oder Präsentationen mit eingebetteten Quiz-Aufgaben, Zeitstrahlen, Memory-Spiel. | |||
==Einführung== | |||
< | <center>{{#ev:youtube|4rFyCa23lhQ|600|center}}</center> | ||
==Beispiele== | |||
<div class="grid"> | |||
<div class="width-1-2"> | |||
<pre>{{H5p-zum|id=63|height=200}}</pre> | |||
:Wie finde ich die '''id''' der einzubettenden App? | |||
: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/63/embed" width="367" height="552" 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 '''63'''. | |||
</div> | |||
<div class="width-1-2"> | |||
{{H5p-zum|id=63|height=200}} | |||
</div> | |||
</div> | |||
<div class="grid"> | |||
<div class="width-1-2"> | |||
<pre>{{H5p-zum|id=11|height=232}}</pre> | |||
</div> | |||
<div class="width-1-2"> | |||
{{H5p-zum|id=11|height=232}} | |||
</div> | |||
</div> | |||
<div class="grid"> | |||
<div class="width-1-2"> | |||
<pre>{{H5p-zum|id= | |||
46|height=232}}</pre> | |||
</div> | |||
<div class="width-1-2"> | |||
{{H5p-zum|id= | |||
46|height=232}} | |||
</div> | |||
</div> | |||
'''Wortschatz zum Thema Haus: Schaubild''' | |||
<div class="grid"> | |||
<div class="width-1-2"> | |||
<pre>{{H5p|id=298571|height=150}}</pre> | |||
</div> | |||
<div class="width-1-2"> | |||
{{H5p|id=298571|height=150}} | |||
</div> | |||
</div> | |||
'''Präsentation: Thema WebQuest''' | |||
<div class="grid"> | |||
<div class="width-1-2"> | |||
<pre>{{H5p|id=294763|height=232}}</pre> | |||
</div> | |||
<div class="width-1-2"> | |||
{{H5p|id=294763|height=232}} | |||
</div> | |||
</div> | |||
'''Dialog üben A1 Beispiel 2''' | |||
<div class="grid"> | |||
<div class="width-1-2"> | |||
<pre>{{H5p|id=291743|height=232}}</pre> | |||
</div> | |||
<div class="width-1-2"> | |||
{{H5p|id=291743|height=232}} | |||
</div> | |||
</div> | |||
'''Chemie''' | |||
<div class="grid"> | |||
<div class="width-1-2"> | |||
<pre>{{H5p|id=249758|height=232}}</pre> | |||
</div> | |||
<div class="width-1-2"> | |||
{{H5p|id=249758|height=232}} | |||
</div> | |||
</div> | |||
==Beispielseiten im ZUM-Unterrichten== | |||
*[[Chemie-Lexikon/Energie_bei_chemischen_Reaktionen|Energie bei chemischen Reaktionen]] | |||
[[Kategorie:H5P]] |
Version vom 9. Februar 2020, 20:15 Uhr
H5P ist eine freie Software zum Erstellen von interaktiven Inhalten für das Web. Beliebte Übungen sind z.B. Videos oder Präsentationen mit eingebetteten Quiz-Aufgaben, Zeitstrahlen, Memory-Spiel.
Einführung
Beispiele
{{H5p-zum|id=63|height=200}}
- Wie finde ich die id der einzubettenden App?
- Am Fuße jeder App ist der code zum Einbetten (embed) anklickbar. Er sieht in diesem Beispiel so aus:
<iframe src="https://apps.zum.de/h5p/63/embed" width="367" height="552" 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>
Die gesuchte id steht in der URL der App und ist 63.
{{H5p-zum|id=11|height=232}}
{{H5p-zum|id= 46|height=232}}
Wortschatz zum Thema Haus: Schaubild
{{H5p|id=298571|height=150}}
Präsentation: Thema WebQuest
{{H5p|id=294763|height=232}}
Dialog üben A1 Beispiel 2
{{H5p|id=291743|height=232}}
Chemie
{{H5p|id=249758|height=232}}