awebsite/public/de/project/allei/index.html
2025-05-23 22:05:50 +02:00

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>Übersetzung: Ä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=https://aron.petau.net/favicon.png rel=icon type=image/png><link href=https://aron.petau.net/apple-touch-icon.png rel=apple-touch-icon sizes=180x180 type=image/png><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://aron@petau.net.https://awebsite.goatcounter.com/count/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="Übersetzung: Ällei - Aron Petau" property=og:title><meta content=https://aron.petau.net/de/project/allei/ property=og:url><meta content="An inclusive chatbot for the Sommerblut Festival" property=og:description><meta content=https://aron.petau.net/processed_images/allei_screenshot.d3fbedcc57092196.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>Übersetzung: Ä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=An%20inclusive%20chatbot%20for%20the%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=Meet_Ällei_-_the_accessible_chatbot>Meet Ällei - the accessible chatbot</h2><h3 id=Sommerblut>Sommerblut</h3><p>Natural Language Understanding fascinates me and recently I started collaborating with the team of the Sommerblut Festival in Cologne to deliver them a customized chatbot that will be able to communicate with everyone, respecting accessibility standards to include all people. It will be able to communicate in German Sign Language (DGS), as well as service blind people, and we aim to incorporate the simple language concept.<p>I find it to be an amazing challenge to start out with the requirement of really being inclusive. In ordinary social contexts, it is often not obvious, but when analyzing the specific needs a blind person has browsing the internet, it is drastically different from a person having impaired hearing. To hold the same conversation with both of them is proving quite a challenge. And this is just the first step down into a very deep field of digital inclusiveness. How can people with a speech impediment use our tool? How do we include people speaking German as a foreign language?<p>Such vast challenges are often obfuscated by the technical framework of our digital lives.<p>I find digital accessibility a hugely interesting area, one that I am just now starting to explore.<p>This is a work in progress. We have some interesting ideas and will present a conceptual prototype, come check again after March 6th, when the 2022 festival started. Or come to the official digital presentation for the bot.<p>This bot is my first paid software work and I am getting to work with several awesome people and teams to realize different parts of the project. Here, I am not responsible for anything in the Front end, the product you will interact with here is by no means finished and may not respond at times, since we are moving and restarting it for production purposes. Nevertheless, all the intended core features of the bot are present and you can try it out there in the corner. If you wish to see more of the realization process, the entire project is on a public GitHub and is intended to ship as open source.<p>In the final version (for now), every single sentence will be accompanied by a video in German Sign Language (DGS). It can gracefully recover from some common input errors and can make live calls to external databases, displaying further information about all the events of the festival and teaching the Fingeralphabet. It supports free text input and is completely screen-reader compatible. It is scripted in easy language, to further facilitate access. It is mostly context-aware and features quite a bit of dynamic content generated based on user input.<p>Have a look at the GitHub Repository here: <a href=https://github.com/arontaupe/KommunikationsKrake>Check out the Repo</a><p>If Ällei is for some reason not present on the page here, check out the prototype page, also found in the GitHub Repo.<p><a href=https://arontaupe.github.io/KommunikationsKrake/>Check out the prototype page</a><blockquote class=important><p class=alert-title><i class=icon></i>Wichtig<p>I regard accessibility as a core question of both design and computation, really making tangible the prestructured way of our interaction with technology in general.</blockquote><p><a href=https://www.sommerblut.de/>Check out the Sommerblut Website</a><blockquote class=note><p class=alert-title><i class=icon></i>Anmerkung<p>Update: we now have a launch date, which will be held online. Further information can be found here: <a href=https://www.sommerblut.de/ls/veranstaltung/875-allei>Check out our Launch Event</a></blockquote><blockquote class=note><p class=alert-title><i class=icon></i>Anmerkung<p>Update 2: The Chatbot is now online for a while already and finds itself in a "public beta", so to speak, a phase where it can be used and evaluated by users and is collecting feedback. Also, since this is Google, after all, all the inputs are collected and then further used to improve weak spots in the architecture of the bot. <a href=https://chatbot.sommerblut.de>Find the public 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>&LTdf-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>Übersetzung: 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>Übersetzung: Lampshades</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><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(&#34data: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&#34)" 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(&#34data: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&#34)" class=icon></i> <span>Mastodon</span> </a></ul></footer>