3 Grundlagen

3.1 Veranstaltungen veröffentlichen

Damit Veranstaltungen im Internetauftritt veröffentlicht werden, müssen folgende Bedingungen erfüllt sein:
  • Der Status der Veranstaltung muss die Phase „Durchführung“ haben.
  • Das Attribut „publizierbar“ in dem Block „Internetauftritt“ muss auf „ja“ stehen
  • Die Veranstaltung muss einem Programm zugeordnet sein, dass im Internetauftritt eingebunden ist (Dropdown „Programmpublikation“ neben der Veranstaltungsnummer).
Handelt es sich bei dem Programm, dass im Internetauftritt veröffentlicht wird um ein Dauerprogramm, werden Veranstaltungen mit dem entsprechenden Status automatisch veröffentlicht. Bei Programmen die keine Dauerprogramme sind, erscheinen Sie beim nächsten neugenerieren der Veranstaltungen bzw. wenn sie manuell in einen Programmbereich eingefügt werden oder im Programmbereich die Methode „Veranstaltungen generieren“ ausgeführt wird.

3.1.1 Dokumente und andere Inhalte zu Veranstaltungen

Um Dokumente (z. B. Broschüren im PDF-Format oder zusätzliche Fotos) zu Veranstaltungen zu veröffentlichten, wird die Applikation „Inhalte“ verwendet. Die hier eingefügten Inhalte sind für alle Besucher des Internetauftritts sichtbar.

Hier können – Ähnlich wie bei einem Artikel im Internetauftritt – verschiedene Medien (auch Artikel und Alben) hinterlegt und so unterhalb des Beschreibungstextes veröffentlicht werden.

Sollen bestimmte Inhalte nur für Kontakte sichtbar sein, die an dieser Veranstaltung beteiligt sind (Teilnehmer, Mitarbeiter, Honorarkräfte), können Berechtigungen für diese Gruppen in der klickbaren Titelzeile des jeweiligen Inhalts mit der Methode „Berechtigung auf Beteiligte einschränken“ erstellt werden.

Um die Berechtigungen zu überprüfen oder zu entfernen, muss in dem Inhaltsobjekt (z. B. Bild, Dokument) die Applikation „Publikationen“ geöffnet werden. In dieser Applikation befindet sich eine Liste aller Publikationen (= Orte, an denen der Inhalt veröffentlicht ist).
Ein Klick auf die gewünschte Publikation öffnet deren Detailseite. Hier ist an dem Attribut „Berechtigung“ zu erkennen, ob eine Berechtigung hinterlegt ist, die den Zugriff einschränkt.

3.2 Aufbau von Webdokumenten

Die Darstellung eines Webdokuments besteht aus drei Fenstern:

3.2.1 Objektdetails

Hier sind die Attribute und Applikationen zu sehen, die das gesamte Webdokument betreffen. In der Regel ist eine Änderung oder Bearbeitung in diesem Bereich nicht notwendig.

3.2.2 Vorschau

Dieser Bereich zeigt eine Vorschau aller Inhalte die sich in einem Webdokument befinden untereinander an. Der Klick auf einen Inhalt öffnet im Listenfenster auf der rechten Seite und die Darstellungsoptionen. 
Objekte die in der Hierarchie des Internetauftritts weiter oben stehen (z. B. der Header) werden ausgegraut und verschwommen dargestellt. Sie können hier nicht ausgewählt oder bearbeitet werden.

3.2.3 Listenfenster

Alle Inhalte des Webdokuments werden hier untereinander aufgelistet. Ein Klick auf den Namen des Objekts öffnet dessen Detailansicht zur inhaltlichen Bearbeitung. Für das links in der Vorschau ausgewählte Objekt werden außerdem die Darstellungsoptionen angezeigt.

Der graue Punkt dient zum Ändern der Reihenfolge per Klicken und Ziehen. 

Über das Attribut „aktiv / nicht aktiv“ können Inhalte aktiviert und deaktiviert werden ohne sie aus dem Webdokument zu entfernen.

