Открыть меню
Открыть персональное меню
Вы не представились системе
Your IP address will be publicly visible if you make any edits.

Создание нового дашборда: различия между версиями

Материал из Документация АппОптима
Нет описания правки
Нет описания правки
 
(не показано 8 промежуточных версий 2 участников)
Строка 1: Строка 1:
Для создания нового дашборда необходимо в '''Основном меню''' Интерфейса среды мониторинга выбрать пункт '''Dashboard'''. Далее в активном окне нажать кнопку . Пример представлен на Рисунок 1.
'''''[[Применение АппОптима]] / Управление пользовательскими информационными панелями (дашбордами) / Создание нового дашборда'''''


[[Файл:Рис1.png]]
Для создания нового дашборда необходимо в '''Основном меню''' Интерфейса среды мониторинга выбрать пункт '''Dashboard'''. Далее в активном окне нажать кнопку + Create dashboard. Пример представлен на Рисунок 1.
 
[[Файл:Рис1.png|1044x1044пкс]]


'''Рисунок 1 - Создание нового дашборда'''
'''Рисунок 1 - Создание нового дашборда'''


Окно конфигурации дашборда представлено на Рисунок 2.  
Окно конфигурации дашборда представлено на Рисунок 2.


'''Рисунок 50 - Окно конфигурации дашборда'''
[[Файл:DB2.png]] 
 
'''Рисунок 2 - Окно конфигурации дашборда'''


Элементы окна '''Конфигурации дашборда''':
Элементы окна '''Конфигурации дашборда''':
Строка 13: Строка 17:
# '''Название дашборда''' '''-''' уникальное имя, которое идентифицирует дашборд.
# '''Название дашборда''' '''-''' уникальное имя, которое идентифицирует дашборд.


Для редактирования имени дашборда нажмите кнопку рядом с его именем. Далее введите новое имя и нажмите кнопку .
Для редактирования имени дашборда нажмите кнопку [[Файл:DB3.png]] рядом с его именем. Далее введите новое имя и нажмите кнопку [[Файл:DB4.png]].


# '''Область отображения данных дашборда.'''  
# '''Область отображения данных дашборда.'''  
# '''Меню настройки дашборда.'''
# '''Меню настройки дашборда.'''


Для настройки дашборда используется '''Меню настройки дашборда'''. Данное меню состоит из двух вкладок: '''Tiles''' и '''Settings'''. Переключение между вкладками осуществляется путем нажатия на ее название (активная вкладка подсвечена синим цветом).
Для настройки дашборда используется '''Меню настройки дашборда'''. Данное меню состоит из двух вкладок: '''Tiles''' и '''Settings'''. Переключение между вкладками осуществляется путем нажатия на ее название [[Файл:DB5.png]](активная вкладка подсвечена синим цветом).


