-
Notifications
You must be signed in to change notification settings - Fork 27
/
Copy pathfrench.html
97 lines (82 loc) · 4.86 KB
/
french.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
<html>
<head>
<meta charset="UTF-8">
<script language="javascript" type="text/javascript" src="https://cdn.jsdelivr.net/npm/[email protected]/lib/p5.js"></script>
<script language="javascript" type="text/javascript" src="SocialDistancingSimulator.js"></script>
<link rel="stylesheet" href="style.css">
<title>Simulateur d'éloignement social</title
</head>
<body>
<div class="container">
<h1>Simulateur d'éloignement social</h1>
<p>Avec ce simulateur, on peut interactivement explorer les effets d'éloignement social sur la propagation d'une maladie. Chaque point représente une personne qui peut être saine (blanc), immunisée (jaune), malade (rouge), ou morte (grise). Une personne saine tombe malade quand le point entre en collision avec un malade. Quand une personne malade survie à l'infection, elle devient immune.
</p>
<p>Déplacez les barres de défilement pour changer les parametres et constatez les changements. Une explication détaillée est disponible ci-dessous.</p>
<table class='parameters'>
<tr>
<td>Éloignement social</td>
<td><input id="social-distance-slider" class="slider" type="range" min="0" max="100" value="10"
oninput="document.getElementById('social-distance-value').innerHTML=this.value;"
onchange="document.getElementById('social-distance-value').innerHTML=this.value;"/></td>
<td><span id="social-distance-value">10</span>%</td>
<td class="restart-button" rowspan="3"><input id='restart-button' type='submit' value='Redémarrer'/></td>
</tr>
<tr>
<td>Taux de mortalité</td>
<td><input id="mortality-slider" class="slider" type="range" min="0" max="100" value="3"
oninput="document.getElementById('mortality-value').innerHTML=this.value;"
onchange="document.getElementById('mortality-value').innerHTML=this.value;"/></td>
<td><span id="mortality-value">3</span>%</td>
</tr>
<tr>
<td>Durée de la maladie</td>
<td><input id="sick-time-slider" class="slider" type="range" min="0" max="10" step="0.1" value="2"
oninput="document.getElementById('sick-time-value').innerHTML=Number(this.value).toFixed(1);"
onchange="document.getElementById('sick-time-value').innerHTML=Number(this.value).toFixed(1);"/></td>
<td><span id="sick-time-value">2.0</span>s</td>
</tr>
</table>
<div id="ball-simulation"></div>
<table class="statistics">
<tr>
<td><span style="font-size: 32px;">○</span> saine</td>
<td><span style="font-size: 32px; color: #FFFF40">●</span> immune</td>
<td><span style="font-size: 32px; color: #FF0000">●</span> malade</td>
<td><span style="font-size: 32px; color: #808080">●</span> morte</td>
<td>temps</td>
</tr>
<tr>
<td><span id="healthy-stat"></span>%</td>
<td><span id="immune-stat"></span>%</td>
<td><span id="sick-stat"></span>%</td>
<td><span id="dead-stat"></span>%</td>
<td><span id="current-time"></span>s</td>
</tr>
</table>
<div id="ball-graph"></div>
<p><b>Éloignement social</b> contrôle à quel point la population fait respecter l'éloignement social. A 0% il n'y a pas d'éloignement social et les gens bougent à la vitesse
maximale, de sorte à ce qu'ils se touchent beaucoup. A
100%, personne ne bouge et ils ne se touchent pas du tout.
</p>
<p><b>Taux de mortalité</b> est la probabilité qu'un malade meurt. Si vous le mettez à 0%, personne ne mourra, alors qu'une mortalité à 100% implique que tout ceux qui tombent malade mourront.</p>
<p><b>Durée de la maladie</b> détermine la durée de leur malade. Plus le temps de la maladie est grand, plus grande sera la probabilité que la personne malade propage l’infection. On mesure le temps en secondes parce que la simulation marche très vite. </p>
<p>
La simulation fait intentionnellement quelques hypothèses simplificatrices, parmi eux:
Il n’y pas de période d’incubation
les gens sont contagieux toute la durée de leur maladie;
et la probabilité de propager l’infection par contact est de 100%.
</p>
<p>
L'auteur <a href="http://www.andrej.com/">Andrej Bauer</a>
s’est inspiré, pour cette simulation,
d'un <a href="https://www.washingtonpost.com/graphics/2020/world/corona-simulator/">article</a> du Washington Post de Harry Stevens.
Le code source est disponible librement sous la forme d'un projet GitHub <a href="https://github.com/andrejbauer/social-distancing-simulator"><code>social-distancing-simulator</code></a>.
Merci d'aider à améliorer le code en le traduisant dans ta langue.
</p>
<p>Voir cette page en <a href="./index.html">d'autres langues</a>.
<p><b>Décharge de responsabilités:</b> Le but de cette simulation est purement pédagogique. Il
démontre la complexité d'éloignement social dans un milieu épidémique à l’aide d’un modèle mathématique artificiel. Il ne faut pas l’utiliser comme conclusion dans les cas de vraies maladies.
</p>
</div>
</body>
</html>