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.
Die Darstellung eines Webdokuments besteht aus drei Fenstern:
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.
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.
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.
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:
- im Einfügebereich „Inhalt einfügen“ wählen
- 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.
Listen werden, wie Artikel, verwendet, um verschiedene Inhalte zusammenzufassen. In Listen werden Inhalte zu verschiedenen Themen gesammelt, die gemeinsam dargestellt werden sollen.
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.
Ü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.
Ein aussagekräftiger Name (z. B. „Seitenhintergrund Sommer“), hilft dabei, in Auswahldialogen und Reports den richtigen Hintergrund schnell zu finden.
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.
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.
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.
Zum Einbinden einer Datei zum Herunterladen gibt es zwei Möglichkeiten.
Ü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.
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.
In der Klasse „Suchen“ befinden sich zwei Reports die bei der Auswertung und Verarbeitung von Suchen, die im Internetauftritt durchgeführt wurden, helfen.
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.
Durch Anklicken eines Inhalts in der Vorschau (linke Spalte) werden in der rechten Spalte die dazugehörigen Darstellungsoptionen aufgerufen.
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.
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
Die Detailansicht zeigt Inhalte dort wo ein Inhalt eingefügt ist, vollständig an.
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.
Dieses Attribut wird verwendet, um einen Hintergrund zu verknüpfen, der hinter dem jeweiligen Inhalt angezeigt wird. Details befinden sich im Abschnitt „Hintergründe“.
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).
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.
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“.
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.
In diesem Bereich sind alle Publikationen verlinkt, in denen der gewählte Inhalt auftaucht. In der Regel ist hier ein Eintrag zu sehen. Wird ein Artikel oder Bild mehrfach verwendet oder taucht in mehreren Internetauftritten auf, können auch mehrere aufgelistet sein.
In der Publikation befinden sich, neben SEO-Einstellungen, die folgenden wichtigen Eigenschaften:
relativer Pfad
Hier kann ein "sprechender Link" eingetragen werden. Dabei handelt es sich um einen Begriff, unter dem das Element im Internetauftritt direkt angesprungen werden kann.
Beispiel: Die Seite www.cmxkonzepte.de/hilfe kann direkt aufgerufen werden, da in der Eigenschaft
"relativer Pfad" dieses Artikels der Begriff "hilfe" eingetragen wurde.
Eine Übersicht aller sprechenden Links kann mit den Report "Publikationen mit relativem Pfad" in der Objektart "Publikation" aufgerufen werden.
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)
Berechtigung
Berechtigungen steuern, wer einen Inhalt im Internetauftritt sehen darf. Hier kann zum Beispiel festgelegt werden, dass ein Artikel nur für im Internetauftritt angemeldete Honorarkräften sichtbar ist.
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
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:
- Ein neues Textobjekt mit der Darstellungsart „Überschrift 1“
- Ein neues Textobjekt mit der Darstellungsart „Absatz“ (Fließtext / Standardtext)
- Ein neues Bild: Nach Auswahl des Bildes in der Inhaltsliste kann hier ein neues Bild hochgeladen werden
- 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).
- 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.
- Mit dieser Schaltfläche können Applikationen als Inhalt eingefügt werden – eine Liste vollständige Liste befindet sich im Abschnitt „Applikationen“ dieser Anleitung.
Am System angemeldete Mitarbeiter sehen im Internetauftritt unten rechts die Schaltfläche "Details" mit der das aktuell angezeigte Objekt (z. B. ein Artikel oder eine Veranstaltung) direkt zur Bearbeitung geöffnet werden kann.
Der Link steht in Objekten, aber nicht in Webdokumenten (z. B. Startseite, Kontakt, Suche) zur Verfügung!
Neben diesem Link befindet sich eine Anzeige, die die Ladezeit der aktuellen Seite anzeigt.
