08
Challenge Project

Creator für korrekte Lebensmittel-kennzeichnung

Lebensmittel Label Creator für Manufakturen und Direktvermarkter (Schweiz)

⛶  Fullscreen ↓  Download 📂 Demo

Wir erarbeiten anhand ausgewählter Produkte einen Prototypen für eine Webapplikation. Diese ermöglicht die Kennzeichnung Step-by-Step ohne gravierende Lücken und Fehler zu erstellen. Die Applikation besteht aus einer Eingabemaske mit Drop-Down-Menüs oder mit leeren Eingabefeldern. Zusätzlich werden bei leeren Feldern Informationen und Links geliefert. Sie helfen beim korrekten Ausfüllen.

Diese Applikation ist kostengünstig. Denn wer bis jetzt mit der Kennzeichnung überfordert war, musste auf kostenpflichtige Beratungen zurückgreifen oder machte auf "gut Glück" eine Kennzeichnung und hatte bei Lebensmittelkontrollen ein schlechtes Gefühl. Bei Standaktionen, wie Weihnachtsverkäufe von Schulklassen, fehlte die korrekte Kennzeichnung oft. Mit einem einfachen Tool könnte sich das ändern.

Joghurt klein.jpgArbeiten klein.jpgLösung

Challenge

Mit Leib und Seele stellen Direktvermarktungsbetriebe oder kleine Manufakturen feine und immer wieder neue Regionalprodukte her. Spätestens bei der Zusammenstellung der Etikette erfahren sie dann mehr Frust als Lust.

Welche Angaben müssen auf der Etikette stehen? In welcher Reihenfolge sollen Zutaten aufgeführt sein? Was sind Allergene? Was ist ein Detailpreis? Als Ausgang der Challenge soll ein Creator-Tool entstehen, in welchem bei der Eingabe diverser Angaben und der Zutaten in eine Maske ein fertiger Etikettenvorschlag entsteht. Ziel davon ist, dass keine wesentlichen Angaben vergessen gehen und korrekt gekennzeichnet wird. Die Nährwertkennzeichnung entfällt bei der handwerklichen Herstellung zur direkten Abgabe an den Konsumenten. Deshalb würde die Nährwertkennzeichnung vorerst ausgeklammert werden.

Das Problem

Wer Lebensmittel herstellt ist verpflichtet, diese korrekt herzustellen und zu kennzeichnen. Trotz einer hohen Anzahl korrekt gekennzeichneter Regionalprodukten, kommt es immer wieder zu Beanstandungen seitens des Amts für Verbraucherschutz. Eine Etikette von Dritten erstellen zulassen, ist oft zu kostspielig für kleine Produktionseinheiten. Neue kreierte Produkte sind am fehleranfälligsten und benötigen meistens in enorm kurzer Zeit eine Etikette. Daher suchen die Betriebe nach einem effizienten, einfachen Hilfsmittel.

Die Challenge

Es wird ein Tool programmiert, in welchem sich die entsprechende Lebensmittelkategorie, die Zutaten eines Produkts sowie alle anderen erforderlichen Angaben wie Preis und Produzenten-Adresse eintragen lassen.

Bsp. Kategorie: Joghurt / Zutaten: Milch, Zucker, Milchpulver, Erdbeeren

Im Programm hinterlegt sind die Anforderungen aufgrund der spezifischen Verordnungen. Bsp. Joghurt: Verordnung betreffend Lebensmittel tierischer Herkunft. Ebenfalls hinterlegt sind jene Anforderungen aus den übergeordneten Verordnungen:

  • LGV (Lebensmittel- und Gebrauchsgegenstände-Verordnung)
  • HyV (Hygieneverordnung)
  • LIV (Verordnung betreffend die Information über Lebensmittel)
  • Preisbekanntgabeverordnung

Am Ende der Eingabe erhalten die Direktvermarktungsbetriebe einen Etikettenvorschlag, der sich noch Ergänzen /Abändern lässt, bevor die Vorlage in ein Etikettendruckprogramm eingespeist wird.

Daten / Links:

Falls der Nährwert auch eingebaut werden möchte:

Es besteht bereits ein Excel basiertes Berechnungstool. Eventuell könnte dieses in das neue Tool eingebaut werden.

Mögliche Weiterentwicklung:

  • API-Anbindung an eine oder mehrere Datenbanken mit Nahrungsmitteln (Rohstoffe plus allenfalls nach Rohstoffen aufgeschlüsselte verarbeitete Produkte, bspw. Nährwertdatenbank vom BLV oder CH-Version von Open Food Facts) für Auswahl unter Zutatenliste
  • Automatisierte Berechnung der Prozentangaben von Zutaten gemäss Eingabe in Masseinheit (bspw. Gramm oder Deziliter)
  • Hinterlegte Allergenliste mit automatischer Erkennung (statt Feld, das man ankreuzen muss, falls eine Zutat als Allergen ausgewiesen werden muss)
  • Einfache Anpassung bei aktualisierten gesetzlichen Vorgaben
  • Einstellungen für nutzerspezifische Gestaltung der Etikette (Schriftart, Farbe), solange im Rahmen der Vorgaben der Lebensmittelverordnung

Was benötigen wir für die Realisierung:

  • Verantwortliche Stelle für die Weiterentwicklung (Tätschmeister für inhaltliche und technische Weiterentwicklung)
  • Testpersonen, die Prototyp ausprobieren und Rückmeldung geben, ob Felder und Info-Hinweise so "brauchbar" sind
  • Ort fürs Hosting (aktuell github, kann auch hier weiter mit github-Actions betrieben werden)
  • Ressourcen für inhaltliche und technische Weiterentwicklung und Unterhalt (verbunden mit Punkt 1)

