Fiche Descriptive Complète : Dashboard Bio-Beauté « Onizuka »
🔷 INFORMATIONS GÉNÉRALES
Champ Détail
Nom du template dashboard-bio-beaute.html
Version 1.0.0
Date de création 25/03/2026
Auteur / Designer Refoia Jeremy Tech
Type de page Dashboard de suivi Santé/Beauté
Objectif principal Visualiser l’évolution des données biologiques et afficher des conseils personnalisés.
🎯 DESCRIPTION FONCTIONNELLE
📌 Que fait ce template ?
Ce template est une interface de suivi « Bio-Tech » qui permet d’afficher les résultats d’analyses cutanées. Il présente un graphique d’évolution (Hydratation vs Élasticité) et une section de coaching dynamique qui adapte ses recommandations selon les scores obtenus (ex: Acide hyaluronique si hydratation < 50%). 📌 Public cible (Persona) 👤 Utilisateurs particuliers souhaitant suivre leur routine de soin. 👤 Professionnels de l'esthétique pour le suivi client en cabine. ⚙️ SPÉCIFICATIONS TECHNIQUES 🌐 Environnement & Compatibilité Standard : HTML5 / CSS3 (Flexbox & Grid). Framework CSS : Tailwind CSS (pour la rapidité d'intégration). Graphiques : Intégration de rendus Matplotlib (statique) ou Chart.js (dynamique). Responsive : ✅ Oui — Optimisé pour tablettes et mobiles. 📦 Dépendances / Assets HTML
📥 ENTRÉES — CONTENU DYNAMIQUE
# Nom de la variable Type Obligatoire Description
1 last_hydration int ✅ Dernier score d’hydratation (%)
2 last_elasticity int ✅ Dernier score d’élasticité (%)
3 advice_list array ✅ Liste des conseils générés par le script
4 chart_url string ✅ Chemin vers l’image rapport_coaching_beauté.png
🧱 STRUCTURE DU FICHIER — DOM
index.html
Section Score Global : Affichage du score de beauté calculé : Score=2Hydratation+Elasticiteˊ.
Section Graphique : Conteneur pour l’image générée ou le canvas de données.
Section Coaching : Cards contenant les conseils (Rétinol, Eau, etc.).



Avis
Il n’y a pas encore d’avis.