CGS Center for Global Sustainability Interactive Platform for Climate Pathways Platform OpenSense Labs

Case Study | Bildung

CGS: Interaktive Plattform für die Klimapfade-Plattform

Kundenhintergrund und Mission

Das Center for Global Sustainability (CGS) ist eine Forschungseinrichtung, die sich der Förderung globaler Nachhaltigkeit durch datengestützte Erkenntnisse widmet.

Das Center for Global Sustainability der University of Maryland verändert durch erstklassige Forschung, globale Kooperationen und politisches Engagement die Art und Weise, wie Regierungen und Einzelpersonen über ehrgeizige Klimaschutzmaßnahmen denken und diese umsetzen.

In einer sich schnell entwickelnden globalen Landschaft, die von sich wandelnder Politik, fortschreitender Technologie und neuen Möglichkeiten geprägt ist, verfolgt das CGS eine Vielzahl von Forschungsansätzen.

In einer Welt, in der sich Politik, Technologie und das Verständnis für neue Möglichkeiten schnell entwickeln, nutzt das CGS eine Vielzahl von Forschungsmethoden, darunter quantitative, computergestützte und qualitative, um erfolgreiche Wege zur Erreichung kollektiver Klima-, Energie- und Nachhaltigkeitsziele aufzuzeigen.

Ihre Arbeit unterstützt internationale Klimapolitikprozesse, indem sie detaillierte Bewertungen der nationalen Klimaziele und der mit dem Pariser Abkommen in Einklang stehenden Wege liefert.

Bedürfnisse und Herausforderungen

CGS benötigt eine Plattform, die komplexe Klimaforschung verarbeiten kann und gleichzeitig für ein globales Publikum leicht verständlich und zugänglich bleibt. Zu den wichtigsten Herausforderungen gehörten:

  1. Interaktive Plattform: CGS benötigt eine visuell ansprechende, benutzerfreundliche Website mit dynamischen interaktiven Funktionen, um seine Forschung zu den „High Ambition“-Länderpfaden einem globalen Publikum zu präsentieren.
  2. Komplexe Datenpräsentation: Die Plattform musste sowohl globale Perspektiven zu den Klimazielen 2035 im Rahmen des Pariser Abkommens als auch detaillierte länderspezifische Bewertungen durch intuitive Navigation und eine nahtlose Benutzererfahrung effektiv kommunizieren.
  3. Plattformübergreifende Kompatibilität: Die Website musste vollständig responsiv sein, um eine nahtlose Leistung auf verschiedenen Geräten und Browsern für ein internationales Publikum zu gewährleisten.
  4. Skalierbare UI-Architektur: CGS forderte den Einsatz von Atomic-Design-Methodologien, implementiert über Storybook, ein skalierbarer Ansatz für die UI-Entwicklung mit lebendiger Dokumentation, der Design- und Entwicklungsteams verbindet.
  5. Sicherheit und Barrierefreiheit: Als akademische Einrichtung, die ein globales Publikum bedient, musste die Plattform hohe Standards sowohl für Sicherheit als auch für Barrierefreiheit erfüllen.

Wenn Sie vor ähnlichen Herausforderungen stehen, wie der Verwaltung komplexer Daten, der Bereitstellung intuitiver Benutzererlebnisse, der Gewährleistung von Barrierefreiheit usw. OpenSense Labs kann Ihnen helfen. Unsere Expert:innen sind darauf spezialisiert, komplexe Anforderungen in leistungsstarke, benutzerfreundliche Lösungen umzuwandeln, die skalierbar, wartungsfreundlich und für ein globales Publikum optimiert sind.

Lassen Sie Ihre Plattform bewerten

Hier ist eine detailliertere Untersuchung unserer Strategie & Implementierungen…

OpenSense Labs' Ansatz

OpenSense Labs arbeitete eng mit CGS zusammen, um sowohl deren Forschungsziele als auch die langfristigen Anforderungen an das Datenmanagement zu verstehen. Es wurden verschiedene Ansätze zur Datenpräsentation und Plattformarchitektur in Betracht gezogen, bevor eine Lösung gewählt wurde, die fortschrittliche Visualisierung mit redaktioneller Einfachheit in Einklang brachte.

Der Fokus lag darauf, CGS zu befähigen, die Plattform eigenständig zu verwalten und weiterzuentwickeln, wobei gleichzeitig sichergestellt wurde, dass die Forschungsergebnisse klar, glaubwürdig und wirkungsvoll blieben.

Die übergeordnete Strategie konzentrierte sich auf:

  1. Strukturierung der Inhalte, um sowohl globale als auch länderspezifische Erkenntnisse klar zu kommunizieren.
  2. Gestaltung einer intuitiven Navigation zur Unterstützung der Erkundung komplexer Datensätze.
  3. Abstimmung der Datenvisualisierung mit der Mission von CGS, Klimaambitionen und politische Prozesse zu informieren.
  4. Sicherstellung der Skalierbarkeit der Plattform bei der Einführung neuer Forschungsergebnisse und Datensätze.
CGS Center for Global Sustainability Climate Data Platform Transformation OpenSense Labs

Implementierungsdetails

Design

