ASPIC/journal/ASPIC-Journal. 28. Ecran de fond.md

# 28. Écran de fond

*Section démarrée le 2 septembre 2026, dans le prolongement de la réflexion "bureau à l'ancienne" (voir Réflexions stratégiques, section 11) et du pilotage vocal multi-agents (section 27) — les couleurs par agent envisagées ici comme code couleur des post-its sont directement liées au champ couleur que Jean-Marc ajoute en parallèle à la table `ASP_Agents`.*

## Origine et objectif

Décision actée en cours de session : le futur écran d'accueil d'ASPIC n'ouvrira plus directement sur la ToDoList ni sur la liste des contacts (comportement actuel depuis la V1.004), mais sur un écran de fond visuel reprenant la métaphore du "bureau à l'ancienne" — un tableau en liège avec un post-it par agent IA nommé, et un bureau sur lequel sont posés les objets/raccourcis fonctionnels de l'application.

## Démarche suivie

Faute de pouvoir décrire précisément la composition attendue par écrit, Jean-Marc a fourni deux croquis papier photographiés, puis plusieurs photos trouvées sur le web comme références de style (texture de liège et punaises colorées, classeurs à levier avec trou de préhension, ambiance de bureau photographiée). Une première maquette a été construite avec l'outil de canevas de design de Claude (Claude Design), publiée sous forme d'Artifact éditable — ce n'est pas un livrable de code, seulement un support visuel de travail.

Une deuxième itération a corrigé la composition générale (liège en arrière-plan / bureau au premier plan, plutôt que le découpage gauche-droite de la toute première version) et redessiné les classeurs dans l'esprit "classeur à levier" (trou de préhension, pochette d'étiquette) à partir de photos de classeurs réels envoyées par Jean-Marc.

Une troisième itération, dans la même session, s'appuie sur une image trouvée par Jean-Marc (générée par l'outil DeeVid AI) qu'il a jugée très proche de ce qu'il avait en tête ("voilà ce à quoi je pensais"). Claude a reconstruit la maquette à partir de cette référence : liège et bureau réunifiés en une seule composition (le bureau occupe le premier plan sur toute la largeur, les objets hauts — classeurs, micro, boîte à archives — dépassant visuellement au-dessus de la ligne du bureau, devant le mur en liège), classeurs remis à **hauteur uniforme** (la version précédente avait des hauteurs différentes sans raison fonctionnelle, remarqué à juste titre par Jean-Marc), boîte à archives redessinée en gris avec coins métalliques et porte-étiquette, micro redessiné dans un style "micro de podcast sur pied" plus réaliste. Le logo de l'outil ayant généré l'image de référence (DeeVid AI, visible en haut à droite de la photo) n'a bien sûr pas été repris dans la maquette — utilisé uniquement comme inspiration de style, pas comme contenu.

## Composition retenue (état à la pause du 2 septembre 2026)

- **Arrière-plan, sur toute la largeur** : un panneau en liège (texture générée, pas une photo), avec un post-it par agent actif (Viktor, Matilda, Léon, Nikita), couleur de fond calquée sur ce que sera le champ couleur d'`ASP_Agents` une fois la table modifiée par Jean-Marc, punaise colorée par-dessus.
- **Premier plan, bande basse (bureau en bois clair)** : de gauche à droite — une rangée de 4 classeurs à levier à hauteur uniforme, un par grande section fonctionnelle de l'application (étiquettes actuelles : "Contacts", "Catalogue", "Affaires en cours", et un 4ᵉ "À faire" ajouté par Claude à titre d'hypothèse, **à confirmer**), avec infobulle au survol de chaque classeur ; une pile d'enveloppes surmontée du logo Gmail ; un agenda fermé (façon carnet en cuir) surmonté du logo Google Agenda ; un téléphone portable posé écran éteint (explicitement demandé : **pas d'écran d'ordinateur/laptop représenté**) ; un micro **physique** sur pied (pas une icône plate), avec un voyant rouge qui pulse en continu pour signifier qu'il est actif — clic prévu pour ouvrir la fonctionnalité déjà existante de pilotage vocal ; une boîte à archives grise avec coins métalliques et porte-étiquette.

## Point ouvert, non tranché

La dernière image de référence apportée par Jean-Marc (photo DeeVid AI) ne montre pas d'enveloppes ni de logo Gmail — uniquement classeurs, agenda, téléphone, micro et boîte à archives. Claude a choisi de **conserver** les enveloppes/Gmail dans la reconstruction, cet élément ayant été demandé explicitement par Jean-Marc plus tôt dans la session (indépendamment du style visuel de la référence). **À trancher à la prochaine session** : les garder, ou les retirer pour rester au plus près de l'image de référence.

## Statut et suite

**Session close pour la journée à la demande de Jean-Marc (2 septembre 2026 au soir)**, sans blocage particulier — juste une fin de journée de travail. Contrairement à ce qui avait été envisagé un peu plus tôt dans la session (attendre qu'une connaissance de Jean-Marc produise une meilleure représentation visuelle avant de reprendre), Jean-Marc a finalement trouvé lui-même une image de référence suffisamment proche pour permettre une nouvelle itération dans la foulée, dans la même session. **Aucun développement de code engagé à ce stade** — uniquement une maquette graphique exploratoire, aucun impact sur l'écran d'accueil actuellement en production (ToDoList).

**Reste à faire, noté au passage :**
- Trancher le point ouvert : conserver ou retirer les enveloppes/logo Gmail.
- Confirmer le libellé du 4ᵉ classeur (hypothèse actuelle : "À faire" / ToDoList).
- Une fois le champ couleur ajouté à `ASP_Agents` par Jean-Marc, faire correspondre exactement les couleurs de la maquette à celles réellement choisies en base.
- Décider si les icônes/objets du bureau (micro, téléphone, agenda, enveloppes, classeurs) doivent devenir réellement cliquables/fonctionnels dans une deuxième étape, ou rester d'abord un habillage visuel statique.
- Artifact de travail (maquette éditable, dernière version) : https://claude.ai/code/artifact/a647369f-d320-4b21-9f8c-11b20f2ad353 — lien privé à Jean-Marc, à ne pas considérer comme un livrable définitif.