H5P Teil 20: Column

H5P ist extrem vielfältig und wächst beständig. Daher ist dies eher eine Serie, die über den Tag H5P verknüpft ist. Auch ein Blick auf die Hinweise lohnt sich.

Name: H5P Image Juxtaposition

Homepage: http://www.h5p.org

Vergleichbares Tool: Nachbildbar mit HTML, jeder Homepage

Zweck: Inhalte schön anzeigen

Kosten: kostenlos

Registrierung für Ersteller: Notwendig, um H5P verfügbar zu haben.

Registrierung für Schüler: nicht notwendig

Sprache: Deutsch

System: Browserbasiert

Vorteile: Sehr einfache Erstellung.

Nachteile: keine

Vorgehen & Praktische Anwendung

Für die Präsentation von Gebeten meiner Schülerinnen und Schüler wollte ich eine Bild-Text Kombination anbieten: Text und Bilder zusammen.

Da fiel mir schnell H5P ein, aber die Auswahl welches viel schwer.

Accordion beherrscht leider nur Text. Jedoch gab es bei den Issues die Lösung:

Einfach Column verwenden! Denn auch wenn es nicht in der Beschreibung steht:

Column kann auch nur simplen Text und simples Bild.

Die Erstellung war gewohnt einfach (Einfach hochladen und Texte reinkopieren) und in 5 Minuten war alles fertig:

H5P Teil 19: Virtual Tour

H5P ist extrem vielfältig und wächst beständig. Daher ist dies eher eine Serie, die über den Tag H5P verknüpft ist. Auch ein Blick auf die Hinweise lohnt sich.

Name: H5P Image Juxtaposition

Homepage: http://www.h5p.org

Vergleichbares Tool: Thinglink u.a.

Zweck:

Kosten: kostenlos

Registrierung für Ersteller: Notwendig, um H5P verfügbar zu haben.

Registrierung für Schüler: nicht notwendig

Sprache: Deutsch bei https://h5pbenutzen.de

System: Browserbasiert

Vorteile: Sehr einfache Erstellung. Nicht nur 360 Grad Bilder verwendbar

Nachteile: Mozilla Hubs bietet mehr Interaktion, ist aber schwerer zu erstellen. Man kann nicht näher an ein Bild ranzoomen, hier müsste man Detailaufnahmen als Einzelszenen verwenden.

Vorgehen & Praktische Anwendung

Für den Onlinekonfikurs war die Möglichkeit eine Kirche zu besichtigen notwendig.

Die erste Schwierigkeit war, eine frei verwendbare 360° Grad Aufnahme einer Kirche zu finden. Alternativ ließe sich diese selbst anfertigen oder aus “normalen” Bildern zusammensetzen. Letzteres war mir zu wenig, das selbst anfertigen zu Aufwändig. außerdem könnte ich unsere Kirche wegen der fehlenden Panoramafreiheit nicht frei verfügbar machen, dieses ist mir aber für den Onlinekonfikurs wichtig.

Nach etwas suchen fand ich bei Wikimedia ein 360° Bild einer Kirche.

Nun galt es, dieses als erste Szene einzubauen, mir reicht momentan eine Szene um den Innenraum zu erklären, mehr wäre möglich.

Dann geht es daran im Bild die Punkte einzubauen. Bei mir sind es an der jeweiligen Bildstelle Texte.

Etwas schwierig war den genauen Punkt zu setzen. Hier musste ich teils 5x nachjustieren.

Ansonsten ist noch zu überlegen, ob man die Labels anzeigen lassen will, ich habe es ausgeschaltet.

Das Ergebnis lässt sich sehen, finde ich:

Anleitung:

Bei H5P gibt es eine Englischsprachige Einführung: https://h5p.org/tutorial-virtual-tour

H5P 18: Image Juxtaposition

H5P ist so vielfältig, dass es mehrere Teile verdient hat. Eine Einführung gibt es in Teil 1. Hier Teil 18 Image Juxtaposition

Name: H5P Image Juxtaposition

Homepage: http://www.h5p.org

Vergleichbares Tool: https://juxtapose.knightlab.com/ (darauf beruht das H5P)

Zweck: Zwei Bilder vergleichen können

Kosten: kostenlos

Registrierung für Ersteller: Notwendig, um H5P verfügbar zu haben.

Registrierung für Schüler: nicht notwendig

Sprache: Deutsch bei https://h5pbenutzen.de

System: Browserbasiert

Vorteile: Erstellung extrem einfach

Nachteile: Bilder müssen gleich groß sein: also Vorüberlegungen notwendig

Vorgehen & Praktische Anwendung

In der Kirche wurde die Toilette barrierefrei umgebaut. Vorher und nachher habe ich für eine Förderung schnell Bilder gemacht. Wie ich erst beim Erstellen gemerkt dummerweise einmal hochkant und einmal quer. So musste ich sie noch einpassen.

Der Rest war eine Sache von 1 Minute.

Anmerkung:

Nele Hirsch, hat zu H5P ein Handbuch, einen Onlinekurs und eine Probierseite veröffentlicht. Ich selber habe mit https://www.h5pbenutzen.de eine Seite, bei der ihr euch registrieren könnt, um H5P zu veröffentlchen

H5P 17: Branching Scenarios

H5P ist so vielfältig, dass es mehrere Teile verdient hat. Eine Einführung gibt es in Teil 1. Hier Teil 17: Branching Scenarios

Name: H5P Branching Scenario

Homepage: http://www.h5p.org

Vergleichbares Tool: Twine

Zweck: Einen Weg mit Entscheidungen gehen

Kosten: kostenlos

Registrierung für Ersteller: Notwendig, wenn über h5p.org gearbeitet wird

Registrierung für Schüler: nicht notwendig

Sprache: Englisch (bei h5p.org), Deutsch bei Einstiegh5p.de

System: Browserbasiert

Vorteile: leicht änderbar, responsive

Nachteile: keine

Vorgehen & Praktische Anwendung

Wir wollten für den Online-Konfi-Kurs die verschiedenen Aspekte des Abendmahls darstellen. Dafür haben wir mit Branching Scenario eine Geschichte erzählt und das Tool bei weitem nicht ausgenutzt: ich habe nur Text und Bild verwendet. Es gingen auch noch Image Hotspots, Video…

Ein sehr schönes Tool!

Anmerkung:

Nele Hirsch, hat zu H5P ein Handbuch, einen Onlinekurs und eine Probierseite veröffentlicht.

H5P 16: Accordion

H5P ist so vielfältig, dass es mehrere Teile verdient hat. Eine Einführung gibt es in Teil 1. Hier Teil 16:  Accordion (Akkordion)

Name: H5P Accordion

Homepage: http://www.h5p.org

Vergleichbares Tool: Mit HTML5 programmierbar

Zweck: Etwas aufklabbar darstellen

Kosten: kostenlos

Registrierung für Ersteller: Notwendig, wenn über h5p.org gearbeitet wird

Registrierung für Schüler: nicht notwendig

Sprache: Englisch (bei h5p.org), Deutsch bei Einstiegh5p.de

System: Browserbasiert

Vorteile: leicht änderbar, responsive

Nachteile: keine

Vorgehen & Praktische Anwendung

Wie kann man das Vater Unser mit seinen Bitten darstellen, so dass es gelernt werden kann und gleichzeitig Erklärungen dazu bieten?  Mit dem Accordion geht’s:

Anmerkung:

Nele Hirsch, hat zu H5P ein Handbuch, einen Onlinekurs und eine Probierseite veröffentlicht.