PUBLIC SECTOR

DEUTSCHE GESELLSCHAFT FÜR INTERNATIONALE ZUSAMMENARBEIT (GIZ)

ENTWICKLUNG EINER CORPORATE WEBSITE

Der Auftraggeber

Die Deutsche Gesellschaft für Internationale Zusammenarbeit (GIZ) GmbH steht seit über fünf Jahrzehnten an der Spitze der globalen Bemühungen, nachhaltige Entwicklungsziele zu erreichen. Als anerkannter Experte in Feldern wie Wirtschaftsförderung, Energie, Umweltschutz, Frieden und Sicherheit hat sich die GIZ als unverzichtbarer Partner für die deutsche Bundesregierung, europäische Institutionen, die Vereinten Nationen sowie für Regierungen und die Privatwirtschaft weltweit erwiesen. Durch die enge Zusammenarbeit mit zivilgesellschaftlichen Akteuren und wissenschaftlichen Institutionen fördert die GIZ ein effektives Zusammenspiel verschiedener Politikbereiche, um tiefgreifende gesellschaftliche und wirtschaftliche Veränderungen zu gestalten. Als gemeinnütziges Bundesunternehmen vertritt die GIZ deutsche und europäische Werte und setzt sich für die Verbesserung der Lebensbedingungen weltweit ein, indem sie nachhaltige und wirkungsvolle Lösungen entwickelt. Mit einem Geschäftsvolumen von 4 Milliarden Euro im Jahr 2022 und über 25.000 Mitarbeitern in rund 120 Ländern unterstreicht die GIZ ihre globale Präsenz und ihr Engagement für eine bessere Welt.

Allgemeine Informationen

Zielsetzung

  • Schaffung einer mehrsprachigen Plattform, die globalen Stakeholdern Zugang zu essenziellen Informationen bietet und somit das Verständnis und die Sichtbarkeit des AUBP weltweit fördert.
  • Bereitstellung einer benutzerfreundlichen Oberfläche, die es jedem ermöglicht, schnell zu erfassen, worum es beim AUBP geht, sowie detaillierte Informationen und Ressourcen für Fachpublikum bereitstellt.
  • Positionierung als zentraler Anlaufpunkt für umfassendes Wissen über das afrikaweite Entwicklungsprojekt, gewährleistet durch eine angemessene Repräsentation des Themas.
  • Optimierung der Online-Präsenz zur Verbesserung der Auffindbarkeit durch Suchmaschinen und Steigerung der globalen Reichweite.

Herausforderung

  • Gewährleistung der Skalierbarkeit der Webplattform, um auch bei starkem Traffic, wie er durch TV-Berichte und Medienaufmerksamkeit entstehen kann, stabil und zugänglich zu bleiben.
  • Implementierung fortgeschrittener Sicherheitsmaßnahmen zum Schutz vor unberechtigtem Zugriff, um die Integrität und Vertraulichkeit der Plattform zu sichern.
  • Effiziente Navigation und Vermittlung der Anfragen an die richtigen Ansprechpartner innerhalb des Projekts, trotz einer großen Zahl von Mitarbeitern und komplexen Organisationsstrukturen.

Ergebnis

  • Erfolgreicher Launch der Plattform, gekennzeichnet durch eine stabile und reibungslose Nutzererfahrung.
  • Aufbau einer umfangreichen Wissensdatenbank, die alle relevanten Informationen zum AUBP enthält und kontinuierlich aktualisiert wird.
  • Erstellung einer umfassenden Kontaktdatenbank, die Nutzern ermöglicht, schnell und effektiv mit den zuständigen Koordinierungsstellen in Kontakt zu treten.

Technische Details im Überblick

Anbindung eines Mailing-Systems

Für eine effiziente Kommunikation bietet ein Mailing-System vielfältige Möglichkeiten der Nutzerinteraktion. Hierzu gehören benutzerfreundliche Formulare für die An- und Abmeldung von Mailing-Listen zu unterschiedlichen Themengebieten. Durch die nahtlose Anbindung eines renommierten Mass-Mailing-Anbieters über eine REST-API, wird eine hohe Durchsatzrate und zuverlässige Zustellung von E-Mail-Kampagnen gewährleistet.

  • Integration mit CRM-Systemen zur nahtlosen Synchronisation von Nutzerdaten.
  • Einhaltung der DSGVO-Richtlinien durch verschlüsselte Datenübertragung und spezielle Opt-in Verfahren.
  • Erweiterte Segmentierungsfunktionen ermöglichen zielgerichtete und personalisierte Kommunikation.

 

Kontaktdatenbank