Для наполнения дашборда используется готовые шаблонов/виджетов, которые находятся на вкладке '''Tiles'''. Добавления виджета в область '''Отображения данных дашборда''' происходит с помощью двойного нажатия на его иконку или с помощью зажатия левой кнопки мыши и перетаскивания виджета в область '''Отображения данных дашборда'''.  
Для наполнения дашборда используется готовые шаблонов/виджетов, которые находятся на вкладке '''Tiles'''. Добавления виджета в область '''Отображения данных дашборда''' происходит с помощью двойного нажатия на его иконку или с помощью зажатия левой кнопки мыши и перетаскивания виджета в область '''Отображения данных дашборда'''.  
Строка 30: Строка 34:
|'''Описание'''
|'''Описание'''
|-
|-
|
|[[Файл:DB6.png]]
|Custom chart
|Custom chart
|Пользовательский график/диаграмма. Описание создания представлено в пункте 1.20.1
|Описание создания представлено в пункте ''Создание нового дашборда''
|-
|-
|
|[[Файл:DB7.png]]
|Header
|Header
|Текстовый заголовок
|Текстовый заголовок
|-
|-
|
|[[Файл:DB8.png]]
|Markdown
|Markdown
|Текстовый шаблон для указания комментариев и вспомогательной информации. Поддерживается режим добавления ссылок (линков по url)  
|Текстовый шаблон для указания комментариев и вспомогательной информации. Поддерживается режим добавления ссылок (линков по url)  
|-
|-
|
|[[Файл:DB9.png]]
|Host health
|Host health
|Состояние показателей здоровья хостов
|Состояние показателей здоровья хостов
|-
|-
|
|[[Файл:DB10.png]]
|Network metrics
|Network metrics
|Базовые сетевые метрик
|Базовые сетевые метрик
|-
|-
|
|[[Файл:DB10.png]]
|Network status
|Network status
|Статус сети
|Статус сети
|-
|-
|
|[[Файл:DB12.png]]
|Docker
|Docker
|Состояние Docker хостов и контейнеров
|Состояние Docker хостов и контейнеров
|-
|-
|
|[[Файл:DB13.png]]
|VMware
|VMware
|Состояние контролируемых vCenter
|Состояние контролируемых vCenter
|-
|-
|
|[[Файл:DB14.png]]
|AWS
|AWS
|Состояние контролируемых облачных платформ AWS
|Состояние контролируемых облачных платформ AWS
|-
|-
|
|[[Файл:DB15.png]]
|Service health
|Service health
|Состояние показателей здоровья сервисов
|Состояние показателей здоровья сервисов
|-
|-
|
|[[Файл:DB16.png]]
|Service or request
|Service or request
|Состояние запросов выбранного сервиса/сервисов (количество запросов, время выполнения, ошибки)
|Состояние запросов выбранного сервиса/сервисов (количество запросов, время выполнения, ошибки)
|-
|-
|
|[[Файл:DB17.png]]
|Top web applications
|Top web applications
|Количество действий пользователей на страницах веб-приложений (для топ 3 самых активных приложения)
|Количество действий пользователей на страницах веб-приложений (для топ 3 самых активных приложения)
|-
|-
|
|[[Файл:DB18.png]]
|Application health
|Application health
|Состояние показателей здоровья приложений
|Состояние показателей здоровья приложений
|-
|-
|
|[[Файл:DB19.png]]
|User behavior
|User behavior
|Количество сессией и действий пользователей для выбранного приложения
|Количество сессией и действий пользователей для выбранного приложения
|-
|-
|
|[[Файл:DB20.png]]
|User breakdown
|User breakdown
|Информация по пользователям выбранного приложения (диаграмма соотношения реальных пользователей к роботам и синтетическим запросам; график количества новых пользователи и вернувшихся)
|Информация по пользователям выбранного приложения (диаграмма соотношения реальных пользователей к роботам и синтетическим запросам; график количества новых пользователи и вернувшихся)
|-
|-
|
|[[Файл:DB21.png]]
|World map
|World map
|Мировая карта отображения статистки по выбранной метрики для выбранного приложения. Области на карте имеют цветовую градацию в зависимости от значения метрики (от зеленого - хороший показатель, до красного – плохой)
|Мировая карта отображения статистки по выбранной метрики для выбранного приложения. Области на карте имеют цветовую градацию в зависимости от значения метрики (от зеленого - хороший показатель, до красного – плохой)
|-
|-
|
|[[Файл:DB22.png]]
|Key user actions
|Key user actions
|Статистика по ключевым действиям пользователей для выбранного приложения (ключевые действия должны быть заранее предопределены для приложения)  
|Статистика по ключевым действиям пользователей для выбранного приложения (ключевые действия должны быть заранее предопределены для приложения)  
|-
|-
|
|[[Файл:DB23.png]]
|Bounce rate
|Bounce rate
|Показатель Bounce rate для выбранного приложения
|Показатель Bounce rate для выбранного приложения
|-
|-
|
|[[Файл:DB24.png]]
|Top conversion goals
|Top conversion goals
|Статистика оп ключевым показателям конверсии
|Статистика оп ключевым показателям конверсии
|-
|-
|
|[[Файл:DB25.png]]
|Conversion goal
|Conversion goal
|Статика по одной выбранной конверсии
|Статика по одной выбранной конверсии
|-
|-
|
|[[Файл:DB26.png]]
|JavaScript errors
|JavaScript errors
|Статистика по JavaScript ошибкам для выбранного приложения
|Статистика по JavaScript ошибкам для выбранного приложения
|-
|-
|
|[[Файл:DB27.png]]
|Resources
|Resources
|Статистика по используемым ресурсам (CDN, 1<sup>st</sup> party, 3<sup>rd</sup> party) на страницах выбранного веб-приложения  
|Статистика по используемым ресурсам (CDN, 1<sup>st</sup> party, 3<sup>rd</sup> party) на страницах выбранного веб-приложения  
|-
|-
|
|[[Файл:DB28.png]]
|Most used 3<sup>rd</sup> parties
|Most used 3<sup>rd</sup> parties
|Статистика по самым часто используемы 3<sup>rd</sup> party ресурсам на страницах выбранного веб-приложения
|Статистика по самым часто используемы 3<sup>rd</sup> party ресурсам на страницах выбранного веб-приложения
|-
|-
|
|[[Файл:DB29.png]]
|Mobile app
|Mobile app
|Статистика по выбранному мобильному приложению
|Статистика по выбранному мобильному приложению
|-
|-
|
|[[Файл:DB30.png]]
|Live user activity
|Live user activity
|Статистика по активным сессиям пользователей  
|Статистика по активным сессиям пользователей  
|-
|-
|
|[[Файл:DB31.png]]
|Web application
|Web application
|Статистика по качеству работы выбранного веб-приложения
|Статистика по качеству работы выбранного веб-приложения
|-
|-
|
|[[Файл:DB32.png]]
|User Session Query
|User Session Query
|Создание пользовательского графика или диаграммы на основе данных по пользовательским сессиям
|Создание пользовательского графика или диаграммы на основе данных по пользовательским сессиям
|-
|-
|
|[[Файл:DB33.png]]
|Browser monitor
|Browser monitor
|Статистика по синтетическим тестам (операции в браузере)
|Статистика по синтетическим тестам (операции в браузере)
|-
|-
|
|[[Файл:DB34.png]]
|Synthetic monitor health
|Synthetic monitor health
|Состояние показателей здоровья синтетических тестов
|Состояние показателей здоровья синтетических тестов
|-
|-
|
|[[Файл:DB35.png]]
|External monitor
|External monitor
|Статистика по внешним синтетическим тестам
|Статистика по внешним синтетическим тестам
|-
|-
|
|[[Файл:DB36.png]]
|Http monitor
|Http monitor
|Статистика по синтетическим тестам (HTTP чеки)
|Статистика по синтетическим тестам (HTTP чеки)
|-
|-
|
|[[Файл:DB37.png]]
|Database health
|Database health
|Состояние показателей здоровья Базы данных
|Состояние показателей здоровья Базы данных
|-
|-
|
|[[Файл:DB38.png]]
|Database performance
|Database performance
|Статистика производительности Базы данных  
|Статистика производительности Базы данных  
|-
|-
|
|[[Файл:DB39.png]]
|Problems
|Problems
|Количество открытых проблем
|Количество открытых проблем
|-
|
|Smartscape
|Общая информация по Топологии Smartscape (количество объектов мониторинга на каждом из уровней)
|}
|}




