Kultur- & Bildungs-Portal | Allerweltshaus Köln

Ausfallsichere Vereinsplattform mit Cyber-Security-Härtung

Technische Realisierung und komplexe Multi-Context-Verwaltung eines interkulturellen Begegnungszentrums auf MODX-Basis inklusive restriktiver Absicherung gegen historische Joomla-Exploits und datenschutzkonformer 2FA-Newsletter-Migration.

Allerweltshaus Köln – Modernes Büro mit Workstations und Motivations-Typografie

Allerweltshaus Köln e.V. - das interkulturelle Begegnungszentrum in Köln

( Über das Projekt )

Digitale Plattform für Beratung, Bildung, Begegnung und gesellschaftliche Aktion

Das Großprojekt umfasste die umfassende technische Umsetzung, das Schnittstellen-Management und die tiefgreifende Sicherheits-Architektur der Vereinsplattform basierend auf dem Design von Julia Zaadstra von Zaadstra.design.

Neben der fehlerfreien Strukturierung des vielschichtigen Angebots bildeten eine komplexe Daten-Migration der Bestandsabonnenten sowie die proaktive Cyber-Security-Abwehr den technologischen Schwerpunkt des Mandats.

Als stabiles Fundament kommt das Enterprise-CMS MODX zum Einsatz, um das Allerweltshaus und angegliederte Satelliten-Projekte (wie stimmenafrikas.de) über eine performante Multi-Context-Infrastruktur zentral zu steuern.

Eine erhebliche administrative Herausforderung lag in der Migration des historisch gewachsenen E-Mail-Verteilers: Da die Altdaten über kein Double-Opt-In (2FA) verfügten, wurde von mir eine automatisierte, rechtssichere Nachaktivierungs-Routine programmiert. Zudem stand das Portal unter kontinuierlichem Beschuss durch automatisierte Bots, die gezielt nach veralteten, joomlaspezifischen Sicherheitslücken aus der Vorzeit der Vereins-Infrastruktur suchten.

Durch restriktive Server-Sperren, IP-Filterungen und ein tiefgreifendes Core-Härtung im MODX-System wurde das Netzwerk komplett abgedichtet, sodass der reibungslose tägliche Betrieb des Kulturzentrums und des integrierten Veranstaltungsmanagements dauerhaft ausfallsicher garantiert ist.

Umsetzung nach Design-Vorlage von Julia Zaadstra

In Zusammenarbeit mit:

Vom anspruchsvollen Screendesign zur stabilen Web-Infrastruktur.

Ein herausragendes digitales Produkt entsteht im Team. Das visuelle Grundkonzept, das feine Gespür für Typografie und die UI-Layouts dieses Projekts stammen federführend aus der kreativen Feder unserer Partnerin. Meine Aufgabe als Fullstack-Entwickler bestand darin, diese gestalterische Vision kompromisslos präzise zu adaptieren und sie pixelperfekt, pfeilschnell und updatesicher in den nativen MODX-Core zu übersetzen. Eine Zusammenarbeit auf Augenhöhe, die Ästhetik und Code perfekt verschmilzt.

http://zaadstra.design →

( Geräte )

smartphone

smartphone quer

smartphone

tablet

tablet quer

tablet

computer

monitor

( Tech-Stack )

Bootstrap

CSS3

HTML5

JavaScript

jQuery

MODX

MySQL

PHP

Responsiv auf allen Geräten.

Die interaktive 3D-Ansicht zeigt allerweltshaus.de auf Smartphone, Tablet und Desktop-Monitor — drehen, zoomen und zwischen den Geräten wechseln.

Blender → glTF/GLB — Gerät umschalten, drehen und zoomen

Drehen, zoomen — Gerät umschalten

Interaktive 3D-Device-Ansicht: Smartphone: assets/3d/showcase/webgl-smartphone_allerweltshaus.glb Tablet: assets/3d/showcase/webgl-tablet_allerweltshaus.glb Desktop: assets/3d/showcase/webgl-laptop_allerweltshaus.glb

Design-Umsetzung & UX-Struktur

Designerin-UI-Integration

Pixelgenaue Übertragung des Layouts von [Name der Designerin] in ein modulares, responsives und modernes Frontend-Template.

Vier-Säulen-Navigation

Strukturierte Nutzerführung für die Vereins-Kernbereiche Beratung, Bildung, Begegnung und Aktion zur schnellen Orientierung.

Dynamische Pinnwand