Prototyp

https://jarheadcore.github.io/open-farming-hackdays-label-creator

open-farming-hackdays-label-creator

Lebensmittel Label Creator für Manufakturen und Direktvermarkter (Schweiz)

prerequisites

  • install rust platform
  • install node platform
cargo install dioxus-cli
rustup target add wasm32-unknown-unknown
npm install

local dev mode

npx tailwindcss -i input.css -o public/tailwind.css && dx serve --hot-reload
This content is a preview from an external site.
 

Event finished

Edited (version 61)

23.03.2024 13:57 ~ christoph_brunschwiler

Prototype

Edited (version 60)

23.03.2024 13:43 ~ christoph_brunschwiler

Edited (version 59)

23.03.2024 13:35 ~ christoph_brunschwiler

Edited (version 58)

23.03.2024 13:13 ~ christoph_brunschwiler

Edited (version 57)

23.03.2024 13:08 ~ christoph_brunschwiler

Edited (version 56)

23.03.2024 13:08 ~ christoph_brunschwiler

Edited (version 55)

23.03.2024 13:00 ~ jarheadcore

added prototype link

23.03.2024 13:00 ~ jarheadcore

Edited (version 54)

23.03.2024 11:46 ~ jarheadcore

Edited (version 53)

23.03.2024 11:44 ~ jarheadcore

read in csv database with allergen info (@rb)

Edited (version 52)

23.03.2024 10:56 ~ christoph_brunschwiler

Prototype

Edited (version 51)

23.03.2024 10:55 ~ christoph_brunschwiler

Working on a github pipeline to host project as website with github pages...

23.03.2024 10:54 ~ jarheadcore

Update food_db.csv

Correct column name (@dkoltg)

Add files via upload

list of ingredients with information if containing Allergene (1=yes, 0=no) (@dkoltg)

Edited (version 48)

23.03.2024 10:35 ~ christoph_brunschwiler

Prototype

Merge remote-tracking branch 'origin/main' (@rb)

csv database wip (@rb)

Edited (version 46)

23.03.2024 09:23 ~ dktg

Prototype

Update and rename rust-build.yml to deploy.yml

Edited (version 45)

23.03.2024 09:19 ~ dktg

Prototype

Update rust-build.yml

Create rust-build.yml

add base github workflow

Edited (version 44)

23.03.2024 09:10 ~ dktg

Prototype

Edited (version 43)

23.03.2024 09:05 ~ dktg

datalist for ingredients (@rb)

Start Day 2: Discussing the question that popped up during layouting and development with ingredient selection dropdown -> "how to handle processed foods?". Simple decision in first step is to only allow "unprocessed" and "base-ingredients" example foods

23.03.2024 08:57 ~ jarheadcore

Prototype

Edited (version 41)

23.03.2024 08:25 ~ jarheadcore

able to delete ingredient entries; sorting algorithm for Zutatenliste (@rb)

add missing Cargo.toml :/ (@rb)

after brainstorming phase this design idea was created and refined with input from the team

22.03.2024 23:31 ~ jarheadcore

Prototype

layout concept, prototyping idea from 15min brainstorming phase

22.03.2024 23:30 ~ jarheadcore

list ingredients (unsorted yet) (@rb)

Mögliche Beispielprodukte zum Testen: Sirup, Konfi, Zopf, Essiggemüse, Guetzli, Blätterteigstange.

22.03.2024 16:45 ~ christoph_brunschwiler

Prototype

Edited (version 37)

22.03.2024 16:10 ~ manuela_isenschmid

Edited (version 36)

22.03.2024 15:59 ~ manuela_isenschmid

show an ingredient list with an add button (@rb)

Edited (version 35)

22.03.2024 15:58 ~ manuela_isenschmid

Prototype

Edited (version 34)

22.03.2024 15:55 ~ christoph_brunschwiler

Edited (version 32)

22.03.2024 15:50 ~ christoph_brunschwiler

Edited (version 30)

22.03.2024 15:46 ~ christoph_brunschwiler

Mögliche Quelle / Datenbank für Nahrungsmittel mit kostenloser API-Anbindung unter https://ch.openfoodfacts.org/

22.03.2024 15:42 ~ dktg

Edited (version 28)

22.03.2024 15:41 ~ christoph_brunschwiler

Sketching

Edited (version 26)

22.03.2024 15:41 ~ christoph_brunschwiler

Edited (version 25)

22.03.2024 15:40 ~ christoph_brunschwiler

Repository updated

22.03.2024 15:35 ~ christoph_brunschwiler

Edited (version 23)

22.03.2024 15:35 ~ christoph_brunschwiler
22.03.2024 15:02 ~ christoph_brunschwiler

Challenge

Event started

 
Alle Teilnehmer*innen, Sponsor, Partner, Freiwilligen und Mitarbeiter*innen unseres Hackathons sind verpflichtet, dem Hack Code of Conduct zuzustimmen. Die Organisatoren werden diesen Kodex während der gesamten Veranstaltung durchsetzen. Wir erwarten die Zusammenarbeit aller Teilnehmer*innen, um eine sichere Umgebung für alle zu gewährleisten. Weitere Einzelheiten zum Ablauf der Veranstaltung finden Sie unter Richtlinien in unserem Wiki.

Creative Commons LicenceDie Inhalte dieser Website stehen, sofern nicht anders angegeben, unter einer Creative Commons Attribution 4.0 International License.