Strukturierte Daten für Bilder

joerglohrer commented

2025-01-21 11:12:36 +00:00

Owner

Es ist zu klären, wie wir strukturierte Metadaten für Bilder erfassen und widergeben.
https://developers.google.com/search/docs/appearance/google-images?hl=de#structured_data
Anleitungen oder Tutorials habe ich für HUGO lediglich für seitenweite Lösungen gefunden.
Wie wollen wir mit einzelnen Bildern oder zumindest Beitragsbezogen vorgehen?

Es ist zu klären, wie wir strukturierte Metadaten für Bilder erfassen und widergeben. https://developers.google.com/search/docs/appearance/google-images?hl=de#structured_data Anleitungen oder Tutorials habe ich für [HUGO lediglich für seitenweite Lösungen](https://dariusz.wieckiewicz.org/en/adding-copyright-information-images-hugo) gefunden. Wie wollen wir mit einzelnen Bildern oder zumindest Beitragsbezogen vorgehen?

joerglohrer added this to the Projekt-Technik (das, was in APs "IT" genannt wird) project 2025-01-21 11:12:37 +00:00

sicking commented

2025-01-21 15:46:47 +00:00

Owner

einfache Erfassung: direkt in Markdown, direkt zu Bild; einfache Widergabe: https://gohugo.io/shortcodes/figure/

komplexe Erfassung (und Widergabe) nach IPTC-Standard.
Umfangreiche Metadatenverwaltung sollte eigens durch spezielle Software unterstützt werden.

einfache Erfassung: direkt in **Markdown**, direkt zu Bild; einfache Widergabe: https://gohugo.io/shortcodes/figure/ komplexe Erfassung (und Widergabe) nach **[IPTC-Standard](https://iptc.org/standards/photo-metadata/iptc-standard/)**. Umfangreiche Metadatenverwaltung sollte eigens durch spezielle Software unterstützt werden.

joerglohrer added this to the AP 4-2 Metadatenstandards weiterentwickeln milestone 2025-01-25 06:14:08 +00:00

sicking modified the project from Projekt-Technik (das, was in APs "IT" genannt wird) to Webseite oer.community

2025-06-11 06:06:19 +00:00

sicking added the

technik

oer.community

labels 2025-06-11 06:06:25 +00:00

sicking commented

2025-06-11 08:33:59 +00:00

Owner

Bsp. für Lizenzangabe via "figure" bzw. "figcaption":
https://open-educational-resources.de/vom-teilen-zum-oeffnen-warum-ein-lehrer-in-der-schulleitung-auf-oer-und-transparente-unterrichtsprozesse-setzt/

<figure id="attachment_31638" aria-describedby="caption-attachment-31638" style="width: 675px"
    class="wp-caption alignnone"><img decoding="async" class="wp-image-31638 size-full"
        src="https://open-educational-resources.de/wp-content/uploads/250610_Jan-Martin-Klinge-Beitragsbild.png"
        alt="Foto von Jan-Martin Klinge; Er hat Kopfhörer auf und stützt seinen Kopf leicht mit drei Fingern ab"
        width="675" height="506"
        srcset="https://open-educational-resources.de/wp-content/uploads/250610_Jan-Martin-Klinge-Beitragsbild.png 675w, https://open-educational-resources.de/wp-content/uploads/250610_Jan-Martin-Klinge-Beitragsbild-225x169.png 225w"
        sizes="(max-width: 675px) 100vw, 675px">
    <figcaption id="caption-attachment-31638" class="wp-caption-text">Jan-Martin Klinge, Foto: Jan-Martin Klinge, nicht
        unter freier Lizenz</figcaption>
</figure>

Bsp. für Lizenzangabe via "figure" bzw. "figcaption": https://open-educational-resources.de/vom-teilen-zum-oeffnen-warum-ein-lehrer-in-der-schulleitung-auf-oer-und-transparente-unterrichtsprozesse-setzt/ ``` <figure id="attachment_31638" aria-describedby="caption-attachment-31638" style="width: 675px" class="wp-caption alignnone"><img decoding="async" class="wp-image-31638 size-full" src="https://open-educational-resources.de/wp-content/uploads/250610_Jan-Martin-Klinge-Beitragsbild.png" alt="Foto von Jan-Martin Klinge; Er hat Kopfhörer auf und stützt seinen Kopf leicht mit drei Fingern ab" width="675" height="506" srcset="https://open-educational-resources.de/wp-content/uploads/250610_Jan-Martin-Klinge-Beitragsbild.png 675w, https://open-educational-resources.de/wp-content/uploads/250610_Jan-Martin-Klinge-Beitragsbild-225x169.png 225w" sizes="(max-width: 675px) 100vw, 675px"> <figcaption id="caption-attachment-31638" class="wp-caption-text">Jan-Martin Klinge, Foto: Jan-Martin Klinge, nicht unter freier Lizenz</figcaption> </figure> ```

joerglohrer commented

2025-06-11 12:32:03 +00:00

Author

Owner

Bekommen wir in der figcaption auch die Lizenz nach einem Metadatenstandard unter?

