Back to flin
flin

Polissage final UI/UX de la console

Comment les sessions 300 et 301 ont poli la console d'administration de FLIN pour la production -- CRUD de définitions d'entités, thèmes de sidebar, corrections de bugs et suppression de toute source de données fictives.

Juste A. Gnimavo (Thales) & Claude | March 26, 2026 2 min flin
EN/ FR/ ES
flinadminuiuxpolishfinal

Il y a une phase dans le développement logiciel qui sépare les prototypes des produits. Les fonctionnalités marchent. Les données circulent. Les pages s'affichent. Mais les bords sont rugueux. Les sessions 300 et 301 ont été les sessions de polissage, et la session 320 a éliminé toute source de données fictives restante.

La session 301 a ajouté la gestion complète des définitions d'entités directement dans la console : créer de nouvelles entités, éditer les schémas existants et supprimer les définitions -- tout depuis l'interface graphique. L'API génère des fichiers .flin propres sur le disque.

Les corrections de bugs incluaient : défilement horizontal pour les tables larges, colonne d'actions sticky, et correction des cases à cocher booléennes remplacées par des bascules toggle. Trois thèmes de sidebar ont été ajoutés (par défaut, accentué, blanc) avec des variantes mode sombre.

La session 320 a supprimé le mot « bientôt » de la console. Sept pages avaient des badges « Coming Soon » avec des données fictives. Toutes ont été remplacées par de vrais points de terminaison API. Deux nouveaux modules Rust ont été créés : metrics.rs et log_buffer.rs.

Après les sessions 300, 301 et 320, la console d'administration FLIN a atteint la disponibilité production : 19 pages montrant toutes des données réelles, 30+ points de terminaison API, zéro données fictives, 3 thèmes de sidebar avec support du mode sombre, CRUD complet d'entités incluant la gestion de schéma depuis l'interface, authentification de production avec bcrypt et 2FA, et monitoring en temps réel.


Ceci est la partie 145 de la série « Comment nous avons construit FLIN », documentant comment un CEO à Abidjan et un CTO IA ont poli une console d'administration du prototype à la production en trois sessions focalisées.

Navigation de la série : - [144] Historique des entités et vues temporelles dans l'admin - [145] Polissage final UI/UX de la console (vous êtes ici) - Prochain arc : écosystème et outillage FLIN

Share this article:

Responses

Write a response
0/2000
Loading responses...

Related Articles

Thales & Claude deblo

Le Step Zero ne suffisait pas : comment valider un constructeur sans valider le runtime a fait tomber toutes les sessions vocales de Déblo l’heure où nous avons livré le streaming caméra temps réel

La phase 14 a livré Déblo Eyes — streaming caméra temps réel via LiveKit vers Gemini Live native audio. Le premier deploy a fait tomber toutes les sessions vocales en production en quatre-vingt-dix secondes parce que notre Step 0 avait validé le constructeur sans exercer le runtime. Le build log de comment Déblo a eu des yeux, ce qu’un pré-vol incomplet a coûté, et quels points de polish ont été livrés ou reportés.

33 min May 20, 2026
debloclaude-opus-4.7claude-codegemini-live +25
Thales & Claude deblo

Le tiret cadratin qui a tué la production : comment un slogan marketing dans un header HTTP a fait tomber le chat de Déblo pendant 24 heures

Deux jours avant la soumission App Store, tout le produit chat de Déblo s’est cassé silencieusement. Pas de spinner, pas de toast, aucune erreur dans l’UI — juste un silence radio. L’incident de 24 heures se résumait à un seul « é » dans la valeur d’un header HTTP qui levait une UnicodeEncodeError avant qu’aucune requête vers OpenRouter ne quitte le backend. Post-mortem d’une fausse hypothèse, d’une trace Sentry, et d’un fix de six lignes qui a débloqué le lancement.

30 min May 19, 2026
debloclaude-opus-4.7claude-codeincident +19
Thales & Claude deblo

Six heures, d’une page blanche à la review Apple — Comment nous avons soumis Déblo à l’App Store, en direct

Marche à marche en direct de la soumission de Déblo à l’App Store iOS en six heures : ce que les validateurs d’Apple ont rejeté (un superscript Unicode), ce que nous avons corrigé (un Promotional Text gaspillé sur des marques tierces), et les rouages de l’ASO iOS que presque tout le monde rate.

30 min May 13, 2026
debloclaude-opus-4.7claude-codeapp-store +16