-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
325 lines (313 loc) · 25.1 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
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
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Z.LABS</title>
<link rel="stylesheet" type="text/css" href="css/style.css">
<link rel="shortcut icon" href="img/Icon.ico" type="image/x-icon">
</head>
<body>
<div class="sidebar">
<div id="img">
<img id="img_logo" src="img/logo.svg" alt="">
</div>
<div class="sidebar_items">
<ul class="sidebar_items href">
<li><a href="#multi_connect">Подключение мультидатчика</a></li>
<li><a href="#multi_settings">Настройка мультидатчика <br/>и подключенных датчиков</a></li>
<li><a href="#settings">Общие настройки программы</a></li>
<li><a href="#calibr_sensors">Калибровка датчиков</a></li>
<li><a href="#offline_work">Сеанс автономной работы</a></li>
<li><a href="#experiment">Проведение эксперимента</a></li>
</ul>
</div>
</div>
<div class="content">
<div id="multi_connect">
<h1>Подключение мультидатчика</h1>
<hr>
<p>
При запуске программы на экране появляется главное окно с открытой вкладкой подключения к датчикам. Подключение к мультидатчику возможно как по проводному, так и по беспроводному соединению. По умолчанию, подключение осуществляется через беспроводное соединение (Bluetooth Low Energy). Перед подключением в окне отображаются устройства, видимые по Bluetooth-соединению. Мультидатчики имеют названия PHYS0001, CHEM0001, BIO0001 и т.п., где цифры соответствуют серийному номеру, указанному на корпусе цифровой лаборатории. Некоторые датчики подключаются только по проводному соединению, например, датчик влажности почвы, датчик окиси углерода, датчик оптической плотности. Выбор типа подключения проводное/беспроводное осуществляется нажатием соответствующих кнопок «USB»/«Bluetooth» в правой половине вкладки «Подключение».
</p>
<br>
<div class="info_img">
<img class="img_programm" src="img/1.jpg" alt="">
<figcaption>Рисунок А.1 – Подключение мультидатчика по беспроводному соединению</figcaption>
<br><br>
<img class="img_programm" src="img/2.jpg" alt="">
<figcaption>Рисунок А.2 – Подключение по USB – проводному соединению</figcaption>
<br>
</div>
<p>
Для подключения к цифровой лаборатории необходимо выбрать мультидатчик из списка видимых устройств и нажать кнопку «Подключиться». При этом, появится диалоговое окно (Рисунок А.2.1), оповещающее о подключении к мультидатчику, после автоматического закрытия которого в области «Подключенные» отобразится икнока мультидатчика (Рисунок А.2.2). Также в левой области рабочего окна отобразится иконка мультидатчика с выпадающим списком, включающим все встроенные датчики.
</p>
<br>
<div class="info_img">
<img class="img_programm" src="img/3.jpg" alt="">
<figcaption>Рисунок А.2.1 – Процесс подключения по BLE</figcaption>
<br><br>
<img class="img_programm" src="img/4.jpg" alt="">
<figcaption>Рисунок А.2.2 - Отображение подключенного мультидатчика</figcaption>
<br>
</div>
<p>
Для отключения от цифровой лаборатории необходимо выбрать мультидатчик из списка подключенных устройств и нажать кнопку «Отключиться».
</p>
</div>
<div id="multi_settings">
<h1>Настройка мультидатчика и подключенных датчиков</h1>
<hr>
<br>
<div class="info_img">
<img class="img_programm" src="img/5.jpg" alt="">
<figcaption>Рисунок А.3 – Настройка мультидатчика</figcaption>
<br>
</div>
<p>
Перейдя на вкладку «Настройка мультидатчика» можно оставить видимыми только те датчики, которые требуются для проведения лабораторной работы, а остальные временно отключить.
</p>
<p>
При выборе датчика в левой панели окна, пользователь получает доступ к настройкам отображения его показаний в программе, в том числе к настройкам единиц измерения, диапазона значений, вида графика и т.п. Данные настройки применяются для каждого датчика индивидуально.
</p>
<br>
<div class="info_img">
<img class="img_programm" src="img/6.jpg" alt="">
<figcaption>Рисунок А.4 – Настройка отображения показаний датчика</figcaption>
<br>
</div>
</div>
<div id="settings">
<h1>Общие настройки программы</h1>
<hr>
<p>
Во вкладке «Общие настройки» появляется возможность задать время эксперимента, формат времени (секундомер, мм:сс, чч:мм), вид графика (линия, точки, линия+точки), а также цветовое оформление (светлое и темное).
</p>
<br>
<div class="info_img">
<img class="img_programm" src="img/7.jpg" alt="">
<figcaption>Рисунок А.5 – Раздел «Общие настройки»</figcaption>
<br>
</div>
<p>
Здесь же расположена кнопка «Пуск» для запуска эксперимента. (см. главу «Проведение эксперимента»).
</p>
<p>
Также в данном разделе имеются подразделы «Связка датчиков», «Калибровка», «Сеанс автономной работы» и «О программе».
</p>
<p>
В разделе «Связка датчиков» можно выбрать несколько датчиков из списка подключенных, данные которых будут отображаться одновременно на временном графике. Эта функция позволяет отслеживать одновременные изменения показаний датчиков и выявлять корреляции при проведении лабораторной работы.
</p>
<br>
<div class="info_img">
<img class="img_programm" src="img/25.jpg" alt="">
<figcaption>Рисунок А.6 – Связка датчиков</figcaption>
<br>
</div>
</div>
<div id="calibr_sensors">
<h1>Калибровка датчиков</h1>
<hr>
<p>
Калибровка представляет собой процесс настройки датчика, при котором пользователь может переопределить (переназначить) показания датчика, опираясь на точные известные значения. Раздел «Калибровка» позволяет провести эту процедуру по одной, либо по двум точкам значений датчика (ступеням).
</p>
<p>
Для входа в раздел «Калибровка» необходимо ввести пароль администратора с целью предотвращения несанкционированного изменения показаний (по умолчанию пароль - «12345»).
</p>
<br>
<div class="info_img">
<img class="img_programm" src="img/8.jpg" alt="">
<figcaption>Рисунок А.7 – Ввод пароля для открытия раздела «Калибровка датчиков»</figcaption>
<br><br>
<img class="img_programm" src="img/9.jpg" alt="">
<figcaption>Рисунок А.8 – Раздел «Калибровка датчиков»</figcaption>
<br>
</div>
<p>
При выборе датчика открывается окно калибровки данного датчика.
</p>
<br>
<div class="info_img">
<img class="img_programm" src="img/26.jpg" alt="">
<figcaption>Рисунок А.9 – Процесс калибровки датчиков</figcaption>
<br>
</div>
<p>
<b>
Пример калибровки датчика температуры:
</b>
</p>
<p style="text-indent: 25px;margin: 0;">
Текущее значение датчика температуры, с учетом текущих калибровочных коэффициентов пользователя – 27,9 °С.
</p>
<p style="text-indent: 25px; margin: 0;">
В поле «Фактическое значение (ступень №1)» вводится известное значение, которое должен показывать датчик. Это значение можно получить, например, измерив температуру точным промышленным прибором. После ввода значения нужно нажать кнопку «Применить».
</p>
<p style="text-indent: 25px; margin: 0;">
В области «Новое значение» отобразится значение датчика с учетом нового коэффициента калибровки.
</p>
<p style="text-indent: 25px; margin: 0;">
Подтверждение калибровки осуществляется нажатием кнопки «Сохранить настройки», при этом коэффициент калибровки записывается в устройство.
</p>
<p>
При двух ступенях калибровки расчет нового значения происходит только после того, как будут введены известные значения для двух разных показаний датчика.
</p>
<p>
При необходимости, можно обнулить пользовательские калибровочные коэффициенты какого-либо датчика. Для этого нужно нажать кнопку «Возврат к заводским настройкам».
</p>
</div>
<div id="offline_work">
<h1>Сеанс автономной работы</h1>
<hr>
<p>
Сеанс автономной работы – режим накопления мультидатчиком данных в течение определенного промежутка времени. При этом не требуется подключение к компьютеру – мультидатчик накапливает показания автономно, с использованием энергонезависимой памяти.
</p>
<br>
<div class="info_img">
<img class="img_programm" src="img/11.jpg" alt="">
<figcaption>Рисунок А.10 – Раздел «Сеанс автономной работы»</figcaption>
<br>
</div>
<p>
Для запуска накопления данных необходимо выбрать раздел «Сеанс автономной работы» и ввести интервал между снятиями показаний, а также количество показаний датчиков, которые необходимо собрать (не более 100). При нажатии на кнопку «Запустить сеанс автономной работы» вы можете оставить мультидатчик на требуемое время, в том числе, прервать соединение с компьютером. Если в памяти устройства уже находятся накопленные данные с предыдущего сеанса автономной работы, то в графе «Статус» будет указано «Сеанс автономной работы завершен». Если данных в памяти устройства нет, то в «Статусе» будет указано «Архив пустой».
</p>
<p>
При нажатии на кнопку «Запустить сеанс автономной работы» появится предупреждающее диалоговое окно.
</p>
<br>
<div class="info_img">
<img class="img_programm" src="img/12.jpg" alt="">
<figcaption>Рисунок А.11 – Предупреждение о возможной потере данных</figcaption>
<br>
</div>
<p>
После окончания сбора данных, статус архива изменится на «Сеанс автономной работы завершен», и станет активной кнопка «Работа с данными сеанса». При нажатии на эту кнопку, данные выгружаются в виде таблицы значений, а также в виде графика. Для просмотра данных используются соответствующие кнопки:
<img src="img/ico_measure.png" height="55px" width="55px">
<img src="img/ico_graphics.png" height="55px" width="55px">
</p>
<br>
<div class="info_img">
<img class="img_programm" src="img/14.jpg" alt="">
<figcaption>Рисунок А.12 – Окно просмотра значений данных сеанса автономной работы</figcaption>
<br>
</div>
<p>
Результаты работы можно сохранить на компьютере, нажав кнопку «Сохранить»
<img src="img/ico_download.png" height="55px" width="55px">
во вкладке с таблицей данных сеанса. При этом появится диалоговое окно сохранения файла, в котором необходимо указать путь и название сохраняемого документа. Сохраненный файл (с расширением *.csv) можно открыть как стандартной программой «Блокнот», так и с помощью офисных программ (MS Excel, либо эквивалент).
</p>
<br>
<div class="info_img">
<img class="img_programm" src="img/15.jpg" alt="">
<figcaption>Рисунок А.13 – Окно просмотра графика сеанса автономной работы</figcaption>
<br><br>
</div>
<img class="img_programm" src="img/16.jpg" alt="" style="display: block;margin:0 auto;">
<figcaption>Рисунок А.14 – Выбор видимости графиков</figcaption>
<br>
<p>
Видимую область графика возможно передвигать, удерживая правую кнопку мыши. Также присутствует возможность масштабирования графика - увеличение/уменьшение видимой области графика можно осуществить с помощью колесика мыши либо, нажимая одновременно «Ctrl» и «+»/«-». Нажатие левой кнопки мыши позволяет узнать значение в определенной точке графика.
</p>
<br>
<div class="info_img">
<img class="img_programm" src="img/17.jpg" alt="" >
<figcaption>Рисунок А.15 – Отображение значения графика в выбранной точке</figcaption>
<br>
</div>
<p>
При изменении масштаба видимой области графика возврат к первоначальному масштабу осуществляется нажатием на кнопку «Сбросить масштаб» <img src="img/ico_zoom.png" height="55px" width="55px">.
</p>
<p>
Программа поддерживает экспортирование данных в файл изображения. При нажатии на кнопку «Сохранить» во вкладке графика работы с данными сеанса появится диалоговое окно сохранения файла, в котором необходимо указать место и название сохраняемого документа. Поддерживаемый формат файлов с изображения - *.png. <b>Внимание!</b> В файле изображения будет сохранена текущая видимая область графика, поэтому если перед сохранением график масштабировался или сдвигался, то рекомендуется вернуть его к нужному виду, сбросив масштаб.
</p>
<p>
Раздел «О программе» позволяет просматривать версию установленного программного обеспечения, а также версию программного обеспечения мультидатчика, и, при необходимости, обновлять его. Также, в данном окне доступна ссылка на Руководство по эксплуатации и на страницу поддержки от завода-изготовителя.
</p>
<br>
<div class="info_img">
<img class="img_programm" src="img/18.jpg" alt="" >
<figcaption>Рисунок А.16 – Окно просмотра информации о программе</figcaption>
<br>
</div>
</div>
<div id="experiment">
<h1>Проведение эксперимента</h1>
<hr>
<p>
При нажатии кнопки «Пуск» из окна «Общие настройки» запустится режим измерений (снятия показаний с датчиков), и рабочее окно примет вид:
</p>
<br>
<div class="info_img">
<img class="img_programm" src="img/19.jpg" alt="">
<figcaption>Рисунок А.17 – Режим измерений</figcaption>
<br>
</div>
<p>
В левой панели окна отображаются области связки датчиков, а также всех подключенных датчиков. В данной панели после запуска эксперимента (а также после окончания времени эксперимента) отображаются текущие показания датчиков. Прочерк свидетельствуют о том, что датчик не подключен, либо неисправен. Например:
</p>
<br>
<img class="img_programm" src="img/20.jpg" alt="" style="display: block;margin:0 auto;">
<figcaption>Рисунок А.18 – Отсутствие показаний датчика</figcaption>
<br>
<p>
Для удобства отображения данных пользователь имеет возможность указывать диапазон значений датчиков по оси Y. Для этого необходимо ввести желаемые значения в соответствующие поля и нажать кнопку «Применить».
</p>
<br>
<div class="info_img">
<img class="img_programm" src="img/21.jpg" alt="">
<figcaption>Рисунок А.19 – График текущего эксперимента</figcaption>
<br>
</div>
<p>
Масштабирование можно зафиксировать, отметив галочкой поле «Фиксировать».
<br>
Также уменьшение видимой области графика можно осуществить с помощью колесика мыши, либо нажимая одновременно «Ctrl» и «+»/«-», либо выбором области левой кнопкой мыши:
</p>
<br>
<div class="info_img">
<img class="img_programm" src="img/22.jpg" alt="">
<figcaption>Рисунок А.20 – График текущего эксперимента – масштабирование заданной области</figcaption>
<br>
</div>
<p>
При помощи правой кнопки мыши можно посмотреть данные графика в любой точке.
</p>
<br>
<div class="info_img">
<img class="img_programm" src="img/23.jpg" alt="">
<figcaption>Рисунок А.21 – График текущего эксперимента – просмотр данных в выбранной точке</figcaption>
<br>
</div>
<p>
Программа поддерживает экспортирование данных в файл изображения: при нахождении во вкладке «График» при нажатии на кнопку «Сохранить» появится диалоговое окно сохранения файла, в котором необходимо указать место и название сохраняемого документа. В данном случае сохранится файл изображения *.png. <b>Внимание!</b> В файле изображения будет сохранена текущая видимая область графика, поэтому если перед сохранением график масштабировался или сдвигался, то рекомендуется вернуть его к нужному виду, сбросив масштаб.
</p>
<p>
При нажатии на пиктограмму
<img src="img/ico_measure.png" height="55px" width="55px">
осуществляется переход к вкладке с таблицей данных, и соответственно, обратно, при нажатии на пиктограмму
<img src="img/ico_graphics.png" height="55px" width="55px">.
</p>
<br>
<div class="info_img">
<img class="img_programm" src="img/24.jpg" alt="">
<figcaption>Рисунок А.22 – Просмотр таблицы значений текущего эксперимента</figcaption>
<br>
</div>
<p>
Программа поддерживает экспортирование данных в файл *.xls. При нажатии на кнопку «Сохранить» появится диалоговое окно, в котором необходимо указать место и название сохраняемого документа.
</p>
<p>
Для приостановки эксперимента следует нажать кнопку «Пауза»
<img src="img/ico_pause.png" height="55px" width="55px">
, для продолжения в случае, если эксперимент ранее был приостановлен – старт <img src="img/ico_start.png" height="55px" width="55px">
</p>
<p>
После того, как эксперимент завершится, то есть будет достигнута указанная длительность эксперимента в области «Общие настройки», графики перестанут обновляться.
</p>
<p>
Возврат в меню настроек осуществляется путем нажатия на кнопку <img src="img/ico_back.png" height="55px" width="55px">.
</p>
</div>
</div>
</body>
</html>