NanoCMS Mediendatenbank
Aus Melin DokuWiki
Inhaltsverzeichnis |
[bearbeiten] 17. BILDER - Das Bild-Archiv
Allen Usern steht das Melin Bildarchiv zur Verfügung. Das Bildarchiv kann aus jedem Template geöffnet werden und unterstützt den User bei der Auswahl von Bildern für die generierten Seiten.
Um dem Anwender die Möglichkeit der Bildauswahl zu geben wird der von HTML bekannte IMG-Tag verwendet. Anstatt den Pfad zu einem Bild anzugebern verwendet man die folgende Sytntax um dem Templateparser mitzuteilen dass der User hier die Möglichkeit hat hat ein eigenes Bild auszuwählen:
<IMG SRC="MELIN:mypicture">
Soll das Bild aus dem Bildarchiv an eine bestimmte Größe angepasst wird, geschieht das über die Bildgrößenattribute WIDTH und HEIGHT des IMG-Tags. Hierzu werden die Größenattribute gesetzt so dass das Bildarchiv das Bild skaliert und gleichzeitig die Dateigröße optimiert.
<IMG SRC="MELIN:mypicture" WIDTH="200" HEIGHT="100">
Die Proportionen des Originalbilds werden immer beibehalten. Falls eine Skalierung nicht verzerrungsfrei durchgeführt werden kann werden die Ränder des skalierten Bilds beschnitten so dass ein an allen vier Seiten streifenloser Ausschnitt entsteht.
Wird nur ein Attribut angegeben so wird das Bild auf die vorgebene Breite bezw. Höhe skaliert und der andere Wert entsprechend der Original-Bildproportionen agepasst.
Werden keine Größenattribte gesetzt so wird das Bild in der Originalgröße aus dem Bildarchiv übernommen.
Sollen die generierten Seiten die Anforderungen der Barrierefreiheit erfüllen so muss auch ein Alternativ-Text hinzugefügt werden der dargestellt wird wenn der User keine Bilder anzeigen lässt.
Der Bildaufruf muss in diesem Fall nur um einen ALT-TAG ergänzt werden:
<IMG SRC="MELIN:mypicture" ALT="" WIDTH="200" HEIGHT="100">
Das Bildarchiv füllt automatisch den Klartext-Namen des Bilds im Bildarchiv ein.
Solange kein Bild ausgewählt ist zeigt der Melin Template Parser ein Platzhalter-Bild an. Dieser Platzhalter kann auch durch ein eigenes Bild ersetzt werden um die Gesamtoptik zu verbessern:
Der dazugehörige Bildaufruf hat folgende Syntax:
<IMG SRC="MELIN:mypicture" ALT="" WIDTH="200" HEIGHT="100">
[bearbeiten] Technisches
Die Bilder die ein User in das System hochlädt werden in seinem individuellen Bildverzeichnis (DOCUMENT-ROOT/melin/ivault/USER_ID) abgelegt. Es ist möglich eine Unterordnerstruktur zu erzeugen um eine Struktur in die Bildersammlung zu bringen.
Die ergänzenden Bildinformationen (Klartextname, Bildformat, etc) werden im Verzeichnis SITE-DIR/ivault/ abgelegt. Dort gibt es für jeden User drei Dateien:
[USER_ID]_images.xml die die Strukturdaten aller Bilder des Users enthält [USER_ID]_folders.xml die die Verzeichnisstruktur enthält die sich der User angelegt hat [USER_ID]_params.xml enthält die letzen Einstellungen. Auf diese Weise öffnet sich die Mediendatenbank immer dort wo man aufgehört hat
Das Bildarchiv generiert Thumbnails der Größe 80x60 (JPEG) und konvertiert alle skalierten Bilder ins JPEG-Format. Das skalierte Bild wird im selben Ordner abgelegt und erhält als neue Ergänzung die Bildgröße im Filenamen (aus „foo.jpg“ wird eine Kopie mit dem Namen „foo_200x400.jpg“)
Der Superuser kann im Bildarchiv eine maximale Dateigröße für hochgeladene Bilder definieren und die Maximalgröße der generierten Bilder (z.B. 1000x1000) beschränken. Diese Einstellungen werden in der Bildarchiv-Konfigurationssdatei /melin/demon/config/ivault.xml hinterlegt.
[bearbeiten] Bildarchiv und Eigene Bilder
Das Bildarchiv unterteilt sich in zwei getrennte Archive: ein allgemeines Bildarchiv mit Bildern die jedem User zur Verfügung stehen sowie einem privaten Archiv (Eigene Bilder) auf das nur der jeweilige Benutzer zugriff hat.
Der Superuser kann eine Rolle festlegen die auf das Bildarchiv schreibenden Zugriff hat und die Ordnersturktur verändern kann. Auf diese Weise können allgemeine Bildarchive realisiert werden.
Die allgemeinen Einstellungen wie maximale Bildgröße und Zugriffsrechte werden in SITE-DIR/melin/ivault/ivault.xml abgelegt.
[bearbeiten] Sonderfälle
Bildauswahl mit unterschedlichen Größen.
<img src="MELIN:BILD2" WIDTH=332 height=431 melin="display-width:235; display-height:305; mediawin:900x600">
