Sandstorm Logo

Zündstoffe - Materialvermittlung

  • KI generiert: Das Bild zeigt das elfte Ziel der nachhaltigen Entwicklungsziele der Vereinten Nationen, das "Nachhaltige Städte und Gemeinden" heißt. Es ist orange und enthält Symbole von Gebäuden.

    Die SDG (Sustainable Development Goals) der Vereinten Nationen umfassen 17 nachhaltige Entwicklungsziele. 

    Dieses Projekt ordnen wir "Ziel 11 - Nachhaltige Städte und Gemeinden" zu. 

    KI generiert: Das Bild zeigt das elfte Ziel der nachhaltigen Entwicklungsziele der Vereinten Nationen, das "Nachhaltige Städte und Gemeinden" heißt. Es ist orange und enthält Symbole von Gebäuden.
  • KI generiert: Das Bild zeigt das Symbol für das 12. Ziel der nachhaltigen Entwicklung: "Nachhaltige/r Konsum und Produktion", dargestellt durch ein Unendlichkeitszeichen mit einem Pfeil. Es fördert verantwortungsbewusste Produktions- und Konsummuster.

    Die SDG (Sustainable Development Goals) der Vereinten Nationen umfassen 17 nachhhaltige Entwicklungsziele. 

    Dieses Projekt ordnen wir dem "Ziel 12 - Nachhaltige/r Konsum und Produktion" zu. 

    KI generiert: Das Bild zeigt das Symbol für das 12. Ziel der nachhaltigen Entwicklung: "Nachhaltige/r Konsum und Produktion", dargestellt durch ein Unendlichkeitszeichen mit einem Pfeil. Es fördert verantwortungsbewusste Produktions- und Konsummuster.
KI generiert: Das Bild zeigt eine Sammlung von verschiedenen kleinen Objekten, darunter Knöpfe, elektronische Anschlüsse, Büroklammern und Konfetti, die bunt und chaotisch aufeinander gestapelt sind. Der Hauptinhalt des Bildes ist das kreative Durcheinander dieser Gegenstände.

Umsetzung

2020 bis 2021

Leistungen

  • Technisches Konzept
  • Entwicklung

Technologien

  • Symfony
  • React
  • GraphQL

Heute schon Material vermittelt?

  • Open Source Plattform zur Restmaterialvermittlung für Dresden
  • Vernetzung von Anbieter:innen und Abnehmer:innen von Restmaterial zur Wiederverwendung (Upcycling)
  • Vermeidung von Abfällen
  • Einfache und übersichtliche Nutzeroberfläche 
  • Förderung des "Wiederverwenden statt neu kaufen" - Prinzips
  • Anwendung für mobile Endgeräte optimiert

Die Challenge

Ziel war die Erstellung einer Plattform, die es Organisationen erlaubt Rest-Material unter einander oder an Privatpersonen zu vermitteln. Ein Material durchläuft dabei mehrere Zustände von der initialen Erstellung in der Plattform, über die Veröffentlichung und Reservierung bis hin zur Abholung. Die Plattform soll dabei intuitiv und insbesondere auf Mobilgeräten benutzbar sein, um eine hohe Akzeptanz zu erreichen. 

Materialflüsse, also die tatsächliche Vermittlung von Material, sollte im System für Forschungszwecke dokumentiert werden. Die Herausforderung bestand hierbei in der Konzeption und Implementierung eines Datenmodells, welches die datenschutzrechtlichen Aspekte berücksichtigt, das Rechtekonzept berücksichtigt und trotzdem ausreichend Flexibilität in der täglichen Nutzung lässt.

Eine weitere Herausforderung stellte die Visualisierung der Zustände dar, die ein Material Schritt für Schritt durchläuft, damit dieser Prozess auch für gelegentliche Nutzer:innen nachvollziehbar ist.

