Dieser Blog ist im Rahmen von Coding Da Vinci Nord entstanden. Das Projekt des Histbloggers hatte sich als Ziel gesetzt, die historischen Kupferstiche der Stabi Hamburg digital einem breiten Publikum zur Verfügung zu stellen.

Allerdings waren die Rohdaten der Staatsbibiliothek dafür nicht ausreichend. Hierfür musste eine Möglichkeit geschaffen werden, welche eine einfache Datenpflege zulässt. Auf dieser Basis wurde ein Datatool mit einer einfachen Weboberfläche geschaffen, welche zu jedem Bild eine komfortable Pflege ermöglicht.

Das Datatool

Das Tool besteht aus einem Server und einer Web App. Der Server ist in Go und die Web App in JavaScript umgesetzt. Alle Daten zu einem Bild werden als Textdateien im JSON Format abgelegt. Dabei gibt es drei unabhängige Ordner, welche jeweils auch ein eigenes GitHub Repository besitzen:

• Kunstwerke GitHub Repository
• Künstler GitHub Repository
• BlogPosts GitHub Repository

Der Server stellt für die Web APP eine REST API zur Verfügung. Über den Austausch von JSON Dateien erfolgt die Kommunikation zwischen Server und Webbrowser. Durch die Verwendung eines Browsers als GUI war es möglich, dass das Datatool gezippt unter 10 MB groß ist.

Die Installation ist dabei sehr einfach, da der Server als eine kompilierte Datei zur Verfügung steht und auf allen Betriebssystemen lauffähig ist.

Die Web APP ist mittels Vue.js und Fabric.js umgesetzt worden. Diese Umsetzung hat dabei den weiteren Vorteil, dass das Datatool sowohl nur lokal aber auch im Intra- oder Internet installiert werden kann.

Der Einsatz für andere Blogprojekte ist mit dem Datatool leicht möglich. Bei der ersten Erstellung von Beiträgen konnten wir erfahren,welchen großen pädagogischen Wert das Tool bietet. Denn dadurch, dass einzelne Bildbereiche beschrieben und verlinkt werden können, muss sich der Erfasser tiefere Gedanken zu jeder einzelnen Figur machen. Dies erfordert es, dass man sich tiefer mit den dargestellten Mythologien beschäftigen muss.

Schnittstelle zur Blogsoftware Hugo

Das Datatool stellt eine Schnittstelle zur Blogsoftware Hugo bereit. Dabei werden die im Datatool erfassten Daten extrahiert, Bildausschnitte erzeugt und die Bilder in unterschiedlichen Größen für eine Darstellung im Web verkleinert.

Das Ergebnis sind entsprechende Dokumente in der richtigen Struktur für Hugo. Anschließend werden auf dem exportierten Content html und xml Dateien erzeugt.

Die erzeugten Dateien könner per git commit und git push einfach auf Github Pages aktuallisiert werden.

Fotonachweis: Gopher Design by Renee French