Collagen-Komponente

[FlorianFehring]

Eine Collage ist eine Zusammenstellung von mehreren Bildern zu einem Gesamtbild. Die Anwendungsfälle sind vielfältig, z.B.:

• Keogramme (in Linien oder Spalten)
• Bilder-Zeitleisten (mehrere aufeinander folgende Bilder in einer Leiste)
• Vergleichs-Kollagen (Vorher- Nachher)
• Bild-Mosaike (z.B. 10x10 Grid)
• Heatmap-ähnliche Darstellungen (Pixel-Grids)
• Storyboards (z.B. für Video-Frames)

Anforderungen:

• Bilder aus einer Datenquelle laden über die SWAC-Core Funktionen
• Autom. Erkennung des Darstellungsmodus soweit möglich (Keogramme = wenige Pixel breite Spalten oder wenige Pixel hohe Zeilen)
• Zeitleisten-Darstellung mit Navigationsmöglichkeit: Auf Bilder klicken, Pfeile am Anfang und Ende laden die vorherigen / nächsten Bilder, evtl. Buttons für Springen (10 weiter, oder falls Zeitinformation vorliegt: 1 Stunde weiter)
• ... zu ergänzen durch Sie auf Grundlge der Anforderungen im SmartMonitoring

Hinweis:

• Beispiel Code, der zeigt wie der Ablauf für Keogramme ist, finden sie im SmartMonitoringFrontend unter js/media/image_cloudview.js bzw. in der zugehöreigen HTML: sites/media/image_cloudview.js
• Diesen Code sollen sie durch ihre Lösung in Form einer Komponente ersetzen