sicking commented

2025-06-17 07:20:20 +00:00

Owner

Was meinst du damit? Was soll in der figcaption (genau) untergebracht werden?
Wie sollte (deiner Vorstellung nach) das Endergebnis aussehen? (visuell (UI), technisch...)

Vielleicht an einem Beispiel?
aus OERinfo: https://open-educational-resources.de/cc-lizenz-und-gesetzliche-nutzungserlaubnisse-was-geht-vor/
aus FOERBICO: https://oer.community/oer-im-blick-2025/#pre-workshop-was-sind-eigentlich-open-educational-practices

Was meinst du damit? Was soll in der `figcaption` (genau) untergebracht werden? Wie sollte (deiner Vorstellung nach) das _Endergebnis_ aussehen? (visuell (UI), technisch...) Vielleicht an einem Beispiel? aus OERinfo: https://open-educational-resources.de/cc-lizenz-und-gesetzliche-nutzungserlaubnisse-was-geht-vor/ aus FOERBICO: https://oer.community/oer-im-blick-2025/#pre-workshop-was-sind-eigentlich-open-educational-practices

joerglohrer commented

2025-07-14 17:12:38 +00:00

Author

Owner

Evtl. wäre es so vorstellbar?:

<figcaption class="FOERBICO-Caption">
"<a href="https://www.inaturalist.org/photos/71812633">garden rhubarb, Speise-Rhabarber</a>" von 
<a href="https://www.inaturalist.org/users/2831535">John Sankey</a>, 
<a href="http://creativecommons.org/publicdomain/zero/1.0/?ref=openverse">
CC0 1.0 
<img src="https://mirrors.creativecommons.org/presskit/icons/cc.svg" style="height:0.8em; margin-right:0.1em; display:inline;">
<img src="https://mirrors.creativecommons.org/presskit/icons/zero.svg" style="height:0.8em; margin-right:0.1em; display:inline;">
</a>.
</figcaption>

Ergebnis:

"garden rhubarb, Speise-Rhabarber" von John Sankey, CC0 1.0

.

Wenn ich's richtig verstanden habe wäre für Hugo der Shortcode dann:

{{< figure src="/pfad/zum/bild.jpg"
    caption="[garden rhubarb, Speise-Rhabarber](https://www.inaturalist.org/photos/71812633)"
    attr='von [John Sankey](https://www.inaturalist.org/users/2831535), [CC0 1.0](http://creativecommons.org/publicdomain/zero/1.0/?ref=openverse) <img src="https://mirrors.creativecommons.org/presskit/icons/cc.svg" style="height:0.8em; display:inline; margin-right:0.1em;"><img src="https://mirrors.creativecommons.org/presskit/icons/zero.svg" style="height:0.8em; display:inline; margin-right:0.1em;">.'
>}}

Evtl. wäre es so vorstellbar?: ``` <figcaption class="FOERBICO-Caption"> "<a href="https://www.inaturalist.org/photos/71812633">garden rhubarb, Speise-Rhabarber</a>" von <a href="https://www.inaturalist.org/users/2831535">John Sankey</a>, <a href="http://creativecommons.org/publicdomain/zero/1.0/?ref=openverse"> CC0 1.0 <img src="https://mirrors.creativecommons.org/presskit/icons/cc.svg" style="height:0.8em; margin-right:0.1em; display:inline;"> <img src="https://mirrors.creativecommons.org/presskit/icons/zero.svg" style="height:0.8em; margin-right:0.1em; display:inline;"> </a>. </figcaption> ``` Ergebnis: ----- <figcaption class="FOERBICO-Caption"> "<a href="https://www.inaturalist.org/photos/71812633">garden rhubarb, Speise-Rhabarber</a>" von <a href="https://www.inaturalist.org/users/2831535">John Sankey</a>, <a href="http://creativecommons.org/publicdomain/zero/1.0/?ref=openverse"> CC0 1.0 <img src="https://mirrors.creativecommons.org/presskit/icons/cc.svg" style="height:0.8em; margin-right:0.1em; display:inline;"> <img src="https://mirrors.creativecommons.org/presskit/icons/zero.svg" style="height:0.8em; margin-right:0.1em; display:inline;"> </a>. </figcaption> ----- Wenn ich's richtig verstanden habe wäre für Hugo der Shortcode dann: ``` {{< figure src="/pfad/zum/bild.jpg" caption="[garden rhubarb, Speise-Rhabarber](https://www.inaturalist.org/photos/71812633)" attr='von [John Sankey](https://www.inaturalist.org/users/2831535), [CC0 1.0](http://creativecommons.org/publicdomain/zero/1.0/?ref=openverse) <img src="https://mirrors.creativecommons.org/presskit/icons/cc.svg" style="height:0.8em; display:inline; margin-right:0.1em;"><img src="https://mirrors.creativecommons.org/presskit/icons/zero.svg" style="height:0.8em; display:inline; margin-right:0.1em;">.' >}} ```

joerglohrer referenced this issue from Comenius-Institut/ARCHIV-rpi-virtuell_und_FOERBICO

