Fiche Descriptive Complète : Dashboard de Calculs Multi-Activités
🔷 INFORMATIONS GÉNÉRALES
Champ Détail
Nom du template dashboard_operations_chimie_vehicule.html
Version 1.0.0
Date de création 25/03/2026
Auteur / Designer Gemini 3 Flash / Refoia Jeremy Tech
Type de page Dashboard de Monitoring / Data Visualization
Objectif principal Afficher et filtrer les résultats des calculs (Chimie, Véhicule, Santé)
🎯 DESCRIPTION FONCTIONNELLE
📌 Que fait ce template ?
Ce template est une interface de rapport dynamique. Il prend les données traitées par le script Python (concentrations, consommations, doses) et les présente sous forme de tableaux interactifs et de cartes de résumé. Il permet de distinguer visuellement les trois types d’activités grâce à un code couleur spécifique.
📌 Public cible (Persona)
👤 Techniciens de laboratoire (Suivi des solutions désinfectantes).
👤 Gestionnaires de flotte (Suivi de la consommation carburant).
👤 Auxiliaires de santé animale (Vérification des doses médicamenteuses).
⚙️ SPÉCIFICATIONS TECHNIQUES
🌐 Environnement & Compatibilité
Standard HTML : HTML5 (Sémantique)
Framework CSS : Tailwind CSS (pour la rapidité et le responsive)
Framework JS : Alpine.js (léger pour les filtres de tableau)
Responsive : ✅ Oui — Adapté aux tablettes et mobiles pour le terrain.
📦 Dépendances / Assets
HTML
📥 ENTRÉES — CONTENU DYNAMIQUE
# Nom de la variable Type Obligatoire Description
1 data_list array ✅ Oui Liste des opérations (Activité, Type, Résultat…)
2 total_count int ❌ Non Nombre total d’opérations effectuées
3 last_update date ✅ Oui Date de génération du fichier Excel
🧱 STRUCTURE DU FICHIER — DOM
index.html
📌
: Meta SEO, CDN Tailwind, Titre « Reporting Opérations ».
📌
🏗️
: Logo + Titre « Dashboard Multimodal » + Badge statut.
🏗️
🧱
: 3 Cards (Moyenne Chimie, Moyenne Conso, Total Doses).
🧱
:
Filtres (Boutons : Tout / Chimie / Véhicule / Santé).