Prominente Platzierung zeitkritischer Informationen wie Spendenaktionen der Bethe-Stiftung und Fördermitgliedschaften auf der Startseite.

Barrierearmut im Fokus

Da sich die Seite an eine extrem diverse Zielgruppe (darunter Geflüchtete, ältere Menschen und internationale Gäste) richtet, wurde streng auf hohe Kontraste, klare Typografie und barrierearme Navigationselemente geachtet.

Nahtlose Responsivität

Intelligente Code-Strukturierung, damit die komplexen Informations-Cluster (wie Beratungszeiten oder Event-Filter) sowohl auf Smartphones als auch auf großen Monitoren optimal lesbar bleiben.

Funktionalitäten & Daten-Migration

Zentralisierte Module für Veranstaltungs-Kalender, Spendenwege und DSGVO-konforme Datenprozesse.

Abonnenten-Migration & 2FA

Technische Überführung historischer Newsletter-Bestandsdaten in ein rechtssicheres System inklusive nachträglicher Aktivierung des Double-Opt-In-Verfahrens.

Event-Management-System

Integrierter, hochfrequentierter Terminkalender für regelmäßige Kultur-Angebote, Filmclubs, Sprachkurse und politische Treffen.

Mehrsprachiges Beratungsmanagement

Strukturierte Darstellung der Flüchtlings-, Migrations- und Sozialberatung. Das System ermöglicht die saubere Verwaltung von Ansprechpartnern, Sprechzeiten und Formularen für Beratungsangebote in über 7 Sprachen. Sprach-Umschalter für sechs Sprachen, um hilfesuchenden Migranten den Zugang zu Flüchtlings- und Sozialberatungen zu erleichtern.

Spenden- und Support-Infrastruktur

Technische Integration von klaren Call-to-Actions und Informationsstrecken zur Gewinnung von Spenden und ehrenamtlichen Unterstützern.

Engagement-Module

Implementierung von One-Click-Spendenoptionen (GLS-Bank/Betterplace), Anträgen auf Fördermitgliedschaft und Newsletter-Anmeldungen.

Maßgeschneiderte Backend-Logik

Einrichtung von spezifischen Eingabemasken in MODX, damit auch technisch weniger versierte Vereinsmitglieder die Webseite, aktuelle Nachrichten und Dokumente fehlerfrei pflegen können.

Technische Umsetzung & Cyber-Security

Skalierbare Multi-Context-Architektur, native Core-Logik und lückenloser Schutz vor externen Exploits.

Anti-Joomla Exploit-Härtung

Implementierung restriktiver URL- und IP-Sperren im MODX-Core zur permanenten und jüngst erneuerten Abwehr automatisierter Bot-Attacken.

MODX Core & Chunks

Konsequenter Aufbau der Komponenten über flexible, native Templates zur Gewährleistung maximaler Update-Sicherheit ohne Plugin-Ballast.

Maßgeschneiderte Programmierung

Volle Kontrolle über das Markup ohne unnötigen Code-Ballast für exzellente Ladezeiten und optimale Barrierefreiheit. Aufbau modularer Custom-Komponenten zur autarken Content-Pflege durch wechselnde Redakteure, Projektgruppen und Nutzer-Initiativen.

Compliance & Datenschutz

DSGVO-konforme Anbindung von Mail-Verteilern für den Monats-Newsletter sowie rechtssichere Einbindung von Spendenbescheinigungs-Disclaimern.

Einfache Pflege

Speziell eingerichtetes Backend, mit dem Inhalte, Downloads und Mitgliederrechte mühelos verwaltet werden können.

📈 Projektergebnis & Fazit

Die Realisierung von allerweltshaus.de demonstriert eindrucksvoll, wie das CMS MODX komplexe Vereinsstrukturen, ein anspruchsvolles Third-Party-Design und höchste Sicherheitsstandards vereint.

Durch die erfolgreiche Bereinigung des historischen Newsletter-Verteilers inklusive der technischen 2FA-Nachreaktivierung wurde die Plattform auf ein rechtssicheres DSGVO-Fundament gestellt.

Zeitgleich beweist die lückenlose Abwehr fortlaufender Bot-Attacken aus der Joomla-Vorzeit die enorme Belastbarkeit und administrative Sicherheit einer von mir proaktiv gehärteten Server-Infrastruktur – ein pfeilschnelles, stabiles Gesamtsystem, das dem Team in Köln-Ehrenfeld den nötigen Freiraum für die wichtige interkulturelle Arbeit vor Ort verschafft.

Runter scrollen