Hotspots

Anwendung #

Verwende das Hotspot Element, wenn du ein Bild verwenden möchtest, das detaillierte Erklärungen an bestimmten Stellen benötigt (z. B. Situationen mit mehreren Personen, Produktanatomie oder Lagepläne, Diagramme, komplexe Infografiken oder Screenshots). Nutze Hotspots, wenn du komplexe visuelle Inhalte erklären möchtest.

Hotspots ermöglichen das visuelle Verknüpfung von Informationen. Sie eignen sich besonders für explorative Lernphasen, in denen Lernende Inhalte in ihrem eigenen Tempo entdecken können.

Video Anleitung #

Erfahre in dem folgenden Video Tutorial, wie du das Big Slider erstellst

Hotspots hinzufügen #

Ziehe das Hotspot Element in ein Modul hinein.

Hotspots einfügen

Schritt 1 – Bild hinzufügen #

Schau dir die Hotspots an, um zu sehen, welche Einstellungen für das Bild verfügbar sind.

1
Bild auswählen
Wähle ein Bild aus der Mediathek aus, das du mit Hotspots erklären möchtest.
2
Breite
Wähle aus, ob dein Bild über die gesamte Breite angezeigt werden soll.

Schritt 2 – Hotspot Art wählen #

Schau dir die Hotspots an, um zu sehen, welche Hotspot Arten dir zur Verfügung stehen.

1
Icon Hotspots
Klicke auf Icon, um ein Symbol in der Mitte deiner Hotspots anzuzeigen.
2
Nummer Hotspots
Klicke auf Nummer, wenn deine Hotspots nummeriert sein sollen.

Schritt 3 – Hotspots Einstellungen #

Schau dir die Hotspots an, um zu sehen, wie du deine Hotspots verwaltest.

1
Hotspot hinzufügen
Klicke auf „Hotspot hinzufügen“, um einen neuen Hotspot hinzuzufügen.
2
Hotspot Anordnung
Tausche die Reihenfolge der Hotspots, indem du auf das Verschieben Icon klickst und es ziehst.
3
Hotspots löschen
Lösche einen Hotspot, indem du auf das Papierkorb Icon klickst.

Layout 1 – Aktion Hotspots #

Dir stehen 4 Hotspot Layouts zur Verfügung. In dieser Schritt für Schritt Anleitung gehen wir alle Layout Varianten sowie Hotspot Arten durch und zeigen dir die jeweiligen Einstellungsmöglichkeiten.

1
Aktion Hotspot
Klicke auf den ersten Punkt „Aktion“, um einen Aktions Hotspot einzufügen.

Hotspot Arten im Überblick #

Schau dir die Hotspots auf dem Bild an, um zu erfahren, welche Hotspot Arten in excelerate zur Auswahl stehen und wie sie funktionieren.

1
Audio
Klicke auf den ersten Punkt „Audio“, um deinen Hotspot in einen Audio-Hotspot umzuwandeln. Lernende können dann durch einen Klick eine Audiospur abspielen.
2
Download
Klicke auf den zweiten Punkt „Download“, um deinen Hotspot in einen Download-Hotspot umzuwandeln. Lernende können dann per Klick eine hinterlegte Datei herunterladen.
3
Abschnitt
Klicke auf den dritten Punkt „Abschnitt“, um deinen Hotspot in einen Abschnitts-Hotspot umzuwandeln. Lernende können dann durch einen Klick zum nächsten Abschnitt im WBT gelangen.

Punkt 1 – Audio #

Klicke auf den ersten Punkt „Audio“, um deinen Hotspot in einen Audio-Hotspot umzuwandeln. Lernende können dann durch einen Klick eine Audiospur abspielen.

1
Hotspot Farbe
Entscheide, ob dein Hotspot einen hellen oder dunklen Ring in der Mitte haben soll. Dadurch wird eine optimale Sichtbarkeit auf hellen und dunklen Bildern gewährleistet.
2
Hotspot Inhalt
Gib deinem Hotspot einen Titel und entscheide, ob dieser dauerhaft angezeigt werden soll. Ist die Titelanzeige aktiviert, wird dein Hotspot wie rechts dargestellt.
3
Audio auswählen
Wähle eine Audiospur aus der Mediathek aus, die beim Klick auf den Hotspot abgespielt wird. Während der Wiedergabe wird der Hotspot wie auf der rechten Seite dargestellt. Durch einen erneuten Klick kann das Audio jederzeit gestoppt werden.