Der Link „entfernen“ entfernt Inhalte aus dem Webdokument. Sie bleiben im System gespeichert und können über „Inhalte einfügen“ wiedergefunden werden.

Inhalte in denen sich eine Abfrage befindet, können nicht deaktiviert werden, da dies die Abfrage löschen würde. Hier wird eine Warnmeldung ausgegeben. Es ist allerdings möglich, diese Inhalte über die Darstellungsoptionen auf „versteckt“ zu setzen. Dies sorgt dafür dass sie im Internetauftritt für Besucher nicht sichtbar sind.
3.2.3.1 Einfügebereich (unter dem Listenfenster)
Unterhalb des Listenfensters befinden sich Links zum Einfügen von Inhalten, Applikationen und Formularen. 

Neue Inhalte werden über diese Links am Seitenende eingefügt und dann per Klicken und Ziehen mit dem grauen Punkt an die gewünschte Position verschoben. Details zu den verschiedenen Inhaltsarten befinden sich im Bereich „Inhalte“ dieser Anleitung.

3.3 Aufbau und Erstellen eines Artikels

Ein Artikel dient als Gruppierungselement für andere Objekte wie Texte, Bilder und Videos die zu einem Thema gehören.

Das Vorgehen zum Erstellen eines neuen Artikels ist wie folgt:
  1. im Einfügebereich „Inhalt einfügen“ wählen
  2. dort auf „Artikel“ klicken
Hier gibt es die Möglichkeit, entweder einen vorhandenen Artikel zu suchen und auszuwählen oder über die Methode „Artikel erstellen“ einen neuen Artikel zu erstellen.

Nach Auswahl von „neuer Artikel“ öffnet sich die zweispalitge Detailansicht des neuen Artikels. Die linke Spalte enthält eine Vorschau, die rechte Spalte wird verwendet, um den in der linken Spalte ausgewählten Inhalt zu bearbeiten (die Anordnung ist analog zu Inhalten in einem Webdokument).

Nach Vergabe eines Namens werden über den Einfügebereich beliebige Inhalte (Bild, Text, Video, Veranstaltung usw.) eingefügt die zusammen den Artikel bilden.

Zurück im Internetauftritt kann der Artikel mittels Klicken und Ziehen positioniert und die gewünschten Darstellungsoptionen festgelegt werden.

Artikel können ineinander verschachtelt werden.

Wird ein Hintergrund (Attribut „Hintergrund“ in den Artikeldetails) in einem Artikel verwendet, wird dieser in der Detailansicht ganzflächig angezeigt und der Artikel mit einer weißen Hintrgrundfläche darauf platziert.

3.4 Aufbau und Erstellen einer Liste

Listen werden, wie Artikel, verwendet, um verschiedene Inhalte zusammenzufassen. In Listen werden Inhalte zu verschiedenen Themen gesammelt, die gemeinsam dargestellt werden sollen.

3.4.1 Abfragen / Queries

Es ist möglich, in Listen eine Abfrage zu verknüpfen, um Objekte aufzulisten, die beliebige Bedingungen erfüllen – beispielsweise Veranstaltungen die in einem festgelegten Zeitraum starten, oder Honorarkräfte die Veranstaltungen im aktuellen Semester haben.

Wird über das Attribut „Abfrage“ eine Abfrage verknüpft, zeigt die Liste in der gewählten Darstellungsart die Inhalte an, die über diese Abfrage gefiltert werden.

Beispiele:
  • Mitarbeitende, die aktuell angemeldet sind (jetzt erreichbar)
  • Veranstaltungen die in den nächsten 7 Tagen beginnen
  • Honorarkräfte, die einen bestätigten Honorarvertrag im aktuellen Programm haben (Dozentenübersicht)
Die Abfrage „Restplatzbörse“ wird ausgeliefert, weitere Abfragen können entweder selbst erstellt (Teil der Schulung „Reportsystem“) oder kostenpflichtig eingerichtet werden.

3.5 Einen Hintergrund einfügen

Über das Attribut „Hintergrund“ in den Darstellungsoptionen können Inhalte (inklusive Webdokumenten) mit einer Hintergrundfarbe, einem oder mehreren wechselnden Hintergrundbildern und Hintergrundvideos versehen werden.

