Hilfe:ZUM-Apps in ZUM-Unterrichten einbinden: Unterschied zwischen den Versionen

Aus ZUM-Unterrichten
(Kategorie:H5P)
Markierung: 2017-Quelltext-Bearbeitung
Markierung: 2017-Quelltext-Bearbeitung
Zeile 11: Zeile 11:
  <div class="width-1-2">
  <div class="width-1-2">
{{H5p-zum|id=63|height=200}}
{{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>
</div>
Zeile 72: Zeile 77:
</div>
</div>
</div>
</div>


==Beispielseiten im ZUM-Unterrichten==
==Beispielseiten im ZUM-Unterrichten==

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}}

Beispielseiten im ZUM-Unterrichten