2025-07-30 15:38:43 +00:00

Bilder und Bildrechte - Maschinenlesbare Metadaten berücksichtigen #112

joerglohrer commented

2025-08-13 11:53:14 +00:00

Author

Owner

Hier noch ein paar Infos dazu aus verschiedenen Gesprächssträngen:

https://openverse.org/de/image/c664c6ff-1b1e-4847-99bd-5dbe874c3373
Stellt auch HTML, XML bereit
Möglichkeit für Wikimedia-Bilder: https://lizenzhinweisgenerator.de/
es gab "früher" (2017) mal die Idee bei einem Hackathon das in die exif reinzustempeln:
https://ccstamper.edu-sharing.org/
mögliche Vertragsvorlage mit Grafikern: https://www.digis-berlin.de/wp-content/uploads/2024/02/Vertragsvorlage_Erlaubnis_Verfuegbarmachung_unter_CC_2024.pdf

Hier noch ein paar Infos dazu aus verschiedenen Gesprächssträngen: - https://openverse.org/de/image/c664c6ff-1b1e-4847-99bd-5dbe874c3373 Stellt auch HTML, XML bereit - Möglichkeit für Wikimedia-Bilder: https://lizenzhinweisgenerator.de/ - es gab "früher" (2017) mal die Idee bei einem Hackathon das in die exif reinzustempeln: https://ccstamper.edu-sharing.org/ - mögliche Vertragsvorlage mit Grafikern: https://www.digis-berlin.de/wp-content/uploads/2024/02/Vertragsvorlage_Erlaubnis_Verfuegbarmachung_unter_CC_2024.pdf

joerglohrer commented

2025-08-13 11:56:30 +00:00

Author

Owner

Infos zum WP-Plugin:
Comenius-Institut/rpi-Orga#30#
und Repo dazu
https://git.rpi-virtuell.de/Comenius-Institut/image-rights-html-generator.git

Infos zum WP-Plugin: https://git.rpi-virtuell.de/Comenius-Institut/rpi-Orga/issues/30# und Repo dazu https://git.rpi-virtuell.de/Comenius-Institut/image-rights-html-generator.git

joerglohrer commented

2025-08-13 12:24:45 +00:00

Author

Owner

Ich hatte mal vor 10 Monaten das hier gebaut:
https://joerglohrer.github.io/oer-generator-tulluba/
Jetzt nochmal ein neuer Anlauf mit ChatGPT5:
https://joerglohrer.github.io/bildmetagenerator/bildlizenzgenerator.html
neben der Formularidee könnte man auch einen ChatBot bauen, der einem hilft.
Wir müssten trotzdem wissen, welche Angaben wir auf jeden Fall haben wollen, welche optional sind und in welchem Format es ausgegeben werden soll.

Ich hatte mal vor 10 Monaten das hier gebaut: https://joerglohrer.github.io/oer-generator-tulluba/ Jetzt nochmal ein neuer Anlauf mit ChatGPT5: https://joerglohrer.github.io/bildmetagenerator/bildlizenzgenerator.html neben der Formularidee könnte man auch einen ChatBot bauen, der einem hilft. Wir müssten trotzdem wissen, welche Angaben wir auf jeden Fall haben wollen, welche optional sind und in welchem Format es ausgegeben werden soll.

sicking commented

2025-09-29 12:52:50 +00:00

Owner

im Raum "#oer.community:rpi-virtuell.de" schrieb Jens Dechow, Fr, 26.09.2025 10:25 Uhr:

Wäre nicht die stamper Idee auf nostr Basis zielführend? In ganz untechnischer Ausdrucksweise: Zu jedem Bild wird als Event ein Metadatensatz angelegt. Auf Clientebene wird dann beides - Bild und zentrale Lizenzinformationen - zusammengezogen, und es kann jeweils auf dieser Ebene entschieden werden, in welcher Darstellungsweise der Bezug zwischen beidem hergestellt wird.

im Raum "#oer.community:rpi-virtuell.de" schrieb Jens Dechow, Fr, 26.09.2025 10:25 Uhr: > Wäre nicht die stamper Idee auf nostr Basis zielführend? In ganz untechnischer Ausdrucksweise: Zu jedem Bild wird als Event ein Metadatensatz angelegt. Auf Clientebene wird dann beides - Bild und zentrale Lizenzinformationen - zusammengezogen, und es kann jeweils auf dieser Ebene entschieden werden, in welcher Darstellungsweise der Bezug zwischen beidem hergestellt wird.

joerglohrer commented

2025-09-29 12:57:50 +00:00

Author

Owner

Ja ich hatte dazu schonmal recherchiert und frage mich ob Kind 1063 aus NIP-94 passend wäre?
https://github.com/nostr-protocol/nips/blob/master/94.md

Ja ich hatte dazu schonmal recherchiert und frage mich ob Kind 1063 aus NIP-94 passend wäre? https://github.com/nostr-protocol/nips/blob/master/94.md

Rows
Columns

Strukturierte Daten für Bilder #191