CGS: Interaktive Plattform für die Klimapfade-Plattform

Hintergrund und Mission des Kunden

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 an der University of Maryland verändert durch erstklassige Forschung, globale Zusammenarbeit 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 CGS eine Vielzahl von Forschungsansätzen.

In einer Welt, in der sich Politik, Technologie und das Verständnis neuer Möglichkeiten schnell entwickeln, nutzt 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ötigte 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ötigte 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 für 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 die Verwendung von Atomic-Design-Methodologien, die über Storybook implementiert werden – 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., kann OpenSense Labs 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 und Implementierungen…

Der Ansatz von OpenSense Labs

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

Der Fokus lag darauf, CGS zu ermöglichen, die Plattform eigenständig zu verwalten und weiterzuentwickeln, während gleichzeitig sichergestellt wurde, dass die Forschung klar, glaubwürdig und wirkungsvoll blieb.

Strategie

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, Klimaziele und politische Prozesse zu informieren.
4. Sicherstellung der Skalierbarkeit der Plattform bei Einführung neuer Forschungsergebnisse und Datensätze.

Implementierungsdetails

Design

Der Designansatz priorisierte Klarheit, Barrierefreiheit 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.

Wichtige Implementierungen umfassten:

• 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

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 benutzerdefiniertem Datenmanagement.
• Interaktive Visualisierungen für „High Ambition“-Pfade in verschiedenen Ländern.
• Dynamische globale Karte für sofortige Klima-Einblicke.
• Eine autarke Admin-Oberfläche ermöglicht CGS die unabhängige Verwaltung komplexer Datensätze.

Über die Projektergebnisse hinaus brachte das Engagement auch wichtige Erkenntnisse und Best Practices hervor, die für datengestützte Forschungsplattformen relevant sind.

Siehe auch:

1. CarbonCheck-Website-Renovierung: 12% mehr Verkehr und 40% niedrigere Kosten
2. Einmal bewerben: Ein entkoppeltes Drupal 9-Bildungsportal  
3. Eine vertrauensbasierte digitale Plattform für Forests4Farming (F4F)
4. SPC FAME: Ansatz zur Multi-Portal-Datenmigration und -Visualisierung

Erkenntnisse

Nachfolgend sind die wichtigsten Erkenntnisse aus dem Projekt aufgeführt:

1. UI-basiertes Dataset-Management ist wichtig für Forschungsteams: 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 Drupals flexibler Inhaltsverwaltung mit den Visualisierungsfunktionen von React (über 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 Drupals 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 von Workflows investieren.
• Das Tablefield-Modul ist eine effektive Lösung für die Verwaltung tabellarischer Daten in Kombination mit einer benutzerdefinierten Frontend-Visualisierung.
• Für komplexe interaktive Komponenten sollte ein teilweise entkoppelter Ansatz mit benutzerdefinierten Endpunkten anstelle einer vollständigen Entkopplung in Betracht gezogen werden, da dies die Einfachheit bewahrt und gleichzeitig erweiterte Funktionen ermöglicht.
• Recharts bietet eine zuverlässige, React-freundliche Lösung für Datenvisualisierungsanforderungen.