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

Aus ZUM-Unterrichten
(→‎Einführung: Video existiert nicht mehr)
Markierung: 2017-Quelltext-Bearbeitung
K (Matthias Scharwies verschob die Seite H5P nach Hilfe:ZUM-Apps in ZUM-Unterrichten einbinden: eindeutigerer Seitenname)
 
(16 dazwischenliegende Versionen von 3 Benutzern werden nicht angezeigt)
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.
[[Datei:Logo-zum-apps.png|100px|link=https://apps.zum.de]]
'''[https://apps.zum.de ZUM-Apps]''' ist ein kostenloser Online-Speicher der Zentrale für Unterrichtsmedien im Internet für Deine interaktiven [https://h5p.org/ '''H5P'''] -Inhalte. Wir laden Dich ein, diese Inhalte zu nutzen, selbst welche zu erstellen und in ZUM-Unterrichten einzufügen. Beliebte Übungen sind z.B. Videos oder Präsentationen mit eingebetteten Quiz-Aufgaben, Zeitstrahlen, Memory-Spiel.


'''[https://apps.zum.de 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==
{{#ev:youtube|Cy_QAHUKAB8|600|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>


==Einführung==
Der Parameter ''height'' ist optional und kann verändert werden:
<center>{{#ev:youtube|Cy_QAHUKAB8|600|center}}</center>
<pre>{{h5p-zum|id=6064|height=300}}</pre>
{{h5p-zum|id=6064|height=300}}
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==
<div class="grid">
<div class="grid">
  <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">
{{H5p-zum|id=63|height=200}}
{{h5p-zum|id=63|height=200}}
</div>
</div>
</div>
</div>
<div class="grid">
<div class="grid">
  <div class="width-1-2">
  <div class="width-1-2">
<pre>{{H5p-zum|id=11|height=232}}</pre>
<pre>{{h5p-zum|id=11|height=232}}</pre>
</div>
</div>
  <div class="width-1-2">
  <div class="width-1-2">
{{H5p-zum|id=11|height=232}}
{{h5p-zum|id=11|height=232}}
</div>
</div>
</div>
</div>
<div class="grid">
<div class="grid">
  <div class="width-1-2">
  <div class="width-1-2">
<pre>{{H5p-zum|id=
<pre>{{h5p-zum|id=
46|height=232}}</pre>
46|height=232}}</pre>
</div>
</div>
  <div class="width-1-2">
  <div class="width-1-2">
{{H5p-zum|id=
{{h5p-zum|id=
46|height=232}}
46|height=232}}
</div>
</div>
Zeile 42: Zeile 57:
<div class="grid">
<div class="grid">
  <div class="width-1-2">
  <div class="width-1-2">
<pre>{{H5p|id=298571|height=150}}</pre>
<pre>{{h5p-zum|id=5249|height=150}}</pre>
</div>
</div>
  <div class="width-1-2">
  <div class="width-1-2">
{{H5p|id=298571|height=150}}
{{h5p-zum|id=5249|height=150}}
</div>
</div>
</div>
</div>


'''Präsentation: Thema WebQuest'''
'''Präsentation: Thema „25 Jahre freie Bildung“'''
<div class="grid">
<div class="grid">
  <div class="width-1-2">
  <div class="width-1-2">
<pre>{{H5p|id=294763|height=232}}</pre>
<pre>{{h5p-zum|id=21638|height=232}}</pre>
</div>
</div>
  <div class="width-1-2">
  <div class="width-1-2">
{{H5p|id=294763|height=232}}
{{h5p-zum|id=21638}}
</div>
</div>
</div>
</div>


'''Dialog üben A1 Beispiel 2'''
'''Textabschnitte ordnen: Die Ameisen'''
<div class="grid">
<div class="grid">
  <div class="width-1-2">
  <div class="width-1-2">
<pre>{{H5p|id=291743|height=232}}</pre>
<pre>{{h5p-zum|id=22248}}</pre>
</div>
</div>
  <div class="width-1-2">
  <div class="width-1-2">
{{H5p|id=291743|height=232}}
{{h5p-zum|id=22248}}
</div>
</div>
</div>
</div>




'''Chemie'''
'''Flashcards: Geometrische Körper'''
<div class="grid">
<div class="grid">
<div class="width-1-2">
<div class="width-1-2">
<pre>{{H5p|id=249758|height=232}}</pre>
<pre>{{h5p-zum|id=19858}}</pre>
</div>
</div>
<div class="width-1-2">
<div class="width-1-2">
{{H5p|id=249758|height=232}}
{{h5p-zum|id=19858}}
</div>
</div>
</div>
</div>
Zeile 83: Zeile 98:


*[[Chemie-Lexikon/Energie_bei_chemischen_Reaktionen|Energie bei chemischen Reaktionen]]
*[[Chemie-Lexikon/Energie_bei_chemischen_Reaktionen|Energie bei chemischen Reaktionen]]
== H5P-Inhaltstypen - eine Übersicht ==
Siehe:
* [[:deutsch-lernen:H5P#H5P-Inhaltstypen|H5P-Inhaltstypen]] in ''ZUM Deutsch Lernen''




[[Kategorie:H5P]]
[[Kategorie:H5P|!]]

Aktuelle Version vom 27. November 2022, 11:35 Uhr

Logo-zum-apps.png ZUM-Apps ist ein kostenloser Online-Speicher der Zentrale für Unterrichtsmedien im Internet für Deine interaktiven H5P -Inhalte. Wir laden Dich ein, diese Inhalte zu nutzen, selbst welche zu erstellen und in ZUM-Unterrichten einzufügen. Beliebte Übungen sind z.B. Videos oder Präsentationen mit eingebetteten Quiz-Aufgaben, Zeitstrahlen, Memory-Spiel.


Einführung

Video laden
YouTube


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

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-zum|id=5249|height=150}}

Präsentation: Thema „25 Jahre freie Bildung“ 

{{h5p-zum|id=21638|height=232}}

Textabschnitte ordnen: Die Ameisen 

{{h5p-zum|id=22248}}


Flashcards: Geometrische Körper 

{{h5p-zum|id=19858}}

Beispielseiten im ZUM-Unterrichten

H5P-Inhaltstypen - eine Übersicht

Siehe:

Abgerufen von „https://unterrichten.zum.de/index.php?title=Hilfe:ZUM-Apps_in_ZUM-Unterrichten_einbinden&oldid=131905“