Bagstory - die interaktive Tasche

Die interaktive Tasche erklärt ihren Herstellungsprozess selbst. Sie ist eine kleine interaktive Installation und kann z.B. für Ausstellungen über Nachhaltigkeit verwendet werden. Mithilfe von bunten LED Animationen lädt sie Besucher dazu ein, symbolische Gegenstände in sie hineinzulegen. Für jeden Gegenstand wird eine eigene Animation gestartet, welche über die wichtigsten Schritte der Herstellung sowie ökonomische, ökologische und soziale Probleme informiert. Nutzer können so durch Eigeninitiative die Informationen selbst erkunden und dabei in ihrem eigenen, individuellen Tempo entscheiden, worüber sie erfahren möchten.

Präsentationsvideo

Galerie

Userflow

Links

Figma Animationen:

https://www.figma.com/proto/YTCRUbAA9VHRAwf29j7eBW/Baumwolltasche?page-id=0%3A1&node-id=345-941&p=f&viewport=1200%2C-1830%2C0.06&t=wD2Px4VkAtuRVPQr-1&scaling=scale-down&content-scaling=fixed&starting-point-node-id=345%3A843&show-proto-sidebar=1

Code:

https://github.com/Jasmin-N-1/RFID_LED_Code/blob/main/Code_RFID_LED.ino

Arbeitsaufteilung:

- RFID programmieren - Nina

- LED Wire programmieren - Jasmin

- Box Bauen - Jasmin

- Sockel erstellen + 3D drucken - Nina? (entfällt)

- Tablet-Animationen - Nina

- Präsentationsvideo - Jasmin

Box Bauen

Da der Lasercutter bei uns leider kaputt ist, ging ich ins FabLab der FAU Erlangen, um die box zu cutten. Dort bemerkte ich die erste Hürde: wenn ich die SVG Datei in VisiCut öffne, ist das Projekt genau so groß wie die äußersten Linien. Das Problem: Ich hatte die Datei in A2 angelegt und Rand gelassen. Folglich wäre die Box viel zu groß geworden. Vor Ort musste ich so abschätzen, um wie viele cm ich das Bild verkleinern muss, um die ursprüngliche Größe zu erhalten. Aufgrund dessen waren die Ausschnitte aus den Brettchen jeweils leicht unterschiedlich groß, jedoch konnte diesem Problem mit einer Säge und Schleifpapier geholfen werden. Mein Learning für nächstes Mal: eine Linie in der vollen Breite einzeichnen, damit die Datei ihre ursprüngliche Größe behält. Das Verleimen hat gut funktioniert.

Storyboard für Präsentationsvideo

Bei diesem Storyboard handelt es sich lediglich um einen ersten Entwurf. Es ist möglich, dass sich noch einzelnen Szenen oder Einstellungen ändern, bzw. spontane Ideen hinzugefügt werden.

Box für Lasercutter Entwurf

LED Animationen

Endgültiger Code mit den 2 Animationen, bereit zum Einfügen zu dem RFID Code:

Beispielanimationen:

Risiken und Unklarheiten:

- Wie wird der RFID Chip programmiert?

- Wird die Tasche beleuchtet, und wenn ja, wie?

- wie können wir einen LED Stripe anschließen, sodass er sich über Code steuern lässt?

16.12 - Pitchdecks aktualisiert

09.12 - Animationen

09.12 - Variationen...

Traurig darüber, dass es mit den Acrylglasplatten nicht klappt, gebe ich dennoch nicht auf zu versuchen, LEDs auf eine andere Weise in unser Taschenprojekt mit einzubinden.

Idee 1: 

LEDs als Zeichen, dass die Tasche durch das Einlegen des Objekts „aktiviert“ wurde. Sobald das Objekt erkannt wurde, leuchten die LEDs auf.

Var 1: EL Wires (wir haben lange gesucht, aber keine im Lab gefunden)

Var 2: LED Streifen am Rand der Tasche entlang.