Hintergründe werden in der Klasse „Hintergrund“ gespeichert. So ist es möglich den selben Hintergrund in mehreren Inhalten zu verwenden.

Werden Hintergründe in Webdokumente eingefügt, bekommen alle Inhalte des Webdokuments automatisch weiße Hintergrundflächen, damit alle Inhalte gut lesbar bleiben.

3.5.1 Name

Ein aussagekräftiger Name (z. B. „Seitenhintergrund Sommer“), hilft dabei, in Auswahldialogen und Reports den richtigen Hintergrund schnell zu finden.

3.5.2 Intervall

Dieses Attribut steuert, wie lange ein Inhalt angezeigt wird, wenn im Hintergrund mehr als ein Foto oder Video liegt. Der kleinste Intervall von 9 Sekunden erlaubt es die Animation und den Bildwechsel vollständig abzuspielen, ohne dass ein optischer Bruch entsteht.

3.5.3 Farbe

Sollen keine Fotos, sondern eine helle Farbe als Hintergrund verwendet werden, kann diese diese hier ausgewählt werden.

3.5.4 Applikation "Inhalte"

Diese Applikation wird benötigt, um Bilder und Videos in einen Hintergrund einzusetzen. 

Es wird davon abgeraten in Hintergründen andere Inhaltsarten zu verwenden, auch wenn es technisch möglich ist.
3.5.4.1 Neue Bilder einfügen
Mit der Schaltfläche „Bild hinzufügen“ wird ein neues, leeres Bild erstellt und in die Inhaltsliste aufgenommen. Durch einen Klick darauf wird die Detailseite des Bildes geöffnet, auf der ein neues Bild per Klicken und Ziehen hochgeladen werden kann. Wir empfehlen dringend, die Attribute „Name“, „Alternativtext“ und „Quellenangaben“ auszufüllen!
3.5.4.2 Im System vorhandene Bilder einfügen
Der Bild-Auswahldialog erscheint nach einem Klick auf die Schaltfläche „Inhalt hinzufügen“ und der Auswahl von „Bild“. Hier gibt es die Möglichkeit, über den Suchdialog ein vorhandenes Bild zu suchen und auszuwählen, oder ein neues Bild zu erstellen und die Datei hochzuladen.
3.5.4.3 Videos einfügen
Der Video-Auswahldialog erscheint nach einem Klick auf die Schaltfläche „Inhalt hinzufügen“ und der Auswahl von „Video“. Hier gibt es die Möglichkeit, über den Suchdialog ein vorhandenes Video zu suchen und auszuwählen, oder ein neues Video zu erstellen und die Datei hochzuladen.

3.5.5 Empfehlungen für Bildgrößen

Das System erstellt im Hintergrund automatisch von allen Bildern eine für die Darstellung im Internetauftritt optimierte Version um die Darstellungsqualität und -geschwindigkeit zu optimieren.

Wir empfehlen trotzdem, keine Bilder zu verwenden die größer als 3 MB sind, um Speicherplatz zu sparen.
Bei der Anzeige von Bildern im Internetauftritt sind folgende Regel hinterlegt:
  • mit Ausnahme von Hintergrundbildern werden Fotos maximal in der Originalgröße dargestellt
  • Bilder werden verkleinert dargestellt, wenn die ausgewählte Größe bzw. das Objekt in dem sie platziert sind kleiner sind als die Originalgröße
  • Die maximale Bildgröße sind 80% der aktuellen Bildschirmhöhe
Um eine optimale Balance zwischen Bildqualität, Dateigröße und Ladezeit zu gewährleisten, werden die folgenden Bildgrößen für den Internetauftritt empfohlen.

Hintergrundbilder in Webdokumenten und fensterbreite Bilder
1920 x 1080 Pixel. | JPG-Format | Dateigröße maximal 800KB 
(Dieses Format ermöglicht zusätzlich eine Verwendung in Druckerzeugnissen bis zu 16 cm Breite)