Во вкладке '''Settings''' отображаются глобальные фильтры для всех данных дашборда. В качестве фильтра используются:
Во вкладке '''Settings''' отображаются глобальные фильтры для всех данных дашборда. В качестве фильтра используются:
* параметры временного интервала ('''timeframe''');
* параметры Management zone.
Для применения настроек необходимо перейти на вкладу '''Settings''' нажать кнопку [[Файл:DB41.png]] и задать значение для фильтра (пример представлен на Рисунок 3).
[[Файл:DB42.png]]
'''Рисунок 3 - Применение настроек фильтра к дашборду'''
# '''Виджеты дашборда'''.
Для наполнения дашборда используется набор готовых шаблонов/виджетов из '''Меню настройки дашборда'''.
Чтобы изменить размер виджета необходимо навести курсор мыши на правый нижний угол виджета, далее зажать левую кнопку мыши и переместить курсор мыши до получения требуемого размера. Пример представлен на Рисунке 4.
[[Файл:DB43.png]]
'''Рисунок 4 – Пример изменения размера виджета'''
Чтобы переместить виджет необходимо навести на него курсор мыши (который должен принять форму  ). Далее зажать левую кнопку мыши и перетащить в нужную часть экрана.
Для каждого виджета доступны операции редактирования ('''Edit'''), клонирования ('''Clone''') и удаления ('''Delete'''). Для выполнения данных операции необходимо нажать на виджет и выбрать соответствующую кнопку. Пример представлен на Рисунке 5.
[[Файл:DB44.png]]
'''Рисунок 5 – Операции над виджетом'''
При нажатии на кнопку '''Edit''' в области '''Меню настройки дашборда''' появится доступные фильтры для выбранного виджета.
При нажатии на кнопку '''Clone''' выбранный фильтр будет скопирован с учетом его настроек.
При нажатии на кнопку '''Delete''' выбранный будет удален.
# '''Кнопка завершения редактирования дашборда'''.
Для завершения редактирования дашборда необходимо нажать кнопку '''Done'''.

