> ## Documentation Index
> Fetch the complete documentation index at: https://docs-visuolab.levantelab.com.br/llms.txt
> Use this file to discover all available pages before exploring further.

# Hot-Spot-Aktivitäten erstellen

> Wählen Sie das Ausgangsbild, setzen Sie interaktive Punkte und verknüpfen Sie Titel, Texte, Bilder und Videos mit Erkundungsinhalten.

**Für Supervisoren**

Bei **Hot-Spot**-Aktivitäten (**Hotspot** in der Oberfläche) verwandeln Sie ein Bild in eine Erkundungsfläche. Durch Auswahl eines nummerierten Punkts greifen Teilnehmende auf die zugehörigen Informationen zu, etwa Titel, Text, Bild oder Gebärdensprachvideo.

![Beispiel einer Hot-Spot-Aktivität](https://mintcdn.com/levante-lab/iSV727FKjPVHmEYK/images/image-63.png?fit=max\&auto=format\&n=iSV727FKjPVHmEYK\&q=85\&s=f144a041d039ed91c9bf15e3dfedeff7)

Verwenden Sie das Format zum Erkunden von Karten, Szenen, Diagrammen oder Teilen eines Objekts. Planen Sie jeden Punkt mit einer für das Lernziel relevanten Information.

![Beispiel zur Erkundung eines Hot-Spot-Bildes](https://mintcdn.com/levante-lab/iSV727FKjPVHmEYK/images/image-64.png?fit=max\&auto=format\&n=iSV727FKjPVHmEYK\&q=85\&s=21f3dd24e0278cc89f78ef8ba7c60485)

![Hotspot-Aktivität mit Anleitungen, Weltkarte, vier nummerierten Punkten, Topics und Zoomsteuerung.](https://mintcdn.com/levante-lab/iSV727FKjPVHmEYK/images/supervisor-hotspot/participant-map.png?fit=max\&auto=format\&n=iSV727FKjPVHmEYK\&q=85\&s=4614f928969c950c8e5ba993bfb4d23b)

Teilnehmendenansicht: Bild mit nummerierten Punkten und Erkundungssteuerung.

> [!NOTE]
>
> Die Beispiele kennzeichnen den Typ **Rezeption** (**Reception**) und das Format **Hotspot**. Die Ansichten zeigen das Erkunden von Inhalten durch Anklicken von Punkten; Felder für richtige Antworten oder Punkte sind nicht dargestellt. Die Screenshots sind auf Englisch; die Steuerelemente werden auf Deutsch erläutert.

## Planen Sie das Bild und die Inhalte

Wählen Sie ein Bild, auf dem die interessanten Bereiche klar erkennbar sind. Legen Sie für jeden Punkt fest, was gezeigt wird und wie es mit seiner Position zusammenhängt.

| Element | Funktion | Didaktisches Beispiel |
| - | - | - |
| **Ausgangsbild** | Ordnet die Erkundungspunkte visuell an. | Eine Weltkarte. |
| **Hot-Spot-Position** | Verknüpft den Inhalt mit einem Bildbereich. | Ein Punkt über Südamerika. |
| **Titel** | Benennt das Thema des Punkts. | „Südamerika“. |
| **Inhalt** | Präsentiert die zu erkundenden Informationen. | Eine Erklärung zur Region. |
| **Medien** | Ergänzen Titel oder Inhalt. | Gebärdensprachvideo und passendes Bild. |

Bereiten Sie Anweisungen vor wie **„Erkunden Sie die Punkte auf der Karte und sehen Sie sich die Text- und Videoinformationen zu jeder Region an.“**

## Erstellen Sie die Aktivität

**1. Hot Spot auswählen und das Ausgangsbild vorbereiten**

Öffnen Sie den **Space**, gehen Sie zu **Bewertungsaktivitäten** und beginnen Sie die Erstellung im Ablauf **Rezeption** mit **Hot Spot**.

Prüfen Sie Space und Format. Tragen Sie im Formular **Inhaltserstellung — Hotspot-Bild** (**Content Creation - Hotspot Image**) den **Aktivitätstitel** (**Activity title**) ein.

In der abgebildeten Version wird unter **Bild-URL** (**Image URL**) die Adresse des Ausgangsbildes eingetragen. Fügen Sie sie ein und prüfen Sie, ob das Bild im Arbeitsbereich erscheint.

![Formular Hotspot Image mit Activity title, Image URL, Ausgangsbild und Bearbeitungskarte Hotspot 1.](https://mintcdn.com/levante-lab/iSV727FKjPVHmEYK/images/supervisor-hotspot/create-hotspot.png?fit=max\&auto=format\&n=iSV727FKjPVHmEYK\&q=85\&s=1b9bf029183e9272695e7e45e28dd54e)

Erstellung: Aktivitätstitel, Bild-URL und erster Punkt.

Wählen Sie ein klares Bild und prüfen Sie den Ausschnitt vor dem Positionieren der Punkte. Das Ausgangsbild unterscheidet sich von den Medien im Inhalt jedes Hot Spots.

**2. Auf das Bild klicken, um Punkte hinzuzufügen**

Klicken Sie unter **Auf das Bild klicken, um Hotspots hinzuzufügen** (**Click on the image to add hotspots**) auf die Position, der Sie Informationen zuordnen möchten.

Die Oberfläche kennzeichnet den Punkt und zeigt seine Bearbeitungskarte, etwa **Hotspot 1**.

Verwenden Sie gegebenenfalls die **Zoom**-Steuerung für eine genauere Positionierung. Vermeiden Sie überlappende oder so dicht beieinanderliegende Punkte, dass die Auswahl erschwert wird.

![Anklickbarer Kartenbereich mit Zoomsteuerung und Karte Hotspot 1 mit Feldern für Titel, Inhalt und Videos.](https://mintcdn.com/levante-lab/iSV727FKjPVHmEYK/images/supervisor-hotspot/map-and-video-form.png?fit=max\&auto=format\&n=iSV727FKjPVHmEYK\&q=85\&s=ef86f281c4315b29bf7065645ff0522e)

Positionierung: Bild mit Zoom und Hot-Spot-Karte.

Auf einer Karte sollte die Position zur erklärten Region passen. Markieren Sie bei einem Diagramm oder Objekt den Teil, auf den sich der Inhalt bezieht.

**3. Titel und Erklärung des Punkts eingeben**

Tragen Sie unter **Hotspot-Titel** (**Hotspot Title** oder **Hotspot title**) einen Namen ein, der das Thema erkennbar macht.

Bereiten Sie unter **Hotspot-Inhalt** (**Hotspot Content**) die Informationen vor, die bei Auswahl des Punkts angezeigt werden.

Beziehen Sie die Erklärung auf die markierte Position. Präsentieren Sie beim Erkunden einer Region Informationen über diese Region; erklären Sie bei einem Objektteil dessen Funktion.

Einige Versionen kennzeichnen Titel und Inhalt als **optional**. Prüfen Sie die Felder Ihrer Installation und sorgen Sie mit passenden Ressourcen für eine verständliche Darstellung jedes Punkts.

**4. Medien per URL hinzufügen, wenn dieses Formular angezeigt wird**

Die URL-Version bietet zwei optionale Bereiche:

| Bereich | Was einzurichten ist |
| - | - |
| **Titelmedien (Title Media)** | Ein Bild oder Video zur Präsentation des Titels. |
| **Inhaltsmedien (Content Media)** | Ein Bild oder Video zur Ergänzung der Erklärung. |

Wählen Sie im gewünschten Bereich **Bild** (**Image**) oder **Video** und füllen Sie das entsprechende URL-Feld aus.

![Karte Hotspot 1 mit Hotspot Title, Title Media, Hotspot Content, Content Media, URL-Feldern und Save Hotspot.](https://mintcdn.com/levante-lab/iSV727FKjPVHmEYK/images/supervisor-hotspot/hotspot-url-media.png?fit=max\&auto=format\&n=iSV727FKjPVHmEYK\&q=85\&s=2b70664382fe5870283fcf0987fd1573)

Medien per URL: Titel, Inhalt und Auswahl von Bild oder Video.

Prüfen Sie, ob jede Adresse das erwartete Medium lädt. Die Auswahl von **Video** in einem Bereich bedeutet nicht, dass auch im anderen Bereich ein Video hinterlegt wurde.

Je nach verfügbaren Feldern können Sie eine gebärdensprachliche Präsentation beim Titel und ein weiteres Material zur Ausführung des Inhalts verwenden.

**5. Videos hochladen, wenn Dateifelder vorhanden sind**

Eine andere Formularversion bietet Videofelder mit Vorschaubildern und **+** anstelle von URL-Feldern.

Das Beispiel zeigt **Videoinhalt** (**Video Content**) und **Hotspot-Inhalt — Video** (**Hotspot Content - Video**) neben Titel- und Textfeldern.

![Karte Hotspot 1 mit optionalem Titel, Video Content, optionalem Text und Hotspot Content - Video mit 100 MB pro Video.](https://mintcdn.com/levante-lab/iSV727FKjPVHmEYK/images/supervisor-hotspot/hotspot-video-content.png?fit=max\&auto=format\&n=iSV727FKjPVHmEYK\&q=85\&s=aa44f2421e8aadc660d6d326d6e50db6)

Medien als Datei: Titel-, Text- und Videofelder des Punkts.

Verwenden Sie das Steuerelement des entsprechenden Felds und prüfen Sie die Vorschau nach dem Hinzufügen. Das Beispiel nennt **100 MB**; beachten Sie die Begrenzung Ihrer Installation.

Erstellen Sie die Videos in der für das Publikum passenden Gebärdensprache und prüfen Sie die Übereinstimmung mit der jeweiligen Feldfunktion.

Die Ansichten zeigen **Formularvarianten**. Nutzen Sie die in Ihrer Installation verfügbaren Steuerelemente zum Hinzufügen der Medien.

**6. Punkt speichern und das Ganze prüfen**

Bestätigen Sie im URL-Formular den Punkt mit **Hotspot speichern** (**Save Hotspot**). Schließen Sie bei anderen Steuerelementen die Bearbeitung entsprechend der angezeigten Oberfläche ab.

Wiederholen Sie das Hinzufügen für weitere interessante Stellen. Prüfen Sie den Zusammenhang zwischen Position, Titel und Inhalt.

Die Karten enthalten eine Löschfunktion. Prüfen Sie nach dem Entfernen eines Punkts die verbleibenden Punkte. Kontrollieren Sie nach Änderungen am Ausgangsbild erneut alle Hot-Spot-Positionen.

**Das Speichern eines Hot Spots ist ein Erstellungsschritt.** Prüfen Sie vor dem Abschluss der Aktivität alle Markierungen, Texte und Medien und beenden Sie die Einrichtung über die Steuerelemente Ihrer Installation.

## Prüfen Sie die Inhaltsdarstellung

Die vorliegenden Ansichten zeigen zwei Darstellungsformen für den Punktinhalt. Prüfen Sie die in Ihrer Installation verwendete Form und die Teilnehmendenansicht.

### Inhalt in einem Fenster über dem Bild

Bei Auswahl des Punkts kann der Inhalt in einem **überlagerten Fenster** mit Medien und Text erscheinen. **X** schließt das Fenster und führt zum Bild zurück.

![Hot-Spot-Inhalt in einem überlagerten Fenster](https://mintcdn.com/levante-lab/iSV727FKjPVHmEYK/images/image-65.png?fit=max\&auto=format\&n=iSV727FKjPVHmEYK\&q=85\&s=602885bac1ff1591e118a9a674ff10e8)

![Hot-Spot-Fenster mit Video, Titel, Text, weiterem Medium und Schließen-Schaltfläche über der Karte.](https://mintcdn.com/levante-lab/iSV727FKjPVHmEYK/images/supervisor-hotspot/participant-popup.png?fit=max\&auto=format\&n=iSV727FKjPVHmEYK\&q=85\&s=e989f7a13f502da70ebefa36361d7e53)

Erkundung: Punktinhalt in einem überlagerten Fenster.

Prüfen Sie die Erkennbarkeit des Titels, die Lesbarkeit des Texts und die Videowiedergabe. Ersetzen Sie den Lorem-ipsum-Beispieltext durch die Informationen der Aktivität.

### Inhalt unter dem Bild

Eine andere Ansicht zeigt **Inhalt anzeigen** (**View content**) unter der Karte. Das Beispiel enthält den Titel **South America**, gebärdensprachliche Medien, Text und ein passendes Bild.

![Ausgewählter Hot-Spot-Inhalt unter dem Bild](https://mintcdn.com/levante-lab/iSV727FKjPVHmEYK/images/image-66.png?fit=max\&auto=format\&n=iSV727FKjPVHmEYK\&q=85\&s=2614f2282a01650d484f3d78a705598a)

![Bereich View content mit Titel South America, gebärdensprachlichen Medien, Text und Bild von Südamerika.](https://mintcdn.com/levante-lab/iSV727FKjPVHmEYK/images/supervisor-hotspot/participant-inline-content.png?fit=max\&auto=format\&n=iSV727FKjPVHmEYK\&q=85\&s=9367746c6ac6a13be79d29958b6c3a53)

Erkundung: ausgewählter Inhalt unter dem Ausgangsbild.

Die Teilnehmenden wählen die nummerierten Punkte aus, um Informationen zu erkunden. Prüfen Sie auch **Themen** (**Topics**) und die Zoomsteuerung entsprechend ihrer Verfügbarkeit.

Die Screenshots zeigen keine Regeln für Noten oder automatischen Abschluss anhand der Klickzahl. Beschreiben Sie der Gruppe, was erkundet werden soll, und prüfen Sie die Darstellung der Aktivitätsbegleitung in Ihrer Installation.

## Prüfen Sie alles vor dem Abschluss

Vor der Bereitstellung der Aktivität:

* Prüfen Sie Space, Typ, Titel und Anleitungen.
* Prüfen Sie, ob das Ausgangsbild korrekt lädt.
* Prüfen Sie Position und Auswahl jedes Punkts.
* Prüfen Sie Titel und Erklärungen.
* Testen Sie URLs und hinzugefügte Medien.
* Spielen Sie die Videos ab und prüfen Sie die verwendete Gebärdensprache.
* Prüfen Sie Lesbarkeit und Zusammenhang zwischen Bild, Text und Video.
* Öffnen Sie die Punkte in der Teilnehmendenansicht und prüfen Sie die Inhalte.
* Prüfen Sie das Ganze nach dem Löschen von Punkten oder Ersetzen des Ausgangsbildes.

Schließen Sie die Einrichtung der Aktivität über die verfügbaren Steuerelemente ab und prüfen Sie die Gesamtdarstellung.

> [card] [Übersicht der Aktivitäten aufrufen](https://docs-visuolab.levantelab.com.br/de/visual-classroom/supervisor/assessment.md)
>
> Stimmen Sie das Aktivitätsformat auf das Lernziel und die Teilnahmeoptionen ab.

## Unterstützen Sie die Weiterentwicklung von VisuoLab

> [!NOTE]
>
> **Ohne langfristige Finanzierung ist die Weiterarbeit des technischen Teams von Levante Lab gefährdet.**
>
> Ihre Unterstützung hilft, VisuoLab und SignBank zu erhalten, die Barrierefreiheit zu verbessern sowie die Weiterentwicklung und den Nutzersupport in Zusammenarbeit mit Forschungspartnern und gehörlosen Gemeinschaften zu sichern.
>
> [Informieren Sie sich über den Finanzierungsbedarf und Unterstützungsmöglichkeiten →](https://docs-visuolab.levantelab.com.br/de/unterstuetzen/visuolab.md)

## Weiterführende Navigation

> [card] [Zurück](https://docs-visuolab.levantelab.com.br/de/visual-classroom/supervisor/assessment/interactive-video.md)
>
> **Interaktive Videoaktivitäten erstellen**

> [card] [Weiter](https://docs-visuolab.levantelab.com.br/de/visual-classroom/supervisor/scales.md)
>
> **Bewertungsskalen konfigurieren**


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.