Programmbereichsbilder, Artikel und Veranstaltungen
1200 x 900 Pixel | JPG-Format | Dateigröße maximal 800KB
(Dieses Format ermöglicht zusätzlich eine Verwendung in Druckerzeugnissen bis zu 10 cm Breite)

Fotos von Kontakten
600 x 600 Pixel | JPG-Format  | Dateigröße maximal 500KB
(Dieses Format ermöglicht zusätzlich eine Verwendung in Druckerzeugnissen bis zu 5 cm Breite)

Programmbereichs-Icons
150 x 150 Pixel | SVG- oder PNG-Format mit transparentem Hintergrund | Dateigröße maximal 300KB
(Icons im SVG-Format können in Druckerzeugnissen in beliebiger Größe verwendet werden; PNG Dateien in diesem Format sind nur für den Internetauftritt geeignet)

Logo im Header
200 x 71 Pixel, PNG-Format mit transparentem Hintergrund | Dateigröße maximal 200KB
(Dieses Format ist  nur für den Internetauftritt vorgesehen und nicht für die Reproduktion in Druckerzeugnissen geeignet)

FAV-Icon
36 x 36 Pixel, ICO-Format
Dieses Icon wird beim Besuch der Internetseite im Browsertab neben der Webadresse angezeigt. Es kann vom Kundensupport eingebunden werden (support@cmxkonzepte.de).

3.5.6 Empfehlungen für Videos

Hintergrund-Videos
Videodateien, die im Internetauftritt als Hintergrund verwendet werden, sollten eine Größe von 6 MB nicht überschreiten. Wir empfehlen außerdem, die Audiospur zu entfernen und eine Auflösung von maximal 720p zu verwenden.

Werden in einen Hintergrund mehrere Videos eingebunden, sollte jedes einzelne Video nicht länger sein, als der eingestellte Wechsel-Intervall (Standardeinstellung: 9 Sekunden).

Videos in Artikeln, Listen und Webdokumenten
Für alle anderen Videos wird empfohlen, das Attribut “YouTube-ID” zu verwenden und so Videos zu verknüpften die von YouTube abgerufen werden.

Die Barrierefreiheit von Videos ist nur dann gewährleistet, wenn für diese Untertitel bzw. ein Transkript aktiviert werden kann -- bei dem Einbinden von YouTube-Videos sollten also diese Einstellungen gesetzt werden.

Vor dem Abspielen von YouTube-Videos wird rechtssicher die Einverständnis zur Datenübertragung zu Google/YouTube abgefragt.

Bei Videos, die direkt in das System hochgeladen werden sollen, ist darauf zu achten, Untertitel als festen Bestandteil des Videos einzubinden, um barrierefreiheit zu gewährleisten.

3.5.7 Hintergrund in Artikel einfügen

Wird in einem Artikel ein Hintergrund hinterlegt, wird dieser Besuchern vollflächig (Größe des Bildschirms oder Browserfensters) auf der Detailseite des Artikels angezeigt und die Artikelinhalte scollen vor dem Hintergrund.

3.6 Datei zum Download anbieten

Zum Einbinden einer Datei zum Herunterladen gibt es zwei Möglichkeiten.

3.6.1 Direkter Link

Über den Link „Inhalte Einfügen“ wird die Option „Download“ gewählt und die Datei die heruntergeladen werden soll direkt verknüpft. Im Internetauftritt geschieht die Darstellung über einen Link in blauer Schrift, der den Download startet.

3.6.2 Link in einem Bild

Wird in dem Attribut „Download“ eines Bildes eine Datei verknüpft, wird diese Datei heruntergeladen, wenn Besucher des Internetauftritts auf das Bild klicken. Es wird empfohlen den Download mit einer Überschrift „jetzt herunterladen“ oder durch eine entsprechende Grafik deutlich zu kennzeichnen.
Damit der Download funktioniert, muss das Attribut „Download unterbinden“ auf „nein“ stehen.

3.7 Suchergebnisse auswerten

In der Klasse „Suchen“ befinden sich zwei Reports die bei der Auswertung und Verarbeitung von Suchen, die im Internetauftritt durchgeführt wurden, helfen.

3.7.1 „Suchen“

