-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
149 lines (134 loc) · 6.65 KB
/
index.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
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-N5QHHDN0W5"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-N5QHHDN0W5');
</script>
<meta charset="utf-8">
<title>Calculadora Biodigestor</title>
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
<link rel="stylesheet" href="style.css">
</head>
<body class="col-8 mx-auto">
<header>
<div class="container">
<h1 class="text-center py-3">Calculadora Biodigestor</h1>
</div>
</header>
<main>
<section>
<div class="container flex-column justify-content-center">
<hr>
<form>
<h3>Metodo 1:</h3>
<p>
Calcular la carga diaria de un biodigestor a partir de su volumen.
La formula para hacerlo es la siguiente:
</p>
<math class="text-center py-1">
<mrow>
<mi>Carga diaria[kg]</mi> = <mfrac><mi>Volumen digestor[kg]</mi><mi>Tiempo de Retencion Hidraulico[dias]</mi></mfrac>
</mrow>
</math>
</form>
<form>
<h4 class="py-2">Carga diaria</h4>
<label for="tiempo-rec"><b>TRH[Dias]</b> (Tiempo de retencion hidraulico)</label>
<input type="number" id="tiempo-ret" name="tiempo-ret">
<label for="volumen-util"><b>Volumen del digestor[kg]</b> (Volumen ocupado por el liquido en el digestor, se asume misma densidad que el agua.)</label>
<input type="number" id="volumen-util" name="volumen-util">
<button type="button" class="btn btn-primary col-3 mx-auto" id="carga-diaria-b">Calcular carga diaria:</button>
<div id="result" class="mt-3">
<hr>
<b>Carga diaria (M2)[kg]:</b>
<output type="number" id="carga-diaria-o"></output>
<hr>
</div>
</form>
<form>
<h4 class="py-2">Balance de masa</h4>
<p>
La masa de carga diaria consiste de una solucion de sustrato con agua. Se suele utilizar una solucion de 8%.
Con la siguiente formula es posible obtener la cantidad de agua que debe agregarse al sustrato para obtener ese porcentaje de solucion.
<br>
</p>
<math class="text-center py-1">
<mi>M1</mi> <mo>∗</mo> <mi>C1</mi> <mo>=</mo> <mi>M2</mi> <mo>∗</mo> <mi>C2</mi>
</math>
<p>
Despejando M2 se obtiene la masa total del sustrato diluido para alimentar el digestor.
</p>
<math class="text-center py-1">
<mi>M2</mi> <mo>=</mo> <mi>M1</mi> <mo>∗</mo> <mfrac><mi>C1</mi><mi>C2</mi></mfrac>
</math>
<p>
El agua que debe agregarse al sustrato se puede obtener de restar M2 y M1.
</p>
<math class="text-center py-1">
<mi>Magua</mi> <mo>=</mo> <mi>M2</mi> <mo>-</mo> <mi>M1</mi>
</math>
<label for="contenido-uno"><b>C1[%]</b> (Contenido de solidos del sustrato puro, sin agregado de agua)</label>
<input type="number" id="contenido-uno" name="contenido-uno">
<label for="masa-dos"><b>M2[kg]</b> (Masa total de la mezcla sustrato con agua)</label>
<input type="number" id="masa-dos" name="masa-dos">
<label for="contenido-dos"><b>C2[%]</b> (Contenido de solidos del sustrato con agregado de agua)</label>
<input type="number" id="contenido-dos" name="contenido-dos">
<button type="button" class="btn btn-primary col-3 mx-auto" id="agua-agregada-b">Calcular agua a agregar:</button>
<div id="result1" class="mt-3">
<hr>
<b>M1[kg]</b> (Masa del sustrato):
<output type="number" id="masa-uno" name="masa-uno">
<hr>
</div>
<div class="mt-3">
<b>Agua agregada[L]:</b>
<output type="number" id="agua-agregada-o"></output>
</div>
</form>
<hr>
<form>
<h3>Metodo 2:</h3>
<p>
Calcular el volumen de un biodigestor a partir de la cantidad de residuo generada. Se empieza calculando la carga diaria a con la ecuacion de balance de masa.
</p>
<label for="masa-uno"><b>M1[kg]</b> (Contenido de solidos del sustrato puro, sin agregado de agua)</label>
<input type="number" id="masa-uno-2" name="masa-uno">
<label for="contenido-uno"><b>C1[%]</b> (Contenido de solidos del sustrato puro, sin agregado de agua)</label>
<input type="number" id="contenido-uno-2" name="contenido-uno">
<label for="contenido-dos"><b>C2[%]</b> (Contenido de solidos del sustrato)</label>
<input type="number" id="contenido-dos-2" name="contenido-dos">
<button type="button" class="btn btn-primary col-3 mx-auto" id="carga-diaria-b2">Calcular carga diaria:</button>
<div id="result1" class="mt-3">
<hr>
<b>M2[kg]</b> (Masa del sustrato con agua agregada):
<output type="number" id="masa-dos-o2" name="masa-uno">
</div>
<div class="mt-3">
<b>Agua agregada[L]:</b>
<output type="number" id="agua-agregada-o2"></output>
<hr>
</div>
<p>Con el valor de carga diaria ahora es posible calcular el volumen del biodigestor capaz de digerir esa cantidad diaria de sustrato.</p>
<label for="tiempo-rec"><b>TRH[Dias]</b> (Tiempo de retencion hidraulico)</label>
<input type="number" id="tiempo-ret-2" name="tiempo-ret-2">
<label for="carga-diaria-2"><b>M2[kg]:</b> (Masa del sustrato con agua agregada.)</label>
<input type="number" id="carga-diaria-2" name="carga-diaria-2">
<button type="button" class="btn btn-primary col-3 mx-auto" id="volumen-util-b">Calcular volumen util:</button>
<div class="mt-3">
<hr>
<b>Volumen util[L]:</b>
<output type="number" id="volumen-util-o"></output>
<hr>
</div>
</form>
</div>
</section>
</main>
<script src="script.js"></script>
</body>
</html>