KI generiert: Das Bild zeigt eine Webseite für die Zündstoffe Materialvermittlung Dresden mit einer Übersicht an Materialien, darunter Armbänder, Aluminium Komposit Paneele, Holzkisten und Wandfarbe. Es werden verschiedene Artikel mit deren Spezifikationen und Verfügbarkeiten aufgelistet.
KI generiert: Das Bild zeigt eine Vielzahl von durcheinander geworfenen kleinen Objekten, darunter Knöpfe, Klammern und elektronische Steckverbindungen, die von bunten Konfetti umgeben sind. Es vermittelt den Eindruck eines kreativen Chaos.

Unsere Lösung

Die Web-Anwendung basiert auf dem API Platform Framework, welches das PHP-Framework Symfony als Grundlage hat. Die Nutzeroberfläche ist als React-Anwendung implementiert. Diese kommuniziert mit dem Backend über eine GraphQL-Schnittstelle.

Aus dem in PHP implementierten Datenmodell erzeugt API Platform automatisch eine GraphQL Schnittstelle. In einem zweiten Schritt kann für diese Schnittstelle automatisch eine typsichere Beschreibung in TypeScript generiert werden. Durch dieses Vorgehen gewährleisten wir Typesicherheit im gesamten Stack und erhöhen so die Entwicklungsgeschwindigkeit bei Änderungen des Datenmodells.

Zusätzlich wurde das Datenmodell testgetrieben entwickelt. So konnte das Verhalten von Material hinsichtlich Sichtbarkeit, Zuständen und Abläufen modelliert, implementiert und dokumentiert werden. 

Als Grundlage für ein besseres Verständnis über die Material-Zustände wurden diese mit Hilfe einer Statemachine von einander abgegrenzt und können so verständlicher in der Nutzeroberfläche visualisiert werden.

Der beschriebene Stack und das zu Grunde liegende Datenmodell garantieren auch in Zukunft Spaß und Geschwindigkeit bei der Weiterentwicklung. 

Materialvermittlung Logo Plattform
KI generiert: Das Bild zeigt das Wort "ZÜNDSTOFF" in verschiedenen geometrischen Mustern und Farben, hauptsächlich in Schwarz, Weiß und Türkis. Jeder Buchstabe ist individuell gestaltet und unterscheidet sich durch Muster wie Streifen, Punkte und Rauten.

Die Idee für das Projekt entstand im Rahmen des Wettbewerbs "Zukunftsstadt Dresden 2030". Das Ziel ist der nachhaltige Umgang mit Rest-Material. Dieses soll zum Up- und Recycling an Kunstschaffende, Schulen, Kitas und Privatpersonen vermittelt sowie ein Beitrag zur Umweltbildung geleistet werden.

Die Materialvermittlung ist eines von 8 Projekten, die in diesem Wettbewerb ausgewählt wurden.

Im Technologie-Jungle haben die Sandstomer:innen uns immer gute und wegweisende Erklärung geliefert. Nichts ist wichtiger, als Entwicklungsprozesse verständlich aufzuzeigen und somit die Kund:innen von Anfang an mitzunehmen. Übersetzung ist alles! Sie teilten unsere Werte für das Projekt und unser Verständnis von Zusammenarbeit. Das machte dieses trockene Thema zu einer willkommenen Abwechslung im Projektalltag. Von ihrer Arbeit werden nicht nur wir und Dresden profitieren, sondern andere Material-Inis deutschlandweit. Danke dafür!
Anna Betsch, Product Owner
KI generiert: Das Bild zeigt eine lächelnde Person vor einer strukturierten, gelben Hintergrundwand. Die Person trägt schwarze Kleidung und Ohrringe.

Entwicklung 

Du willst mehr über dieses Projekt erfahren? 
Unterhalte Dich dazu mit Flo. 
KI generiert: Das Bild zeigt einen jungen Mann, der lächelnd in die Kamera schaut. Es ist in Schwarzweiß gehalten und fokussiert auf das freundliche Gesicht des Mannes.

Dein Besuch auf unserer Website produziert laut der Messung auf websitecarbon.com nur 0,28 g CO₂. Mehr Informationen zum ökologischen Fußabdruck digitaler Produkte.