Fiche Descriptive Complète : MONITOR v3.0.0
🔷 INFORMATIONS GÉNÉRALES
Champ Détail
Nom du template monitor_ai_gpu_cpu.html
Version 3.0.0 — « Intelligence Edition »
Date de création 18 Mars 2026
Auteur / Designer Gemini (Inspiré par Refoia Jeremy Tech)
Type de page Dashboard de Monitoring / Agrégateur RSS
Objectif principal Centraliser et analyser en temps réel les flux IA, GPU et CPU
🎯 DESCRIPTION FONCTIONNELLE
📌 Que fait ce template ?
Ce template est une interface de monitoring de type Cyberpunk/Futuriste conçue pour l’agrégation de données en temps réel. Il récupère des flux RSS provenant de sources majeures (OpenAI, NVIDIA, TechCrunch, etc.), les catégorise automatiquement via un script interne, et affiche des statistiques de tendances.
Il propose :
Un flux global filtrable.
Une vue spécialisée en 3 colonnes (IA, GPU, CPU).
Un système d’analyse automatique des mots-clés et des alertes critiques.
Des visualisations graphiques (Radar et Bar Chart) via Canvas.
📌 Public cible (Persona)
👤 Veilleurs technologiques souhaitant une vue d’ensemble rapide.
👤 Hardware Enthusiasts suivant les lancements de composants.
👤 Ingénieurs IA surveillant les publications de papiers de recherche.
⚙️ SPÉCIFICATIONS TECHNIQUES
🌐 Environnement & Compatibilité
Standard HTML : HTML5 Sémantique.
Framework CSS : CSS Pur (Custom Properties/Variables).
Framework JS : Vanilla JS (aucun framework externe).
Responsive : ✅ Oui — Layout adaptatif (Grid & Flexbox).
Effets visuels : Scanlines, animations de pulsation, flou de mouvement (Backdrop-filter).
📦 Dépendances / Assets
Fonts : Google Fonts (Share Tech Mono, Orbitron, Rajdhani).
API Externe : rss2json (pour contourner les limitations CORS des flux RSS).
📥 ENTRÉES — CONTENU DYNAMIQUE
# Nom de la variable Type Description
1 SOURCES_ALL Array Liste des URLs RSS généralistes.
2 KEYWORDS Object Dictionnaire de mots-clés pour le scoring et la catégorisation.
3 allArticles Array Stockage local des objets articles après fetch.
4 currentView String État de la vue (all, ai, gpu, cpu).
🧱 STRUCTURE DU FICHIER — DOM
monitor_ai_gpu_cpu.html
📌
: Importation des polices futuristes et définition du thème sombre (:root).📌
:🏗️
🏗️
