1. Flexwalls, Infopoint & Schaufenster

1.1. Einführung

1.1.1. Inhalt

Im Content Management System (CMS) werden Layouts angelegt, in Content Collections zusammengefasst und den Screens (Bildschirmen) zugeordnet. Dabei gilt:

• Ein oder mehrere Layouts sind Teil von Content Collections
• Ein oder mehrere Content Collections werden einem Bildschirm (Screen) zugeordnet
  
• Mehrfache Zuordnung von einem Layout zu verschiedenen Content Collections ist möglich
• Mehrfache Zuordnung von einer Content Collection zu verschiedenen Screens ist möglich

Content Collections können gleichermaßen Screens in der Flexwall, am Infopoint sowie den Screens im Schaufenster zugewiesen werden, da dieselben Layouts verwendet werden (Einschränkung siehe Punkt 1.1.4. Menü)

1.1.2. Layouts

Die Layouts bestehen aus verschiedenen Kombinationen der folgenden Elemente:

• H1 Headline
• H2 Subheadline
• Text
• Image, Video
• Caption (Bildunterschrift)

Jedes Layout hat zusätzlich einen Title (siehe Punkt 1.1.4. Menü). 

Alle Layouts können sowohl auf vertikal als auch horizontal orientierten Screens (Hochformat/Querformat) dargestellt werden und passen sich dabei an die verschiedenen Bildschirmgrößen und –auflösungen an.

1.1.3. Animation und Interaktion

Alle Bildschirme (außer Schaufenster) sind grundsätzlich interaktiv. Findet keine Interaktion statt, wechseln die in einer Content Collection zusammengefassten Layouts automatisch in einer Dauerschleife durch (Idle-Loop). Dabei gilt:

• In einer Content Collection zusammengefasste Layouts sind in einem langen Band untereinander angeordnet. 
• Der Wechsel von Layout zu Layout wird entlang der 12 Grad Linie animiert
• Ist einer Content Collection nur ein Layout zugeordnet, gibt es keine Animation

Bei Interaktion durch Touch wird Idle-Loop unterbrochen und Inhalte können interaktiv erkundet werden. Pro Layout kann im CMS eine individuelle Idletime festgelegt werden (also die Zeit, die das Layout im Idle-Loop sichtbar ist)

1.1.4. Menü

An der rechten Bildschirmseite wird eine Menüleiste angezeigt, die eine so genannte Pagination sowie eine Sprachwahl beinhaltet. Dabei gilt:

• Pagination und Sprachwahl werden immer angezeigt (Inaktiv)
• Alle Inhalte werden zweisprachig angelegt, die voreingestellte Sprache ist Deutsch
• Die Pagination gibt über die Anzahl der Punkte die Menge an Layouts wieder, die sich in der angezeigten Content Collection befinden
• Wird die Pagination berührt, werden die Titles der jeweilgen Layouts angezeigt (Aktiv), die Pagination wird somit zum Inhaltsverzeichnis des Screens.
• Durch die Auswahl eines Titles mittels Berührung springt die Darstellung zum entsprechenden Layout
• Auf den Screens der Schaufenster werden Sprachwahl & Pagination nicht dargestellt, da Screens nicht interaktiv sind.

1.1.5. Farben

Die Layouts beinhalten zwei farbige Elemente:

• Verlauf im Hintergrund mit Primärfarbe
• Verlauf im Vordergrund mit Sekundärfarben

Die Primär- und Sekundärfarben werden für alle Screens der Flexwalls sowie des Infopoints entsprechend der Stockwerkfarbe automatisch auf die Layouts übertragen. Dabei ist zu beachten:

• Die Farben des EG können geändert werden
  
• Für die Schaufenster können neue Farbkombinationen angelegt und nach Bedarf zugeordnet werden, um zum Beispiel die Erscheinung des Gebäudes auf ein spezielles Event anzupassen

Die genaue Erklärung der Erstellung von Farben für die Schaufenster wird noch ergänzt.

1.2. Layouts im Detail

1.2.1. Übersicht

Folgende Layouts stehen zu Verfügung:

• H1
• H1 Text
• H1 Text Image
• H2 Text
• H2 Image
• Text
• Text Image
• Slideshow
• Video
• Event
• Calender

