StepMap und Hilfe:ZUM-Apps in ZUM-Unterrichten einbinden: Unterschied zwischen den Seiten

Aus ZUM-Unterrichten
(Unterschied zwischen Seiten)
(+kat)
Markierung: 2017-Quelltext-Bearbeitung
 
Markierung: 2017-Quelltext-Bearbeitung
 
Zeile 1: Zeile 1:
[[Datei:StepMap - Goethes Italienreise.png|miniatur|Mit StepMap erstellte Karte - [http://www.stepmap.de/karte/goethes-italienreise-1198 interaktiv auf StepMap.de]]]
[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.
'''StepMap''' ermöglicht, eigene, interaktive Landkarten online zu erstellen und anschließend auf Arbeitsblättern oder Internetseiten zu verwenden.


== StepMap stellt sich vor ==
==Einführung==
<center>{{#ev:youtube|4rFyCa23lhQ|600|center}}</center>


In einem Video-Interview mit Melanie Unbekannt stellt Ole Brandenburg StepMap anschaulich vor:
==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}}


<iframe src="http://player.vimeo.com/video/19515338" width="400" height="300" frameborder="0"></iframe>
: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>


[http://vimeo.com/19515338 Ole Brandenburg berichtet über Stepmap] von [http://vimeo.com/literatenmelu Melanie Unbekannt] auf [http://vimeo.com Vimeo]
'''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>


== Welchen Nutzen bringt StepMap im schulischen Umfeld? ==
'''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>


Schülerinnen und Schüler sind heute im Umgang mit dem Internet oftmals vertrauter als Lehrer. Warum nicht die Begeisterung der Schülerinnen und Schüler nutzen und ihnen mittels StepMap den Unterrichtsstoff näher bringen und interessanter gestalten? Das muss sich auch nicht nur auf den Erdkundeunterricht beschränken. Auch in Fach Geschichte (z.B. eine Karte zum Eroberungsfeldzug Alexander des Grossen) oder Deutschunterricht (Eine Karte zu Goethes Italienreise) oder auch im Fach Politik (Karte aller Mitgliedsländer der europäischen Union) finden sich Anwendungsgebiete. Jeder Lehrer kann für sein Fach Karten individuell gestalten und wahlweise ausdrucken oder online seiner Klasse präsentieren. Warum nicht auch mal ein interessantes Quiz mittels einer Karte gestalten?
'''Dialog üben A1 Beispiel 2'''
Wichtiger Hinweis für Lehrer:
<div class="grid">
Unter Aufsicht eines Lehrers ist es auch minderjährigen Schülern gestattet, Karten für den Unterricht zu erstellen. "Bedenkliche" Inhalte werden auf StepMap nicht angeboten.
<div class="width-1-2">
Was also bringt mir StepMap, wenn ich Lehrer oder Schüler bin?
<pre>{{H5p|id=291743|height=232}}</pre>
</div>
<div class="width-1-2">
{{H5p|id=291743|height=232}}
</div>
</div>


* Moderierte Karten (keine "bedenklichen" Inhalte)
* Kostenlos
* Einfache, grafische Darstellung eines Sachverhaltes oder Themas
* Geeignet für Präsentationen und interessante Tests
* Alle Informationen (Berichte, Fotos, Videos) punktspezifisch hinterlegen
* Kann jederzeit abgespeichert und jederzeit weiter bearbeitet werden (z.B. als Vorlage abspeichern und dann immer wieder für neue Karten verwenden)
* Keine Programmierung notwendig
* Keine Installation notwendig


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


== Wie binde ich StepMap-Karten ein? ==
==Beispielseiten im ZUM-Unterrichten==


Die Karten dürfen für nichtkommerzielle Zwecke kostenfrei verwendet werden. Dies ist entsprechend bei der Lizenzierung zu berücksichtigen. Des Weiteren muss stets der URL-Link enthalten sein. Auch das Logo von StepMap darf nicht von der Karte entfernt werden.
*[[Chemie-Lexikon/Energie_bei_chemischen_Reaktionen|Energie bei chemischen Reaktionen]]
Um im Rahmen der schulischen Arbeit Karten in einer höheren Auflösung downloaden zu können, registrieren Sie sich auf der StepMap-Plattform und kontaktieren Sie die Betreiber.


== Weblinks ==


* [http://www.stepmap.de/ StepMap] - Website
[[Kategorie:H5P]]
** [http://www.stepmap.de/karte/wie-lauten-die-namen-der-deutschen-bundeslaender-12400 Beispielkarte (Stumme Karte Deutschland)]
** [http://www.stepmap.de/hilfe/wie-darf-ich-die-karten-nutzen Hinweis zur kostenlosen Nutzung (siehe rechte Spalte zum Thema "StepMap für die Schule"]
* [http://www.lehrerfreund.de/in/schule/1s/stepmap-land-karten-online/3636/StepMap - (Land-)Karten online erstellen] (lehrerfreund.de)
 
== Siehe auch ==
 
* [[Kartenarbeit]]
* [http://landeskunde.wordpress.com/2009/12/08/stepmap-land-karten-online-erstellen/ StepMap – (Land-)Karten online erstellen] Test für den Daf-Unterricht
 
 
[[Kategorie:Geographie]]
[[Kategorie:Kartenarbeit]]

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

Video laden
YouTube

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

Abgerufen von „https://unterrichten.zum.de/index.php?title=StepMap&oldid=111370“