Case Study · Uni Würzburg

Aus einer Excel-Liste eine Online-Analyse.

Politikwissenschaftler der Julius-Maximilians-Universität Würzburg haben eine Datenbank zur Bewertung der demokratischen Qualität von über 200 Ländern entwickelt. Wir haben daraus eine interaktive, mehrsprachige Website gemacht: Konzeption, Design, Templating, Datenbank und die Online-Analyse.

Demokratiematrix Sprechen Sie uns an
  • Konzeption
  • Layout und Templates
  • Datenbankentwicklung
  • Mehrsprachigkeit
  • PDF-Export

Uni Würzburg

Am Institut für Politikwissenschaft und Soziologie der Julius-Maximilians-Universität Würzburg entstand die Demokratiematrix: eine Datenbank zur Bewertung der demokratischen Qualität von über 200 Ländern, entwickelt am Lehrstuhl für Vergleichende Politikwissenschaft und Systemlehre.

Grundlage sind Daten des V-Dem-Instituts der Universität Göteborg. Darauf aufbauend hat das Institut eigene Analyseebenen entwickelt, um alle relevanten Teilbereiche demokratischer Regime darzustellen.

Wissenschaft Forschungsdaten Datenvisualisierung Mehrsprachig DFG-Projekt

Der Auftrag

Gemeinsam mit den Wissenschaftlern entwickelt.

Die Konzepte zur Visualisierung der Daten und für die erforderlichen Formulare haben wir gemeinsam mit den Wissenschaftlern der Uni Würzburg entwickelt, für die Auswahl und Filterung der gewünschten Parameter.

Wichtig waren eine intuitive Bedienung und eine klare, einfach zu verstehende Darstellung der Ergebnisse. Anhand von Wireframes wurden die Elemente für die Ein- und Ausgabe der Daten entwickelt.

Gearbeitet wurde agil, in enger Zusammenarbeit mit den wissenschaftlichen Mitarbeitern des Lehrstuhls.

Die Ausgangslage

Die Basis war eine Excel-Liste.

Die Grundlage bildete eine große Datensammlung in Form einer Excel-Liste, die alle ermittelten Werte enthält. Darin enthalten sind auch speziell von der Uni Würzburg berechnete Daten, die etwa die Korrelation verschiedener Parameter berücksichtigen.

Vorher
Jahr Gesamt (Merkmalsmessung) Gesamt (Kontextmessung)
1910 0,53 0,49
1920 0,77 0,71
1930 0,74 0,68
1940 0,02 0,02
1950 0,93 0,91
1960 0,95 0,93
1970 0,96 0,95
1980 0,97 0,95
1990 0,97 0,95
2000 0,98 0,96
2010 0,98 0,97
2020 0,96 0,95
Nachher
0 1 Gesamt (Merkmalsmessung) Gesamt (Kontextmessung) 1910 1960 2020
  • Gesamt (Merkmalsmessung)
  • Gesamt (Kontextmessung)
Die Hauptansicht

Drei Dimensionen, fünf Institutionen, fünfzehn Felder .

Andere Messinstrumente vergeben eine Note. Die Demokratiematrix kombiniert drei Dimensionen mit fünf Institutionen und bewertet jedes der fünfzehn Felder einzeln. Die Matrixdarstellung ist die Ansicht, in der das sichtbar wird: eine Kreuztabelle mit Beschriftung an beiden Achsen, bedienbar über dieselbe Auswahlmenü wie alle anderen Ansichten.

Die Ansichten

Fünf Werkzeuge für denselben Datensatz.

Verschiedene grafische Darstellungsformen stellen die Werte als Matrix, Radargraph oder klassisch als Liniendiagramm dar. Über ein interaktives Auswahlmenü werden die gewünschten Vergleichsparameter gewählt.

Profilvergleich

Matrixdarstellung

Mehrere Länder, ein Jahr, ein Messniveau.

/matrixdarstellung
Direkter Vergleich

Netzdiagramm

Mehrere Länder, ein Jahr, ein Messniveau, direkt übereinandergelegt.

/netzdiagramm
Zeitreihe

Ländergraph

Ein Land, dazu die gewählten Variablen über den eingestellten Zeitraum.

/ländergraph
Zeitreihe

Variablengraph

Eine Variable, mehrere Länder über die Zeit.

/variablengraph
Rangliste

Ranking

Auf- und Absteiger sowie die Rangliste der Länder.

/ranking

Unsere Leistungen im Detail

Woran man die Arbeit sieht.

Die Gliederung folgt der Projektarbeit: erst Konzeption und Design, dann die technische Umsetzung.

Konzeption und Design 

01 - Konzeption

Wireframes für Ein- und Ausgabe

Anhand von Wireframes wurden die Elemente für die Ein- und Ausgabe der Daten entwickelt. Auswahl und Darstellung sind damit zusammen entstanden, nicht nacheinander.

  • Konzeption und Wireframing der Seiten
  • Formulare zur Auswahl und Filterung
  • Erarbeitet mit den Wissenschaftlern
