From ca87174bdb1e586b1e1ceb4353c65adade27e87f Mon Sep 17 00:00:00 2001
From: p2312048 <maya.boudjebbour@etu.univ-lyon1.fr>
Date: Tue, 14 Jan 2025 02:14:56 +0100
Subject: [PATCH] =?UTF-8?q?int=C3=A9gration=20du=20story=20telling=20visu?=
=?UTF-8?q?=201-2-3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
frontend/index.html | 33 +++---------------------
static/js/main.js | 62 ++++++++++-----------------------------------
2 files changed, 17 insertions(+), 78 deletions(-)
diff --git a/frontend/index.html b/frontend/index.html
index 9370fb8..83433a6 100644
--- a/frontend/index.html
+++ b/frontend/index.html
@@ -89,16 +89,7 @@
<!-- Texte à gauche -->
<div id="analysis-content-steps" class="col-md-6" data-aos="fade-right">
<h3>Analyse des Pas des Utilisateurs</h3>
- <p>
- Cette visualisation illustre les données sur le nombre de pas effectués par les utilisateurs
- chaque mois au cours des années. Utilisez le slider ci-dessous pour explorer les données
- par année et découvrir les tendances individuelles de chaque utilisateur.
- </p>
- <ul>
- <li><i class="bi bi-check"></i> Analyse par mois et par année.</li>
- <li><i class="bi bi-check"></i> Comparaison des pas entre utilisateurs.</li>
- <li><i class="bi bi-check"></i> Visualisation interactive avec un slider.</li>
- </ul>
+ <p style="font-size: 0.90em;">En 2024, les habitudes de marche des utilisateurs ont montré des comportements variés influencés par les saisons, les examens et les fêtes. <strong>Corentin</strong> a enregistré un pic notable en décembre, atteignant plus de 10 000 pas, probablement dû aux préparatifs des fêtes de fin d'année, offrant ainsi un boost temporaire à son activité physique. <strong>Anis</strong>, de son côté, a affiché une marche régulière tout au long de l'année, oscillant entre 6 500 et 9 000 pas, avec des variations accrues en fin d'année, semblables à celles de Corentin, probablement liées aux fêtes et aux changements dans son emploi du temps. <strong>Maya</strong>, vivant près de l'université, a maintenu un rythme compris entre 3 000 et 7 500 pas, mais a connu une baisse significative en fin d'année, probablement en raison du stress des examens et des périodes intensives de révisions. <strong>Amira</strong>, elle aussi proche de l'université, a affiché une activité réduite tout au long de l'année, particulièrement en novembre, période où les révisions l'ont retenue chez elle. Les tendances communes de 2024 montrent une diminution de l'activité en hiver, particulièrement chez Amira et Maya, affectées par le stress des examens. En revanche, Corentin et Anis ont montré une activité accrue en décembre, influencée par les fêtes de fin d'année. Ces dynamiques soulignent l'impact des facteurs sociaux, académiques et saisonniers sur les habitudes de marche des utilisateurs.</p>
</div>
<!-- Visualisation à droite -->
<div class="col-md-6">
@@ -132,16 +123,7 @@
<!-- Texte à droite -->
<div id="analysis-content-distanceCalories" class="col-md-6 order-md-2" data-aos="fade-left">
<h3>Analyse de la Distance Parcourue</h3>
- <p>
- Découvrez comment la distance parcourue est liée aux calories brûlées pour chaque utilisateur.
- Utilisez le slider pour explorer les données par année et comparez les performances des différents
- membres.
- </p>
- <ul>
- <li><i class="bi bi-check"></i> Relation distance-calories par mois et par année.</li>
- <li><i class="bi bi-check"></i> Comparaison des membres.</li>
- <li><i class="bi bi-check"></i> Visualisation interactive avec bulles et tooltip.</li>
- </ul>
+ <p style="font-size: 1.0em;">Cette visualisation met en évidence la relation entre la distance parcourue et les calories brûlées pour chaque utilisateur, offrant un aperçu des tendances dans leurs habitudes physiques. <strong>Anis</strong> se distingue comme celui qui marche le plus et brûle le plus de calories, atteignant un pic de 484 calories brûlées en mai après avoir parcouru 6,73 km. En décembre, il reste régulier, avec 6,58 km parcourus et 474 calories brûlées. <strong>Corentin</strong> suit de près, avec une activité soutenue, notamment en décembre, mais ses performances restent en deçà de celles d'Anis. <strong>Maya</strong> et <strong>Amira</strong> affichent une activité plus modérée, bien qu'elles connaissent une hausse notable en décembre, probablement en raison des préparatifs des fêtes de fin d'année. En revanche, les mois de faible activité ne montrent pas de tendance claire, chaque utilisateur ayant des variations uniques, reflétant des contraintes et habitudes personnelles.</p>
</div>
</div>
</div>
@@ -153,15 +135,8 @@
<!-- Texte à gauche -->
<div id="analysis-content-calories" class="col-md-6" data-aos="fade-right">
<h3>Analyse des Calories Brûlées</h3>
- <p>
- Cette visualisation explore les calories brûlées par chaque utilisateur au fil des mois.
- Utilisez le slider pour naviguer entre les années et analyser les tendances des différents membres.
- </p>
- <ul>
- <li><i class="bi bi-check"></i> Analyse des calories par mois et par année.</li>
- <li><i class="bi bi-check"></i> Comparaison des utilisateurs.</li>
- <li><i class="bi bi-check"></i> Visualisation interactive avec des aires.</li>
- </ul>
+ <p style="font-size: 1.0em;">Le graphique illustre les calories brûlées chaque mois par les membres du groupe en 2024, mettant en évidence des variations intéressantes dans leurs niveaux d'activité. <strong>Anis</strong> est clairement le leader en matière de calories brûlées, atteignant un pic de 480 calories en mai grâce à ses activités physiques variées, telles que la marche et le vélo. <strong>Corentin</strong> suit avec un effort plus équilibré, atteignant un pic de 300 calories en avril et décembre. <strong>Maya</strong> et <strong>Amira</strong> brûlent globalement moins de calories, avec Maya étant légèrement plus active que Amira, dont la dépense calorique est généralement faible, mais avec un pic exceptionnel de 150 calories en septembre. Ces résultats illustrent des dynamiques individuelles distinctes : Anis est le plus actif, Amira est plus sédentaire, Maya maintient une constance régulière, et Corentin affiche des efforts notables lors de certains mois.</p>
+
</div>
<!-- Visualisation à droite -->
<div class="col-md-6">
diff --git a/static/js/main.js b/static/js/main.js
index 2a81845..88735bb 100644
--- a/static/js/main.js
+++ b/static/js/main.js
@@ -9,44 +9,25 @@ const analyses = {
steps: {
2022: `
<h3>2022 : Une année de progression générale</h3>
- <ul>
- <li><strong>Corentin :</strong> Pic impressionnant de 10 500 pas, le plus actif de l'année.</li>
- <li><strong>Anis :</strong> Progression régulière avec une constance remarquable.</li>
- <li><strong>Maya :</strong> Montée progressive culminant en fin d'année.</li>
- </ul>
- <p>Tous les utilisateurs montrent une augmentation continue de leur activité, avec Corentin en tête, suivi d'Anis et de Maya.</p>
+ <p style="font-size: 0.9em;">En 2022, les habitudes de marche des utilisateurs ont montré une progression constante, avec une augmentation continue de l'activité de marche chez tous les membres. <strong>Corentin</strong> a dominé l'année avec un pic impressionnant de 10 500 pas, restant le leader tout au long de l'année grâce à sa régularité. <strong>Anis</strong> a suivi de près, affichant une hausse régulière de son activité, bien qu'il n'ait pas atteint les sommets de Corentin. <strong>Maya</strong> a également observé une montée progressive de son activité, culminant en fin d'année à un niveau légèrement inférieur à celui d'Anis. La tendance générale a montré que tous les utilisateurs ont augmenté leur nombre de pas de manière continue, avec des variations d'intensité, mais une dynamique de progrès global. Corentin a terminé l'année en tête, suivi d'Anis et de Maya, mettant en lumière une année marquée par une progression constante des habitudes de marche.</p>
+</p>
`,
2023: `
- <h3>2023 : Analyse des habitudes de marche</h3>
- <ul>
- <li><strong>Anis :</strong> Domine l'année avec un pic de 11 500 pas en mars, mais baisse notable en été.</li>
- <li><strong>Corentin :</strong> Activité croissante dès février, mais baisse hivernale.</li>
- <li><strong>Maya :</strong> Rythme stable avec une hausse estivale due à ses jobs étudiants.</li>
- <li><strong>Amira :</strong> Moins active avec des données partielles, baisse notable en fin d'année.</li>
- </ul>
- <p>Des tendances saisonnières et des obligations personnelles influencent l'activité de marche.</p>
+ <h3> 2023:Analyse des habitudes de marche des utilisateurs en 2023</h3>
+ <p style="font-size: 0.9em;">En 2023, les habitudes de marche des utilisateurs ont varié en fonction des saisons et de leurs rythmes de vie. <strong>Anis</strong>, le grand marcheur de l'année, a atteint un pic impressionnant de 11 500 pas en mars lors de son voyage en Suisse, mais a vu son activité chuter en été à cause de la chaleur. Cependant, il a progressivement retrouvé ses habitudes de marche en fin d'année. <strong>Corentin</strong>, quant à lui, a commencé l'année avec une activité faible, avant de connaître une forte montée en février. Son activité a toutefois diminué à l'automne, probablement à cause du froid et des journées plus courtes. <strong>Maya</strong> a maintenu un rythme globalement stable, mais a observé une baisse d'activité durant l'hiver et le printemps, avant de connaître une hausse significative en été grâce à ses emplois étudiants. En revanche, <strong>Amira</strong>, qui a commencé à utiliser son iPhone seulement en septembre, a montré une activité plus faible que les autres, avec une baisse marquée en fin d'année. En observant ces comportements, on constate que la majorité des utilisateurs ont réduit leur activité à la rentrée, influencée par le stress des examens et la fraîcheur de l'automne. En été, les utilisateurs comme Anis et Maya ont enregistré des pics d'activité, souvent liés à des voyages ou des emplois nécessitant plus de déplacements. Ces variations soulignent l'impact des saisons et des rythmes personnels sur les habitudes de marche.</p>
`,
2024: `
<h3>2024 : Une année de comportements variés</h3>
- <ul>
- <li><strong>Corentin :</strong> Forte activité en décembre, dépassant les 10 000 pas.</li>
- <li><strong>Anis :</strong> Régularité tout au long de l'année avec des variations en fin d'année.</li>
- <li><strong>Maya :</strong> Baisse liée au stress des examens en fin d'année.</li>
- <li><strong>Amira :</strong> Activité faible, mais légèrement accrue en été.</li>
- </ul>
- <p>Des tendances saisonnières comme la baisse hivernale et le pic de décembre sont observées.</p>
+ <p style="font-size: 0.9em;">En 2024, les habitudes de marche des utilisateurs ont montré des comportements variés influencés par les saisons, les examens et les fêtes. <strong>Corentin</strong> a enregistré un pic notable en décembre, atteignant plus de 10 000 pas, probablement dû aux préparatifs des fêtes de fin d'année, offrant ainsi un boost temporaire à son activité physique. <strong>Anis</strong>, de son côté, a affiché une marche régulière tout au long de l'année, oscillant entre 6 500 et 9 000 pas, avec des variations accrues en fin d'année, semblables à celles de Corentin, probablement liées aux fêtes et aux changements dans son emploi du temps. <strong>Maya</strong>, vivant près de l'université, a maintenu un rythme compris entre 3 000 et 7 500 pas, mais a connu une baisse significative en fin d'année, probablement en raison du stress des examens et des périodes intensives de révisions. <strong>Amira</strong>, elle aussi proche de l'université, a affiché une activité réduite tout au long de l'année, particulièrement en novembre, période où les révisions l'ont retenue chez elle. Les tendances communes de 2024 montrent une diminution de l'activité en hiver, particulièrement chez Amira et Maya, affectées par le stress des examens. En revanche, Corentin et Anis ont montré une activité accrue en décembre, influencée par les fêtes de fin d'année. Ces dynamiques soulignent l'impact des facteurs sociaux, académiques et saisonniers sur les habitudes de marche des utilisateurs.</p>
+
`,
},
distanceCalories: {
2023: `
- <h3>2023 : Distance et calories</h3>
- <ul>
- <li><strong>Anis :</strong> Leader incontesté, atteignant un pic en mars avec 484 calories brûlées.</li>
- <li><strong>Corentin :</strong> Activité constante, avec une hausse estivale marquée.</li>
- <li><strong>Maya et Amira :</strong> Moins actives, mais hausse notable en fin d'année.</li>
- </ul>
- <p>Les tendances montrent des variations saisonnières avec des pics en été et en décembre.</p>
+ <h3>Comparaison des calories brûlées vs distance parcourue en 2023</h3>
+ <p style="font-size: 0.95em;">Anis conserve sa place de leader en 2023, marchant et brûlant le plus de calories tout au long de l'année, tandis que <strong>Corentin</strong> le suit de près, affichant également une activité constante. <strong>Amira</strong> dépasse légèrement <strong>Maya</strong> en termes de distance parcourue et de calories brûlées. Un événement marquant se produit en <strong>juillet</strong>, où les comportements des membres diffèrent : Maya, Anis, et Amira marchent peu et brûlent peu de calories, en raison de leur séjour en Algérie, où ils privilégient la voiture plutôt que la marche. En revanche, Corentin se distingue en atteignant son pic d’activité, marchant et brûlant le plus de calories ce mois-là . Les tendances générales de 2023 confirment les habitudes établies : Anis reste le plus actif, suivi de Corentin, tandis qu’Amira dépasse Maya pour la première fois. Les variations saisonnières sont également influencées par des événements spécifiques, tels que les vacances en Algérie ou les préparatifs des fêtes de fin d’année.</p>
+
`,
2024: `
<h3>2024 : Comparaison distance-calories</h3>
@@ -61,34 +42,17 @@ const analyses = {
calories: {
2022: `
<h3>2022 : Distance et calories</h3>
- <ul>
- <li><strong>Anis :</strong> Anis reste actif, mais légèrement derrière Corentin.</li>
- <li><strong>Corentin prend la tête :</strong> En 2022, avec l’introduction du suivi des calories brûlées en juillet, Corentin prend la tête du groupe. Il dépasse légèrement Anis en atteignant un pic de 220 calories brûlées, tandis qu’Anis reste un peu en retrait.</li>
- <li><strong>Maya :</strong> Maya, une dépense calorique modeste</li>
- <li><strong>Amira :</strong> Amira ne dispose pas de données sur les calories brûlées, n'ayant pas encore d'iPhone.</li>
+ <p style="font-size: 0.95em;">En 2022, avec l’introduction du suivi des calories brûlées en juillet, <strong>Corentin</strong> prend la tête du groupe, atteignant un pic de 220 calories, légèrement au-dessus d'<strong>Anis</strong>, qui reste un peu en retrait. <strong>Anis</strong> continue de maintenir une activité soutenue tout au long de l’année, mais n’atteint pas les 220 calories de Corentin. De son côté, <strong>Maya</strong> affiche une dépense calorique modeste, avec un maximum de 60 calories pour l'année. Enfin, <strong>Amira</strong> ne dispose pas de données sur les calories brûlées, n'ayant pas encore d'iPhone.</p>
- </ul>
- <p>Les tendances montrent des variations saisonnières avec des pics en été et en décembre.</p>
`,
2023: `
<h3>2023 : Analyse des calories brûlées</h3>
- <ul>
- <li><strong>Anis :</strong> Pic de 500 calories brûlées en mars, régularité tout au long de l'année.</li>
- <li><strong>Corentin :</strong> Activité stable, légère baisse estivale.</li>
- <li><strong>Maya :</strong> Constance avec un pic à 110 calories en septembre.</li>
- <li><strong>Amira :</strong> Progression vers la fin d'année, pic à 100 calories en décembre.</li>
- </ul>
- <p>Une fin d'année plus active pour tout le monde.</p>
+ <p style="font-size: 0.95em;">Anis reste le membre le plus actif, atteignant un pic de plus de 500 calories brûlées en mars. Malgré une baisse durant les mois d'été, il maintient une dépense calorique supérieure à celle des autres, témoignage de sa régularité dans les activités physiques. <strong>Corentin</strong> affiche une évolution stable, bien qu'il subisse une baisse à partir de juillet, avec environ 110 calories brûlées par mois. Les <strong>filles</strong>, <strong>Maya</strong> et <strong>Amira</strong>, montrent des tendances intéressantes : Maya se distingue par sa constance, avec une légère hausse en septembre, tandis qu'Amira progresse notablement en fin d'année, atteignant son pic en décembre avec 100 calories brûlées. En fin d'année, tous les membres montrent une dynamique plus active, renforçant l'idée d'une période de plus grande activité physique.</p>
+
`,
2024: `
<h3>2024 : Analyse des calories</h3>
- <ul>
- <li><strong>Anis :</strong> Leader incontesté avec un pic de 450 calories en mai.</li>
- <li><strong>Corentin :</strong> Efforts notables, pic à 300 calories en avril et décembre.</li>
- <li><strong>Maya :</strong> Activité régulière entre 100 et 145 calories par mois.</li>
- <li><strong>Amira :</strong> Plus sédentaire, mais pic exceptionnel de 150 calories en septembre.</li>
- </ul>
- <p>Les résultats reflètent des dynamiques variées entre les membres.</p>
+ <p style="font-size: 0.95em;">En 2024, les habitudes de sommeil des membres du groupe révèlent des tendances intéressantes. <strong>Amira</strong> se distingue comme la plus grande dormeuse, dépassant régulièrement les autres membres avec une moyenne de 6 heures de sommeil par nuit en décembre. Même lors des périodes stressantes, comme les examens, elle parvient à maintenir un bon niveau de sommeil. <strong>Anis</strong>, quant à lui, présente un sommeil stable et régulier tout au long de l'année, offrant une constance comparable à celle d'Amira malgré ses activités physiques soutenues. À l'inverse, <strong>Maya</strong> est celle qui dort le moins, enregistrant en décembre une durée de sommeil minimale de seulement 0,70 heure, probablement en raison des nuits blanches liées aux examens. Enfin, <strong>Corentin</strong> présente un sommeil plus variable, sans tendance marquée, ses habitudes de sommeil oscillant au fil des mois.</p>
`,
},
};
--
GitLab