Der Designansatz priorisierte Klarheit, Zugänglichkeit und Benutzerfreundlichkeit. Die Schnittstellen wurden so gestaltet, dass politische Entscheidungsträger, Forscher und die Öffentlichkeit komplexe Klimadaten leicht interpretieren können. Länderspezifische Analysen wurden hervorgehoben, während eine kohärente globale Erzählung beibehalten wurde.

Entwicklung

Die Plattform wurde als Drupal 11-Website mit benutzerdefinierten Datenverwaltungsfunktionen und erweiterten Visualisierungen unter Verwendung von React und Recharts entwickelt, implementiert durch eine teilweise entkoppelte Architektur mit benutzerdefinierten REST-API-Endpunkten.

Zu den wichtigsten Implementierungen gehörten:

  • Benutzerdefinierte tabellarische Datenverwaltungsoberfläche für Länderdatensätze
  • Dynamische Diagrammgenerierung aus komplexen Datensätzen
  • Entkoppelte React-basierte globale Kartenkomponente auf der Startseite

Die finale Plattform bietet:

  • Interaktive Diagramme, die komplexe Klimapfade vereinfachen
  • Eine globale Kartenvisualisierung, die einen sofortigen weltweiten Überblick bietet
  • Eine intuitive Admin-Oberfläche, die eine unabhängige Datensatzverwaltung ermöglicht
  • Eine skalierbare UI-Architektur, die langfristiges Forschungswachstum unterstützt
CGS Center for Global Sustainability Design and Implementations OpenSense Labs

Die Ergebnisse und Auswirkungen

Die Country Climate Ambition Platform wurde erfolgreich unter https://www.country-ambition.cgs.umd.edu gestartet und bietet CGS eine dedizierte, zukunftssichere Plattform für seine Klimaforschung.

Die Plattform dient nun als umfassende Ressource für länderspezifische Klimaanalysen und unterstützt den NDC-Prozess des Pariser Abkommens mit zugänglichen, datengestützten Erkenntnissen. Nachfolgend sind die wichtigsten Ergebnisse und Leistungen der Plattform aufgeführt:

  • Voll funktionsfähige Drupal 11 Plattform mit individuellem Datenmanagement.
  • Interaktive Visualisierungen für High-Ambition-Pfade in verschiedenen Ländern.
  • Dynamische globale Karte für schnelle Klima-Einblicke.
  • Eine autarke Admin-Oberfläche ermöglicht CGS die unabhängige Verwaltung komplexer Datensätze.

Über die Projektergebnisse hinaus lieferte das Engagement auch wichtige Erkenntnisse und Best Practices für datengestützte Forschungsplattformen.

Siehe auch:

  1. CarbonCheck Website-Relaunch: 12 % mehr Traffic & 40 % geringere Kosten
  2. Apply Once: Ein entkoppeltes Drupal 9 Bildungsportal
  3. Eine vertrauensbasierte digitale Plattform für Forests4Farming (F4F)
  4. SPC FAME: Ansatz zur Multi-Portal-Datenmigration und -Visualisierung

Gelernte Lektionen

Die wichtigsten Erkenntnisse aus dem Projekt sind:

  1. Die UI-basierte Datenverwaltung ist für Forschungsteams wichtig: Eine benutzerfreundliche Oberfläche zur direkten Verwaltung großer Datensätze über die Drupal-Admin-UI erwies sich als entscheidend. Dieser Ansatz ermöglicht es Teams, ihre Daten ohne fortlaufende Entwicklerunterstützung zu pflegen, was die Plattform langfristig nachhaltig macht.
  2. Komplexe Datenvisualisierung erfordert eine durchdachte Architektur: Die Generierung mehrschichtiger Diagramme aus Datensätzen mit komplexer Logik erforderte eine sorgfältige Planung der Datenstrukturen und Visualisierungskomponenten. Die Kombination von Drupa's flexibler Inhaltsverwaltung mit den Visualisierungsfunktionen von React (via Recharts) bot eine effektive Lösung.
  3. Entkoppelte Architektur bietet das Beste aus beiden Welten: Die Integration einer React-basierten Kartenkomponente mit Drupal ermöglichte es uns, die Stärken von Drupa's Inhaltsverwaltung zu nutzen und gleichzeitig anspruchsvolle interaktive Visualisierungen zu liefern, die mit traditionellem Theming allein schwer zu realisieren wären.

Best Practices für zukünftige Projekte

  • Bei datenintensiven Forschungsprojekten sollte man im Vorfeld Zeit in das Verständnis der Datenstruktur und die Aktualisierung der Workflows investieren.
  • Das Tablefield-Modul ist eine effektive Lösung für die Verwaltung tabellarischer Daten, insbesondere in Kombination mit einer benutzerdefinierten Frontend-Visualisierung.
  • Für komplexe interaktive Komponenten empfiehlt sich ein teilweise entkoppelter Ansatz mit benutzerdefinierten Endpunkten anstelle einer vollständigen Entkopplung. Dies bewahrt die Einfachheit und ermöglicht gleichzeitig erweiterte Funktionalitäten.
  • Recharts bietet eine zuverlässige, React-freundliche Lösung für Datenvisualisierungsanforderungen.