Текущая версия от 13:08, 17 декабря 2024

Применение АппОптима / Управление пользовательскими информационными панелями (дашбордами) / Создание нового дашборда

Для создания нового дашборда необходимо в Основном меню Интерфейса среды мониторинга выбрать пункт Dashboard. Далее в активном окне нажать кнопку + Create dashboard. Пример представлен на Рисунок 1.

Рис1.png

Рисунок 1 - Создание нового дашборда

Окно конфигурации дашборда представлено на Рисунок 2.

DB2.png

Рисунок 2 - Окно конфигурации дашборда

Элементы окна Конфигурации дашборда:

  1. Название дашборда - уникальное имя, которое идентифицирует дашборд.

Для редактирования имени дашборда нажмите кнопку DB3.png рядом с его именем. Далее введите новое имя и нажмите кнопку DB4.png.

  1. Область отображения данных дашборда.
  2. Меню настройки дашборда.

Для настройки дашборда используется Меню настройки дашборда. Данное меню состоит из двух вкладок: Tiles и Settings. Переключение между вкладками осуществляется путем нажатия на ее название DB5.png(активная вкладка подсвечена синим цветом).

Для наполнения дашборда используется готовые шаблонов/виджетов, которые находятся на вкладке Tiles. Добавления виджета в область Отображения данных дашборда происходит с помощью двойного нажатия на его иконку или с помощью зажатия левой кнопки мыши и перетаскивания виджета в область Отображения данных дашборда.

В Системе доступны следующие виджеты/шаблоны мониторинга, представленные в Таблица 2 .

Таблица 2 – Виджеты Системы мониторинга

