-
Notifications
You must be signed in to change notification settings - Fork 0
/
controlar.html
105 lines (103 loc) · 5.26 KB
/
controlar.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
98
99
100
101
102
103
104
105
<!DOCTYPE html>
<html lang="pt">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Controlar a Doença</title>
<link rel="stylesheet" href="CSS/estilo.css">
</head>
<body>
<ul class="navbar">
<li><a href="graficoSIR.html">Modelo SIR</a></li>
<li><a href="controlar.html">Controlar a Doença</a></li>
<li><a href="imunidade-de-grupo.html">Fase Endémica e Imunidade de Grupo</a></li>
</ul>
<main id="tudo">
<header>
<h1>Controlar a Doença</h1>
</header>
<section>
<div>
<h3>Começamos com o mesmo gráfico:</h3>
<table class="centered">
<tr>
<td class="slider-label"><label for="inf">Taxa de Infeção: </label></td>
<td><input type="range" name="inf" id="inf" class="slider" min="20" max="60" value="40"></td>
<td><span id="infValue">2.00</span></td>
</tr>
<tr>
<td class="slider-label"><label for="rem">Taxa de Recuperação: </label></td>
<td><input type="range" name="rem" id="rem" class="slider" min="10" max="50" value="30"></td>
<td><span id="remValue">0.60</span></td>
</tr>
</table>
</div>
<div id="div-simplesSIR" class="graf"></div>
<div id='concl-simplesSIR'>
<p>O máximo de pessoas infetadas ao mesmo tempo foi de: <b id="concl-simplesSIR-maxInf">366</b></p>
<p>O número de pessoas infetadas no total foi de: <b id="concl-simplesSIR-totInf">970</b></p>
</div>
</section><br>
<section>
<div>
<p>
Depois, vejamos o que aconteceria se conseguissemos diminuir a taxa de infeção, através de medidas como a quarentena ou o distanciamento,
ou se aumentassemos as nossas capacidades de curar os infetados:
</p>
<p class="explicar">(As mudanças acontecem 20 dias depois da 1ª infeção)</p>
</div>
<div>
<table class="centered">
<tr>
<td class="slider-label"><label for="novo_inf">Taxa de Infeção: </label></td>
<td><input type="range" name="novo_inf" id="novo_inf" class="slider" min="2" max="20" value="20"></td>
<td><span id="novo_infValue">100%</span> da original</td>
</tr>
<tr>
<td class="slider-label"><label for="novo_rem">Taxa de Recuperação: </label></td>
<td><input type="range" name="novo_rem" id="novo_rem" class="slider" min="20" max="30" value="20"></td>
<td><span id="novo_remValue">100%</span> da original</td>
</tr>
</table>
</div>
<div id="div-controlarSIR" class="graf"></div>
<div id="concl-controlarSIR">
<p>O máximo de pessoas infetadas ao mesmo tempo foi de: <b id="concl-controlarSIR-maxInf">366</b> <i id="concl-controlarSIR-maxInfComparar">(-0%)</i></p>
<p>O número de pessoas infetadas no total foi de: <b id="concl-controlarSIR-totInf">970</b> <i id="concl-controlarSIR-totInfComparar">(-0%)</i></p>
</div>
<div>
<p>
Como podemos ver, até pequenas variações nas taxas permitem-nos controlar muito melhor o número de pessoas infetadas ao mesmo tempo, para não sobrecarregar o sistema de saúde,
e o número de pessoas infetadas no total.
</p>
</div>
</section><br>
<section>
<div>
<p>Finalmente, é possível medir o impacto que <i><u>as mesmas</u></i> medidas causariam se fossem postas em prática mais tarde ou mais cedo.</p>
</div>
<table class="centered">
<tr>
<td class="slider-label"><label for="tempo">Dia em que as medidas são implementadas: </label></td>
<td><input type="range" name="tempo" id="tempo" class="slider" min="5" max="35" value="20"></td>
<td>Dia <span id="tempoValue">20</span></td>
</tr>
</table>
<div id="div-controlarTempoSIR" class="graf"></div>
<div id="concl-controlarTempoSIR">
<p>O máximo de pessoas infetadas ao mesmo tempo foi de: <b id="concl-controlarTempoSIR-maxInf">366</b> <i id="concl-controlarTempoSIR-maxInfComparar">(-0%)</i></p>
<p>O número de pessoas infetadas no total foi de: <b id="concl-controlarTempoSIR-totInf">970</b> <i id="concl-controlarTempoSIR-totInfComparar">(-0%)</i></p>
</div>
<div>
<p>Reagir cedo é vital para controlar a doença!</p>
</div>
</section>
</main>
<footer>
<p>Feito em Junho 2021</p>
<p>© Guilherme Baos</p>
</footer>
<script src="https://cdn.jsdelivr.net/npm/chart.js@2.8.0"></script>
<script src="JS/controlarSIR.js"></script>
</body>
</html>