2 lines
No EOL
16 KiB
HTML
2 lines
No EOL
16 KiB
HTML
<!doctype html><html data-theme=light lang=de xmlns=http://www.w3.org/1999/xhtml><head><meta charset=UTF-8><meta content="Mein Portfolio, Blog und allgemeine Präsenz online" name=description><meta content="width=device-width,initial-scale=1" name=viewport><meta content=#FF7E3C name=theme-color><meta content=#CC5A26 media=(prefers-color-scheme:dark) name=theme-color><title>Ällei - Aron Petau</title><link href=https://aron.petau.net/de/project/allei/ rel=canonical><link href=https://mastodon.online/@reprintedAron rel=me><meta content=@reprintedAron@mastodon.online name=fediverse:creator><link href=/favicon/favicon-96x96.png rel=icon sizes=96x96 type=image/png><link href=/favicon/favicon.svg rel=icon type=image/svg+xml><link rel="shortcut icon" href=/favicon/favicon.ico><link href=/favicon/apple-touch-icon.png rel=apple-touch-icon sizes=180x180><meta content="Aron Petau" name=apple-mobile-web-app-title><link href=/favicon/site.webmanifest rel=manifest><link crossorigin href=https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css integrity=sha512-... referrerpolicy=no-referrer rel=stylesheet><link title="Aron Petau - Atom Feed" href=https://aron.petau.net/atom.xml rel=alternate type=application/atom+xml><style>:root{--accent-color:#ff7e3c}[data-theme=dark]{--accent-color:#cc5a26}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--accent-color:#cc5a26}}</style><link href=https://aron.petau.net/style.css rel=stylesheet><link href=https://aron.petau.net/css/timeline.css rel=stylesheet><link href=https://aron.petau.net/css/mermaid.css rel=stylesheet><link href=https://aron.petau.net/css/skills.css rel=stylesheet><link href=https://aron.petau.net/css/gallery.css rel=stylesheet><script defer src=https://aron.petau.net/closable.js></script><script defer src=https://aron.petau.net/copy-button.js></script><script data-goatcounter=https://awebsite.goatcounter.com/count defer src=https://aron.petau.net/count.js></script><script defer src=https://aron.petau.net/fuse.js></script><script defer src=https://aron.petau.net/search-fuse.js></script><script defer src=https://aron.petau.net/theme-switcher.js></script><script type=module>import mermaid from 'https://cdn.jsdelivr.net/npm/mermaid@11/dist/mermaid.esm.min.mjs';
|
|
mermaid.initialize({ startOnLoad: true });</script><meta content="Aron Petau" property=og:site_name><meta content="Ällei - Aron Petau" property=og:title><meta content=https://aron.petau.net/de/project/allei/ property=og:url><meta content="Ein inklusiver Chatbot für das Sommerblut Festival" property=og:description><meta content=https://aron.petau.net/processed_images/allei_screenshot.6ecce120450c8c03.png property=og:image><meta content=de_DE property=og:locale><body><header id=site-nav><nav><a href=#main-content tabindex=0> Zum Hauptinhalt springen </a><ul><li id=home><a href=https://aron.petau.net/de/> <i class=icon></i>Aron Petau</a><li class=divider><li><a href=https://aron.petau.net/de/project/>Projekte</a><li><a href=https://aron.petau.net/de/pages/contact/>Kontakt</a><li><a href=https://aron.petau.net/de/pages/cv/>Vita</a><li><a href=https://aron.petau.net/de/pages/about/>Über mich</a><li id=search><button class=circle id=search-toggle title=Suche><i class=icon></i></button><li id=language-switcher><details class=closable><summary class=circle title=Sprache><i class=icon></i></summary> <ul><li><a href=https://aron.petau.net/project/allei/ lang=en>English</a></ul></details><li id=theme-switcher><details class=closable><summary class=circle title=Thema><i class=icon></i></summary> <ul><li><button title="Zum hellen Thema wechseln" class=circle id=theme-light><i class=icon></i></button><li><button title="Zum dunklen Thema wechseln" class=circle id=theme-dark><i class=icon></i></button><li><button title="Systemthema nutzen" class=circle id=theme-system><i class=icon></i></button></ul></details><li id=feed><a class=circle href=https://aron.petau.net/de/atom.xml title=Feed> <i class=icon></i> </a><li id=repo><a class=circle href=https://forgejo.petau.net/aron/awebsite title=Repository> <i class=icon></i> </a></ul></nav><div id=search-container><label class=visually-hidden for=search-bar>Suche</label><input placeholder="Suche nach…" autocomplete=off disabled id=search-bar type=search><div id=search-results-container><div id=search-results></div></div></div></header><main id=main-content><article><div id=banner-container><img class=full-bleed id=banner src=https://aron.petau.net/de/project/allei/allei_screenshot.png></div><div id=heading><p><small> <time datetime=" 2022-04-01T00:00:00+00:00">Veröffentlicht am 01. 04. 2022</time></small><h1>Ällei</h1><p><small><span>Von Aron Petau</span><span> • </span><span>4 Minuten gelesen</span><span> • </span></small><ul class=tags><li><a class=tag href=https://aron.petau.net/de/tags/backend-web-programming/>backend web programming</a><li><a class=tag href=https://aron.petau.net/de/tags/google-assistant/>google assistant</a><li><a class=tag href=https://aron.petau.net/de/tags/google-cloud/>google cloud</a><li><a class=tag href=https://aron.petau.net/de/tags/google-dialogflow/>google dialogflow</a><li><a class=tag href=https://aron.petau.net/de/tags/ibm-watson-assistant/>ibm watson assistant</a><li><a class=tag href=https://aron.petau.net/de/tags/inclusivity/>inclusivity</a><li><a class=tag href=https://aron.petau.net/de/tags/nlp/>nlp</a><li><a class=tag href=https://aron.petau.net/de/tags/nlu/>nlu</a><li><a class=tag href=https://aron.petau.net/de/tags/python/>python</a><li><a class=tag href=https://aron.petau.net/de/tags/rest-api/>rest api</a><li><a class=tag href=https://aron.petau.net/de/tags/screen-reader/>screen reader</a><li><a class=tag href=https://aron.petau.net/de/tags/sign-language/>sign language</a><li><a class=tag href=https://aron.petau.net/de/tags/sommerblut/>sommerblut</a><li><a class=tag href=https://aron.petau.net/de/tags/speech-interface/>speech interface</a><li><a class=tag href=https://aron.petau.net/de/tags/work/>work</a></ul></div><div id=buttons-container><a title="Nach Oben gehen" href=#top id=go-to-top><i class=icon></i></a><a href="https://shareopenly.org/share/?url=https://aron.petau.net/de/project/allei/&text=Ein%20inklusiver%20Chatbot%20f%C3%BCr%20das%20Sommerblut%20Festival" id=share title=Teilen><i class=icon></i></a><a title="Ein Issue erstellen" href=https://forgejo.petau.net/aron/awebsite/issues id=issue><i class=icon></i></a></div><h2 id=Triff_Ällei_-_den_barrierefreien_Chatbot>Triff Ällei - den barrierefreien Chatbot</h2><h3 id=Sommerblut>Sommerblut</h3><p>Natural Language Understanding (Natürliches Sprachverständnis) fasziniert mich, und kürzlich begann ich eine Zusammenarbeit mit dem Team des Sommerblut Festivals in Köln, um einen maßgeschneiderten Chatbot zu entwickeln, der mit allen Menschen kommunizieren kann und dabei Barrierefreiheitsstandards einhält. Er wird in Deutscher Gebärdensprache (DGS) kommunizieren können, blinde Menschen unterstützen und wir streben an, das Konzept der Leichten Sprache zu integrieren.<p>Ich finde es eine spannende Herausforderung, von Anfang an wirklich inklusiv zu sein. In gewöhnlichen sozialen Kontexten ist es oft nicht offensichtlich, aber wenn man die spezifischen Bedürfnisse einer blinden Person beim Surfen im Internet analysiert, unterscheiden sie sich drastisch von denen einer Person mit Hörbeeinträchtigung. Mit beiden die gleiche Unterhaltung zu führen, erweist sich als große Herausforderung. Und das ist nur der erste Schritt in ein sehr tiefgreifendes Feld der digitalen Inklusion. Wie können Menschen mit einer Sprachbehinderung unser Tool nutzen? Wie beziehen wir Menschen ein, die Deutsch als Fremdsprache sprechen?<p>Solch umfangreiche Herausforderungen werden oft durch den technischen Rahmen unseres digitalen Lebens verschleiert.<p>Ich finde digitale Barrierefreiheit ein äußerst interessantes Gebiet, das ich gerade erst beginne zu erkunden.<p>Dies ist ein Work in Progress. Wir haben einige interessante Ideen und werden einen konzeptionellen Prototyp vorstellen. Schau nach dem 6. März wieder vorbei, wenn das Festival 2022 begonnen hat. Oder komm zur offiziellen digitalen Präsentation des Bots.<p>Dieser Bot ist meine erste bezahlte Softwarearbeit, und ich habe die Gelegenheit, mit mehreren großartigen Menschen und Teams zusammenzuarbeiten, um verschiedene Teile des Projekts zu realisieren. Hier bin ich nicht für das Frontend verantwortlich. Das Produkt, mit dem du hier interagierst, ist keineswegs fertig und reagiert möglicherweise zeitweise nicht, da wir es für Produktionszwecke verschieben und neu starten. Dennoch sind alle geplanten Kernfunktionen des Bots vorhanden, und du kannst ihn dort in der Ecke ausprobieren. Wenn du mehr über den Realisierungsprozess erfahren möchtest: Das gesamte Projekt ist auf einem öffentlichen GitHub-Repository und soll als Open Source veröffentlicht werden.<p>In der finalen Version (vorerst) wird jeder einzelne Satz von einem Video in Deutscher Gebärdensprache (DGS) begleitet. Der Bot kann elegant mit häufigen Eingabefehlern umgehen und kann Live-Abfragen an externe Datenbanken durchführen, um weitere Informationen über alle Veranstaltungen des Festivals anzuzeigen und das Fingeralphabet zu lehren. Er unterstützt Freitexteingabe und ist vollständig mit Screenreadern kompatibel. Er ist in Leichter Sprache geschrieben, um den Zugang weiter zu erleichtern. Er ist weitgehend kontextsensitiv und bietet eine Menge dynamischer Inhalte, die basierend auf den Benutzereingaben generiert werden.<p>Schau dir das GitHub-Repository hier an: <a href=https://github.com/arontaupe/KommunikationsKrake>Zum Repository</a><p>Falls Ällei aus irgendeinem Grund hier auf der Seite nicht zu sehen ist, schau dir die Prototyp-Seite an, die ebenfalls im GitHub-Repo zu finden ist.<p><a href=https://arontaupe.github.io/KommunikationsKrake/>Zur Prototyp-Seite</a><blockquote class=important><p class=alert-title><i class=icon></i>Wichtig<p>Ich betrachte Barrierefreiheit als eine zentrale Frage sowohl des Designs als auch der Informatik, die die vorstrukturierte Art unserer Interaktion mit Technologie im Allgemeinen greifbar macht.</blockquote><p><a href=https://www.sommerblut.de/>Zur Sommerblut-Website</a><blockquote class=note><p class=alert-title><i class=icon></i>Anmerkung<p>Update: Wir haben jetzt einen Starttermin, der online stattfinden wird. Weitere Informationen findest du hier: <a href=https://www.sommerblut.de/ls/veranstaltung/875-allei>Zu unserem Launch-Event</a></blockquote><blockquote class=note><p class=alert-title><i class=icon></i>Anmerkung<p>Update 2: Der Chatbot ist jetzt schon eine Weile online und befindet sich sozusagen in einer "Public Beta", einer Phase, in der er von Nutzern verwendet und evaluiert werden kann und Feedback sammelt. Außerdem werden, da es sich schließlich um Google handelt, alle Eingaben gesammelt und dann weiter genutzt, um schwache Stellen in der Architektur des Bots zu verbessern. <a href=https://chatbot.sommerblut.de>Zum öffentlichen Chatbot</a></blockquote><meta content="width-device-width,initial-scale=1" name=viewport><script src="https://www.gstatic.com/dialogflow-console/fast/messenger/bootstrap.js?v=1"></script><p><df-messenger chat-icon="" intent="WELCOME" chat-title="Ällei" agent-id="335d74f7-2449-431d-924a-db70d79d4f88" language-code="de"<blockquote></blockquote></article><hr><nav id=post-nav><a class="post-nav-item post-nav-prev" href=https://aron.petau.net/de/project/ballpark/> <div class=nav-arrow>Vorherige</div> <span class=post-title>Ballpark</span> </a><a class="post-nav-item post-nav-next" href=https://aron.petau.net/de/project/lampshades/> <div class=nav-arrow>Nächstes</div> <span class=post-title>Lampenschirme</span> </a></nav><span class=hidden id=copy-code-text>Code kopieren</span><span class=hidden id=search-index>https://aron.petau.net/de//search_index.en.json</span><span class=hidden id=more-matches-text>$MATCHES mehr Treffer</span></main><footer id=site-footer><div class=carbonbadge id=wcb></div><script defer src=https://unpkg.com/website-carbon-badges@1.1.3/b.min.js></script><p><nav><ul><li><a href=https://aron.petau.net/de/project/>Projekte</a><li><a href=https://aron.petau.net/de/pages/privacy/>Privacy</a><li><a class=external href=https://kaesewerkstatt.petau.net>Käsewerkstatt</a><li><a class=external href=https://www.newpractice.net/author/aron-petau>New Practice Network</a></ul></nav><p>© Aron Petau, 2025<p><a class=external href=https://forgejo.petau.net/aron/awebsite>Website-Quelle</a><ul id=socials><li><a rel=" me" href=https://github.com/arontaupe title=GitHub> <i style="--icon:url("data:image/svg+xml,%3Csvg role='img' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle%3EGitHub%3C/title%3E%3Cpath d='M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12'/%3E%3C/svg%3E")" class=icon></i> <span>GitHub</span> </a><li><a rel=" me" href=https://www.printables.com/@arontaupe title=Printables> <i class=icon style=--icon:url(data:image/svg+xml,%3Csvg%20role%3D%22img%22%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ctitle%3EPrintables%3C%2Ftitle%3E%3Cpath%20d%3D%22M3.678%204.8%2012%209.6v9.6l8.322-4.8V4.8L12%200ZM12%2019.2l-8.322-4.8V24Z%22%2F%3E%3C%2Fsvg%3E)></i> <span>Printables</span> </a><li><a rel=" me" href=https://www.etsy.com/de-en/shop/reprintedservices title=Etsy> <i class=icon style=--icon:url(data:image/svg+xml,%3Csvg%20role%3D%22img%22%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ctitle%3EEtsy%3C%2Ftitle%3E%3Cpath%20d%3D%22M8.559%202.445c0-.325.033-.52.59-.52h7.465c1.3%200%202.02%201.11%202.54%203.193l.42%201.666h1.27c.23-4.728.43-6.784.43-6.784s-3.196.36-5.09.36H6.635L1.521.196v1.37l1.725.326c1.21.24%201.5.496%201.6%201.606%200%200%20.11%203.27.11%208.64%200%205.385-.09%208.61-.09%208.61%200%20.973-.39%201.333-1.59%201.573l-1.722.33V24l5.13-.165h8.55c1.935%200%206.39.165%206.39.165.105-1.17.75-6.48.855-7.064h-1.2l-1.284%202.91c-1.005%202.28-2.476%202.445-4.11%202.445h-4.906c-1.63%200-2.415-.64-2.415-2.05V12.8s3.62%200%204.79.096c.912.064%201.463.325%201.76%201.598l.39%201.695h1.41l-.09-4.278.192-4.305h-1.391l-.45%201.89c-.283%201.244-.48%201.47-1.754%201.6-1.666.17-4.815.14-4.815.14V2.45h-.05z%22%2F%3E%3C%2Fsvg%3E)></i> <span>Etsy</span> </a><li><a rel=" me" href=https://mastodon.online/@reprintedAron title=Mastodon> <i style="--icon:url("data:image/svg+xml,%3Csvg role='img' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle%3EMastodon%3C/title%3E%3Cpath d='M23.268 5.313c-.35-2.578-2.617-4.61-5.304-5.004C17.51.242 15.792 0 11.813 0h-.03c-3.98 0-4.835.242-5.288.309C3.882.692 1.496 2.518.917 5.127.64 6.412.61 7.837.661 9.143c.074 1.874.088 3.745.26 5.611.118 1.24.325 2.47.62 3.68.55 2.237 2.777 4.098 4.96 4.857 2.336.792 4.849.923 7.256.38.265-.061.527-.132.786-.213.585-.184 1.27-.39 1.774-.753a.057.057 0 0 0 .023-.043v-1.809a.052.052 0 0 0-.02-.041.053.053 0 0 0-.046-.01 20.282 20.282 0 0 1-4.709.545c-2.73 0-3.463-1.284-3.674-1.818a5.593 5.593 0 0 1-.319-1.433.053.053 0 0 1 .066-.054c1.517.363 3.072.546 4.632.546.376 0 .75 0 1.125-.01 1.57-.044 3.224-.124 4.768-.422.038-.008.077-.015.11-.024 2.435-.464 4.753-1.92 4.989-5.604.008-.145.03-1.52.03-1.67.002-.512.167-3.63-.024-5.545zm-3.748 9.195h-2.561V8.29c0-1.309-.55-1.976-1.67-1.976-1.23 0-1.846.79-1.846 2.35v3.403h-2.546V8.663c0-1.56-.617-2.35-1.848-2.35-1.112 0-1.668.668-1.67 1.977v6.218H4.822V8.102c0-1.31.337-2.35 1.011-3.12.696-.77 1.608-1.164 2.74-1.164 1.311 0 2.302.5 2.962 1.498l.638 1.06.638-1.06c.66-.999 1.65-1.498 2.96-1.498 1.13 0 2.043.395 2.74 1.164.675.77 1.012 1.81 1.012 3.12z'/%3E%3C/svg%3E")" class=icon></i> <span>Mastodon</span> </a></ul></footer> |