Eine Kontaktdatenbank ermöglicht eine strukturierte und leicht zugängliche Verwaltung von umfangreichen Ansprechpartnerinformationen. Eine intuitiv bedienbare Suchfunktion unterstützt die schnelle Auffindung des richtigen Kontakts. Durch eine REST-API wird die regelmäßige Aktualisierung von Kontaktdaten effizient durchgeführt.

  • Erweiterte Filter- und Suchfunktionen ermöglichen schnelle Abfragen nach spezifischen Kriterien.
  • Automatisierte Duplikaterkennung verbessert die Datenqualität und Nutzererfahrung.
  • Integration mit bestehenden Organisationssystemen zur Gewährleistung einer konsistenten Datenhaltung.

Wissensdatenbank

Eine Wissensdatenbank ist eine zentrale Anlaufstelle für offizielle Dokumente und unterstützt die automatische Generierung von webfähigen Daten. Medien werden in diversen Formaten bereitgestellt und über ein Content Delivery Network (CDN) effizient verteilt, um schnellen Zugriff weltweit zu gewährleisten.

  • Suchfunktion mit natürlicher Sprachverarbeitung für verbesserte Auffindbarkeit von Inhalten.
  • Versionierung von Dokumenten sichert die Nachvollziehbarkeit von Änderungen.
  • Responsive Design garantiert optimale Darstellung auf allen Endgeräten.

Statisches und dynamisches Caching System

Um die Leistung der Website zu maximieren, wurde ein hochentwickeltes Caching-System etabliert. Es kombiniert statisches Caching für dynamische Inhalte, wodurch die Ladezeiten signifikant reduziert werden. Durch die Zusammenführung von CSS- und JS-Dateien wird der Overhead beim Laden der Seite minimiert. Die Implementierung eines In-Memory Caches mit REDIS sorgt für extrem schnelle Datenabrufzeiten und eine effiziente Handhabung von Spitzenlasten. Zusätzlich trägt die Integration eines Content Delivery Networks (CDN) dazu bei, die Inhalte geografisch näher an den Endbenutzer zu bringen, was die Geschwindigkeit und die Verfügbarkeit der Website global verbessert.

  • Optimierung der Seitenladezeiten durch effektives Management des Browser-Caches.
  • Automatisierte Cache-Aktualisierung zur Sicherstellung aktueller Inhalte ohne manuelles Eingreifen.
  • Lastverteilung durch CDN, die weltweit schnellen Zugriff auf die Website ermöglicht.

Mehrsprachigkeit mit Geo-Lokalisierung

Dieses Projekt beinhaltet eine innovative Lösung zur Sprachauswahl, die automatisch auf Basis des Nutzerstandortes erfolgt. Die Geo-Lokalisierung ermöglicht es, Besuchern der Website ein maßgeschneidertes Erlebnis zu bieten, indem automatisch die entsprechende Sprache eingestellt wird, die am besten zum geografischen Standort des Nutzers passt. Diese Funktionalität unterstützt nicht nur die Benutzerfreundlichkeit durch personalisierte Inhalte, sondern verbessert auch die globale Reichweite der Plattform, indem sie barrierefreie Kommunikation unabhängig von sprachlichen Unterschieden sicherstellt.

  • Dynamische Inhaltsanpassung an kulturelle Besonderheiten, um eine höhere Benutzerbindung zu erzielen.
  • Automatische Umleitung basierend auf der IP-Adresse des Nutzers zur entsprechenden Sprachversion der Website.
  • Unterstützung mehrerer Sprachversionen, um globale Märkte effektiv zu bedienen.

Hintergrund / Problem / Herausforderung

Im Rahmen der Entkolonialisierung beließen die unabhängigen afrikanischen Staaten die aus der Kolonialzeit übernommenen Grenzen, um zu verhindern, dass durch eine Revision neue Konflikte entstehen. Bis auf wenige Ausnahmen bestehen diese Grenzen auch heute noch, bleiben aber aus verschiedenen Gründen ein Unsicherheitsfaktor. So beschreiben die kolonialen Dokumente nicht immer einen genauen Grenzverlauf, und die Markierungen weisen erhebliche Abweichungen auf oder fehlen manchmal ganz. Nur ein Drittel der Grenzen in Subsahara-Afrika sind klar abgegrenzt und demarkiert. Darüber hinaus wurden bei der Grenzziehung häufig soziale und wirtschaftliche Faktoren außer Acht gelassen, die auch heute noch zum Entstehen lokaler und zwischenstaatlicher Konflikte beitragen. Konflikte auf lokaler Ebene können zu einer gewaltsamen Eskalation oder zu einer ernsthaften Störung der zwischenstaatlichen Beziehungen führen.


Die African Union (AU) betrachtet nicht klar definierte Grenzen als potenzielle Konfliktquellen, insbesondere wenn in den Grenzregionen natürliche Ressourcen entdeckt werden. Solche Grenzen stellen eine Bedrohung für Frieden und Sicherheit dar und behindern die regionale Integration, das Wirtschaftswachstum und die Entwicklung. Im Jahr 2007 hat die AU das African Union Border Programme (AUBP) als direkte Antwort auf diese Risiken ins Leben gerufen. Klar definierte, international anerkannte und lokal akzeptierte Staatsgrenzen werden daher als wichtige Grundlage für die Konfliktprävention angesehen.

