Hotspots

Application #

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 tutorial #

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
Select image
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
Add hotspot
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
Click on the first point, „Audio,“ to convert your hotspot into an audio hotspot. Learners can then play an audio track by clicking on it.
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.

Item 1 – Audio #

Click on the first point, „Audio,“ to convert your hotspot into an audio hotspot. Learners can then play an audio track by clicking on it.

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
Select audio
Select an audio track from the media library to play when the hotspot is clicked. While playing, the hotspot will be displayed as shown on the right. The audio can be stopped at any time by clicking again.

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 #

The tooltip layout is structured differently than the action layout. With the action layout, an action is triggered immediately. With the tooltip layout, as the name suggests, a small tooltip opens when clicked, displaying the content you entered. The hotspot icon changes according to the selected hotspot type. For example, if you selected „Audio,“ a player icon will appear there.

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
Click on the second „Audio“ point to turn your hotspot into an audio hotspot, where learners can play an audio track by clicking it.
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
Click on the second „Audio“ point to make a popup with an audio file from your hotspot that learners can play after opening it.
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