Benvenuto nel wireframe CADMI
Questo wireframe interattivo mostra la struttura e il comportamento dell'interfaccia finale dell'applicazione di gestione CADMI. È composto da più pagine HTML collegate tra loro, navigabili tramite il menu a sinistra. I dati mostrati sono di esempio e non sono collegati al database reale.
1
Naviga dal menu
Ogni voce a sinistra apre una pagina diversa dell'applicazione
2
Clicca le righe
Nelle liste, clicca una riga per aprire il dettaglio
3
Usa i tab
Nella Scheda Donna, clicca i tab per navigare tra le sezioni
4
Clicca Modifica
Nelle card, Modifica espande il form inline — prova nel tab Figli
5
Cambia anno
Il selettore anno nella Scheda Donna cambia i pallini sui tab
Pallini tab:
Verificato — dati presenti e confermati
Copiato — copiato dall'anno precedente, da verificare
Mancante — nessun dato per questo anno
Non applicabile — sezione senza concetto di anno
Cosa funziona
- Navigazione tra tutte le pagine tramite menu laterale
- Lista Donne: click su una riga apre la Scheda Donna
- Scheda Donna: tutti i tab sono navigabili
- Tab Figli: Modifica espande la card inline, Salva/Annulla la richiude. Le altre card si oscurano durante la modifica
- Tab Situazione annuale: Modifica apre checkbox e campi, Salva/Annulla richiude
- Selettore anno: cambia i pallini colorati su tutti i tab
- Stato fotografia (tab Anagrafica): i link "→ vai" navigano al tab corrispondente
- Lista Addette: Modifica inline funzionante con Salva/Annulla
- Contatti standalone: form nuovo contatto sempre visibile in cima
- Freccia ← nel breadcrumb riporta alla lista
Cosa NON funziona (placeholder)
- I dati sono statici: Salva non scrive nulla, Annulla non ripristina
- I dropdown non sono popolati con i valori reali delle tabelle di decodifica
- Il bottone Reistanzia non copia dati reali
- La ricerca e i filtri nella lista Donne non filtrano
- I grafici nel Report mostrano dati fissi, non calcolati
- Modifica nelle card di Autori, Lingue, Progetti, Cartella non è interattiva (solo Figli e Situazione annuale lo sono pienamente)
- L'ID donna (CDM20250001) è fisso, non generato
- Nessuna autenticazione: il menu Admin è sempre visibile
- I link "Tabelle decodifica" non aprono una pagina reale
Struttura delle pagine
- Dashboard — statistiche rapide, accessi recenti, alert
- Contatti — nuovo contatto rapido (donna opzionale) + storico
- Donne — lista con ricerca → Scheda Donna con 8 tab
- Report annuale — selezione anno, dati aggregati, grafici
- Addette CADMI — lista addette con modifica inline
A chi è rivolto
- Team di sviluppo: usarlo come specifica tecnica per costruire le schermate in ToolJet, seguendo fedelmente layout, nomi dei campi e comportamenti interattivi mostrati
- Responsabili CADMI: verificare che il flusso di lavoro corrisponda alle esigenze reali dell'organizzazione prima che lo sviluppo sia completato
- Qualsiasi feedback su layout, nomi, ordine dei tab o flusso è benvenuto e facilmente incorporabile prima dell'inizio della costruzione