# Анализ статистики, настройка панелей аналитики, добавление виджетов

## 1. Диаграмма сценария

<div drawio-diagram="5742"><img src="https://wiki.wellink.ru/uploads/images/drawio/2023-09/drawing-4-1695906502.png" alt=""/></div>

*Диаграмма просмотра, настройки Аналитики, создания нового виджета*

## 2. Вводная информация

В данном сценарии описаны действия по анализу статистики, настройке панели аналитики и добавлению виджетов.   
**Ожидаемый результат выполнения данного сценария:** проведен анализ статистики, настроена панель аналитики, создана отдельная вкладка, а также добавлены виджеты.   
**Полезные ссылки:** -[ Страница раздела Аналитика](https://wiki.wellink.ru/books/rukovodstvo-polzovatelia-wisla-5/page/analitika-stranica-razdela)  
\- [Страница создания виджета](https://wiki.wellink.ru/books/rukovodstvo-polzovatelia-wisla-5/page/analitika-stranica-sozdaniia-vidzeta)  
\- [Непрерывный мониторинг качества услуги](https://wiki.wellink.ru/books/texniceskoe-opisanie-wisla-5/page/31-nepreryvnyi-monitoring-kacestva-uslugi)

## 3. Описание сценария

<table class="confluenceTable" data-layout="full-width" data-local-id="5f0cc554-5aa8-4371-956a-52668b227312" id="bkmrk-%E2%84%96-%D1%88%D0%B0%D0%B3%D0%B0-%D0%94%D0%B5%D0%B9%D1%81%D1%82%D0%B2%D0%B8%D0%B5-%D0%BF%D0%BE%D0%BB%D1%8C" style="width: 100%; height: 3730.24px;"><colgroup><col style="width: 5.61307%;"></col><col style="width: 25.3524%;"></col><col style="width: 33.5849%;"></col><col style="width: 35.4559%;"></col></colgroup><tbody><tr style="height: 57.8667px;"><th class="confluenceTh" style="height: 57.8667px;">**№ шага**

</th><th class="confluenceTh" style="height: 57.8667px;">**Действие пользователя**

</th><th class="confluenceTh" style="height: 57.8667px;">**Реакция Системы**

</th><th class="confluenceTh" style="height: 57.8667px;">**UI**

</th></tr><tr style="height: 35.4667px;"><td style="background-color: rgb(236, 240, 241); height: 35.4667px;">**1.**

</td><td colspan="3" style="background-color: rgb(236, 240, 241); height: 35.4667px;">**Перейти на страницу Аналитика**

</td></tr><tr style="height: 205.25px;"><td class="confluenceTd" style="height: 205.25px;">1.1

</td><td class="confluenceTd" style="height: 205.25px;">Открывает раздел "**Аналитика**" в функциональном блоке "**МОНИТОРИНГ**"

</td><td class="confluenceTd" style="height: 205.25px;">Открывает [страницу раздела "**Аналитика**"](https://wiki.wellink.ru/books/interfeis-sistemy/page/stranica-razdela-analitika "Страница просмотра раздела Аналитика"), показывает главную вкладку ![image.png](https://wiki.wellink.ru/uploads/images/gallery/2023-09/scaled-1680-/vCNimage.png) со [стандартными виджетами:](https://wiki.wellink.ru/link/772#bkmrk-%D0%92%D0%B8%D0%B4%D0%B6%D0%B5%D1%82%D1%8B)

- Готовность;
- Аварии;
- Время в отказе;
- Время в деградации.

</td><td class="confluenceTd" style="height: 205.25px;">[![image.png](https://wiki.wellink.ru/uploads/images/gallery/2024-04/scaled-1680-/IOximage.png)](https://wiki.wellink.ru/uploads/images/gallery/2024-04/IOximage.png)

</td></tr><tr style="height: 35.4667px;"><td style="background-color: rgb(236, 240, 241); height: 35.4667px;">**2.**

</td><td colspan="3" style="background-color: rgb(236, 240, 241); height: 35.4667px;">**Настроить период отображения**

</td></tr><tr style="height: 195.917px;"><td style="height: 195.917px;">2.1

</td><td style="height: 195.917px;">Выбирает период отображения в компоненте выбора периода

![image.png](https://wiki.wellink.ru/uploads/images/gallery/2023-09/scaled-1680-/jQ1image.png)

</td><td style="height: 195.917px;">Обновляет информацию в стандартных виджетах за выбранный период.

</td><td style="height: 195.917px;">[![image.png](https://wiki.wellink.ru/uploads/images/gallery/2024-04/scaled-1680-/5Vcimage.png)](https://wiki.wellink.ru/uploads/images/gallery/2024-04/5Vcimage.png)

</td></tr><tr style="height: 35.4667px;"><td style="background-color: rgb(236, 240, 241); height: 35.4667px;">**3.**

</td><td colspan="3" style="background-color: rgb(236, 240, 241); height: 35.4667px;">**Настроить размеры и расположение виджетов**

</td></tr><tr style="height: 228.017px;"><td style="height: 228.017px;">3.1

</td><td style="height: 228.017px;">Растягивает виджет на всю ширину экрана, удерживая правый край и перемещая до конца рабочей области.![image.png](https://wiki.wellink.ru/uploads/images/gallery/2023-09/scaled-1680-/TFFimage.png)

</td><td style="height: 228.017px;">Изменяет ширину виджета.

</td><td style="height: 228.017px;">[![image.png](https://wiki.wellink.ru/uploads/images/gallery/2024-04/scaled-1680-/oIkimage.png)](https://wiki.wellink.ru/uploads/images/gallery/2024-04/oIkimage.png)

</td></tr><tr style="height: 228.017px;"><td style="height: 228.017px;">3.2

</td><td style="height: 228.017px;">Растягивает виджет на всю высоту экрана, удерживая нижний край и перемещая до конца рабочей области. ![Xlbsnimok-ekrana-2023-09-07-131531.png](https://wiki.wellink.ru/uploads/images/gallery/2023-09/scaled-1680-/xlbsnimok-ekrana-2023-09-07-131531.png)

</td><td style="height: 228.017px;">Изменяет высоту виджета.

</td><td style="height: 228.017px;">[![image.png](https://wiki.wellink.ru/uploads/images/gallery/2024-04/scaled-1680-/r6Rimage.png)](https://wiki.wellink.ru/uploads/images/gallery/2024-04/r6Rimage.png)

</td></tr><tr style="height: 228.017px;"><td style="height: 228.017px;">3.3

</td><td style="height: 228.017px;">Изменяет размер виджета по диагонали, удерживая правый нижний край ![image.png](https://wiki.wellink.ru/uploads/images/gallery/2023-09/scaled-1680-/haVimage.png).</td><td style="height: 228.017px;">Изменяет размер виджета.</td><td style="height: 228.017px;">[![image.png](https://wiki.wellink.ru/uploads/images/gallery/2024-04/scaled-1680-/0vPimage.png)](https://wiki.wellink.ru/uploads/images/gallery/2024-04/0vPimage.png)

</td></tr><tr style="height: 271.95px;"><td style="height: 271.95px;">3.4

</td><td style="height: 271.95px;">Удерживая левой кнопкой мыши в верхней части виджета (левее иконки меню виджета и пиктограмм выбора режима отображения), перемещает виджет. ![image.png](https://wiki.wellink.ru/uploads/images/gallery/2023-09/scaled-1680-/SqQimage.png)

</td><td style="height: 271.95px;">Перемещает виджет на другое место, последующие виджеты сдвинулись по порядку (слева - направо, сверху - вниз).</td><td style="height: 271.95px;">[![image.png](https://wiki.wellink.ru/uploads/images/gallery/2024-04/scaled-1680-/xgUimage.png)](https://wiki.wellink.ru/uploads/images/gallery/2024-04/xgUimage.png)

</td></tr><tr style="height: 35.4667px;"><td style="background-color: rgb(236, 240, 241); height: 35.4667px;">**4.**

</td><td colspan="3" style="background-color: rgb(236, 240, 241); height: 35.4667px;">**Изменить настройки виджетов**

</td></tr><tr style="height: 196.733px;"><td style="height: 196.733px;">4.1

</td><td style="height: 196.733px;">Выбрать пиктограмму режима отображения виджета: круговая диаграмма / столбчатая диаграмма.

![image.png](https://wiki.wellink.ru/uploads/images/gallery/2023-09/scaled-1680-/Bppimage.png)

</td><td style="height: 196.733px;">Изменяет режим отображения виджета на выбранный.</td><td class="confluenceTd" style="height: 196.733px;">[![image.png](https://wiki.wellink.ru/uploads/images/gallery/2024-04/scaled-1680-/Tcrimage.png)](https://wiki.wellink.ru/uploads/images/gallery/2024-04/Tcrimage.png)

</td></tr><tr style="height: 196.167px;"><td style="height: 196.167px;">4.2

</td><td style="height: 196.167px;">В заголовке виджета нажимает кнопку меню

![image.png](https://wiki.wellink.ru/uploads/images/gallery/2023-09/scaled-1680-/zgLimage.png)

</td><td style="height: 196.167px;">Открывает всплывающее меню ![image.png](https://wiki.wellink.ru/uploads/images/gallery/2023-09/scaled-1680-/yH3image.png)

</td><td style="height: 196.167px;">[![image.png](https://wiki.wellink.ru/uploads/images/gallery/2024-04/scaled-1680-/4SQimage.png)](https://wiki.wellink.ru/uploads/images/gallery/2024-04/4SQimage.png)

</td></tr><tr style="height: 181.2px;"><td style="height: 181.2px;">4.3

</td><td style="height: 181.2px;">Нажимает пункт меню

![image.png](https://wiki.wellink.ru/uploads/images/gallery/2023-09/scaled-1680-/qUiimage.png)

</td><td style="height: 181.2px;">Открывает модальное окно "Изменение виджета".</td><td style="height: 181.2px;">[![image.png](https://wiki.wellink.ru/uploads/images/gallery/2024-04/scaled-1680-/0UMimage.png)](https://wiki.wellink.ru/uploads/images/gallery/2024-04/0UMimage.png)

</td></tr><tr style="height: 178.617px;"><td style="height: 178.617px;">4.4

</td><td style="height: 178.617px;">Изменяет [настройки виджета](https://wiki.wellink.ru/link/797#bkmrk-%D0%A1%D0%B5%D0%BA%D1%86%D0%B8%D0%B8-%D0%B8-%D0%BF%D0%BE%D0%BB%D1%8F-1), нажимает кнопку

![image.png](https://wiki.wellink.ru/uploads/images/gallery/2023-09/scaled-1680-/fabimage.png)

</td><td style="height: 178.617px;">Сохраняет измененные настройки виджета, обновляет содержание виджета.</td><td style="height: 178.617px;">[![image.png](https://wiki.wellink.ru/uploads/images/gallery/2024-04/scaled-1680-/WvOimage.png)](https://wiki.wellink.ru/uploads/images/gallery/2024-04/WvOimage.png)

</td></tr><tr style="height: 35.4667px;"><td style="background-color: rgb(236, 240, 241); height: 35.4667px;">**5.**

</td><td colspan="3" style="background-color: rgb(236, 240, 241); height: 35.4667px;">**Фильтрация и поиск**

</td></tr><tr style="height: 182.117px;"><td style="height: 182.117px;">5.1

</td><td style="height: 182.117px;">Настраивает фильтрацию по контрактам:

- На правой боковой панели выбирает тип контракта (SLA, OLA, UC).
- Выбирает контракт в списке контрактов.

</td><td style="height: 182.117px;">Отображает в виджетах данные по выбранному контракту.</td><td style="height: 182.117px;">[![image.png](https://wiki.wellink.ru/uploads/images/gallery/2024-04/scaled-1680-/NjHimage.png)](https://wiki.wellink.ru/uploads/images/gallery/2024-04/NjHimage.png)

</td></tr><tr style="height: 275.417px;"><td style="height: 275.417px;">5.2

</td><td style="height: 275.417px;">Настраивает [фильтрацию по тегам:](https://wiki.wellink.ru/link/772#bkmrk-2.-%D0%9F%D0%B0%D1%80%D0%B0%D0%BC%D0%B5%D1%82%D1%80%D1%8B-%D0%B4%D0%BB%D1%8F-%D1%84%D0%B8%D0%BB)

- Нажимает пиктограмму настройки фильтра ![image.png](https://wiki.wellink.ru/uploads/images/gallery/2023-09/scaled-1680-/Itfimage.png)
- Нажимает на поле "Найти по тегам".
- Выбирает теги.
- Нажимает кнопку ![image.png](https://wiki.wellink.ru/uploads/images/gallery/2023-09/scaled-1680-/g81image.png)

</td><td style="height: 275.417px;">Отображает в виджетах данные по выбранным тегам.</td><td style="height: 275.417px;">[![image.png](https://wiki.wellink.ru/uploads/images/gallery/2024-04/scaled-1680-/0Ykimage.png)](https://wiki.wellink.ru/uploads/images/gallery/2024-04/0Ykimage.png)

</td></tr><tr style="height: 242.85px;"><td style="height: 242.85px;">5.3

</td><td style="height: 242.85px;">Осуществляет [поиск с параметрами](https://wiki.wellink.ru/link/772#bkmrk-2.3-%D0%A4%D0%B8%D0%BB%D1%8C%D1%82%D1%80%D0%B0%D1%86%D0%B8%D1%8F%C2%A0%D0%BF%D0%BE-%D0%BA%D0%BE) по сервисам:

- Нажимает на пиктограмму параметров поиска[![image.png](https://wiki.wellink.ru/uploads/images/gallery/2023-09/scaled-1680-/bfZimage.png)](https://wiki.wellink.ru/uploads/images/gallery/2023-09/bfZimage.png)
- В раскрывшемся списке выбирает "По сервисам".
- Вводит в строке поиска значение для поиска.
- В выпадающем списке выбирает конкретный сервис.

</td><td style="height: 242.85px;">Отображает в виджетах данные по результатам поиска.</td><td style="height: 242.85px;">[![image.png](https://wiki.wellink.ru/uploads/images/gallery/2024-04/scaled-1680-/9mZimage.png)](https://wiki.wellink.ru/uploads/images/gallery/2024-04/9mZimage.png)

</td></tr><tr style="height: 35.4667px;"><td style="background-color: rgb(236, 240, 241); height: 35.4667px;">**6.**

</td><td colspan="3" style="background-color: rgb(236, 240, 241); height: 35.4667px;">**Создать новую вкладку**

</td></tr><tr style="height: 65.85px;"><td style="height: 65.85px;">6.1

</td><td style="height: 65.85px;">Нажимает на пиктограмму ![image.png](https://wiki.wellink.ru/uploads/images/gallery/2023-09/scaled-1680-/5Lmimage.png) в меню вкладок

</td><td style="height: 65.85px;">Создает новую вкладку, присваивает название по умолчанию "ВКЛАДКА".</td><td rowspan="2" style="height: 65.85px;">[![image.png](https://wiki.wellink.ru/uploads/images/gallery/2024-04/scaled-1680-/mOXimage.png)](https://wiki.wellink.ru/uploads/images/gallery/2024-04/mOXimage.png)

</td></tr><tr style="height: 65.7px;"><td style="height: 65.7px;">6.2

</td><td style="height: 65.7px;">Делает двойной клик мышью на название вкладки, редактирует название вкладки.</td><td style="height: 65.7px;">Присваивает название вкладке.</td></tr><tr style="height: 35.4667px;"><td style="background-color: rgb(236, 240, 241); height: 35.4667px;">**7.**

</td><td colspan="3" style="background-color: rgb(236, 240, 241); height: 35.4667px;">**Добавить виджет через Мастер создания виджетов**

</td></tr><tr style="height: 71.5667px;"><td style="height: 71.5667px;">7.1

</td><td style="height: 71.5667px;">Нажимает кнопку ![image.png](https://wiki.wellink.ru/uploads/images/gallery/2023-09/scaled-1680-/HeNimage.png)

</td><td style="height: 71.5667px;">Открывает модальное окно "Мастер создания виджета".</td><td style="height: 71.5667px;">[![image.png](https://wiki.wellink.ru/uploads/images/gallery/2024-04/scaled-1680-/OANimage.png)](https://wiki.wellink.ru/uploads/images/gallery/2024-04/OANimage.png)

</td></tr><tr style="height: 149.75px;"><td style="height: 149.75px;">7.2

</td><td style="height: 149.75px;">Заполняет [значение полей](https://wiki.wellink.ru/link/797#bkmrk-%D0%A1%D0%B5%D0%BA%D1%86%D0%B8%D0%B8-%D0%B8-%D0%BF%D0%BE%D0%BB%D1%8F-1) на шаге 1 визард-мастера "Основные настройки".

Нажимает кнопку

![image.png](https://wiki.wellink.ru/uploads/images/gallery/2023-09/scaled-1680-/4R1image.png)

</td><td style="height: 149.75px;">Переходит к шагу 2 (шагу 3 для некоторых типов и настроек виджетов) визард-мастера создания виджета "Правило".

</td><td style="height: 149.75px;">[![image.png](https://wiki.wellink.ru/uploads/images/gallery/2024-04/scaled-1680-/m4Himage.png)](https://wiki.wellink.ru/uploads/images/gallery/2024-04/m4Himage.png)

</td></tr><tr style="height: 113.167px;"><td style="height: 113.167px;">7.3

</td><td style="height: 113.167px;">Заполняет [значение полей](https://wiki.wellink.ru/link/797#bkmrk-%D0%A1%D0%B5%D0%BA%D1%86%D0%B8%D0%B8-%D0%B8-%D0%BF%D0%BE%D0%BB%D1%8F-1) на шаге 2 визард-мастера "Правило", нажимает кнопку ![image.png](https://wiki.wellink.ru/uploads/images/gallery/2023-09/scaled-1680-/4R1image.png)</td><td style="height: 113.167px;"> Переходит к шагу 3 визард-мастера создания виджета "Выбор сервисов".</td><td style="height: 113.167px;">[![image.png](https://wiki.wellink.ru/uploads/images/gallery/2024-04/scaled-1680-/Ejnimage.png)](https://wiki.wellink.ru/uploads/images/gallery/2024-04/Ejnimage.png)

</td></tr><tr style="height: 147.8px;"><td style="height: 147.8px;">7.4

</td><td style="height: 147.8px;">Выбирает [список сервисов](https://wiki.wellink.ru/link/797#bkmrk-%D0%A1%D0%B5%D0%BA%D1%86%D0%B8%D0%B8-%D0%B8-%D0%BF%D0%BE%D0%BB%D1%8F-1) на шаге 3 визард-мастера "Выбор сервисов".

Нажимает кнопку

![image.png](https://wiki.wellink.ru/uploads/images/gallery/2023-09/scaled-1680-/3x1image.png)

</td><td style="height: 147.8px;">Сохраняет настройки виджета, закрывает модальное окно мастера создания виджета, отображает виджет на панели аналитики.</td><td style="height: 147.8px;">[![image.png](https://wiki.wellink.ru/uploads/images/gallery/2024-04/scaled-1680-/bH1image.png)](https://wiki.wellink.ru/uploads/images/gallery/2024-04/bH1image.png)

</td></tr></tbody></table>