Projet professionnel · Prototype fonctionnel · 2026
ColorStockDu poids mesuré à la donnée métier.
J’ai participé au développement d’une application web pour salon de coiffure, reliée à une balance en Web Bluetooth. Mon travail a principalement porté sur la communication avec le matériel et sur l’interface graphique.
01 · Le contexte
Comprendre le besoin avant de développer
Le projet part d’un problème concret observé dans les salons : les restes de coloration sont rarement mesurés et leur coût reste difficile à évaluer. Avec Thierry Adet, j’ai travaillé sur un prototype capable de transformer les pesées effectuées pendant une préparation en informations enregistrées et analysables.
Mon enjeu : récupérer une mesure physique en direct, puis la rendre compréhensible et utile dans le parcours du coiffeur.
02 · Le périmètre du prototype
Relier plusieurs usages autour d’une même mesure
Pour comprendre mon travail sur l’interface, il faut situer les fonctions du prototype. ColorStock rassemble les recettes, les clients, les préparations, les collaborateurs, le stock et les analyses. Ces écrans utilisent tous les données produites pendant la pesée.
J’ai conçu un parcours qui affiche clairement le produit et la quantité à verser.
L’interface permet de retrouver les recettes et l’historique associés à une personne.
Les quantités enregistrées alimentent le suivi des produits disponibles.
Les écrans de synthèse rendent les pertes lisibles en grammes et en euros.
03 · Le parcours que j’ai mis en interface
Rendre une succession de pesées simple à suivre
La difficulté graphique principale était de guider le coiffeur sans lui demander de comprendre le fonctionnement technique de la balance. J’ai donc organisé l’interface autour d’étapes courtes, d’un poids visible en permanence et de retours d’état immédiats.
CHOISIR
Sélectionner le client, le collaborateur et la recette à réaliser.
PRÉPARER
Peser le bol vide, puis verser chaque produit selon la quantité indiquée.
APPLIQUER
La préparation agit pendant que ColorStock suit son avancement.
CONTRÔLER
Peser le bol restant pour calculer la perte réelle de la prestation.
04 · Ma contribution technique
Faire communiquer la balance et le navigateur
J’ai développé la partie API chargée des échanges Web Bluetooth entre la balance et le site. J’ai dû gérer la connexion au périphérique, récupérer le poids en continu et transmettre à l’interface les informations utiles, notamment l’état de connexion et la batterie. Ce travail m’a permis de relier une donnée physique à une application web sans logiciel intermédiaire installé sur le poste.
05 · Ma contribution graphique
Concevoir une interface métier dense mais compréhensible
J’ai également réalisé la partie graphique du site. Mon objectif était d’organiser de nombreuses fonctions tout en gardant le parcours de préparation rapide à lire. J’ai travaillé sur la hiérarchie des écrans, les états de la balance, la progression des dosages et l’adaptation de l’affichage aux ordinateurs, tablettes et smartphones.
API BALANCE
Décoder et transmettre le poids en direct grâce à Web Bluetooth.
INTERFACE
Organiser un logiciel métier dense sans ralentir le travail du coiffeur.
RESPONSIVE
Permettre l’utilisation sur ordinateur, tablette et smartphone.
RETOURS D’ÉTAT
Rendre visibles connexion, tare, batterie, dosage et progression.
INTÉGRATION
Faire fonctionner le front-end avec PHP, JavaScript, SQL et Apache.
06 · Programmation
Faire circuler la donnée de la balance jusqu’à la base
La partie programmation m’a demandé de faire dialoguer plusieurs couches. En JavaScript, j’ai géré la connexion Web Bluetooth, la réception des mesures et l’actualisation de l’interface. PHP assure les échanges avec le serveur, tandis que SQL conserve les clients, recettes, produits et préparations. J’ai dû veiller à ce qu’une mesure reçue au mauvais moment, une déconnexion ou un changement d’écran ne crée pas de données incohérentes.
Rechercher la balance, demander l’autorisation, établir la connexion et écouter les mesures envoyées.
Mettre à jour le poids et les états de l’interface sans recharger la page.
Transmettre, contrôler puis enregistrer les données utiles à chaque préparation.
Informer l’utilisateur lorsqu’une balance se déconnecte ou qu’une mesure ne peut pas être utilisée.
07 · Développement assisté par IA
Utiliser Codex pour apprendre de nouvelles technologies
J’ai choisi d’utiliser Codex comme outil de collaboration pendant le développement. Web Bluetooth et certaines interactions entre le navigateur, PHP et la base de données étaient nouvelles pour moi. Codex m’a aidé à explorer la documentation, comparer des approches, produire des premières solutions et comprendre plus rapidement du code que je ne maîtrisais pas encore.
Décrire précisément le besoin, le contexte technique et les contraintes du projet.
Faire expliquer une proposition avant de l’intégrer au reste de l’application.
Tester le résultat, lire le code et repérer les erreurs ou les effets de bord.
Décider de l’architecture et adapter les réponses à la réalité du prototype.
Ce choix ne remplace pas l’apprentissage de la programmation. Il m’a appris une compétence supplémentaire : savoir collaborer avec un agent IA tout en restant capable de comprendre, vérifier et faire évoluer le code produit.
08 · Logique fonctionnelle
Exploiter les données produites par mon interface
Le poids récupéré par mon API ne sert pas uniquement à afficher une valeur. Il intervient dans le dosage, le calcul des restes, la mise à jour du stock et l’ajustement d’une recette client. Cette chaîne m’a appris à penser l’interface en fonction des données qu’elle produit et consomme.
Retrouver la formule propre au client.
Guider chaque versement avec le poids en direct.
Soustraire le poids du bol vide aux restes mesurés.
Ajuster proportionnellement la prochaine préparation.
09 · Difficultés rencontrées
Faire fonctionner ensemble matériel, navigateur et données
J’ai dû prendre en compte les autorisations du navigateur, les déconnexions et les différences de compatibilité entre appareils.
L’affichage devait rester réactif et lisible pendant que les valeurs de poids évoluaient rapidement.
Connexion, tare, dosage, temps d’application et contrôle final nécessitaient des retours visuels cohérents.
Une même préparation modifie l’historique client, les pertes et le stock : chaque étape devait rester synchronisée.
10 · Technologies utilisées
Une architecture que j’ai appris à faire dialoguer
J’ai travaillé avec les traitements serveur et les points d’accès de l’application.
J’ai construit les interactions et traité les mesures reçues en direct.
J’ai manipulé les données liées aux clients, recettes, produits et préparations.
J’ai participé à l’intégration du prototype dans son environnement d’hébergement.
11 · Travail en équipe
Développer un prototype avec ILOS informatique
J’ai réalisé ce projet avec Thierry Adet, gérant d’ILOS informatique et développeur. Cette collaboration m’a confronté à un besoin professionnel réel, à une application déjà riche et à la nécessité de répartir puis d’intégrer nos développements.
- Tester mes choix d’interface sur un parcours métier complet
- Documenter les échanges entre la balance et le navigateur
- Corriger les cas de déconnexion ou de mesure inattendue
- Faire évoluer mon travail sans bloquer les autres fonctions du logiciel
ColorStock m’a surtout appris à construire le lien entre un objet physique, une interface web et un besoin métier réel.
← Retour aux projets