So erstellen Sie ein Layout

Mit Layouts legen Sie fest, wie Inhalte auf dem Infoscreen angezeigt werden. Ein Layout kann anschließend einem oder mehreren Bildschirmen im Schulgebäude zugewiesen werden.

Um ein neues Layout zu erstellen, klicken Sie auf den entsprechenden Button im Reiter "Layouts" und geben dem Layout einen Namen - z. B. "Vertretungsplan". Über das Plus-Symbol ganz rechts können Sie das leere Layout mit verschiedenen Inhaltselementen (im Folgenden Widgets genannt) befüllen, die später auf dem Bildschirm zu sehen sein sollen.

Verfügbare Widget-Typen

Über das Dropdown-Menü in der Spalte "Typ" können Sie eines der folgenden Widgets auswählen:

  • Kalender
    Zeigt Termine ausgewählter Kategorien aus dem Modul Kalender für einen Monat im Voraus als Liste an (d. h., am 05.02. werden alle Termine bis einschließlich 04.03. angezeigt.)

  • Text

  • Vertretungsplan
    Darstellung von Vertretungen aus dem Modul Vertretungsplanung als Liste, Tabelle oder im Kachel-Format für heute bis maximal vier Tage in die Zukunft

  • Internetseite

  • Datei
    Bilder (.png, .jpg, .jpeg) oder PDF-Dateien (nur die erste Seite wird angezeigt)

Widgets im Layout korrekt positionieren

Für jedes Widget legen Sie fest, wo es auf dem Bildschirm erscheint. Die Positionierung erfolgt dabei immer in Prozent (%) bezogen auf den gesamten Bildschirm.

Bedeutung der Positionierungswerte

Links

Oben

Breite

Höhe

Abstand des Widgets vom linken Bildschirmrand

  • 0% = Widget beginnt ganz links

  • Höherer %-Wert = Widget wird nach rechts geschoben

Abstand des Widgets vom oberen Bildschirmrand

  • 0% = Widget beginnt ganz oben

  • Höherer %-Wert = Widget wird nach unten geschoben

Breite des Widgets: 100% = gesamte Bildschirmbreite

Höhe des Widgets: 100% = gesamte Bildschirmhöhe

Hinweis: Die Prozentwerte für "Links" + "Breite" bzw. "Oben" + "Höhe" sollten zusammen nicht mehr als 100% ergeben, damit das Widget vollständig sichtbar bleibt.

Verschiedene Layout-Beispiele

Vollbild-Anzeige

Z. B. für Bilder (Typ: "Datei") oder "Internetseiten"

Ohne Ränder

Mit Rand (z. B. 5%) an den Seiten

  • Links: 0%

  • Oben: 0%

  • Breite: 100%

  • Höhe: 100%

  • Links: 5%

  • Oben: 5%

  • Breite: 90%*

  • Höhe: 90% *

*Beim Beispiel "Mit Rand (z. B. 5%) an den Seiten" ergeben die Werte "Links" + "Breite" und "Oben" + "Höhe" jeweils 95%, wodurch rechts unten auch jeweils 5% Rand übrig bleiben.
Hinweis: Ein Rand würde auch bei der Einstellungsoption "Ohne Ränder" entstehen, wenn das Bild zu klein ist.

Zweigeteiltes Layout (Split-View)

Z. B. für die Anzeige des Vertretungsplans für den aktuellen und morgigen Tag nebeneinander mit gleichmäßigen Rändern

Widget 1 (links)

Widget 2 (rechts)

  • Links: 5%

  • Oben: 5%

  • Breite: 40%

  • Höhe: 90%

  • Links: 55%

  • Oben: 5%

  • Breite: 40%*

  • Höhe: 90% *

Zweigeteiltes Layout mit Kopfzeile

Falls Sie über der zweigeteilten Ansicht der Vertretungen (Widget 2 und 3) z. B. noch einen Hinweistext oder wichtige Informationen anzeigen möchten, können Sie über ein weiteres Widget (Widget 1, Typ: Text) noch einen zusätzlichen Bereich am oberen Bildschirmrand hinzufügen.

Widget 1: "Text"
(oben, volle Bildschirmbreite)

Widget 2: "Vertretungsplan" heute
(unter 1, links, halbe Breite)

Widget 3: "Vertretungsplan" morgen
(unter 1, rechts, halbe Breite)

  • Links: 5%

  • Oben: 5%

  • Breite: 90%

  • Höhe: 20%

  • Links: 5%

  • Oben: 30%

  • Breite: 40%

  • Höhe: 65%

  • Links: 55%

  • Oben: 30%

  • Breite: 40%

  • Höhe: 65%

  • Die Vertretungsplan-Widgets (2, 3) werden durch "Oben = 30%" nach unten geschoben:
    "Oben Widget 1 (= 5%)" + "Höhe Widget 1 (= 25%)" + 5% Abstand

  • Die Höhe der Vertretungsplan-Widgets (2, 3) wurde auf 65% reduziert:
    "Oben Widget 2, 3 (= 30%)" + "Höhe Widget 2, 3 (= 65%) = Rand von 5% zum unteren Bildschirmrand