Punkt 2 – Download #

Klicke auf den zweiten Punkt „Download“, um deinen Hotspot in einen Download-Hotspot umzuwandeln. Lernende können dann durch einen Klick die hinterlegte Datei herunterladen.

1
Hotspot Farbe
Entscheide, ob dein Hotspot einen hellen oder einen dunklen Ring in der Mitte hat. Das ermöglicht eine perfekte Sichtbarkeit auf dunklen oder hellen Bildern.
2
Hotspot Inhalt
Vergib für deinen Hotspot einen Titel und entscheide, ob du diesen dauerhaft anzeigen lassen möchtest oder nicht. Wenn der Titel angezeigt wird, kann dein Hotspot wie auf der rechten Seite aussehen.
3
Download Datei auswählen
Wähle eine Datei aus der Mediathek aus, die deine Lerner herunterladen können, oder füge einen Download Link ein, indem du auf „Link“ klickst.

Punkt 3 – Abschnitt #

Klicke auf den dritten Punkt „Abschnitt“, um aus deinem Hotspot einen Abschnitts Hotspot zu machen, bei dem die Lerner durch einen Klick auf den nächsten Abschnitt im WBT gelangen können.

1
Hotspot Farbe
Entscheide, ob dein Hotspot einen hellen oder einen dunklen Ring in der Mitte hat. Das ermöglicht eine perfekte Sichtbarkeit auf dunklen oder hellen Bildern.
2
Hotspot Inhalt
Vergib für deinen Hotspot einen Titel und entscheide, ob du diesen dauerhaft anzeigen lassen möchtest oder nicht. Wenn der Titel angezeigt wird, kann dein Hotspot wie auf der rechten Seite aussehen.

Layout 2 – Tooltip Hotspots #

Das Tooltip-Layout ist anders aufgebaut als das Aktions-Layout. Beim Aktions-Layout wird sofort eine Aktion ausgelöst. Beim Tooltip-Layout öffnet sich wie der Name schon sagt beim Klick ein kleiner Tooltip mit den Inhalten, die du eingegeben hast. Das Hotspot Icon ändert sich entsprechend der gewählten Hotspot Art. Wenn du zum Beispiel „Audio“ ausgewählt hast, erscheint dort ein Player-Icon.

1
Tooltip Hotspot
Klicke auf den ersten zweiten Punkt „Tooltip“, um einen Tooltip Hotspot einzufügen.

Hotspot Arten im Überblick #

Schau dir die Hotspots auf dem Bild an, um zu erfahren, welche Hotspot Arten in excelerate zur Auswahl stehen und wie sie funktionieren.

1
Klick
Klicke auf den ersten Punkt „Punkt“, um einen einfachen Hotspot zu erstellen. Über diesen können Lernende per Klick Inhalte wie Titel oder Fließtext anzeigen lassen.
2
Audio
Klicke auf den zweiten Punkt „Audio“, um aus deinem Hotspot einen Audio Hotspot zu machen, bei dem die Lerner durch einen Klick eine Audiospur abspielen können.
3
Download
Klicke auf den dritten Punkt „Download“, um aus deinem Hotspot einen Download Hotspot zu machen, bei dem die Lerner durch einen Klick eine hinterlegte Datei herunterladen können.
4
Abschnitt
Klicke auf den vierten Punkt „Abschnitt“, um einen Abschnitts-Hotspot zu erstellen. Über diesen gelangen Lernende per Klick zum nächsten Abschnitt des WBTs.
5
Info
Die Hotspot Arten 2, 3 und 4 sind dieselben wie im Layout 1 Hotspot. Scrolle gerne nach oben, um sie dir noch einmal anzuschauen.

Punkt 1 – Klick #

Klicke auf den ersten Punkt „Punkt“, um einen einfachen Hotspot zu erstellen. Über diesen können Lernende per Klick Inhalte wie Titel oder Fließtext anzeigen lassen.

1
Hotspot Farbe
Entscheide, ob dein Hotspot einen hellen oder einen dunklen Ring in der Mitte hat. Das ermöglicht eine perfekte Sichtbarkeit auf dunklen oder hellen Bildern.
2
Hotspot Inhalt
Vergib für deinen Hotspot einen Titel und entscheide, ob du diesen dauerhaft anzeigen lassen möchtest oder nicht. Wenn der Titel angezeigt wird, kann dein Hotspot wie auf der rechten Seite aussehen.
3
Titel, Text, und Bild
Entscheide, welche der drei Eingaben deine Lerner beim Klicken sehen werden. Du kannst nach Bedarf eine Überschrift, Text und ein Bild hinzufügen.

