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

Aus ZUM-Unterrichten
Markierung: 2017-Quelltext-Bearbeitung
Markierung: 2017-Quelltext-Bearbeitung
Zeile 6: Zeile 6:
==Einführung==
==Einführung==
<center>{{#ev:youtube|Cy_QAHUKAB8|600|center}}</center>
<center>{{#ev:youtube|Cy_QAHUKAB8|600|center}}</center>
== So werden Inhalte von '''[https://apps.zum.de ZUM-Apps]''' eingebunden ==
<div class="grid">
<div class="width-1-2">
<pre>{{H5p-zum|id=6064|height=200}}</pre>
* Du findest die ID in der URL: https://apps.zum.de/apps/6064
</div>
<div class="width-1-2">
{{H5p-zum|id=6064|height=200}}
</div>
</div>
Der Parameter ''height'' ist optional und kann verändert werden:
<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.
<pre>{{H5p-zum|id=6064}}</pre>
{{H5p-zum|id=6064}}


==Beispiele==
==Beispiele==
Zeile 11: Zeile 34:
  <div class="width-1-2">
  <div class="width-1-2">
<pre>{{H5p-zum|id=63|height=200}}</pre>
<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>
  <div class="width-1-2">
  <div class="width-1-2">

Version vom 10. Januar 2022, 16:20 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.

ZUM-Apps ist ein kostenloser Online-Speicher der Zentrale für Unterrichtsmedien im Internet für die Erprobung und Erstellung interaktiver H5P-Apps. Wir laden Dich ein, diese Inhalte zu nutzen, selbst welche zu erstellen und in ZUM-Unterrichten einzufügen.


Einführung


So werden Inhalte von ZUM-Apps eingebunden

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

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

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



Beispiele

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

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

H5P-Inhaltstypen - eine Übersicht

Siehe: