diff --git a/_works/2025-elankumaran-methusshan/01-resarch-area-analysis/README.md b/_works/2025-elankumaran-methusshan/01-resarch-area-analysis/README.md new file mode 100644 index 0000000..8311bbc --- /dev/null +++ b/_works/2025-elankumaran-methusshan/01-resarch-area-analysis/README.md @@ -0,0 +1,3 @@ +# Themenfeldanalyse + +Bitte legen Sie Ihre Concept Map zur Themenfeldanalyse hier als PDF ab. Die Datei sollte nicht größer als 2 Mbyte sein. \ No newline at end of file diff --git a/_works/2025-elankumaran-methusshan/02-titles-and-research-questions.md b/_works/2025-elankumaran-methusshan/02-titles-and-research-questions.md new file mode 100644 index 0000000..8c51e28 --- /dev/null +++ b/_works/2025-elankumaran-methusshan/02-titles-and-research-questions.md @@ -0,0 +1,38 @@ +# Titel und Forschungsfrage + +## Mögliche Titel +- Barrierefreiheit als Serviceleistung: Umsetzung von konfigurierbaren Komponenten in einem Multi-Tenant Empfehlungsystem. + +- **Accessibility as a Service - Konzeption und Integration von mandantenspezifischen barrierefreien Komponenten für ein Multi-Tenant Empfehlungssytem** + +- Konzeption und Planung von Komponenten zur Umsetzung von Barrierefreiheit in Multi-Tenant-Systemen nach mandantemspezifischen CI. + + +- Inklusives UX-Design: Planung und Umsetzung eines barrierefreien Empfehlungssystem mit Multi-Tenant-Architektur + +- Erstellung eines Leitfadens zur Umsetzung eines barrierefreien Systems in einem Unternehmen mit einem Multi-Tenant-Empfehlungssystem als Produkt. + +- Pleasing everybody accessible - Anleitung zur Umsetzung von Barrierefreiheit in einem existierenden Multi-Tenant-Empfehlungssystem + +- Schritt für Schritt barrierefrei: Accessibility-Prozesse in einem Multi-Tenant-Empfehlungssystem + + +- Automatisierte Barrierefreiheitstests: Analyse der Eignung für Multi-Tenant-Systeme am Beispiel eines Empfehlungssystems + +- Testing every Tenant - Vergleich von existierenden Barrierefreiheitstests in Bezug auf die Tauglichkeit für das Testen eines Multi-Tenant-Empfehlungssytems + +- Automatisiertes Testen der Barrierefreiheit in Multi-Tenant-Empfehlungssystemen: Ansätze, Herausforderungen und Lösungsstrategien + +## Mögliche Zielbilder + +### Konzeption und Entwicklung von barrierefreien Komponenten in einem Empfehlungsystem mit Multi-Tenant-Architektur + +**Die Arbeit verfolgt das Ziel, barrierefreie Komponenten für ein Empfehlungssystem zu entwickeln, das auf einer Multi-Tenant-Architektur basiert. Im Mittelpunkt steht dabei die Konzeption und Implementierung modularer Bausteine, die flexibel auf die individuellen Wünsche und Anforderungen der einzelnen Mandanten angepasst werden können, ohne dabei die Barrierefreiheit des Gesamtsystems zu gefährden. Besondere Beachtung finden dabei zentrale Aspekte der Accessibility wie korrekte Überschriftenhierarchien, konsistente Tabreihenfolgen und eine klare semantische Struktur, die in jeder denkbaren Konfiguration des Produkts gewährleistet bleiben müssen. Darüber hinaus werden Strategien entwickelt, wie sich Änderungen oder Erweiterungen an den Komponenten so gestalten lassen, dass sie die bestehenden barrierefreien Funktionen nicht beeinträchtigen. Als Ergebnis entsteht ein praxisorientierter Leitfaden, der Schritt für Schritt erläutert, wie neue Feature-Module zu erstellen sind, damit sie sich nahtlos und barrierefrei in das bestehende System integrieren lassen und die hohen Qualitätsstandards auch langfristig gewahrt bleiben.** + +### Prozesserläuterung bei der Umsetzung von Barrierefreiheit in ein existierendes Empfehlungssystem eines Unternehmens + +In der Arbeit wird detailliert der Prozess der Inkludierung von Barrierefreiheitsaspekten in ein bestehendes Empfehlungsysten eines Unternehmens mit Multi-Tenant-Architektur beschrieben. Es werden alle Schritte von der Vermarktung des Aspekts „Barrierefreiheit“ gegenüber Kunden über die interne Planung und Priorisierung der notwendigen Maßnahmen bis hin zur technischen Umsetzung im eigentlichen Produkt systematisch erläutert. Besonderes Augenmerk liegt dabei auf den Herausforderungen, die sich speziell aus der Multi-Tenant-Architektur ergeben, wie beispielsweise der unterschiedliche Reifegrad oder spezifische Anforderungen einzelner Mandanten. Darüber hinaus werden typische Probleme bei der Umsetzung identifiziert und praxisorientierte Lösungsansätze aufgezeigt, die den Entwicklungs- und Betriebsalltag erleichtern können. Ziel der Arbeit ist es, einen klar strukturierten Leitfaden zu erarbeiten, der Unternehmen als Orientierungshilfe bei der barrierefreien Gestaltung von Webprodukten dient und gleichzeitig auf die Besonderheiten von Multi-Tenant-Systemen eingeht. + +### Analyse von Testverfahren von Webseiten mit Multi-Tenant-Architektur + +Ziel ist es, geeignete Verfahren zum automatisierten Testen der Barrierefreiheit von Webdiensten in einer Multi-Tenant-Architektur systematisch zu vergleichen. Im Fokus stehen Ansätze, die sowohl tenant-spezifische Unterschiede als auch die gemeinsame Nutzung von Komponenten berücksichtigen und dabei eine hohe Testabdeckung und effiziente Wartbarkeit ermöglichen. Das Ergebnis soll eine fundierte Empfehlung liefern, welche Strategien — z. B. isolierte Tenant-Tests, gemeinsame Accessibility-Baselines oder hybride Verfahren — sich am besten für inklusionsgerechte Webdienste mit mehreren Mandanten eignen. So wird Barrierefreiheit nachhaltig in den Entwicklungs- und Betriebsprozess integriert, ohne die Komplexität des Multi-Tenant-Systems aus dem Blick zu verlieren. diff --git a/_works/2025-elankumaran-methusshan/03-expose.md b/_works/2025-elankumaran-methusshan/03-expose.md new file mode 100644 index 0000000..42ff2d5 --- /dev/null +++ b/_works/2025-elankumaran-methusshan/03-expose.md @@ -0,0 +1,15 @@ +# Exposé + +## Accessibility as a Service - Konzeption und Integration von mandantenspezifischen barrierefreien Komponenten für ein Multi-Tenant Empfehlungssytem + +## Problemstellung und Kontext +Am 28.Juni 2025 ist das Barrierefreiheitsstärkungsgesetz(BFSG) in Kraft getreten. Dieses Gesetz setzt die EU-Richtlinie namens European Accessibility Act (EAA) um und besagt, dass Produkte und Dienstleistungen, welche sich vorwiegend an Endnutzer richten, barrierefrei sein müssen. Dies trifft auch auf Webservices im Internet zu, welche im B2C-Bereich oder C2C-Bereich sind. Zur Orientierung für eine barrierefreie Webseite weist die Bundesregierung auf die WCAG 2.1 Barrierefreiheitsnorm des W3C hin. In Zukunft soll dies auf die WCAG 2.2 Norm angepasst werden. Durch dieses neue Gesetz müssen Unternehmen ihre Dienstleistungen im Web so anpassen, dass diese mindestens den AA-Standard der WCAG 2.1 implementieren. Dadurch entsteht bei Unternehmen ein zusätzlicher Aufwand, weil bestehende System dementsprechend angepasst werden müssen. Bei Services mit Multi-Tenant-Frontendarchitektur entsteht dabei ein großerer Mehraufwand, da hierbei für jeden Mandanten im System die Barrierefreiheit gegeben sein muss. Durch verschiedene Positionierungen von Elementen ist dies schwer zu realisieren. Diese Masterarbeit soll sich mit dem Thema beschäftigen, diesen Mehraufwand zu minimieren, indem neue Komponenten konzipiert werden, welche an verschiedene Mandatenlayouts angepasst werden können, ohne dabei nicht barrierefrei zu sein. + +## Motivation +Durch die Erwebstätigkeit bei der pso Vertriebsprogramme GmbH entstanden bereits erste Berührungspunkte mit dem Thema Barrierefreiheit. Dabei musste das bestehende System so angepasst werden, dass alle Probleme, welche durch das automatisierte Testsystem Lighthouse identifiziert werden konnten, behoben werden. Somit sollte das Minimum an Barrierefreiheit gewährleistet sein. Im Folge dieser Tätigkeit enstand ein Interesse am Thema Barrierefreiheit. In dieser Arbeit sollen die bereits umgesetzten Anpassungen erweitert werden, um die von Tests nicht identifizierbaren Fehler zu beheben und das Grundsystem dynamischer zu gestalten, um dies als weiteren USP zu verkaufen. + +## Aufgabenstellung +In dieser Masterarbeit sollen Vue-Komponenten erstellt werden, welche in ein bestehendes Multi-Tenant-System integriert werden können und dynamisch an ein Mandaten-CI angepasst werden können, ohne dabei die Barrierefreiheit zu missachten. Als Basissystem wird das Empfehlungssystem der pso Vertriebsprogramme GmbH verwendet. Dieses verwendet Vue 2 als Basis in Kombination mit BootstrapVue-Komponenten. Zunächst wird die WCAG 2.1 Norm analysiert und auf Basis davon Problemstellen im aktuellen System identifiziert. Dies wird pro Mandant durchgeführt und die Probleme gezählt, um eine Prioritätenliste zu erstellen. Auf Basis dieser Liste werden neue Komponenten konzipiert und miteinander verglichen. Die im Vergleich besten Konzepte werden dann umgesetzt. Dabei sollen Kriterien wie Überschriftenhierrarchien, Tabreihenfolgen etc. für jede Konfiguration beachtet werden. Außerdem soll eine einfache Anpassung von Farben und Typographien möglich sein, um Kontrastanpassungen zu ermöglichen. Die fertigen Komponenten sollen dann durch automatisierte und manuelle WCAG-Tests getestet werden. + +## Ziele +Ziel der Arbeit soll die erfolgreiche optimierung von mindestens zwei Seiten mit mehreren verwendeten Komponenten sein. Dabei sollen diese für jedes Mandaten-CI anpassbar sein und die einfache Integration von neuen Kundenwünschen erlauben. Als Nebenprodukt soll hierbei ein Leitfaden für die Umsetzung von dynamischen Komponenten in einer Multi-Tenant-Architektur entstehen. diff --git a/_works/2025-elankumaran-methusshan/04-results/README.md b/_works/2025-elankumaran-methusshan/04-results/README.md new file mode 100644 index 0000000..7742390 --- /dev/null +++ b/_works/2025-elankumaran-methusshan/04-results/README.md @@ -0,0 +1,3 @@ +# Ergebnisse + +Bitte legen Sie Ihre Ergebnisse hier ab. Achten Sie bitte auf moderate Dateigrößen. Bitte legen Sie nur geschlossene Dokument, z.B. PDF statt *.doc ab. \ No newline at end of file diff --git "a/_works/n-pola-can-i-cai-entwicklung-einer-webapp-zur-\303\274berpr\303\274fung-von-ver\303\266ffentlichungsprozessen-auf-kompatibilit\303\244t-mit-aufkommenden-standards-der-content-authenticity-initiative-zur-auszeichnung-von-authentischen-medien-im-web-july-23-2024-12-00-am.md" "b/_works/n-pola-can-i-cai-entwicklung-einer-webapp-zur-\303\274berpr\303\274fung-von-ver\303\266ffentlichungsprozessen-auf-kompatibilit\303\244t-mit-aufkommenden-standards-der-content-authenticity-initiative-zur-auszeichnung-von-authentischen-medien-im-web-july-23-2024-12-00-am.md" deleted file mode 100644 index eb77ab6..0000000 --- "a/_works/n-pola-can-i-cai-entwicklung-einer-webapp-zur-\303\274berpr\303\274fung-von-ver\303\266ffentlichungsprozessen-auf-kompatibilit\303\244t-mit-aufkommenden-standards-der-content-authenticity-initiative-zur-auszeichnung-von-authentischen-medien-im-web-july-23-2024-12-00-am.md" +++ /dev/null @@ -1,31 +0,0 @@ ---- -related-folder: n-pola -title: Can I CAI? Entwicklung einer Webapp zur Überprüfung von - Veröffentlichungsprozessen auf Kompatibilität mit aufkommenden Standards der - Content Authenticity Initiative zur Auszeichnung von authentischen Medien im - Web. -date: 2024-07-23 -result-pdf: - - uploads/polarek-nils-ba-ss24-rev.pdf -result-repo: https://github.com/n-pola/can-i-cai -final-video: true -layout: work-result -author: Nils Polarek -result-website: https://www.can-i-cai.de -slideshow: true -final-presentation: QXwDuePHw5U -type: Bachelorarbeit -visibility: published -status: finished -keywords: Content Authenticity Initiative (CAI), Generative künstliche - Intelligenz, Authentizität -thumbnail: /assets/uploads/polarek-nils-ba-ss24-bilddokumentation-13-s.webp -avatar: /assets/uploads/nils-xxl-1800x.jpg ---- -Durch rapide Fortschritte im Bereich der generativen künstlichen Intelligenz wird es zunehmend schwerer für Nutzer:innen echte Inhalte von solchen zu unterscheiden, die generiert oder manipuliert wurden. Dies kann zur bewussten oder unabsichtlichen Verbreitung von Falschinformationen führen, welche Nutzer in ihrer Wahrnehmung der Realität beeinflussen können. Aus diesem Grund wurde die Content Authenticity Initiative (CAI) gegründet, welche in Zusammenarbeit mit der Coalition for Content Provenance and Authenticity (C2PA) an Open-Source-Standards und Werkzeugen zur Auszeichnung und Überprüfung von beweisbar authentischen Inhalten im Web arbeitet. Diese Standards und deren Problemfeld gewinnen zunehmend an Bedeutung, sodass sie von Kameraherstellern wie Leica und Sony, Softwareherstellern wie Adobe und Social-Media-Plattformen wie TikTok bereits integriert werden. Damit es mehr authentische Inhalte im Web geben kann, müssen diese Standards von Medienschaffenden adaptiert werden. Dies gestaltet sich zum aktuellen Zeitpunkt allerdings noch als herausfordernd, da die Verbreitung der Standards zwar zunimmt, aber noch in einer frühen Phase ist, sodass nur wenige Geräte und Programme kompatibel sind und Informationen zur Kompatibilität von Hard- und Software nicht zentral verfügbar sind. - -Diese Arbeit beschäftigt sich mit der Gestaltung und Umsetzung einer Open-Source-Webapp, welche es Medienschaffenden ermöglicht, ihren individuellen Veröffentlichungsprozess hinsichtlich der Kompatibilität mit den Standards der CAI zu überprüfen. In dieser Webapp kann ein solcher Prozess interaktiv aus verschiedenen Bestandteilen zusammengestellt werden und es wird aufgezeigt, welche Bestandteile kompatibel sind und welche die Kette von aufeinander aufbauenden Metadaten unterbrechen würden. - -Hierbei liegt neben der Gestaltung und Umsetzung der Anwendung ein besonderer Fokus auf der Erstellung eines Systems zur Pflege der benötigten Datenbasis im Kontext einer Open-Source-Anwendung, sodass andere Beteiligte diese erweitern und bearbeiten können, der Erstellung eines interaktiven Prozess-Editors und der Adaption dieses in eine mobile Version mit Integration von Touchinteraktionen und -gesten. - -Das Ergebnis dieser Arbeit ist eine für Desktop- und Mobilgeräte optimierte Webapp, welche unter https://www.can-i-cai.de erreichbar ist.