Funktionserweiterung «Bilder vergleichen» im Cranach Digital Archive


Thyron Voß-Busch & Oliver Russmann

Kontext
Cranach Digital Archive (CDA)
Modul
Screendesign
Semester
Wintersemester 2020/21
Studiengang
Medieninformatik Ba.

Für das Screendesign Projekt 2020/21 soll eine Funktionserweiterung des zugrundeliegenden Design des Cranach Archives erstellt werden. In der neuen Basis des Designs enthalten ist der Bereich “Drücke und Zeichnen” mit der dazugehörigen Detailansicht. Nun soll eine Design konzipiert werden, das für 9 Zoll und WIMP Geräten ausgelegt ist. Es sollen für diese nun eine Funktion Designed werden, die es dem User möglich macht Bilder zu Sammeln und die im nachhinein zu Vergleichen. Ein Bedingung dafür ist, das ganze Design nach dem aktuellen Prototypen zu konzipieren. Um dieser Aufgabe entgegen zu stehen, wurden einige grundlegenden Figmadateien (Fonts, Abstände, Farben) zur Verfügung gestellt. Da die Übersichtsseite der Grundlegende Kern der Seite ist, begann das Designen dort. In die bestehende Übersichtsseite, die durch Google sheets nachkonzipiert werden konnte, wurde nun eine Möglichkeit in eine Sammlung zu kommen Integriert, in der Bilder gespeichert werden können. Wenn man auf der Übersichtsseite ein Bild Auswählt, besteht die Option dieses entweder zur Sammlung hinzuzufügen, oder die Detailansicht aufzurufen. Nun geht man auf den Reiter “Sammlung”. In der Sammlung angekommen, bestehen nun die Optionen, Bilder wieder entfernen zu können, einen Filter anzuwenden, die Sammlung zu Sortieren und Bilder zum vergleichen auszuwählen. In der Bilder Auswahl kann man zwischen 2 und 4 Bildern zum vergleichen wählen. In den beiden Vergleichsoptionen, kann man jeweils die Aufteilung ändern, welches mehr Platz zur Verfügung stellt. Man kann Bilder heranzoomen wobei man mit einer extra Funktion sowohl den Zoom, als auch das Pending Locken kann. Zudem kann man Bildausschnitte erstellen und diese zu einem Stack hinzufügen und diesen dazu noch aufrufen. In dem Stack kann man ein Bild fest locken und dieses mit andern vergleichen, indem man diese durchwechselt.

Style-Guide

Styleguide für das Projekt von Thyron Voß-Busch & Oliver Russmann