02 - Design

Orientiert an der Corporate Identity

Das Design orientiert sich an der Corporate Identity der Universität Würzburg. Dazu kamen Layout-Struktur und Templates für die redaktionellen Seiten wie für die Analyseseiten.

  • Layout-Struktur und Templates
  • Anlehnung an das Uni-CI
  • Design der responsiven Ansichten
03 - Responsive

Komplexe Funktionen auch auf kleinen Displays

Die Bedienung der Formulare und Filter sowie die Darstellung der Diagramme funktionieren auch auf den kleinen Displays von Smartphones. Formularelemente werden nur dargestellt, wenn sie wirklich benötigt werden.

  • Formulare und Filter mobil bedienbar
  • Elemente nur bei Bedarf sichtbar
  • Diagramme in der mobilen Ansicht

Technische Umsetzung

04 - Templating und Datenbank

Aus der Tabelle ein Datenmodell

Aus der Exceltabelle der Uni Würzburg wurde ein normalisiertes Datenbankmodell abgeleitet. Ein Importer ermöglicht das regelmäßige Einspielen aktualisierter Daten aus dem TYPO3-Backend heraus.

  • Templating
  • Datenbankentwicklung
  • Importer im TYPO3-Backend
05 - Mehrsprachigkeit und Suche

Zwei Sprachen, beide auffindbar

Die Übersetzungen der entsprechenden Filter und Beschreibungen wurden in XML-Dateien ausgelagert. Für die Inhalte neben der Analyse haben wir unsere eigene Suche Searchable eingebunden.

  • Umsetzung der Mehrsprachigkeit
  • Übersetzungen in XML-Dateien
  • Integration unserer Suche Searchable
06 - Analyse und Export

Filter, Diagramme, PDF

Für die Kopplung der Eingabe an die Datenbank kam ein JavaScript-Framework zum Einsatz. Die Databindings ermöglichten die direkte Kopplung der Ein- und Ausgaben an die Datenquellen; der Einsatz von jQuery oder Ähnlichem war damit nicht erforderlich.

  • Programmierung der Filter
  • Visualisierung der Diagramme
  • PDF-Export

Die Architektur

Von der Excel-Liste ins Diagramm.

Die fünf Stationen zwischen der Datensammlung des Fachbereichs und der Grafik im Browser.

Excel-Liste

Die große Datensammlung mit allen ermittelten Werten, inklusive der eigens berechneten Größen.

Uni Würzburg
Importer

Ermöglicht das regelmäßige Einspielen aktualisierter Daten aus dem TYPO3-Backend heraus.

Backend
Datenmodell

Aus der Exceltabelle abgeleitetes, normalisiertes Datenbankmodell.

Datenbank
Filter

Databindings koppeln Ein- und Ausgaben direkt an die Datenquellen, ohne jQuery oder Ähnliches.

Browser
Diagramm

Matrix, Radargraph oder Liniendiagramm, dazu der PDF-Export.

Ausgabe

Technik

Was verbaut ist und warum.

TYPO3
Basis
Trägt die redaktionellen Seiten, die Mehrsprachigkeit und die eigenen Datentabellen.
Normalisiertes Datenmodell
Datenhaltung
Aus der Exceltabelle der Uni Würzburg abgeleitet.
Importer
Pflege
Spielt aktualisierte Datenstände regelmäßig aus dem TYPO3-Backend heraus ein.
Vue.js
Filterlogik
Die Databindings ermöglichten die direkte Kopplung der Ein- und Ausgaben an die Datenquellen. Der Einsatz von jQuery oder Ähnlichem war damit nicht erforderlich.
Chart-Bibliothek
Diagramme
Bietet zahlreiche Darstellungsmöglichkeiten, die individuell angepasst werden können.
Searchable
Suche
Unsere eigene Suche, in die Website integriert.

Fazit

Ein wissenschaftlich spannendes Projekt, agil umgesetzt.

Ein wissenschaftliches Projekt mit vielen spannenden Herausforderungen. Dank agiler Methoden und enger Zusammenarbeit mit den wissenschaftlichen Mitarbeitern der Uni Würzburg ist eine intuitiv zu bedienende responsive Website entstanden, die nicht nur Wissenschaftlern und Journalisten, sondern auch politisch interessierten Laien viele Facetten zum Thema Demokratie liefert.

Auf einen Blick
Umfang
Konzept, Design, Technik
Länder
über 200
Daten ab
1900
Vergleichsparameter
bis 15
Analysewerkzeuge
5
Sprachen
Deutsch, Englisch

Sie haben Daten, aber noch keine Oberfläche?

Lassen Sie uns besprechen, welche Grundlagen und Informationen dafür wichtig sind. Vielleicht mit einem Kaffee bei uns.

Sprechen Sie uns an
Kontakt

Wir sind für Sie da.

Frankfurt am Main, persönlich, telefonisch oder per Video.

+49 69 260 99 70 30
[email protected]
FAQ

Was Interessenten uns oft fragen.