donnees_copiees_20260313_153807

Fiche Descriptive Complète : EcoMaintain AI

🔷 INFORMATIONS GÉNÉRALES

Champ Détail

Nom du template donnees_copiees_20260313_153807.html

Version 1.1.0 (Design Organique)

Date de création 16 Mars 2026

Auteur / Designer Gemini 3 Flash / Refoia Jeremy Tech

Type de page Dashboard de Maintenance Prédictive & Éco-responsable

Objectif principal Monitorer l’état technique tout en suivant l’impact carbone.

🎯 DESCRIPTION FONCTIONNELLE

📌 Que fait ce template ?

Ce template propose une interface de gestion de maintenance industrielle moderne. Il se distingue par un design organique (formes fluides, bords irréguliers) symbolisant la fusion entre technologie (IA) et écologie. Il permet de visualiser un « Green Score », d’analyser des données de machines en temps réel via des graphiques stylisés et d’accéder à une marketplace de pièces de rechange reconditionnées.

📌 Public cible (Persona)

👤 Techniciens de maintenance souhaitant un outil de suivi intuitif.

👤 Responsables RSE analysant l’impact carbone des réparations.

👤 Gestionnaires de stocks pour l’achat de pièces circulaires.

⚙️ SPÉCIFICATIONS TECHNIQUES

🌐 Environnement & Compatibilité

Standard HTML : HTML5 Sémantique.

Framework CSS : Tailwind CSS (via CDN).

Design System : Custom (Organic Soft UI).

Responsive : ✅ Oui (Grid adaptative lg:grid-cols-3 et md:grid-cols-3).

Animations : CSS Keyframes (float) pour le statut de l’IA.

📦 Dépendances / Assets

HTML

📥 ENTRÉES — CONTENU DYNAMIQUE

# Nom de la variable Type Obligatoire Description

1 user_name str ✅ Nom du technicien affiché en haut à droite.

2 green_score int ✅ Pourcentage d’impact écologique (ex: 88).

3 co2_saved str ❌ Texte sur les tonnes de CO2 évitées.

4 maintenance_next str ✅ Nom de l’équipement prioritaire (ex: Pompe P-04).

5 marketplace_items array ✅ Liste des pièces (nom, prix, grade, économie CO2).

🧱 STRUCTURE DU FICHIER — DOM

index.html