Tooltip Ansicht #

Schau dir die Slides an, um zu sehen, wie der Tooltip Hotspot im geöffneten Zustand für die Lerner aussieht.

Klick #

Audio #

Download #

Abschnitt #

Layout 3 – Popup Hotspots #

Bei der Layoutart Popup ist es ähnlich wie beim Tooltip. Beim Klick geht ein Fenster auf. Der Unterschied beim Popup ist, dass die Fenster größer sind. Somit sind sie auch besser für Bilder und Videos geeignet. Die Eingaben für die verschiedenen Hotspotarten sind bei allen wiederkehrenden Arten gleich, neu dazu gekommen ist aber der Videoplayer.

1
Popup Hotspot
Klicke auf den ersten dritten Punkt „Popup“, um einen Popup Hotspot einzufügen.

Hotspot Arten im Überblick #

Schau dir die Hotspots auf dem Bild an, um zu erfahren, welche Hotspot Arten in excelerate zur Auswahl stehen und wie sie funktionieren.

1
Klick
Klicke auf den ersten Punkt „Klick“, um aus deinem Hotspot einen einfachen Hotspot zu machen, bei dem den Lernern durch einen Klick Inhalte wie Titel, Fließtext oder Bild angezeigt werden.
2
Audio
Klicke auf den zweiten Punkt „Audio“, um aus deinem Hotspot ein Popup mit einer Audiodatei zu machen, das die Lerner nach dem Öffnen abspielen können.
3
Download
Klicke auf den dritten Punkt „Video“, um aus deinem Hotspot ein Popup mit einem Video zu machen, das die Lerner nach dem Öffnen abspielen können.
4
Download
Klicke auf den vierten Punkt „Download“, um aus deinem Hotspot ein Popup mit einem Download zu machen, bei dem die Lerner nach dem Öffnen eine Datei herunterladen können.
5
Info
Klicke auf den fünften Punkt „Abschnitt“, um aus deinem Hotspot ein Popup mit einem Abschnitt zu machen, bei dem die Lerner nach dem Öffnen zu einem voreingestellten Abschnitt im WBT gelangen können.
6
Info
Die Hotspot Arten 2, 3 und 4 sind dieselben wie im Layout „1 Hotspot“. Ausgenommen ist hier das Video, da dieses neu dazugekommen ist. Die Einstellungen sind alle gleich geblieben, was sich jedoch verändert hat, ist die Funktionalität der Hotspots. Scrolle gerne nach oben, um sie dir noch einmal anzuschauen.

Punkt 3 – Video einstellen #

Klicke auf den dritten Punkt „Video“, um aus deinem Hotspot ein Popup mit einem Video zu machen, das die Lerner nach dem Öffnen abspielen können.

1
Hotspot Farbe
Entscheide, ob dein Hotspot einen hellen oder einen dunklen Ring in der Mitte hat. Das ermöglicht eine perfekte Sichtbarkeit auf dunklen oder hellen Bildern.
2
Hotspot Inhalt
Vergib für deinen Hotspot einen Titel und entscheide, ob du diesen dauerhaft anzeigen lassen möchtest oder nicht. Wenn der Titel angezeigt wird, kann dein Hotspot wie auf der rechten Seite aussehen.
3
Video
Wähle ein Video aus der Mediathek oder füge es über einen Link hinzu.

Layout 4 – Overlay Hotspots #

Wähle das Overlay Layout aus, damit beim Klick auf den Hotspot ein Overlay angezeigt wird, das du mit dem Content Editor anpassen kannst.

1
Overlay Hotspot
Klicke auf den vierten Punkt „Overlay“, um einen Overlay Hotspot einzufügen.

Overlay Layout Überblick #

Schau dir den Hotspot auf dem Bild an, um zu erfahren, welche Einstellungen beim Overlay Layout Hotspot zur Verfügung stehen.

1
Overlay Bearbeiten
Klicke auf „Overlay bearbeiten“, um die Inhalte des Overlays mit dem Content Editor anzupassen.

Overlay Bearbeiten #

Klicke auf „Overlay bearbeiten“, um die Inhalte des Hotspots anzulegen. 

Um zu sehen, wie du ein Overlay bearbeitest, klicke hier.

Overlay Bearbeiten