de: activerecord: attributes: pageflow/linkmap_page/area: inverted: Invertieren link_description: 'Linkbeschreibung: Text' link_title: 'Linkbeschreibung: Titel' marker: Linkmarkierung mask_perma_id: Maske name: Bezeichnung page_transition: Seitenwechsel-Animation target_id: Ziel target_type: Bereichstyp values: pageflow/linkmap_page/area: marker: dynamic_marker: Flexible Markierung no_marker: Keine Markierung target_type: audio_file: Audio Datei external_site: Externer Verweis page: Seitenverweis text_only: Nur Text pageflow: editor: files: stages: pageflow/linkmap_page/color_map_file: processing: active: Farbbereiche werden extrahiert. failed: Fehler Extrahieren der Farbbereiche. finished: Farbbereiche erfolgreich extrahiert. pageflow/linkmap_page/masked_image_file: processing: active: Maske wird angewendet. failed: Fehler beim Anwenden der Maske. finished: Maske erfolgreich angewendet. linkmap_page: editor: area_types: audio_file: Audio Datei external_site: Externer Verweis page: Seitenverweis text_only: Nur Text templates: edit_area: back: Zurück destroy: Löschen embedded: area_item: hide_marker: Linkmarkierung deaktivieren set_mask: Maske auswählen show_marker: Linkmarkierung aktivieren unset_mask: Frei positionierbar machen file_area_item: edit: Bearbeiten remove: Entfernen toggle_marker: Linkmarkierung aktivieren file_areas: add: Hinzufügen label: Audios select_area_position_hint: cancel: Abbrechen views: area_mask_input_view: present: "(Aktiv)" areas_list: add: Hinzufügen label: Bereiche edit_area_view: confirm_destroy: Bereich wirklich löschen? embedded: area_item: external_link_disabled: Externe Links sind im Editor deaktiviert. scaled_on_phone_hint: orientations: both: Phone Layout landscape: Landscape Phone Layout portrait: Portrait Phone Layout text: Das Panorama wird im %{orientation} skaliert, um eine Mindestgröße der Hotspots für die Touch-Eingabe zu gewährleisten. Hotspots vergrößern, um Skalierung zu vermeiden. select_area_position_hint: drag_hint: Wähle einen Bereich für den Hotspot durch Klicken und Ziehen mit der Maus. select_mask_hint: Klicke auf einen der farbigen Bereiche des Masken-Bildes, um einen Bereich für den Hotspot auszuwählen. select_mask_or_drag_hint: Klicke auf einen der farbigen Bereiche des Masken-Bildes oder wähle einen frei positionierten Bereich durch Klicken und Ziehen mit der Maus. errors: invalid_image_data: Bei der Erkennung der Farbbereiche im Maskenbild ist ein Fehler aufgetreten. Stellen Sie sicher, dass die farbigen Bereiche im Maskenbild begrenzt und alle anderen Teile des Bildes transparent sind. loading_remote_image_failed: Beim Laden des Bildes ist ein Fehler aufgetreten. mask_image_failed: Beim Verarbeiten des Maskenbildes ist ein Fehler aufgetreten. no_big_enough_color_map_components: Es konnten keine Farb-Bereiche erkannt werden. Stellen Sie sicher, dass die Bereiche midestens 7x7 Pixel groß sind. saving_mask_image_failed: Beim Speichern des Maskenbildes ist ein Fehler aufgetreten. help_entries: page_type: menu_item: Hotspots text: |- # Hotspots *Verweise mit konfigurierbaren Klickbereichen* Hotspots können Audio-Dateien abspielen, interne Verweise auf andere Seiten im Pageflow sein oder auf externe Seiten verlinken. Es können so viele Hotspots angelegt werden wie gewünscht. Der Panorama Typ entscheidet darüber, ob die Seite ein Hintergrund-Bild oder Hintergrund-Video zeigt. (Beachte, dass Hintergrund-Videos auf mobilen Geräten nicht abgespielt werden, deshalb wähle ein zusätzliches Panorama-Bild für die mobile Version) Die Hotspot-Seite ermöglicht auch die Nutzung von Panorama-Bildern, die größer sind, als der sichtbare Bildschirmbereich. So können Nutzer diese Seiten auch horizontal oder vertikal durch scrollen erkunden. Um einen Hotspot zu erstellen, klicke auf „Bereiche“ und wähle zwischen „Audio“, „Seitenverweis“ oder „Externer Verweis“. Diese „Bereiche" können auf zwei unterschiedliche Arten dargestellt werden: ## Hotspots als Kreise Ein weißer Kreis, dessen Position und Größe frei gewählt werden kann, markiert den Hotspot. Hierzu klicke beim entsprechenden Hotspot auf den Button mit dem Auge-Symbol und ziehe den Kreis dann an die gewünschte Position. Bei Auswahl einer Audio-Datei erscheint innerhalb des Kreises ein Kopfhörer-Symbol mit einem Inline-Audio-Player. Dessen Größe hängt von der Größe des Kreises ab. Je näher der Mauszeiger Richtung Kreis bewegt wird, desto heller/sichtbarer wird dieser. Mit Klick auf den Kopfhörer wird der Audio-Player gestartet und gestoppt. ## Individuell gestaltete Hotspots Alternativ kann ein zweites Panorama-Bild verwendet werden, um das Aussehen der Hotspots zu bestimmen, über denen sich der Cursor befindet. Es müssen zwei Panorama-Bilder vorbereitet werden: 1. Ein Bild mit allen Hotspots im inaktiven Modus (z.B. eine Karte, auf der Städte mit schwarzen Punkten markiert sind) 2. Ein Bild mit allen Hotspots im aktiven Zustand (z.B. die selbe Karte, aber mit roten Punkten als Markierung) Die rechteckigen Bereiche der Hotspots werden nun so positioniert, dass sie die graphischen Darstellungen der Hotspots im Bild überdecken. Befindet sich der Cursor über einem der Bereiche, wird genau in diesem Ausschnitt der entsprechende Teil des Hover-Bildes gezeigt. Der Hotspot erscheint daher aktiv, während alle anderen Hotspots weiterhin inaktiv dargestellt werden. An Stelle von Bildern können auch Videos verwendet werden. Folgende Kombinationen sind möglich: 1. Hintergrund-Bild mit Hover-Bild 2. Hintergrund-Video mit Hover-Bild 3. Hintergrund-Bild mit Hover-Video Falls die vom User bereits besuchten Bereiche anschliessend anders dargestellt werden sollen, kann ein „Visited-Bild“ festgelegt werden, das dann zum Beispiel einen bestimmten Hotspot nach dem Klick in einer abgeschwächten Farbe zeigt. ## Frei geformte Hotspots Es ist nicht immer möglich, die visuellen Elemente eines Panorama-Bildes so mit rechteckigen Hotspots zu überdecken, dass sich keine Überschneidungen ergeben. Möchte man zum Beispiel die Länder auf einer Landkarte als Hotspots verwenden, so dass stets das unter dem Cursor befindliche Land in einer anderern Farbe angezeigt wird, lässt sich dies mit einem einzelnen Hover-Bild nicht umsetzen: Sobald der Bereich eines Hotspots über die Landesgrenze hinausragt, erscheint auch immer ein Teil des Nachbarlandes in der aktiven Farbe. Für diese Fälle kann ein sogenanntes Masken-Bild eingesetzt werden, um die Umrisse der Hotspots frei zu bestimmen. Es sollte sich dabei um ein PNG-Bild mit transparentem Hintergrund handeln, auf dem die gewünschten Hotspot-Bereiche durch einfarbige Flächen dargestellt sind. Die Abmessungen des Bildes müssen denen des Panorama- und des Hover-Bildes entsprechen. Für das Landkarten-Beispiel könnte also eine identisch proportionierte Karte verwendet werden, auf der die Länder jeweils mit einem einzelnen Farbton gefüllt sind, Meere und Landesteile, die nicht mit einem Hotspot versehen werden sollen, aber transparent bleiben. Nachdem das Masken-Bild ausgewählt wurde, kann beim Erstellen eines Hotspots nicht nur ein Bereich mit der Maus gezogen, sondern auch ein vordefinierter farbiger Bereich aus dem Masken-Bild angeklickt werden. Die Umrisse des Hotspots entsprechen dann genau dem ausgewählten farbigen Bereich im Masken-Bild. Entsprechend wird das Hover-Bild nur innerhalb dieses Bereiches dargestellt. Bei der Zuordnung der Bereiche ist dabei nur die Farbe ausschlaggebend: der Bereich eines Hotspots muss keine zusammenhängende Fläche darstellen. So können, um das Karten-Beispiel ein letztes Mal aufzugreifen, auch die zu einem Land gehörenden Inseln zusammen mit dem Festland hervorgehoben werden, ohne dass das Meer, welches die Inseln umgibt, Teil des anklickbaren Bereichs sein müsste. Wichtig: Bei der Erstellung des Masken-Bildes muss in der Grafik-Anwendung Kantenglättung deaktiviert werden, da zur präzisen Abgrenzung der Bereiche scharf getrennte Farbbereiche nötig sind. Kantenglättung führt zur Entstehung kleiner Farbverläufe im Bild, die dann als mehrere Bereiche erkannt werden. Die Farben des Masken-Bildes werden bei der Verarbeitung auf eine feste Palette eingeschränkt. Bereiche mit zu ähnlichen Farben können dadurch möglicherweise als einzelner Bereich erkannt werden. Im Moment ist es nicht möglich, die Masken-Bild-Funktion zusammen mit einem Hover-Video zu verwenden. ## Textoptionen Die Hotspots können mit einem Titel benannt und mit weiteren Text versehen werden. Der Text kann in fett, kursiv und unterstrichen formatiert werden. ## Panorama Navigation im Phone Layout Um die Orientierung im Panorama auf kleinen Bildschirmen zu erleichtern, kann für die Anzeige auf Telefonen eine alternative Navigationsmethode gewählt werden. Auf dem Tab “Bereiche” kann dazu unter “Phone-Panorama-Navigation” die Variante “Geführt (Per rechts/links-Swipe-Geste)” ausgewählt werden. Der Benutzer kann dann die Hotspots der Seite durch horizontale Swipe-Gesten nacheinander ansteuern. Die Beschreibungstexte der Hotspots werden in einer Box am unteren Bildschrimrand angezeigt. Über das Vorschau-Menü links unten in der Editor-Seitenleiste kann zur Phone-Layout-Vorschau gewechselt werden, um das Verhalten zu testen. ## Atmo Optionen Wie bei den anderen Seitentypen auch, kann im Hintergrund ein zusätzliches Audiofile abgespielt werden. Für die Kombination mit Audio-Hotspots ist es neben “Ausblenden” und “Weiterspielen” zudem möglich, die Option “Leiser weiterspielen” auszuwählen. Das kann sinnvoll sein, wenn zum Beispiel ein im Hintergrund laufender Titel von einem kurzen Interview überlagert wird. ## Weitere Optionen Unter „Optionen" können folgende Regeln definiert werden: Scrollbereich auf aktive Bereiche beschränken: Hierbei wird verhindert, dass die User sich in Bildbereiche ausserhalb der Hotspots bewegen können. Scrollumgebung erzwingen: Hierbei wird der sichtbare Bereich so verkleinert, dass User sich durch die Seite scrollen müssen, um alle Hotspots zu sehen. Am Bildrand scrollen deaktivieren: Hierbei wird das sonst automatische Scrollen unterdrückt, sobald User die Maus zum Bildrand bewegen. Typische Anwendungsbeispiele: Menüseite, Multiple Choice, Entdeckungstour manage_sites: Verweise verwalten page: scroll_down: Nach unten scrollen scroll_left: Nach links scrollen scroll_right: Nach rechts scrollen scroll_up: Nach oben scrollen page_attributes: add_environment: inline_help: Panorama etwas vergrößern, um Scrollen in beide Richtungen zu erlauben. label: Scrollumgebung erzwingen audio_areas: label: Bereiche mit Audio background_type: label: Panorama-Typ values: hover_video: Hintergrund-Bild/Hover-Video image: Hintergrund-Bild/Hover-Bild video: Hintergrund-Video/Hover-Bild hide_linkmap_overlay_boxes: inline_help: Im Desktop und Tablet-Layout keine Infoboxes an den Hotspots einblenden. label: Infoboxes nur auf Phone anzeigen hover_image_id: inline_help: Ein Ausschnitt dieses Bildes wird im Bereich eines Hotspots angezeigt, wenn sich der Cursor über dem Hotspot befindet. label: Hover-Bild hover_video_type: hover_image_id: inline_help: Bild, das auf mobilen Plattformen anstelle des Hover-Videos gezeigt werden soll. label: Hover-Bild (mobil) panorama_video_id: inline_help: Ein Ausschnitt dieses Videos wird im Bereich eines Hotspots angezeigt, wenn sich der Cursor über dem Hotspot befindet. label: Hover-Video limit_scrolling: inline_help: Scrollen nur erlauben, falls Hotspot Bereiche außerhalb des sichtbaren Bereichs liegen. label: Scrollbereich auf aktive Bereiche beschränken linked_linkmap_page_perma_ids: label: Verlinkte Seiten linkmap_areas: label: Verweisbereiche linkmap_color_map_image_id: inline_help: Bild mit farbigen Bereichen, die die Umrisse von Hotspots bestimmen. Weitere Hinweise im Hilfe-Eintrag des Hotspot-Seitentyps. label: Masken-Bild margin_scrolling_disabled: inline_help: Panorama nicht automatisch scrollen, wenn der Cursor bewegt wird. label: Am Bildrand scrollen deaktivieren mobile_info_box_description: label: Beschreibung für mobile Info-Box mobile_info_box_title: inline_help: Wird im Phone-Layout angezeigt, wenn kein Bereich ausgewählt ist. label: Titel für die mobile Info-Box mobile_panorama_navigation: inline_help: Je nach Größe und Verteilung der Hotspot-Bereiche, kann es auf Telefonen schwierig sein, sich im Panorama zu orientieren und Hotspots anzuklicken. Es steht daher ein alternativer Bewegungsmodus zur Verfügung. label: Phone-Panorama-Navigation values: free: Standard (Per Drag-Geste) pan_zoom: Geführt (Per rechts/links Swipe-Geste) panorama_image_id: inline_help: Bild auf dem Hotspots gesetzt werden sollen. label: Panorama-Bild panorama_video_id: inline_help: Video auf dem Hotspots gesetzt werden sollen. label: Panorama-Video video_type: panorama_image_id: inline_help: Bild, das auf mobilen Plattformen anstelle des Panorama-Videos gezeigt werden soll. label: Panorama-Bild (mobil) visited_image_id: inline_help: Ein Ausschnitt dieses Bildes wird in den Bereichen der Hotspots angezeigt, deren Zielseite bereits besucht wurde. label: Visited-Bild page_type_category_name: Verweise page_type_description: Verweise mit konfigurierbaren Klickbereichen page_type_feature_name: Hotspot-Seitentyp page_type_name: Hotspots ui: configuration_editor: tabs: appearance: Erscheinungsbild areas: Bereiche inline_help: pageflow/linkmap_page/area: inverted: Dunkle Piktogramme für die Verwendung auf hellen Hintergründen anzeigen. link_title: Die Beschreibung wird in einem Overlay angezeigt, wenn sich der Cursor über dem Hotspot befindet. marker: Wähle die visuelle Darstellung des Hotspots. mask_perma_id: Farbiger Bereich im Maskenbild, der die Form des Hotspots bestimmt. mask_perma_id_disabled: Farbiger Bereich im Maskenbild, der die Form des Hotspots bestimmt. Nur verfügbar, wenn ein Masken-Bild im 'Dateien'-Tab der Hotspot-Seite festgelegt wurde und als Panorama-Typ nicht 'Hover Video' ausgewählt wurde. name: Gib hier eine Bezeichnung ein, um später bei in der Verweis-Übersicht direkt zu erkennen, um welchen Verweis es sich handelt. Die Bezeichnung ist für die Leser nicht sichtbar. page_transition: Wähle hier den Effekt, der beim Übergang zur Zielseite des Verweises benutzt werden soll. target_id: Objekt auf das der Hotspot verlinkt. target_type: Wähle den Typ von Objekt auf den Hotspot verlinken soll.