Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

Status
colourRed
titleIN BEARBEITUNG

Infoinfo

Bilder & Bildverwaltung gehören zum Media-Modul im PORTAL (wie beispielsweise auch die Medienstreams).

Funktionalitäten von Bildern und der Bildverwaltung

  • Vergabe von Bildunterschrift und -quelle

  • Datenvalidierung

Inhaltsverzeichnis

Expand
titleInhaltsverzeichnis anzeigen
Table of Contents
maxLevel4

Allgemeine Beschreibung

In diesem Dokumentationsabschnitt finden sich typische CMS-Funktionen zu Bildern, wie z. B. der Bilder-Upload, Bildbearbeitung, Bildkopien finden und Bildersammlungen.

Die Bildverwaltungsfunktionen sind im PORTAL sehr eingeschränkt. Es können nur wenige Meta-Daten und Merkmale an Bildern bearbeitet werden.

Anders als in anderen CMS-Systemen existiert im PORTAL keine zentrale Bilddatenbank. Bilder werden immer mit einem Inhalt (z. B. Beitrag) verknüpft. Die Funktion bzgl. “Bilder merken” kopiert das ursprüngliche Bild und fügt die Kopie dem neuen Inhalt hinzu.

Der Grund dieser Architektur liegt in der Historie des PORTALs, einer schlanken Webanwendung zum Einsammeln von Printinhalten. Durch die direkte Verknüpfung von Bild und Text lassen sich die Export-Plugins zum PRINT PPS sehr einfach gestalten.

Neben den „CMS“-Funktionen finden sich in diesem Dokumentationsabschnitt auch Funktionen zur Anzeige von Bildern im PORTAL, z. B. das Bilder-Handling bzgl. der im PORTAL verwendeten Größen und die Bilddetailsicht (Foto-Slider). Zum Modul gehört ebenfalls der MediaViewer.

Merkmale von Bildern (Images)

  • id

  • Bildunterschrift (caption)

  • Urheberhinweis (copyright)

  • Hochgeladen von (user)

  • Bildschwerpunkt (focus-y, focus-x)

Validierung von Bildunterschrift und Bildquelle

Tip

Für die Merkmale Bildunterschrift (caption) und Bildquelle (copyright) kann ein Validierungsprozess konfiguriert werden, welcher entweder nur eines oder beide der Merkmale auf Inhalt überprüft. Ist das konfigurierte Merkmal nicht befüllt, ist das “Veröffentlichen & anzeigen”, “Zwischenspeichern und weiterbearbeiten” und “Als Entwurf speichern & anzeigen” nicht möglich und eine Hinweismeldung erscheint.

Die Validierung ist innerhalb der Formulare Beitragsformular, Schnappschussformular und Veranstaltungsformular möglich und wird durch Klick auf “Veröffentlichen & anzeigen”, “Zwischenspeichern und weiterbearbeiten” und “Als Entwurf speichern & anzeigen” angestoßen.

Die Konfigurationsparameter sind Bestandteil des Media-Moduls. Damit die Validierung in den Formularen funktioniert, müssen diese entsprechend erweitert werden, sodass die Konfiguration aus dem Media-Modul angewendet werden kann.

Hinweismeldung bei fehlendem Inhalt

Ist ein Merkmal nicht befüllt, erscheint eine Hinweismeldung, welche die nicht befüllten Merkmale und die Nummer des betroffenen Bildes auflistet.

...

Warning

Die Validierung kann umgangen werden
Es ist möglich, die Validierung zu umgehen, da das Editieren der Bildunterschrift und anderer Merkmale eines Bildes unabhängig vom Inhaltsformular stattfindet (sobald im ImageEditor auf “Speichern” geklickt wurde):

  • Beitrag mit Bild inkl. BU/Copyright erstellen und speichern.

  • Beitrag editieren, dabei nur die BU und das Copyright mittels ImageEditor entfernen und danach den Beitrag nicht speichern, sondern das Formular einfach nur verlassen.

  • Bild hat kein(e) BU / Copyright.

Dies zu verhindern, würde eine deutlich aufwändigere Validierung der Daten bereits im ImageEditor benötigen.

Alt-Tag

Das Alt-Tag (oft auch Alt-Attribut genannt) ist eine Auszeichnung für Bilder im HTML-Code der Seite. Der im Alt-Tag hinterlegte Text (Alternativtext) ist eine kurze Beschreibung des Bildes. Suchmaschinen verwenden dieses Tag, um den Bildinhalt zu erkennen, da Bilddateien in der Regel nicht direkt ausgelesen werden können.

Das Alt-Tag sieht im Quellcode wie folgt aus:

Code Block
<img class="imagecontainer" loading="eager" fetchpriority="high" decoding="auto" data-aspectratio="0.6665" src="https://test03-ajk.aragorn.agb.gogol-medien.info/resources/mediadb/article/2023/02/03/7/797_L.jpg?1675426295" style="object-position: 50% 50%;" data-object-position="50% 50%" alt="Bildunterschrift | Foto: Vermerk auf Urheber">

Der Alternativtext wird aus den Angaben in “Bildunterschrift” und “Vermerkt auf Urheber” zusammengesetzt. Werden für den Alternativtext zeitgleich beide Angaben verwendet, so sind diese durch die Pipe | getrennt. Der Vermerk auf den bzw. die Urheber:in wird automatisch um “Foto: “ ergänzt.

Bild-Angabe

Schema

Beispiel

Bildunterschrift

Caption

alt=”Roter Apfel”

Bildunterschrift + Vermerk auf Urheber

Caption+ | +PräfixCopyright+Copyright

alt=”Roter Apfel | Foto: Max Mustermann”

Vermerk auf Urheber

PräfixCopyright+Copyright

alt=”Foto: Max Mustermann”

Mitwirkungspflichten

Für die Validierung von Bildunterschrift und Bildquelle sind die Merkmale (copyright, caption) von dem bzw. der Kund:in zu benennen, welche geprüft werden sollen.

Verwandte Seiten

Filter by label (Content by label)
showLabelsfalse
showSpacefalse
cqllabel = "bildverwaltung-portal" and space = "PPSD"

...