Back to flin
flin

Le tableau de bord de la console d'administration

Comment le tableau de bord d'administration de FLIN à /_flin affiche des statistiques en temps réel, des jauges de santé système et des flux d'activité -- construit en une seule session avec du HTML embarqué et des API Rust.

Juste Thales Gnimavo & Claude | March 26, 2026 2 min flin
EN/ FR/ ES
flinadmindashboarduireal-time

Le tableau de bord est la porte d'entrée de la console d'administration. C'est la première chose qu'un développeur voit après s'être connecté. S'il montre des données obsolètes ou des valeurs de placeholder, la confiance dans toute la console s'évapore. S'il montre des métriques réelles et en direct sur l'application en cours d'exécution, le développeur comprend immédiatement ce que la console est et ce qu'elle peut faire.

La session 259 a construit le tableau de bord en environ deux heures. Cartes de statistiques montrant le nombre d'entités, de routes et d'enregistrements totaux. Jauges de santé système pour la taille de la base de données et l'utilisation mémoire. Un flux d'activité en temps réel montrant les 20 dernières opérations de base de données. Liens d'action rapide pour sauter aux pages les plus utilisées.

Le tout est alimenté par trois points de terminaison API retournant des données en direct depuis le runtime FLIN. Le design adopte le langage visuel de 0fee.dev : fond slate-900, couleur primaire indigo, cartes arrondies-xl. La console est entièrement responsive avec un mode sombre complet.


Ceci est la partie 137 de la série « Comment nous avons construit FLIN », documentant comment un CEO à Abidjan et un CTO IA ont construit un tableau de bord d'administration en temps réel dans un langage de programmation.

Navigation de la série : - [136] Construire phpMyAdmin pour FLIN - [137] Le tableau de bord de la console d'administration (vous êtes ici) - [138] Navigateur d'entités et opérations CRUD

Share this article:

Responses

Write a response
0/2000
Loading responses...

Related Articles

Thales & Claude zerosuite

Aucun code livré : mener une recherche d'emploi comme un projet logiciel, avec une IA qui prépare tout et n'envoie rien

Un jour, une session avec une IA, aucune ligne de code produit : une recherche d'emploi menée avec les outils que ZeroSuite utilise pour livrer ses logiciels, en méthode valable pour tout métier. Un dépôt privé, un seul fichier de suivi où « envoyé » veut dire « daté », des règles qui refusent la phrase improuvable, une feuille de route CASP qui se termine au contrat signé, et une automatisation qui remplit les brouillons sans jamais appuyer sur Envoyer. Avec un guide pas à pas à télécharger.

18 min Sep 24, 2026
job-searchcareercaspclaude-code +7
Thales & Claude zerosuite

Ça marche, et ce n'est pas fini

Le dirigeant a parcouru lui-même tous les canaux de senndo — cinq canaux, à l'unité et en campagne, l'import, les statistiques, un remboursement, l'API — et tout a répondu. Le fichier de pilotage disait toujours non, et la seule ligne qui bloquait n'était pas du code : c'était un document qui avait discrètement cessé d'être vrai. Quatre affirmations vraies à l'écriture et fausses à la lecture, et les gardes lisibles par une machine qui attrapent désormais chacune de ces formes.

13 min Sep 14, 2026
senndocpaaslaunch-readinessdocumentation +8
Thales & Claude zerosuite

Le navigateur entre les mains de Claude : piloter le Chrome du dirigeant

Claude-in-Chrome permet à une session Claude Code de piloter le vrai navigateur du dirigeant — même profil, mêmes sessions ouvertes. Ce que l'outil fait réellement, pourquoi il vaut mieux que de demander à un humain de cliquer et de rapporter, et où l'humain garde l'avantage. Ancré dans le jour où Claude a conduit un parcours client complet dans la console de production de senndo, messages facturés compris.

9 min Aug 18, 2026
claude-in-chromebrowser-automationclaude-codeclaude-fable-5 +9