Bündnispolitik Bismarcks und Hilfe:ZUM-Apps in ZUM-Unterrichten einbinden: Unterschied zwischen den Seiten
Aus ZUM-Unterrichten
(Unterschied zwischen Seiten)
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> | |||
</div> | |||
<div class="width-1-2"> | |||
{{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: | ||
:<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> | |||
<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> | |||
<div class=" | '''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 class=" | |||
</div> | </div> | ||
</div> | </div> | ||
'''Chemie''' | |||
" | <div class="grid"> | ||
<div class="width-1-2"> | |||
<pre>{{H5p|id=249758|height=232}}</pre> | |||
</div> | |||
<div class="width-1-2"> | |||
<div class=" | {{H5p|id=249758|height=232}} | ||
</div> | </div> | ||
</div> | </div> | ||
== | ==Beispielseiten im ZUM-Unterrichten== | ||
*[[Chemie-Lexikon/Energie_bei_chemischen_Reaktionen|Energie bei chemischen Reaktionen]] | |||
* [[ | |||
[[Kategorie: | [[Kategorie:H5P]] | ||
Version vom 9. Februar 2020, 20:14 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}}