Иконка виджета в Меню настройки дашборда Название Виджета Описание
DB6.png Custom chart Описание создания представлено в пункте Создание нового дашборда
DB7.png Header Текстовый заголовок
DB8.png Markdown Текстовый шаблон для указания комментариев и вспомогательной информации. Поддерживается режим добавления ссылок (линков по url)
DB9.png Host health Состояние показателей здоровья хостов
DB10.png Network metrics Базовые сетевые метрик
DB10.png Network status Статус сети
DB12.png Docker Состояние Docker хостов и контейнеров
DB13.png VMware Состояние контролируемых vCenter
DB14.png AWS Состояние контролируемых облачных платформ AWS
DB15.png Service health Состояние показателей здоровья сервисов
DB16.png Service or request Состояние запросов выбранного сервиса/сервисов (количество запросов, время выполнения, ошибки)
DB17.png Top web applications Количество действий пользователей на страницах веб-приложений (для топ 3 самых активных приложения)
DB18.png Application health Состояние показателей здоровья приложений
DB19.png User behavior Количество сессией и действий пользователей для выбранного приложения
DB20.png User breakdown Информация по пользователям выбранного приложения (диаграмма соотношения реальных пользователей к роботам и синтетическим запросам; график количества новых пользователи и вернувшихся)
DB21.png World map Мировая карта отображения статистки по выбранной метрики для выбранного приложения. Области на карте имеют цветовую градацию в зависимости от значения метрики (от зеленого - хороший показатель, до красного – плохой)
DB22.png Key user actions Статистика по ключевым действиям пользователей для выбранного приложения (ключевые действия должны быть заранее предопределены для приложения)
DB23.png Bounce rate Показатель Bounce rate для выбранного приложения
DB24.png Top conversion goals Статистика оп ключевым показателям конверсии
DB25.png Conversion goal Статика по одной выбранной конверсии
DB26.png JavaScript errors Статистика по JavaScript ошибкам для выбранного приложения
DB27.png Resources Статистика по используемым ресурсам (CDN, 1st party, 3rd party) на страницах выбранного веб-приложения
DB28.png Most used 3rd parties Статистика по самым часто используемы 3rd party ресурсам на страницах выбранного веб-приложения
DB29.png Mobile app Статистика по выбранному мобильному приложению
DB30.png Live user activity Статистика по активным сессиям пользователей
DB31.png Web application Статистика по качеству работы выбранного веб-приложения
DB32.png User Session Query Создание пользовательского графика или диаграммы на основе данных по пользовательским сессиям
DB33.png Browser monitor Статистика по синтетическим тестам (операции в браузере)
DB34.png Synthetic monitor health Состояние показателей здоровья синтетических тестов
DB35.png External monitor Статистика по внешним синтетическим тестам
DB36.png Http monitor Статистика по синтетическим тестам (HTTP чеки)
DB37.png Database health Состояние показателей здоровья Базы данных
DB38.png Database performance Статистика производительности Базы данных
DB39.png Problems Количество открытых проблем


Во вкладке Settings отображаются глобальные фильтры для всех данных дашборда. В качестве фильтра используются:

  • параметры временного интервала (timeframe);
  • параметры Management zone.

Для применения настроек необходимо перейти на вкладу Settings нажать кнопку DB41.png и задать значение для фильтра (пример представлен на Рисунок 3).

DB42.png

Рисунок 3 - Применение настроек фильтра к дашборду

  1. Виджеты дашборда.

Для наполнения дашборда используется набор готовых шаблонов/виджетов из Меню настройки дашборда.

Чтобы изменить размер виджета необходимо навести курсор мыши на правый нижний угол виджета, далее зажать левую кнопку мыши и переместить курсор мыши до получения требуемого размера. Пример представлен на Рисунке 4.

DB43.png


Рисунок 4 – Пример изменения размера виджета

Чтобы переместить виджет необходимо навести на него курсор мыши (который должен принять форму ). Далее зажать левую кнопку мыши и перетащить в нужную часть экрана.

Для каждого виджета доступны операции редактирования (Edit), клонирования (Clone) и удаления (Delete). Для выполнения данных операции необходимо нажать на виджет и выбрать соответствующую кнопку. Пример представлен на Рисунке 5.

DB44.png


Рисунок 5 – Операции над виджетом

При нажатии на кнопку Edit в области Меню настройки дашборда появится доступные фильтры для выбранного виджета.

При нажатии на кнопку Clone выбранный фильтр будет скопирован с учетом его настроек.

При нажатии на кнопку Delete выбранный будет удален.

  1. Кнопка завершения редактирования дашборда.

Для завершения редактирования дашборда необходимо нажать кнопку Done.