Apple-Watch-Like Football Stats

June 19, 2015 Bernhard Zeller

Apple-Watch-Like Football Stats

Das Projekt „Apple-Watch-Like Football Stats“ beschäftigt sich mit der Visualisierung von Daten im Stil der Apple Watch. Bei den verwendeten Daten handelt es sich um Fußball-Tabellen aus unterschiedlichen Saisonen. Die Daten werden direkt von einer Website ausgelesen und aufbereitet.

Die Anzeige hat insgesamt 4 Seiten die in einem Slider dargestellt werden. Mit den Tasten links/rechts kann navigiert werden. Der erste Bereich zeigt alle Siege, Unentschieden und Niederlagen sowie den Tabellenrang einer ausgewählten Mannschaft. Die anderen 3 Slides zeigen jeweils die Siege, Unentschieden und Niederlagen einzeln. Außerdem kann bei diesen drei Slides mit der Taste „d“ zu einem Balkendiagramm gewechselt werden, dass alle Siege/Unentschieden/Nierderlagen (je nach Slide) aller Teams der ausgewählten Saison zeigt. Die Saison kann mit den Tasten rauf/runter gewechselt werden.

Die Visualisierung teilt sich in 6 Patches:

  • Main: Der Main-Patch liest die Daten mit dem Node „HTTP“ ein, wandelt sie in sauberes XML um („Tidy“) und extrahiert mit „XPath“ die entsprechenden Daten welche dann an die jeweiligen Sub-Patches weitergegeben werden (Firebug ist sehr Hilfreich beim Finden des XPath).
  • Slider: Der Slider-Patch wird an alle Diagramme gehängt und verschiebt (ändert X-Position) diese beim Navigieren. Dies könnte noch optimiert werden, indem nicht der Slider an die Diagramme gehängt wird, sondern die Diagramme an den Slider und dementsprechend die Slides aufbereitet werden.
  • StatBars: Patch für die Balkendiagramme.
  • StatCircleSingle:Patch für die Kreisdiagramme mit einem Kreis.
  • StatCircleSpread: Patch für die Kreisdiagramme mit 3 Kreisen. Dies könnte auch noch optimiert werden, so dass man einstellen kann, wie viele Kreise man ausgeben möchte.
  • DateTime: Ausgabe von formatierten Datum und Uhrzeit.

Eine Produktion der Fachhochschule St.Pölten
Lehrveranstaltung Modulare Medienprogrammierung
Masterstudiengang Digitale Medientechnologien
LV Leitung: Matthias Husinsky

, , , , interactive, visuals