Regionalorganisationen im Vergleich - ein Projekt der Uni Göttingen

Gemeinsam mit den Politikwissenschaftler:innen Anja Jetschke und Sören Münch der Georg-August-Universität Göttingen haben wir eine Website zum Vergleich regionaler Organisationen visualisiert. Eine Datenbank mit über 280 Vertragsdokumenten liefert die Informationen für die anschaulichen Graphen. Innerhalb der Diagramme lassen sich verschieden Merkmale von Regionen und Organisationen über die Jahre vergleichen.

In Zusammenarbeit mit den Politikwissenschaftler:innen Anja Jetschke und Sören Münch der Universität Göttingen entstand die Website für das Datenbankprojekt “CROP” - kurz für Comparative Regional Organizations Project. Dabei wurden ab dem Jahr 1945 Gründungs- und Änderungsverträge von zahlreichen Regionalorganisationen, wie der EU, gesammelt und analysiert. Mittels der dazugehörigen Website wird es Besuchern ermöglicht, sich über internationale Regionalorganisationen zu informieren und diese miteinander zu vergleichen. Diese Datenerhebung werden durch verschiedenste Diagramme verständlich auf der Website visualisiert. 

 

 

Projektumfang

Über das Projekt CROP

Unser Datenbankprojekt ist mit dem Forschungsprojekt Comparative Regional Organizations Project verbunden und untersucht den Einfluss von Diffusionsprozessen von mehr als 80 Regionalorganisationen. Deshalb gehört es zu den größten Datenerfassungsprojekten von Regionalorganisationen weltweit. In den Grafiken wird vor allem die “institutionelle Struktur” erfasst. Diese beschäftigt sich mit Institutionen und Politiken, die in den Verträgen der Organisationen angegeben werden.

Unsere Leistungen

 Konzeption und Design

  • Konzeption und Wireframing der Seiten angelehnt an das Corporate Design der Uni Göttingen
  • Layout-Struktur und Templates
  • Design der responsiven Ansichten

Auf dem Bild sind unsere Ansätze für das Design abgebildet.

Technische Umsetzung

  • Templating
  • Umsetzung mit TYPO3 v9
  • Datenbankentwicklung
  • Umsetzung der Mehrsprachigkeit
  • Programmierung der Filter für die Online Analyse mit vue.js
  • Visualisierung der Diagramme mit Highcharts
  • PDF Export

Auf diesem Bild ist die technische Umsetzung des Wireframes zu sehen.

Corporate Design und einfache Usability der vielen Funktionen dank Konzeption und Gestaltung - natürlich responsiv!

Die Daten für die Graphen wurde von der Uni Göttingen zusammengetragen. In Form einer Excelliste haben wir diese Datensammlung erhalten und daraufhin analysiert und ausgewertet. Anhand der Daten haben wir zum Beispiel auch die Beschriftungen der Diagramme festgelegt. 
Lange haben wir an Konzeption und Design gearbeitet, um beides dem Corporate Image der Uni anzupassen. Darüber trafen wir beispielsweise auch unsere Wahl für die Schriftfarbe und das Layout. 
Die ersten Vorschläge haben wir in Form von Wireframes festgehalten. Diese stellen ebenfalls schon Elemente für die Filterfunktion der Diagramme dar. 
Selbstverständlich haben wir die Website responsiv gestaltet, um auch mit kleinen Bildschirmen Zugriff auf die Grafiken zu haben. 
Sofern möglich wurde auf Barrierearmut geachtet.

 

Technische Umsetzung mit TYPO3 v9 und dem Webframework vue.js

Mithilfe von TYPO3 v.9  haben wir Seiten angelegt und Graphen eingebaut. Dafür nutzten wir einige Modelle des Anbieters Highcharts, mit welchem wir bereits für andere Projekte gute Erfahrung gesammelt haben. 
Die Daten werden vom Fachbereich in Excel gepflegt. Diese Daten können direkt in dafür entwickelte Tabellen der TYPO3 Datenbank eingespielt werden.  Aktualisierte Daten können von der Uni direkt in die Datenbank eingelesen werden. Somit sind die Daten stets aktuell.
Weiterhin sind die Diagramme so programmiert, dass User sie über Filter einfach anpassen kann. Sie werden dynamisch angepasst, ohne dass die Seite neu geladen werden muss. Möglich ist dies durch das JavaScript-Framework vue.js.

 

Fazit

Ein spannendes Projekt, welches dank toller Zusammenarbeit Spaß bereitet hat und sich sehen lassen kann!

Das Projekt war spannend zu gestalten. Dank der tollen Zusammenarbeit mit den wissenschaftlichen Mitarbeiter:innen der Uni Göttingen haben wir eine Website entwerfen können, welche leicht zu bedienen und übersichtlich ist. Auch über kleinere Displays ist die Website leistungsstark. Die in den Grafiken anschaulich gestalteten Informationen waren auch für uns interessant und konnten unseren Horizont erweitern. In Zukunft sollen Verträge miteinander verglichen werden können. Die Verträge dafür sind bereits in unserer Datenbank gespeichert. Aktuell setzen wir diese Funktion noch um.

Besuchen Sie die neue Website der Uni Göttingen: https://comparativeregionalorganizations.org/

 

Weitere Referenzen

Dolzer Maßkonfektionäre

Mehr Klicks mit passenden Inhalten

Wir haben gemeinsam mit DOLZER Kunden-Personas erstellt und eine zielgruppengerechte Content-Strategie entwickelt.

inconso

1a User Experience für Logistiklösungen!

Für den Relaunch haben wir Struktur, mehrsprachige Inhalte und Design der Website komplett überarbeitet. In nur 6 Monaten. Natürlich responsiv.

Unsere Kunden