Blockchain Meat Traceability
Piattaforma di tracciabilità multi-filiera

Mockup frontend

Tre artefatti in un design system condiviso. La piattaforma è generalizzata oltre la filiera della carne: gli stessi mockup mostrano configurazioni per salumi, olio EVO, formaggi, vino e pesce.

Web Backoffice

§6.2 — 15 schermate · design system condiviso

Dashboard

KPI di stabilimento, allarmi IoT live, lotti in lavorazione, eventi recenti.

Tracciabilità — Lista lotti

Ricerca e filtro lotti multi-filiera, forward/backward tracing, strumenti integrità blockchain.

Tracciabilità — Dettaglio lotto

Timeline 9-stage, verifica blockchain, documenti, tracing avanti/indietro, score tracciabilità.

Operatività

Vista linee di produzione, scheduling turno, bilancio di massa automatico, tracking operatori.

IoT & Allarmi

Mappa stabilimento con sensori, allarmi temperatura/umidità, sparkline live e gestione take-over.

Qualità

Non-conformità, CAPA, procedura di richiamo prodotto, audit log.

Magazzino

Mappa celle frigorifere, occupazione, stock per lotto, alert temperatura in tempo reale.

Ordini

Ordini clienti/fornitori, spedizioni con cold chain monitoring, generazione etichette QR.

Reportistica

Template report (tracciabilità, qualità, bilancio massa, blockchain), invio schedulato, storico.

Blockchain

Verifica pubblica hash, log transazioni Polygon PoS, statistiche per filiera ed evento.

Configurazione filiera

Editor visuale del template di filiera (DAG di stage). Onboarding di nuove filiere senza nuovo sviluppo.

Utenti & Ruoli

Gestione utenti RBAC, matrice permessi per modulo, SSO OIDC/Keycloak, 2FA.
Anagrafiche

Prodotti finiti

Catalogo SKU multi-filiera, varianti, allergeni, certificazioni DOP/IGP/BIO.

Materie prime

Registro MP con stock, soglie minime, cert. BIO/DOP, alert riordino automatico.

Ricette & Formulazioni

BOM con quantità per 100 kg, parametri di processo (T, UR, Aw, pH), versioning approvato.

Fornitori & Clienti

Fornitori con rating e scadenze cert., clienti B2B (GDO, HoReCa) con accesso portale.

Origini

Allevamenti, oliveti, stallé, zone di pesca — entità polimorfica con mappa GPS e cert.

Mobile Operatore

App operatore (4 schermate)

Home turno · Scansione NFC/QR · Form stage dinamico · Coda offline. Ionic + Capacitor + Vue 3.

Consumer PWA

Storia prodotto da QR

Landing pubblica (no login) con hero, mappa filiera, certificazioni, cold chain e badge blockchain.

Note

  • Mockup HTML/CSS statici, nessuna dipendenza esterna né JS richiesto. Aprire i file direttamente nel browser.
  • Stack target: Vue 3 + TypeScript + Vite. Per il mobile: Ionic + Capacitor. Per il consumer: PWA standalone.
  • Filiere mostrate (per dimostrare la configurabilità multi-filiera): salumi, olio EVO, parmigiano, vino, pesce.
  • Compliance attesa nelle implementazioni: WCAG 2.1 AA, i18n IT/EN, dark mode, offline-first sul mobile operatore.