-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
138 lines (136 loc) · 5.13 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
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Mezcla 3 Tanques</title>
<link rel="stylesheet" href="Style.css" />
</head>
<body>
<header>
<aside class="Titu">
<h1><a href="">HMI</a></h1>
</aside>
<nav>
<div>
<aside>
<h2><a href="#Art_Diagra">GRAFCET</a></h2>
</aside>
<aside>
<h2><a href="#Aside_Simu">SIMULACIÓN</a></h2>
</aside>
<aside>
<h2><a href="/Reporte.html">Reporte Twidosuite</a></h2>
</aside>
</div>
</nav>
</header>
<main>
<article class="Main_Text">
<aside>
<h1>Automatización de la mezcla de 4 sustancias en 3 tanques</h1>
<p>
Se requiere automatizar la mezcla de una Sustancia A, B, C y D en
respectivo agitador, 4 válvulas, dos bombas y medidores de nivel en
cada tanque.
</p>
<p>
El proceso debe iniciar con un botón, y no se puede volver a usar
hasta que el proceso haya terminado y ningún tanque tenga alguna
cantidad de líquido.
</p>
<p>
El proceso inicia con el vertido de la sustancia A y B en un tanque
central, las cantidades de cada sustancia se van a medir con un
cronometro ya que las válvulas tienen un flujo constante. Luego de
haber pasado el tiempo de las dos sustancias se pasará a la fase de
agitación y calentar, este proceso durara hasta que la mezcla este a
una temperatura de 175 °C
</p>
<p>
Posteriormente se activarán dos bombas que llevarán el líquido al
tanque de la izquierda y el de la derecha. Por una parte, el tanque
de la izquierda solo utilizara el líquido que libre acumular durante
5 segundos; por otra parte, el tanque de la derecha absorberá hasta
que el medidor del tanque central se desactive
</p>
<p>
El tanque de la izquierda abrirá la válvula para ingresar la
sustancia D a la vez que va removiendo hasta alcanzar el medido de
nivel alto, luego de eso solo agitar durante 20 segundos para
posteriormente vaciar el tanque hacia otro sistema que necesita esta
mezcla
</p>
<p>
Por otra parte, el tanque de la derecha cuando haya completado de
vaciar el tanque central, abrirá la válvula para ingresar la
sustancia C durante 5 segundos, para posteriormente empezar a
mezclar durante 10 segundos y finalmente vaciar dicho tanque hacia
otro sistema que necesita esta mezcla
</p>
<p>
Para finalmente volver al paso 1 en donde puede iniciar el proceso
</p>
</aside>
<aside>
<img src="/img/Img.avif" width="500" alt="" />
</aside>
</article>
<article class="Diagramas" id="Art_Diagra">
<aside>
<h2>Diseño Del GRAFCET</h2>
<img src="/img/Grafcet.jpg" width="500" srcset="" />
</aside>
<aside>
<h2>Diseño Del Diagrama</h2>
<img src="/img/Diagrama.jpg" alt="Error" width="700" />
</aside>
</article>
<article class="simulacion">
<h2>Simulación</h2>
<aside class="simu" id="Aside_Simu">
<div id="Tanque3">
<div id="Liquid_T3"></div>
</div>
<div id="Bomba2">
<img id="Img_bom1" src="/img/Bomb.png" width="50" alt="" />
</div>
<div id="Tanque1">
<div id="Liquid_T1"></div>
</div>
<div id="Bomba1">
<img id="Img_bom2" src="/img/Bomb.png" width="50" alt="" />
</div>
<div id="Tanque2">
<div id="Liquid_T2"></div>
</div>
<div id="Medidas_div">
<p>Ultimo Estado: <span id="Estado">Esperando inicio</span></p>
<p>Tanque Izquierdo <span id="Porcen_T3">0</span>%</p>
<p>Tanque Central <span id="Porcen_T1">0</span>%</p>
<p>Tanque Derecho <span id="Porcen_T2">0</span>%</p>
<p>Válvula A: <span id="V_A">Cerrada</span></p>
<p>Válvula B: <span id="V_B">Cerrada</span></p>
<p>Válvula C: <span id="V_C">Cerrada</span></p>
<p>Válvula D: <span id="V_D">Cerrada</span></p>
<p>Bomba 1: <span id="Est_B1">Apagada</span></p>
<p>Bomba 2: <span id="Est_B2">Apagada</span></p>
<p>Temperatura: <span id="Temp">20</span> °C</p>
</div>
</aside>
<aside id="Aside_Ini">
<button id="Btn_Ini">INICIAR</button>
</aside>
</article>
</main>
<footer>
<section>
<h2>Autor</h2>
<p>Jose Gregorio Briceño Romero</p>
<p>V-29.544.700</p>
</section>
<h2 class="FooterSub">© 2024 Automatización de procesos industriales.</h2>
</footer>
</body>
<script src="/index.js"></script>
</html>