Incom ist die Kommunikations-Plattform der Hochschule Hof Kommunikationsdesign

In seiner Funktionalität auf die Lehre in gestalterischen Studiengängen zugeschnitten... Schnittstelle für die moderne Lehre

Incom ist die Kommunikations-Plattform der Hochschule Hof Kommunikationsdesign mehr erfahren

Walther AI

Walther AI ist eine interaktive Installation mit einem digital animierten Walther von der Vogelweide. Über einen Touch-Monitor geben Besucher*innen Prompts ein. Walther lässt sich davon inspirieren, verfasst eine Minnesang-Strophe auf Basis neuhochdeutscher Übersetzungen seiner Texte und trägt sie auch vor.

Das animierte Modell wurde in Clip Studio Paint und Live2D erstellt, die Anwendung mit Unity umgesetzt. Für die Text- und Sprachausgabe kommen KIs von OpenAI (Textgenerierung) und ElevenLabs (Stimme) zum Einsatz.

Filmische Dokumentation

Bilder der Umsetzung / Anwendung / Ausstellung

4096-2730-max.jpg4096-2730-max.jpg
2731-4096-max.jpg2731-4096-max.jpg
4096-2731-max.jpg4096-2731-max.jpg
Unbenannt-1.pngUnbenannt-1.png

Pitch Deck Final

waltherpitchdeck.pdf PDF waltherpitchdeck.pdf

Userflow

Screenshot 2025-06-14 at 11.12.15.pngScreenshot 2025-06-14 at 11.12.15.png
Screenshot 2025-06-14 at 11.11.40.pngScreenshot 2025-06-14 at 11.11.40.png
Screenshot 2025-06-14 at 11.11.58.pngScreenshot 2025-06-14 at 11.11.58.png
Screenshot 2025-06-14 at 11.12.06.pngScreenshot 2025-06-14 at 11.12.06.png

Themenfindung

Interaction - Minnesang.jpgInteraction - Minnesang.jpg
Interaction - Bone Conduction.jpgInteraction - Bone Conduction.jpg
Interaction - Folklore.jpgInteraction - Folklore.jpg

Thema Minnesang: Genre, Visuell, Intrumente, Geschichte

Thema Bone Conduction: Alternatives Hörerlebnis, UX, Medizin/Sport, Produktdesign

Thema Folklore Tanz/Musik: Genre, Form

Little Bits

Interaction - Little Bits.jpgInteraction - Little Bits.jpg

Der littleBits Baukasten ist ein Elektronik-Lernset, welches aus Teilen besteht, welche man magnetisch miteinander verbinden kann. Dadurch kann man sich ein kleines Musikinstrument schnell und einfach „erstecken“. Die Teile sind color-coded: blau für Power, pink für Input, grün für output und orange für wires.

Mediensammlung

Screenshot 2025-04-01 at 09.14.51.pngScreenshot 2025-04-01 at 09.14.51.png

Projektsammlung

Screenshot 2025-04-01 at 09.15.32.pngScreenshot 2025-04-01 at 09.15.32.png
Screenshot 2025-04-01 at 09.15.16.pngScreenshot 2025-04-01 at 09.15.16.png
Screenshot 2025-04-01 at 09.15.43.pngScreenshot 2025-04-01 at 09.15.43.png

Projektsizzen & What, how, why

1.png1.png
2.png2.png
skizze1.pngskizze1.png
skizze2.pngskizze2.png
skizze3.pngskizze3.png

Pitch-Deck

Binder1.pdf PDF Binder1.pdf

Input Überdenken

Screenshot 2025-05-06 at 00.28.29.pngScreenshot 2025-05-06 at 00.28.29.png
Screenshot 2025-05-06 at 00.28.35.pngScreenshot 2025-05-06 at 00.28.35.png
Screenshot 2025-05-06 at 00.28.40.pngScreenshot 2025-05-06 at 00.28.40.png

Aus einem Visuellen Archiv von dingen die mir generell in den Sinn gekommen sind zu „Mittelalter“ und „Input“ wurde ich nicht so schlau bzw. hat es mich nicht derartig inspiriert. Also habe ich einen kleinen Ausflug ins Schloss Rochlitz gemacht, um mir da Inspiration zu holen (Nicht nur von den ausgestellten Dingen sondern auch von den Exponaten)

MacBook Pro 16_ - 30.pngMacBook Pro 16_ - 30.png
MacBook Pro 16_ - 6.pngMacBook Pro 16_ - 6.png
MacBook Pro 16_ - 31.pngMacBook Pro 16_ - 31.png
MacBook Pro 16_ - 29.pngMacBook Pro 16_ - 29.png
MacBook Pro 16_ - 32 (1).pngMacBook Pro 16_ - 32 (1).png

Gespräch mit PD Dr. Silvan Wagner

Am 07.05.2025 hatte ich mein Experten-Gespräch mit Herrn Wagner über mein Projekt, welcher mir sehr viel guten Input gegeben hat.

- Die Texte für die KI lieber auf Neuhochdeutsch gestalten (also Übersetzungen benutzen) weil das auch für Mediävistiker einen totalen Charme hätte und Nutzer*innen das auch verstehen würden