Die im Folgenden angegeben Zeichenzahlen sind inklusive Leerzeichen und als Richtwert zu verstehen, der auch ästhetische Aspekte mit einbezieht. Im CMS sind diese Werte als sogenannte Soft Limits angelegt, das heißt sie können überschritten werden. Wenn ein Limit überschritten wird, obliegt es der Redaktion, die korrekte Darstellung der Inhalte zu überprüfen. Grundsätzlich wird geraten, die Zeichenzahlen einzuhalten.

1.2.2. H1

Das Layout enthält folgende Felder, die im CMS befüllt werden:

• Title
• H1 Headline (6 Zeilen, etwa 13 Zeichen pro Zeile)
• „Seed“ kontrolliert generative Anordnung der H1 (Seed 0 = Standartanordnung)
  

1.2.3. H1 Text

Das Layout enthält folgende Felder, die im CMS befüllt werden:

• Title
• H1 Headline (6 Zeilen, etwa 13 Zeichen pro Zeile)
• Text (600 Zeichen)
• „Seed“ kontrolliert generative Anordnung der H1 (Seed 0 = Standartanordnung

1.2.4. H1 Image

Das Layout enthält folgende Felder, die im CMS befüllt werden:

• Title
• H1 Headline (6 Zeilen, etwa 13 Zeichen pro Zeile)
• Image (1)
  • Auflösung Querformat Bilder: min. 1600px Breite
  • Auflösung Hochformat Bilder: min. 920px Hölhe
• Caption (200 Zeichen)
• „Seed“ kontrolliert generative Anordnung der H1 (Seed 0 = Standartanordnung)
  

1.2.5. H1 Text Image

Das Layout enthält folgende Felder, die im CMS befüllt werden:

• Title
• H1 Headline (6 Zeilen, etwa 13 Zeichen pro Zeile)
• Text (280 Zeichen)
  
• Image (1)
  
  • Auflösung Querformat Bilder: min. 1600px Breite
  • Auflösung Hochformat Bilder: min. 920px Höhe
• Caption (200 Zeichen)
• „Seed“ kontrolliert generative Anordnung der H1 (Seed 0 = Standartanordnung)

1.2.6. H2 Text

Das Layout enthält folgende Felder, die im CMS befüllt werden:

• Title
• H2 Subheadline (7 Zeilen, 150 Zeichen)
• Text (600 Zeichen)
  

1.2.7. H2 Image

Das Layout enthält folgende Felder, die im CMS befüllt werden:

• Title
• H2 Subheadline (7 Zeilen, 150 Zeichen)
• Image (1)
  
  • Auflösung Querformat Bilder: min. 1600px Breite
  • Auflösung Hochformat Bilder: min. 920px Hölhe
• Caption (200 Zeichen)
  

1.2.8. Text

Das Layout enthält folgende Felder, die im CMS befüllt werden:

• Title
• Text (1200 Zeichen)
  

1.2.9. Text Image

Das Layout enthält folgende Felder, die im CMS befüllt werden:

• Title
• Text (600 Zeichen)
• Image (1)
  
  • Auflösung Querformat Bilder: min. 1600px Breite
  • Auflösung Hochformat Bilder: min. 920px Hölhe
• Caption (200 Zeichen)
  

1.2.10. Slideshow

Das Layout enthält folgende Felder, die im CMS befüllt werden:

• Title
• Image (1-x, soll also auch zur Darstellung einzelner Bilder genutzt werden)
  • Auflösung: 1920x1080 px (bei kleinen Bildschirmen)
  • Auflösung: 3840x2160 px (bei großen Bildschirmen)
• Seitenverältnis 16:9 um Bild vollflächig zu zeigen
• Caption (200 Zeichen) (pro Image)
  

1.2.11. Video

Das Layout enthält folgende Felder, die im CMS befüllt werden:

• Title
• Video (1)
• Auflösung 1920x1080 px (bei kleinen Bildschirmen)
• Auflösung 3840x2160 px (bei großen Bildschirmen)
• Bei Bildschirmen im Hochformat muss das Video entsprechend gedreht werden (-> 1080x1920 px)
• Format .mp4, Codec H264 oder H265
• Caption (200 Zeichen)
  

1.2.12. Event

Das Layout enthält folgende Felder, die im CMS befüllt werden:

• Title
• Headline (150 Zeichen)
• Start (Date, Time)
• End (Date, Time)
• Text (z.B. vortragende Person) (70 Zeichen)
• Location (70 Zeichen)
  

Zu beachten:

• Bei mehrtägigen Events wird nur das Datum angezeigt, bei Events, deren Start- und End-Datum gleich ist, wird auch die Uhrzeit dargestellt

1.2.13. Calender

Das Layout enthält folgende Felder, die im CMS befüllt werden:

• Title
• Headline
  

Zu beachten:

• Das Layout Calender zeigt eine chronologische Liste mit den nächsten im Kalender eingetragenen Events (inklusive des aktuellen Tages)
• Je nach Bildschirmausrichtung werden 4 bzw. 7 Events angezeigt
• Der „Offset“ kann genutzt werden, um die Liste mit einem chronologisch späteren Termin beginnen zu lassen. Ein Offset von 4 überspringt zum Beispiel die ersten 4 eingetragenen Termine. So können mehrere Calender Layouts hintereinander dargestellt werden, ohne dass sich Termine doppeln.
• „Affinity“ Kann genutzt werden, um nur Termine eines bestimmten Bereiches (z.B.: 1. OG) anzuzeigen. Die Termine müssen mit der entsprechenden „Affinty“ angelegt sein. (Mehr dazu unter 1.3.4. Events erstellen)
  
• Bei mehrtägigen Events wird nur das Datum angezeigt, bei Events, deren Start- und End-Datum gleich ist, wird auch die Uhrzeit dargestellt

1.3. Redaktion (CMS)

In einem Workshop wurden die Funktionen des CMS im Detail erklärt und als Video aufgezeichnet. Für alle Redakteure wird zur Vorbereitung empfohlen, zusätzlich zur Lektüre des Handbuchs das Video anzusehen.

1.3.1. Anmeldung & Abmeldung

Das CMS ist unter dem vorläufigen Link zu erreichen.
https://p26-cms.uni-bonn.de/

User können sich hier mit der Benutzernamen und Passwort anmelden. Je nach zugeordneter Berechtigung (Rolle) können User nur bestimmte Bereiche im CMS sehen. Die folgenden Darstellungen des CMS können daher von der bei Ihnen sichtbaren Darstellung abweichen.

Sollten sie keinen Zugang zum CMS haben oder eine Änderung der Berechtigung benötigen, kann dies über die Administration beantragt werden. (Siehe Punkt 1.3.8. Administration)

Sollten sie auf einem öffentlichen Rechner am CMS arbeiten, sollten Sie sich abschließend aus dem CMS ausloggen. Dazu gehen sie mit der Maus über das User Icon am linken unteren Rand, woraufhin das Logout Icon darüber erscheint.

1.3.2. Layouts und Content Collections erstellen

Inhalte für Flexwalls, Infopoint und Schaufenster werden übergreifend im Bereich Content angelegt.

Die Liste zeigt alle erstellten Content Collections. Über das Create Item Icon oben rechts (+) können neue Content Collections angelegt werden, es erscheint folgender Dialog, in dem folgende Felder befüllt werden:

Name
Das Feld Name wird genutzt, um der Content Collection eine eindeutige Zuordnung zu geben. Der Name wird nur in der Liste der Content Collections im CMS dargestellt, erscheint aber nicht auf den Bildschirmen.

Status
Content Collections können erst angezeigt werden, wenn der Status von Draft auf Published gesetzt wird

Layouts
Einer Content Collection werden ein oder mehrere Layouts hinzugefügt. Die Layouts können entweder neu erstellt werden (Create New) oder ein bereits angelegtes Layout verwendet werden (Add Excisting).

Wenn ein neues Layout erstellt werden soll, erscheint nach der Auswahl des Layout-Typs ein entsprechender Dialog am rechten Rand:

Eine Übersicht aller Layouts und der zu befüllenden Felder ist in unter Punkt 1.2 dargestellt.

Die angegeben Zeichenzahlen sind inklusive Leerzeichen und als Richtwert zu verstehen, der auch ästhetische Aspekte mit einbezieht. Im CMS sind diese Werte als sogenannte Soft Limits angelegt, das heißt sie können überschritten werden. Wenn ein Limit überschritten wird, obliegt es der Redaktion, die korrekte Darstellung der Inhalte zu überprüfen. Grundsätzlich wird geraten, die Zeichenzahlen einzuhalten.

Eine Übersicht über alle bereits erstellten Layouts eines Typs kann aufgerufen werden, wenn das Menü unter dem Bereich Content ausgeklappt wird.

In den entsprechenden Dialogen können Layouts auch unabhängig von Content Collections angelegt werden und später über Add Excisting zu einer Content Collection hinzugefügt werden.

1.3.3. Änderungen Speichern

Jede Änderung muss über das Bestätigen Icon oben rechts bestätigt werden. Eine vollständig angelegte Content Collection könnte zum Beispiel folgendermaßen aussehen. 

1.3.4. Events erstellen

Termine, die über die Layouts Event und Calender dargestellt werden sollen, werden im Bereich Events angelegt

Die Liste zeigt alle erstellten Events.

Über das Create Item Icon oben rechts (+) können neue Events angelegt werden. Es erscheint ein entsprechender Dialog, in dem folgende Felder befüllt werden.

Affinity
Über das Feld Affinity kann ein Event einem bestimmten Stockwerk zugeordnet werden.

Diese Zuordnung kann genutzt werden, um auf Calender Layouts eine gefilterte Liste nur mit den Events gleicher Zuordnung (Affinity) anzuzeigen. Dazu muss beim Anlegen eines Calender Layout ebenfalls die entsprechende Affinity ausgewählt werden.

Weitere Erklärungen zu den Calender Layouts unter 1.2.13. Calender.

1.3.5. Bildunterschriften (Captions) erstellen

Jedes Bild bzw. Video kann eine Caption erhalten. Nachdem im entsprechenden Layout die Datei hochgeladen wurde, muss zum Erstellen der Caption der Punkt Edit Item ausgewählt werden (erscheint, wenn die Maus über die Darstellung bewegt wird).

Die Felder für die Caption sind im folgenden Dialog ganz unten zu finden.

1.3.6. Inhalte zuordnen

Nachdem eine Content Collection angelegt wurde, kann diese einem Screen zugeordnet werden. Die Zuordnung findet für Flexwalls, Infopoint und Schaufenster in jeweils separaten Bereichen statt.

Flexwalls

Alle Bildschirme, die in den Flexwalls eingesetzt werden, können über den Bereich Screens mit mit Inhalten befüllt werden. Dazu muss zunächst der entsprechende Screen aus der Liste ausgewählt werden. Die Screen ID befindet sich an der Rückseite des Geräts und kann nicht geändert werden.

Genaue Postion der ID am Gerät muss vor Ort noch geklärt werden

Im Dialog werden dann folgende Felder befüllt:

Bereich
Die Auswahl des entsprechenden Bereichs legt fest, welche Farben genutzt werden.

Contents
Hier werden die Content Collections ausgewählt, die aus dem Screen angezeigt werden sollen.

Note
Eine Beschreibung des Bildschirms, kann nicht geändert werden.

Infopoint

Die beiden Screens des Infopoint (ID 1 & 2) sind unter dem Punkt Infopoint zu finden. Die weiteren Einstellungen entsprechenden ansonsten denen der Screens der Flexwalls, welche im vorherigen Punkt erklärt werden.

Schaufenster

Die Zuordnung von Content Collections auf das Schaufenster ist im CMS unter dem Punkt Schaufenster zu finden.

Dem Schaufenster wird hier eine Schaufenster Content zugewiesen, welcher die Inhalte aller Schaufenster (Window 1-5) zusammenfasst. Der hier angegeben Schaufenster Content bestimmt die Darstellung aller Schaufenster und kann hier auch "spontan", zum Beispiel für eine Veranstaltung, geändert werden. Es bietet sich daher an, verschiedene Schaufenster Contets für unterschiedliche Verwendungszwecke anzulegen, zum Beispiel einen für die alltägliche Bespieglung einen für eine Abendveranstaltung. Im folgenden Diagramm ist die inhaltliche Struktur abgebildet.

Schaufenster Contents können über den entsprechenden Menüpunkt angelegt und verändert werden.

Die Liste zeigt alle vorhandenen Contents. Über Create New in der oberen rechten Ecke kann ein neuer Content angelegt werden.

Im Dialog zum Erstellen eines Schaufenster Contents werden folgenden Felder befüllt:

Title
Der Titel des Schaufenster Contents. Der Titel erscheint nur im CMS und dient der eindeutigen Identifikation

Farbe
Hier wird eine Farbe definiert. Für das Schaufenster können verschiedenen Farben angelegt werden. und hier ausgewählt werden.

Window 1- 5
Pro Schaufenster (Window 1- 5) wird hier eine Content Collection zugewiesen. Auf beiden Bildschirmen des Schaufensters wird derselbe Inhalt gezeigt, nur die Sprache unterscheidet sich. (Ein Bildschirm DE / ein Bildschirm EN)

Die Idle Time (siehe Punkt 1.1.3. Animation und Interaktion) der in den Content Collections genutzten Layouts bestimmt darüber, ob die Inhalte über die Scheufenster hinweg synchron oder asynchron wechseln.

1.3.7. Vorschau

Einzelne Layouts und  Screens können über das Preview Icon (oben rechts) vorab begutachtet werden. Es empfiehlt sich, das Vorschau Fenster zu lösen (oben links). So kann über die Fensterbreite auch zwischen horizontaler und vertikaler Darstellung gewechselt werden.

Zur Vorschau von Content Collections, die im SChaufenster angezeigt werden sollen, wurde ein virtueller Screen mit der ID 17 (unter dem Bereich Screens im CMS) angelegt. Hier können die entsprechenden Content Collections ausgewählt und über das Preview Icon vorab begutachtet werden. Eine gleichzeitige Ansicht aller Inhalte der Schaufenster ist nicht möglich.

Unter folgendem Link können unabhängig vom CMS alle Bereiche angeschaut werden:
https://p26-cms.uni-bonn.de/

1.3.8. Sonstige Anmerkungen

Copy & Paste
Wenn Fließtext per Copy & Paste in ein Fließtext Feld kopiert wird, sollte mit dem im Bild markierten Knopf ein möglicherweise mitkopierter Textstil entfernt werden, da die Textdarstellung sonst fehlerhaft erscheint.

Filter
Filter in der Suche können genutzt werden, um nur bestimmte Inhalte anzuzeigen

1.3.9. Administration

Die Administration des CMS obliegt folgender Person:

Person noch zu definieren

Die Administration kann folgende Vorgänge durchführen

• Neue User anlegen
• Berechtigung von Usern ändern (Rollen)
• Neue Bildschirme anlegen, wenn neue Hardware angeschafft wird
• Farben der Stockwerke (1-3. OG) ändern

1.4. Betrieb

1.4.1. Mediaplayer Einleitung

Die Inhalte für die Bildschirme der Flexwalls und des Infopoints werden über Mediaplayer bereitgestellt. Dabei gilt:

• Die Mediaplayer haben eine feste ID (siehe 1.3.6. Inhalte zuordnen)
• Das Seitenverhältnis aller beweglichen Bildschirme (Flexwalls) kann je nach Anforderung zwischen Hochformat und Querformat gewechselt werden
  

Die Inhalte für die Schaufenster werden automatisch auf den Bildschirmen der Schaufenster ausgepielt. Neben der täglichen Inbetriebnahme der Systeme sind keine weiteren Schritte notwenidg.

1.4.1. Mediaplayer aktualisieren

Nachdem Inhalte im CMS zugeordnet wurden, werden diese automatisch auf dem mit dem entsprechenden Gerät verbundenen Bildschirm dargestellt. Dazu ist lediglich ein Neustart des Players nötig, welcher bei der täglichen Inbetriebnahme automatisch durchgeführt wird.

Zu klären: manueller durch Betätigen des Resetknopfes am Player

1.4.2. Mediaplayer Seitenverhältnis

Soll die Orientierung der Darstellung geändert werden, zum Beispiel von Hochformat auf Querfomat, muss der entsprechende Schalter am Mediaplayer umgelegt werden.

Zu ergänzen: Bild Schalter

Der Schalter muss im laufenden Betrieb umgelegt werden. Weitere technische Details zur Funktionsweise sind dem Kapitel 3. Technische Dokumentation zu entnehmen.