Aufgabe/Zielsetzung
Sicherheit
Mehrsprachigkeit
Zielgerichtete Kommunikation und moderne User Experience
Einfache Bedienung für Mitarbeiter von GIZ / AU
Strategische und prozessuale Herangehensweise


Den Projektanforderungen entsprechend wurde das Projekt nach klassischer Wasserfallmethode umgesetzt. Den Umsetzungsrahmen bildete ein entsprechendes Lastenheft (Terms of Reference). In einem Kick-Off-Workshop wurden Anforderungen und Funktionen genauer diskutiert, dieser bildete die Grundlage für den nachgelagerten Entwicklung des UX-/UI-Screendesigns. Teil des Kern-Teams waren hierbei Stakeholder aus der GIZ und der AU, auf Seiten des AN war hierbei der Projektleiter sowie ein Teammitglied aus dem Design-Team. Im Rahmen mehrerer Feedback-Schleifen, welche in wöchentlichen Jour Fixes abgehalten wurden, wurde das Screendesign fertiggestellt und im Anschluss durch die Projektleitung technisch für die Umsetzung durch die Entwicklung vorbereitet. Nach der Freigabe erfolgte die technische Umsetzung durch das Entwicklungs-Team, der Projektleiter berichtete in wöchentlichen Jour Fixes über den aktuellen Stand der Entwicklung. Das Endergebnis wird einer ausführlichen Prüfung (Cross-Browser- & Pen-Test) unterzogen, die Funktionalität von Weiterentwicklungen werden im Rahmen von Regression-Tests des Gesamtsystems sichergestellt.

Umsetzung & Ergebnis

Das Projekt wurde gemäß Anforderungen auf dem Content Management System WordPress umgesetzt. Grund hierfür war die Gewährleistung einer einfachen Wartung durch den AG bzw. einen Dritten AN. Eine für die GIZ- / AU-Mitarbeiter intuitive Administration wurde durch die Erweiterung „Elementor“ gewährleistet, hierfür wurden eigene Komponenten entwickelt, welche dem AG in Form von Widgets zur Verfügung stehen. Alle Entwicklungen wurden gemäß der Entwicklerrichtlinien durchgeführt um jederzeit eine reibungslose Updatefähigkeit zu sicherzustellen. Darüber hinaus wurde eine Mehrsprachigkeit durch die Systemkomponente „WPML“ realisiert.

Das Frontend der Plattform wurde mit interaktiven CSS- und JavaScript-Animationen gestaltet, ein Mobile-First Ansatz stellt die reibungslose und intuitive Auslieferung von mobilen Inhalten sicher. Um blitzschnelle Ladezeiten zu gewährleisten wurde ein System zur Performance-Optimierung implementiert:

Ein Full-Page-Cache speichert die jeweiligen Seiten in Form von HTML-Dateien
Wiederkehrende Elemente (z.B. Listen, Kacheln) werden per AJAX nachgeladen
Kommunikation mit dem Server per AJAX
Interaktionen find JavaScript- und CSS-Dateien werden minifziert und gemeinsam 
ausgegeben
Bilder werden per Lazy Load nachgeladen

Die Sicherheit des Gesamt-Systems wurde durch die WordPress-Erweiterung WordFence sichergestellt, welches unter anderem über einen Malware-Scanner sowie diverse Sicheitsmechanismen verfügt. Die Verhinderung von XSS wurden durch DOMPurify sichergestellt. Darüber hinaus erfolgte die Entwicklung auch stets nach BITV2.0-Standard. 
Das System wurde kontinuierlich über das Server-, PHP- und MySQL-Monitoring von Datadog beobachtet, hierdurch konnten diverse Verbesserungen im Bereich der Datenbankperformance erzielt werden.

Betrieben wird das Portal auf einer skalierbaren Cloud-Infrastruktur von AWS (Amazon Web Services), welches hinter einer Web-Application-Firewall des Content Delivery Networks Cloudflare positioniert ist. Cloudflare riegelt den Datenverkehr zu AWS hierbei hermetisch ab und scannt diesen auf vor Weiterleitung auf verdächtigen Traffic. Darüber hinaus stellt Cloudflare mit dem Einsatz von clientseitigen Zertifikaten sicher, dass der Teststellenbereich nur von Geräten aufgerufen werden kann, welche dazu autorisiert sind.

Durch die skalierbare Infrastruktur von AWS ist das System mit diversen redundanten Komponenten praktisch ausfallsicher.
Die KYL Digitalagentur GmbH wartet das System, versorgt es mit Updates und führt kontinuierlich mit dem Auftragnehmer Verbesserungen und Weiterentwicklungen durch.

This site is registered on wpml.org as a development site.