Bilder & Bildverwaltung

Im PEIQ PORTAL ist es möglich, kund:innenspezifisch einzurichten, dass eine Bildunterschrift und/oder eine Bildquelle von Benutzer:innen vergeben werden müssen.

Funktionalitäten von Bildern und der Bildverwaltung

Vergabe von Bildunterschrift und -quelle
Hinweismeldung bei fehlender Bildunterschrift und -quelle

Inhaltsverzeichnis

1 Allgemeine Beschreibung
2 Merkmale von Bildern (Images)
- 2.1 Validierung von Bildunterschrift und Bildquelle
- 2.2 Hinweismeldung bei fehlendem Inhalt
3 Alt-Tag
4 Mitwirkungspflichten
5 Verwandte Seiten

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

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.

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.

Hinweismeldung bei fehlender Bildunterschrift und Bildquelle

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:

<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

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 Hinweismeldung zu fehlender Bildunterschrift und Bildquelle sind die Merkmale (copyright, caption) von dem bzw. der Kund:in zu benennen, welche geprüft werden sollen.