Benutzer:Patrick Oberdoerfer/ZUM-Apps und H5P/Image Hotspots ZUM Edition/: Unterschied zwischen den Versionen
KKeine Bearbeitungszusammenfassung |
(H5P Dateien eingebettet) Markierung: 2017-Quelltext-Bearbeitung |
||
| Zeile 44: | Zeile 44: | ||
| | | | ||
|} | |} | ||
Variante 1 | |||
<div style="background-color: #f8d7da; padding: 10px; border-radius: 10px;"><h3>'''Variante 1'''</h3></div> | |||
Beim ersten Beispiel wurde ein Foto gewählt, welches sich an den Gedanken aus dem Beitrag (ToDo) orientiert. Es beinhaltet fast keine unwichtigen Inhalte und fokussiert sich somit auf das zentrale Thema. | Beim ersten Beispiel wurde ein Foto gewählt, welches sich an den Gedanken aus dem Beitrag (ToDo) orientiert. Es beinhaltet fast keine unwichtigen Inhalte und fokussiert sich somit auf das zentrale Thema. | ||
| Zeile 52: | Zeile 53: | ||
Die Hotspots sind grundsätzlich wie in den folgenden Beispielen an den gleichen Stellen. Ohne weitere Unterstützung erfordert die Verknüpfung der bildlichen und verbalisierten Informationen ein erhöhtes Kompetenzniveau. | Die Hotspots sind grundsätzlich wie in den folgenden Beispielen an den gleichen Stellen. Ohne weitere Unterstützung erfordert die Verknüpfung der bildlichen und verbalisierten Informationen ein erhöhtes Kompetenzniveau. | ||
Variante 2 | <div style="background-color: #ADD8E6; padding: 10px; border-radius: 10px;"><h3>'''Beispiel H5P '''</h3></div> | ||
<br /> | |||
<div class="width-2-3"> | |||
{{H5p-zum|id=28864|height=600}} | |||
</div> | |||
<div style="background-color: #fff8c1; padding: 10px; border-radius: 10px;"><h3>'''Variante 2'''</h3></div> | |||
Damit im Bild die Übergänge und zentralen Inhalte leichter erkenntlich werden, wurden mit einfachen grafischen Ergänzungen das Foto verständlicher gemacht. Ich nenne diese Art der Differenzierung eine visuelle Gliederung von Bilder bzw. Fotos. | Damit im Bild die Übergänge und zentralen Inhalte leichter erkenntlich werden, wurden mit einfachen grafischen Ergänzungen das Foto verständlicher gemacht. Ich nenne diese Art der Differenzierung eine visuelle Gliederung von Bilder bzw. Fotos. | ||
Durch die geringen Modifikationsmöglichkeiten im Texteditor stehen nur wenige | Durch die geringen Modifikationsmöglichkeiten im Texteditor stehen nur wenige Varianten zur Verfügung. Außerdem ist die Darstellung im aktiven Texteditor und die Ausgabe widersprüchlich. Die Einstellungsmöglichkeiten sind in dieser Gegenüberstellung (Beginn oben Mitte und dann im Uhrzeigersinn) dargestellt. | ||
[[Datei:Differenzierung mit H5P - Image Hotspots ZUM Edition.jpg|alternativtext=Differenzierung mit H5P - Image Hotspots ZUM Edition Übersicht Texteditor|mini]] | |||
<div style="background-color: #ADD8E6; padding: 10px; border-radius: 10px;"><h3>'''Beispiel H5P '''</h3></div> | |||
<br /> | |||
<div class="width-2-3"> | |||
{{H5p-zum|id=28858|height=600}} | |||
</div> | |||
<div style="background-color: #d0f4c7; padding: 10px; border-radius: 10px;"><h3>'''Variante 3'''</h3></div> | |||
In der Variante drei wurden in den Hotspot zusätzlich Piktogramme eingefügt, welches eine alternative Erschließungsmöglichkeit des Inhalts zum Foto (mit seiner räumlichen Darstellung) ermöglichen. Die Piktogramme sind inhaltliche stark reduziert und als Vertikalschnitt dargestellt. | |||
<div style="background-color: #ADD8E6; padding: 10px; border-radius: 10px;"><h3>'''Beispiel H5P '''</h3></div> | |||
<br /> | |||
<div class="width-2-3"> | |||
{{H5p-zum|id=28865|height=600}} | |||
</div> | |||
Version vom 26. Dezember 2023, 12:57 Uhr
Der komplexe Inhaltstyp Image Hotspots ZUM Edition bietet ganz viele Möglichkeiten. Vorab, einen kleinen "Fehler" hat er noch und zwar fehlt ihm die Teilanwendung Audio. Diese möchte aber die ZUM e.V. in naher Zukunft hinzufügen.
Damit der Unterschied zwischen der ZUM Edition und dem "regulären" Inhaltstyp Image Hotspot klarer wird, sind hier die Optionen gegenüber gestellt.
| Image Hotspot ZUM Edition | regulärer Image Hotspot |
|---|---|
| Text | Text |
| Video | Video |
| Image | Image |
| Link | Audio |
| Summary | |
| Single Choice Set | |
| Multiple Choice | |
| True/False Question | |
| Fill in the Blanks | |
| Drag and Drop | |
| Mark the Words | |
| Drag the Words | |
| Speak the Words |
Variante 1
Beim ersten Beispiel wurde ein Foto gewählt, welches sich an den Gedanken aus dem Beitrag (ToDo) orientiert. Es beinhaltet fast keine unwichtigen Inhalte und fokussiert sich somit auf das zentrale Thema.
Die eingefügten Imagehotspots beinhalten Texte, welche bereits durch die gezielt maximale Schriftgröße (Überschrift 2) zugänglicher gemacht wurden. Allerdings können beim Schrifttyp Überschrift 2 keine unterschiedlichen Formatierungen der Schriftart vorgenommen werden (siehe Variante 2)
Die Hotspots sind grundsätzlich wie in den folgenden Beispielen an den gleichen Stellen. Ohne weitere Unterstützung erfordert die Verknüpfung der bildlichen und verbalisierten Informationen ein erhöhtes Kompetenzniveau.
Beispiel H5P
Variante 2
Damit im Bild die Übergänge und zentralen Inhalte leichter erkenntlich werden, wurden mit einfachen grafischen Ergänzungen das Foto verständlicher gemacht. Ich nenne diese Art der Differenzierung eine visuelle Gliederung von Bilder bzw. Fotos.
Durch die geringen Modifikationsmöglichkeiten im Texteditor stehen nur wenige Varianten zur Verfügung. Außerdem ist die Darstellung im aktiven Texteditor und die Ausgabe widersprüchlich. Die Einstellungsmöglichkeiten sind in dieser Gegenüberstellung (Beginn oben Mitte und dann im Uhrzeigersinn) dargestellt.
Beispiel H5P
Variante 3
In der Variante drei wurden in den Hotspot zusätzlich Piktogramme eingefügt, welches eine alternative Erschließungsmöglichkeit des Inhalts zum Foto (mit seiner räumlichen Darstellung) ermöglichen. Die Piktogramme sind inhaltliche stark reduziert und als Vertikalschnitt dargestellt.
Beispiel H5P