Dieser Report listet alle Suchen auf, die im Internetauftritt durchgeführt wurden. Eine individuelle Sortierung durch Klick auf die Spaltenüberschriften hilft bei der Auswertung der Ergebnisse.

3.7.2 „Suchcharts der Suchen ohne Suchergebnisse“

Dieser Report listet alle Suchen auf, zu denen keinen Ergebnisse gefunden werden konnten. Er kann sowohl als Anregung für neue Veranstaltungen dienen, als auch Quelle für Schlagworte in Veranstaltungen dienen.

3.8 Darstellungsoptionen von Inhalten

Durch Anklicken eines Inhalts in der Vorschau (linke Spalte) werden in der rechten Spalte die dazugehörigen Darstellungsoptionen aufgerufen.

3.8.1 Darstellung

3.8.1.1 Link
Bei dieser Darstellungsmöglichkeit wird der Name des Inhalts als Link (Verknüpfung) angezeigt und erst ein Klick darauf führt auf eine neue Seite, auf der der Inhalt im Detail dargestellt wird.
3.8.1.2 Teaser
Bei Teasern handelt es sich um eine Vorschau des Inhalts. Ein Klick führt, wie ein Link, zu der Detailansicht.

Für einige Inhaltsarten sind besondere Teaserlayouts hinterlegt:
  • Kontakt: Box mit Foto
  • Veranstaltung: Box mit Foto, Titel, Terminen, Ort und Belegungsanzeige
  • Programmbereich: Foto mit weißem, halbtransparentem Abbinder
3.8.1.3 Detail
Die Detailansicht zeigt Inhalte dort wo ein Inhalt eingefügt ist, vollständig an.
3.8.1.4 Versteckt
Mit Auswahl dieser Darstellungsart kann ein Inhalt eingefügt werden, ohne dass er für Besucher des Internetauftritts sichtbar ist. Sie kann verwendet werden um Inhalte für eine spätere Anzeige vorzubereiten.

3.8.2 Hintergrund

Dieses Attribut wird verwendet, um einen Hintergrund zu verknüpfen, der hinter dem jeweiligen Inhalt angezeigt wird. Details befinden sich im Abschnitt „Hintergründe“.

3.8.3 Breite

Dieses Attribut legt fest in welcher Breite der Inhalt oder Teaser dargestellt werden. Neben einer Festlegung der Breite in Anzahl der Spalten (z. B. 6 von 12, damit der Inhalt in halber Gesamtbreite dargestellt wird).

3.8.4 Fensterbreit

Wird dieses Attribut auf „ja“ gesetzt, nehmen Inhalte die gesamte auf dem Bildschirm bzw. im Browserfenster zur Verfügung stehende Breite ein. Ein Setzen dieses Attributs überschreibt die im Attribut „Breite“ eingestellte Option.

Verwendet wird diese Option in der Regel für Hintergrundbilder und Inhalte, die eine deutliche optische Abtrennung zwischen zwei Bereichen darstellen.

Es ist möglich, den Hintergrund „fensterbreit“ zu gestalten und die darauf liegenden Inhalte in Layoutbreite.

3.8.5 Position der Inhalte

Wird als Art des Teasers „Teaser mit Hintergrundbild“ ausgewählt, bestimmt dieses Attribut, an welcher Position der Teasertext auf dem Bild positioniert wird. Dies ermöglicht es, den Text in Bildbereiche zu stellen, in denen er mit dem Motiv harmoniert.

Wird für nebeneinander stehende Inhalte eine Auswahl getroffen die den Begriff „gestreckt“ enthält, werden diese Inhalte gleichhoch dargestellt.

3.8.6 Animation

Eine hier ausgewählte Animation wird abgespielt, wenn ein Inhalt durch scrollen in den sichtbaren Bildschirmbereich gelangt.

Zur Verfügung stehen „Hereingleiten“, „Einblenden“ und „Hochskalieren“.

3.8.7 Minimale Höhe

Die Höhe eines Inhalts wird automatisch auf Basis der Teaserinhalte festgelegt. Dieses Attribut ermöglicht es, diese Automatik durch Angabe einer Mindesthöhe in Pixeln zu überschreiben.

