-
Notifications
You must be signed in to change notification settings - Fork 0
/
interfaz-usuario.html
194 lines (188 loc) · 11.1 KB
/
interfaz-usuario.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
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Modular fiber-coupled laser illumination</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="shortcut icon" href="./assets/favicon.ico" />
<link href="./static/style.css" rel="stylesheet">
<link href="./assets/style.css" rel="stylesheet">
<style>
.nav-list a.navhome, .sub-nav-list a.navhome{
background-color: #2D3D5B !important;
}
.gallery-thumb img:hover {
border: 4px solid #2D3D5B;
}
</style>
<style>
.nav-list a.active, .sub-nav-list a.active {
background-color: #cccccc !important;
}
</style>
<style>
.nav-list a:hover:not(.active), .sub-nav-list a:hover:not(.active) {
background-color: #555555 !important;
}
</style>
</head>
<body>
<header class="site-header">
<div class="wrapper header-wrapper" >
<div class=header-text>
<h1 class="site-title">Modular fiber-coupled laser illumination</h1>
<p class="author">by Francisco Martinez, Matías Hurtado-Labarca, Pierre Padilla-Huamantinco, and Vicente Parot</p>
<p class="affiliation">Latin American Hub for Bioimaging Through Open Hardware (LIBRE hub)</p>
</div>
</div>
</header>
<div class="page-content">
<div>
<nav class="sidebar">
<a href="#" class="menu-icon">
<svg viewBox="0 0 18 15">
<path fill="#424242" d="M18,1.484c0,0.82-0.665,1.484-1.484,1.484H1.484C0.665,2.969,0,2.304,0,1.484l0,0C0,0.665,0.665,0,1.484,0 h15.031C17.335,0,18,0.665,18,1.484L18,1.484z"/>
<path fill="#424242" d="M18,7.516C18,8.335,17.335,9,16.516,9H1.484C0.665,9,0,8.335,0,7.516l0,0c0-0.82,0.665-1.484,1.484-1.484 h15.031C17.335,6.031,18,6.696,18,7.516L18,7.516z"/>
<path fill="#424242" d="M18,13.516C18,14.335,17.335,15,16.516,15H1.484C0.665,15,0,14.335,0,13.516l0,0 c0-0.82,0.665-1.484,1.484-1.484h15.031C17.335,12.031,18,12.696,18,13.516L18,13.516z"/>
</svg>
</a>
<ul class="nav-list">
<li>
<a class="navhome" href="./">
Modular fiber-coupled laser illumination
</a>
</li>
<li class="active">
<a class="active" href="./assembly.html">
Ensamblaje
</a>
<ul class="sub-nav-list">
<li>
<a class="not-active" href="./sistema-optico.html">
Módulo óptico
</a>
</li>
<li>
<a class="not-active" href="./control-temperatura.html">
Módulo control de temperatura
</a>
</li>
<li>
<a class="active" href="./interfaz-usuario.html">
Módulo interfaz de usuario
</a>
</li>
</ul>
</li>
</ul>
</nav>
</div>
<div class="wrapper">
<h1 id="modulo-interfaz-de-usuario">Módulo interfaz de usuario</h1>
<h2 class="page-step" id="lm2596">Step 1: LM2596</h2>
<p>Posicionar LM2596 tal que la posición del potenciómetro sea la correcta. Atornillar placa a la tapa TOP usando llave allen M3.</p>
<div class="gallery-thumb">
<img onmouseover="getElementById('gallery-show0').src=this.src" src="images/lm2596.jpg" alt="" />
<img onmouseover="getElementById('gallery-show0').src=this.src" src="images/lm2596-tapa-top.jpg" alt="" />
</div>
<div class="gallery-show"><img id="gallery-show0" src="images/lm2596.jpg" alt=""/></div>
<h2 class="page-step" id="interruptores">Step 2: Interruptores</h2>
<p>Introducir señuelo de carga (tarjeta electrónica morada) a través de la perforación para el interruptor del motor. </p>
<div class="gallery-thumb">
<img onmouseover="getElementById('gallery-show1').src=this.src" src="images/interruptores.jpg" alt="" />
<img onmouseover="getElementById('gallery-show1').src=this.src" src="images/interruptores-senuelo.jpg" alt="" />
<img onmouseover="getElementById('gallery-show1').src=this.src" src="images/interruptores-senuelo_1.jpg" alt="" />
</div>
<div class="gallery-show"><img id="gallery-show1" src="images/interruptores.jpg" alt=""/></div>
<p>Introducir el segundo interruptor a través de la perforación para el láser y presionar para fijar al panel (tapa TOP).</p>
<h2 class="page-step" id="seuelo-de-carga">Step 3: Señuelo de carga</h2>
<p>Alinear la tarjeta electrónica morada con el adaptador como se muestra a continuación.</p>
<p><img alt="" src="images/senuelo-adaptador.jpg" title="" /></p>
<p>Atornillar pernos M2 para fijar tarjeta electrónica.</p>
<div class="gallery-thumb">
<img onmouseover="getElementById('gallery-show2').src=this.src" src="images/adaptador-tornillos.jpg" alt="" />
<img onmouseover="getElementById('gallery-show2').src=this.src" src="images/senuelo-adaptador-tornillos.jpg" alt="" />
</div>
<div class="gallery-show"><img id="gallery-show2" src="images/adaptador-tornillos.jpg" alt=""/></div>
<p>Insertar tuercas M3 y posteriormente fijar al panel (tapa TOP).</p>
<div class="gallery-thumb">
<img onmouseover="getElementById('gallery-show3').src=this.src" src="images/senuelo-adaptador-tapa-top.jpg" alt="" />
<img onmouseover="getElementById('gallery-show3').src=this.src" src="images/senuelo-adaptador-tapa-top_1.jpg" alt="" />
</div>
<div class="gallery-show"><img id="gallery-show3" src="images/senuelo-adaptador-tapa-top.jpg" alt=""/></div>
<h2 class="page-step" id="fijacin-de-cable-adaptador-m12">Step 4: Fijación de cable adaptador M12</h2>
<p>Introducir cable M12 desde el interior de la tapa TOP en su respectiva perforación. Posteriormente fijar la tuerca M12.</p>
<div class="gallery-thumb">
<img onmouseover="getElementById('gallery-show4').src=this.src" src="images/cable-m12.jpg" alt="" />
<img onmouseover="getElementById('gallery-show4').src=this.src" src="images/cable-m12_1.jpg" alt="" />
<img onmouseover="getElementById('gallery-show4').src=this.src" src="images/cable-m12-tapa-top.jpg" alt="" />
</div>
<div class="gallery-show"><img id="gallery-show4" src="images/cable-m12.jpg" alt=""/></div>
<h2 class="page-step" id="ampermetro">Step 5: Amperímetro</h2>
<p>Introducir y presionar amperímetro en el panel (tapa TOP). Fijar amperímetro con tuercas M3.</p>
<div class="gallery-thumb">
<img onmouseover="getElementById('gallery-show5').src=this.src" src="images/amperimetro.jpg" alt="" />
<img onmouseover="getElementById('gallery-show5').src=this.src" src="images/amperimetro-tornillos.jpg" alt="" />
</div>
<div class="gallery-show"><img id="gallery-show5" src="images/amperimetro.jpg" alt=""/></div>
<h2 class="page-step" id="fijacin-de-tarjeta-electrnica">Step 6: Fijación de tarjeta electrónica</h2>
<p>Posicionar y fijar tarjeta electrónica en panel (tapa TOP) usando 4 tornillos incluidos. Respetar orientación acorde a las siguientes imágenes.</p>
<div class="gallery-thumb">
<img onmouseover="getElementById('gallery-show6').src=this.src" src="images/pcb.jpg" alt="" />
<img onmouseover="getElementById('gallery-show6').src=this.src" src="images/pcb-tapa-top.jpg" alt="" />
</div>
<div class="gallery-show"><img id="gallery-show6" src="images/pcb.jpg" alt=""/></div>
<h2 class="page-step" id="conexin-de-cables">Step 7: Conexión de cables</h2>
<p>Conectar cables A, B, C y D en la misma letra según corresponda. Conectar golillas K1 y K2 en las posiciones señaladas en amperimetro. Conectar golillas color negro en el mismo perno del amperimetro según como se indica en las siguientes imágenes.</p>
<p><img alt="" src="images/cables-conexion.jpg" title="" /></p>
<p>Para la conexión de las golillas utilizar tuercas M3. </p>
<h2 class="page-step" id="conexin-y-fijacin-del-driver-de-lser">Step 8: Conexión y fijación del driver de láser</h2>
<p>Conectar cables LD, 12, FAN a tarjeta Laser Driver en puertos de láser, alimentación de 12 V y ventilador respectivamente.</p>
<div class="gallery-thumb">
<img onmouseover="getElementById('gallery-show7').src=this.src" src="images/laser-driver.jpg" alt="" />
<img onmouseover="getElementById('gallery-show7').src=this.src" src="images/laser-driver-cables.jpg" alt="" />
<img onmouseover="getElementById('gallery-show7').src=this.src" src="images/laser-driver-cables-conexion.jpg" alt="" />
</div>
<div class="gallery-show"><img id="gallery-show7" src="images/laser-driver.jpg" alt=""/></div>
<p>Voltear tarjeta de laser driver orientándola tal que el potenciómetro quede bien posicionado. Ensamblar separadores con pernos M3 para fijar tarjeta.</p>
<div class="gallery-thumb">
<img onmouseover="getElementById('gallery-show8').src=this.src" src="images/laser-driver-tapa-top.jpg" alt="" />
<img onmouseover="getElementById('gallery-show8').src=this.src" src="images/laser-driver-tapa-top_1.gif" alt="" />
<img onmouseover="getElementById('gallery-show8').src=this.src" src="images/laser-driver-tapa-top_2.jpg" alt="" />
</div>
<div class="gallery-show"><img id="gallery-show8" src="images/laser-driver-tapa-top.jpg" alt=""/></div>
<h2 class="page-step" id="montaje-de-tapa-acrlica">Step 9: Montaje de tapa acrílica</h2>
<p>Posicionar 4 tuercas M3 como se muestra en la siguiente imagen.</p>
<p><img alt="" src="images/tapa-bottom.jpg" title="" /></p>
<p>Orientar tapa BOTTOM de acrílico como se muestra en la siguiente imagen. Apretar pernos M3 y posteriormente pegar gomas antideslizantes en cada perno.</p>
<p><img alt="" src="images/tapa-bottom_1.jpg" title="" /></p>
<h2 class="page-step" id="ensamblaje-de-perillas">Step 10: Ensamblaje de perillas</h2>
<p>Posicionar y presionar cada perilla en cada orificio de la tapa TOP.</p>
<div class="gallery-thumb">
<img onmouseover="getElementById('gallery-show9').src=this.src" src="images/perillas.gif" alt="" />
<img onmouseover="getElementById('gallery-show9').src=this.src" src="images/perillas_1.gif" alt="" />
</div>
<div class="gallery-show"><img id="gallery-show9" src="images/perillas.gif" alt=""/></div>
<p>La interfaz de usuario ensamblada debe verse como en las siguientes imágenes.</p>
<div class="gallery-thumb">
<img onmouseover="getElementById('gallery-show10').src=this.src" src="images/interfaz-usuario.jpg" alt="" />
<img onmouseover="getElementById('gallery-show10').src=this.src" src="images/interfaz-usuario_1.jpg" alt="" />
</div>
<div class="gallery-show"><img id="gallery-show10" src="images/interfaz-usuario.jpg" alt=""/></div>
<hr />
<p><a href="control-temperatura.html">Previous page</a></p>
</div>
</div>
<footer class="site-footer">
<div class="wrapper">
<a target="_blank" rel="noopener noreferrer" href="https://gitbuilding.io">
<img class="icon" src="./static/Logo/GitBuilding500x.png" alt="GitBuilding logo">
<span class="info">Documentation powered by GitBuilding</span>
</a>
<p class="author">©2023 Francisco Martinez, Matías Hurtado-Labarca, Pierre Padilla-Huamantinco, and Vicente Parot</p>
<p class="email">Contact: <a href="mailto:[email protected]">[email protected]</a></p>
<p class="license">Modular fiber-coupled laser illumination is released under <a href="license.html">CERN-OHL-W-2.0</a>.</p>
</div>
</footer></body>
</html>