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 Menü in diesem Kapitel)

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 Menü in diesem Kapitel). 

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

Animation und Interaktion

Alle Bildschirme (außer Schaufenster) sind grundsätzlich interaktiv. Findet keine Interaktion statt, wechseln die in einer Content Collection zusammengefasste 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 ( =Zeit, die das Layout im Idle-Loop sichtbar ist)

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.

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

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.

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)

H2 Text

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

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

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)
  

Text

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

• Title
• Text (1200 Zeichen)
  

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)
  

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)
  

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)
  

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

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 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 im Kapitel Inhalte erstellen (CMS))
  
• 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.

Anmeldung

Das CMS ist unter folgendem Link zu erreichen.
unibonn.mediascenopgraphy.com

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 Administration in deisem Kapitel)

 

1.3.1. Layouts und Content Collections erstellen

Inhalte für Flexwalls, Infopoint und Schaufenster werden übergrefend 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.

Eine Übersicht über alle bereits erstellten Layouts eines Typs kann aufgerufen werden, wenn das Menü unter dem Punkt 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.2. Änderungen Speichern

Jede Änderung muss mit ü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.3. 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.

1.3.4. 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.5. 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 separten 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.

Im Dialog werden dann folgende Felder befüllt:

Bereich
Die Auswahl des entsprechenden BEreichs legt fest, welche Farben genuzt 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 Eintellungen entsprechenden ansonsnten 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.6. Sonstige Anmerkungen

Wenn Fließtext per Drag in Drop 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.

Die Preview kann pro Layout oder pro Screen über den Preview Button angesehen werden

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

 

1.3.7. Administration

Die Administration des CMS obliegt folgender Person:

???

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

Nachdem Inhalte zugeordnet wurden, werden diese (nach einem Neustart des Players)