Var 3: Diffuses Licht durch LEDs in der Tasche, ohne den Stoff zu berühren - die ganze Tasche leuchtet auf. Funktioniert bei weißer Tasche besser als bei schwarzer

Idee 2:

Eine LED Matrix zeigt den Zustand des eingefügten Objekts an und dient als Bedienungshilfe.

Problem: helle, leuchtende Matrix konkurriert mit der Animation auf dem Tablet und droht, dieser die Aufmerksamkeit des Nutzers zu stehlen.

08.12 - Test mit Acrylglasscheiben

Um zu testen, ob unsere Idee mit den Acrylglasplatten überhaupt funktioniert, stellten wir aus zwei Glasresten mit dem Lasercutter zwei kleine, simple Prototypen her und ich testete sie zuhause mit einem LED Stripe.

Wenn die Platten einzeln beleuchtet werden, funktioniert es sehr gut und das Ergebnis ist sehr ästhetisch:

Sobald allerdings die Platten hintereinander stehen, nimmt die vordere, unbeleuchtete Platte das Licht der hinteren, beleuchteten Platte auf und somit wird die hintere Platte so gut wie unlesbar. Bei unterschiedlichen Farben ist die Unleserlichkeit zwar unterschiedlich, aber dennoch haben wir keine Farbe entdeckt, bei der die Platte noch gut lesbar wäre.

Dann kam mir die Idee, das Licht einfach möglichst nur in eine Richtung zu leiten. Ich habe eine kleine „Rinne“ aus Papier gebaut, in der ich den LED Streifen zusammen mit der Platte platzierte. So wurde die vordere Platte nicht direkt von LED Streifen mit angeleuchtet. Trotzdem war das Ergebnis ernüchternd, da die eingravierten Muster nicht durchsichtig sind:

FAZIT:

Der einige Weg, wie die Platten lesbar bleiben wäre, sie nebeneinander zu platzieren. Dies ist aufgrund des beschränkten Platzes in der Tasche leider nicht möglich. Aus diesem Grund werden wir wahrscheinlich auf die Variante mit dem Tablet zurückgreifen müssen, an der bisher meine Teamkollegin Nina gearbeitet hat. Vielleicht findet sich ja ein eleganter Weg, wie wir das Thema LEDs trotzdem noch mit einbauen können!

02.12 - Storyboard

25.11 - Pitch Decks

18.11++ - Prototyping

Schwerpunkt Idee mit Acrylglastafeln

Digitaler Prototyp erstellt mit Hilfe der Photoshop KI

Konkrete Skizzen

Erste Designversuch für eine Acrylglasplatte

11.11 - Konkretisierung einer Idee

Erste Recherchen

04.11 - Ideensammlung & Inspiration

04. 28.10 - LED Matrix

Gruppenarbeit mit Aleksandra

Pilz und Herz als Bitmap

Hey, what´s up? Animation

Ein Stück Papier liegt über den LEDs, damit man die Schrift besser erkennen kann.

03. 21.10 - Lichtsensor

Gruppenarbeit mit Aleksandra

Der Mini- Kühlschrank

Die Kühlschranktür offen stehen zu lassen und das Kühlschranklicht dauerhaft brennen zu lassen verbraucht unnötig Strom. Um zu überprüfen, dass das nicht passiert, nutzen wir eine LED Leuchte und einen Lichtsensor.

Ist die Kühlschranktür geschlossen, ist alles gut. Die LED leuchtet blau.

Ist die Kühlschranktür offen, leuchtet die LED rot.

Ist Licht im Kühlschrank an (simuliert durch die Taschenlampenfunktion meines Fitnesstrackers), so leuchtet die LED gelb.

02. 14.10 - Neopixel Ring

Gruppenarbeit mit Aleksandra

Variante 1: RGB Verlauf und Blinken

Variante 2: Radiale Animation mit Helligkeitsverlauf

Detaillierte Beschreibung siehe Projekt von Aleksandra

01. 07.10 - Neopixel Simulation

Blinken rot

Ampel

Random color pulse