3.8.8 Beginndatum / Endedatum

Diese beiden Attribute steuern die Publikationsdaten von Inhalten. Sie ermöglichen es, Inhalte in einem vorgegebenen Zeitraum anzuzeigen, ohne sie manuell zu aktivieren und deaktivieren.

Beispiele:
  • Anzeige eines Artikels „Semesterstart“ für zwei Wochen
  • Anzeige des Programmbereichs „Sommerferien“
  • Meldung zu vorübergehend geänderten Öffnungszeiten (Ferien)

3.9 Applikation „Inhalte“

Mit der Applikation „Inhalte“ können einem einzelnen Objekt mehrere andere Objekte zugeordnet werden. 

Im Internetauftritt werden „Inhalte“ an folgenden Stellen verwendet:

Hintergrund
Zur Verwaltung der Hintergrundbilder und -videos

Album
Zur Verwaltung aller Fotos, die in einem Album enthalten sind

Footer
Unterbringung der Inhalte die im Fußbereich des Internetauftritts 
angezeigt werden sollen (z. B. Social-Media-Links, Fußzeilenmenü, Kontaktinformationen)

Artikel
Alternative Möglichkeit, Inhalte eines Artikels zu bearbeiten

3.9.1 Benutzeroberfläche

Im oberen Bereich der Benutzeroberfläche sind alle vorhandenen Inhalte aufgelistet, bei Bildern werden eine Vorschau und der Dateiname angezeigt, bei allen anderen Objekten der Name und ein Symbol.

Der Link „Inhalt“ jeder Zeile führt zu der Detailseite mit Darstellungsoptionen. Hier kann für jeden Inhalt festgelegt werden, wie er im Internetauftritt dargestellt wird (siehe Bereich „Darstellungsoptionen“)

Das Dropdown-Menü neben dem Link „Inhalt“ ist ein schneller Weg um den Darstellungsmodus zu bestimmen. Ausgewählt werden können Link, Teaser, Detail und versteckt (siehe „Darstellungsoptionen“).

Der graue Punkt dient zum Verschieben. Mit ihm wird per Klicken und Ziehen die Reihenfolge bestimmt, in der die Inhalte angezeigt werden.

Mit dem Link „aktiv / inaktiv“ kann die Darstellung von Inhalten gesteuert werden und über die Schaltfläche „entfernen“ werden sie aus dem Inhalt entfernt, das Objekt bleibt allerdings weiterhin im System bestehen.

Inhalte können Speicherplatz sparend mehrfach verwendet werden (z. B. kann das gleiche Foto oder in mehreren Alben vorkommen oder sowohl in mehreren Hintergründen als auch in einem Artikel eingesetzt werden).

Die Schaltflächen im unteren Bereich dienen dazu, neue Inhalte hinzuzufügen:
  1. Ein neues Textobjekt mit der Darstellungsart „Überschrift 1“
  2. Ein neues Textobjekt mit der Darstellungsart „Absatz“ (Fließtext / Standardtext)
  3. Ein neues Bild: Nach Auswahl des Bildes in der Inhaltsliste kann hier ein neues Bild hochgeladen werden
  4. Ermöglicht es, eine Dokumentvorlage auszuwählen, die im Internetauftritt als Link dargestellt wird. Ein Klick des Besuchers der Webseite erstellt ein neues Dokument aus dem aktuellen Kontext auf Basis dieser Vorlage (Beispiel: In jeder Veranstaltung, für die ein bestätigter Honorarvertrag besteht, sehen Honorarkräfte einen Link mit dem sie eine Teilnehmerliste erstellen können).
  5. Diese Schaltfläche öffnet ein Auswahlmenü mit dem ein beliebiger Inhalt hinzugefügt werden kann. Details zu allen befinden sich im Abschnitt „Inhalte“ dieser Anleitung.
  6. Mit dieser Schaltfläche können Applikationen als Inhalt eingefügt werden – eine Liste vollständige Liste befindet sich im Abschnitt „Applikationen“ dieser Anleitung.