- Mit Mittelhochdeutsch zu arbeiten ist sehr schwer, da selbst die MHD-Begriffsdatenbanken oder generell die Datenbanken sehr fehlerhaft sind

- Die Strophe wird vorgelesen, die kann nicht gesungen werden weil die Liedermelodien nicht überliefert wurden (bzw. gibt es nur 3 Überlieferungen von kleinen Teilen von Walters Liedern)

- Auf der externen e-learning Platform der Uni Bayreuth gibt es eine MHD Trainingsplatform, welche ein Glossar mit Minnesang-Topoi hat welche ich für dieses Projekt benutzen kann

- Nannte WaBe Frankfurt, Uni Darmstadt (und deren Computer und KI Zentrum) und Uni München/Basel (Musikwissenschaften) als weitere Ansprechspartner bzw. Menschen mit denen man später zusammenarbeiten könnte und eventuell daran sehr großes Interesse hätten

- Ich darf den Prototypen dem Mediävistik Lehrstuhl (und weiteren Menschen die Interesse daran haben) in einem digitalen Meeting vorstellen, sobald der Prototyp fertig ist

- Meinte, dass KI in der Mediävistik sehr großen Interesse-Bedarf hat, nicht nur bei Text und Sprache, sondern auch bei Bildern und Musik

Erste Minnestrophen

minne1.pngminne1.png
minne2.pngminne2.png

Das ist ein Versuch in Unity. Ein mal mit Reglern und ein mal mit eigenen Input. Beide funktionieren. Es kann auch eigener Text + Regler, nur Regler oder nur eigener Text ausgewählt werden.

Walther Model Layers

walter showcase.pngwalter showcase.png

Das ist das Walther-Model und die Zerlegung. Eventuell bekommt er noch Joints beim Handgelenk, bzw. wird Hand und Arm nochmal zerlegt. Das Modell ist relativ minimalistisch, um den Codex-Manesse Stil getreu zu bleiben.

Nach rumprobieren und ersten erstellen von Deformer-Warp-Tools habe ich ein besseres Verständnis vom Programm bekommen und weiß welche Dinge ich noch beim Model verbessern muss

Speech to Text Eingabe erste Versuche

Rigging Stand 27.05.2025

Der Stand des rigging Models (27.05.2025). Das Model ist bei weitem noch nicht fertig, aber zumindest funktioniert es relativ gut. Das tracking wurde über Webcam gemacht. Ich habe mich mit dem Handy aufgenommen um den Prozess ein bisschen besser zu veranschaulichen.

Erste Integration TTS

Erste integration mit ElevenLabs, Stimme Jantosch (Es hat nur die Micro Audio aufgenommen, aber man hört die TTS ein bisschen)

Ich habe den Output text von 150 Wörter auf 60 verkürzt, damit ich mehr mit meinen freien credits rumprobieren kann

Erste Versuche UI Erscheinungsbild

Misc-–-Figma-06-02-2025_09_43_PM.pngMisc-–-Figma-06-02-2025_09_43_PM.png

Mac TTS Integration in Unity

Umsetzung des UI in Unity

Austellungsdesign

Rahmen

rahmen_klein.pngrahmen_klein.png
rahmennebeneinander.pngrahmennebeneinander.png
1751282122927.jpg1751282122927.jpg
20250628_190919.jpg20250628_190919.jpg

Um diese gewisse Tiefe zu simulieren die „fancy“ Rahmen haben, werde ich zwei Holzplatten übereinander tun, die verschiedene Breiten haben. Der letzte/dritte Layer sind dann die Holzornamente.

Außerdem habe ich drei Farbvarianten mal als „Mock-Up“ mir vor Augen geführt: Braun, Gold und Braun+Gold

Banner

sketchaustellungsdesign.pngsketchaustellungsdesign.png
materialaustellungsdesign.pngmaterialaustellungsdesign.png
rahmenaustellungnebeneinander.pngrahmenaustellungnebeneinander.png
20250629_151907.jpg20250629_151907.jpg
20250629_151905.jpg20250629_151905.jpg

Nähen Banner

20250704_171317.jpg20250704_171317.jpg
20250704_104205.jpg20250704_104205.jpg
20250704_122354.jpg20250704_122354.jpg

Mit der Hilfe von meiner Mama und meiner Tante haben wir die Banner genäht. Ich habe sie ein bisschen modifiziert, sie sind nicht ganz der Skizze getreu.

Rahmen Lasieren, besrpühen, montieren

20250704_205409.jpg20250704_205409.jpg
20250710_142851.jpg20250710_142851.jpg
20250710_143348.jpg20250710_143348.jpg
20250710_145357.jpg20250710_145357.jpg

Der Rahmen wurde 3 mal mit einer  braunen Holzlasur lasiert und die Ornamente habe ich mit Goldlack besprüht. Außerdem habe ich Schrauben und Lochband um den Rahmen an den monitor zu platzieren.

Quellcode

Ein Projekt von

Fachgruppe

Sonstiges

Art des Projekts

Keine Angabe

Zugehöriger Workspace

Designprojekt 2: Interaction / Information Design

Entstehungszeitraum

Sommersemester 2025