Панели управления: создание, примеры использования

Панель управления позволяет вывести на экран наиболее важные для контроля и управления показатели, избавляя руководителя от траты времени на сбор необходимой информации, а также обеспечивает оперативное принятие обоснованных и взвешенных управленческих решений. Цветовая разметка информационной панели позволяет акцентировать внимание на значениях показателей, находящихся или приближающихся к критическим значениям. При необходимости получения детальной информации о значении интересующего показателя, можно перейти в карточку показателя одним нажатием кнопки мыши:

Рис. 1. График показателей

Панели управления создаются в Дизайнере на вкладке Показатели – Панели управления:

 Рис. 2. Создание панели управления

Вводим название, выбираем ширину диаграммы и описание если таковое имеется:

Рис. 3. Диалоговое окно создания панели управления

Созданная панель после публикации модели будет отображаться в веб-приложении в разделе Показатели – Панели управления – Общие панели:

Рис. 4. Отображение панели управления в веб-приложении

Для удобства разработки панелей в Дизайнере ELMA можно создавать черновики в  разделе Скрытые панели управления:

Рис. 5. Создание скрытой панели управления 

они не будут отображаться в веб-приложении в разделе Показатели – Панели управления – Общие:

Рис. 6. Дерево панелей управления в веб-приложении

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

Чтобы увидеть скрытую панель управления в веб-приложении, можно на главной странице добавить портлет Панель управления:

Рис. 7. Добавление портлета "Панель управления"

и в его настройках выбрать скрытую панель управления:

Рис. 8. Настройк апортлета "Панель управления"

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

Панели можно заполнять Диаграммами, Информационными элементами, Фигурами, Объектами.

Диаграммы бывают нескольких видов: Значение показателей, График, Гистограмма, Ряд показателей.

Значение показателей

Для создания панели Значение показателя (спидометр) достаточно перенести его мышью на диаграмму и связать с показателем, значения которого нужно вывести на экран:

Рис. 9. Создание панели управления. Вкладка "Диаграмма"

Для удобства рассмотрим пример показателя Выручка (подробнее о показателях можно прочесть в соответствующей статье), состоящего из суммы показателей Выручка Москва, Выручка Ростов, Выручка Сибирь:

Рис. 10. Показатель "Выручка"

И свяжем его с диаграммой Значение показателя (спидометр):

Рис. 11. Настройка графика отображения показателя

 В веб-приложении на карточке показателя Выручка выводятся следующие данные:

Рис. 12. Отображение показателя в веб-приложении

На Панели управления диаграмма Значение показателя (спидометр) с показателем Выручка выглядит:

Рис. 13. Панель управления с графиком "Спидометр"

В феврале данные показателя Выручка составили 640 000,00 тыс. руб и попадают в зеленую зону. План состовляет 450 000,00 тыс. руб. На графике спидометра значения от Минимального значения показателя (200 000 т.р.) до Минимального критического (300 000 т.р.) красным цветом (недопустимо низкое значение показателя), от Минимального критического значения (300 000 т.р.) до Плана (450 000 т.р.) желтым (допустимое значение), от Плана (450 000 т.р.) до Максимального значения (800 000 т.р.) зеленым (хорошее значение):

Рис. 14. Настройка плановых значений показателя

В этом виде диаграммы используется один показатель, рекомендуется брать показатели простые или персональные с собственным значением. Данные о показателе показываются за текущий период.

Для того чтобы вывести динамику показателей, составляющих значение показателя Выручка, т.е. показателей: Выручка Ростов, Выручка Сибирь, Выручка Москва, можно воспользоваться следующей диаграммой – График.

График

В этом виде  диаграммы можно сравнить несколько показателей с одинаковой периодичностью, единицей измерения и одного и того же вида (персональный или простой). Рекомендуется использовать простые показатели или показатели, имеющие собственное значения. График показывает динамику изменения показателя за несколько периодов.

Для создания нужно График перенести мышью на диаграмму и выбрать показатели:

Рис. 15. Создание панели управления. Диаграмма "График"

Выберем нужные показатели Выручка Москва, Выручка Ростов,Выручка Сибирь:

Рис. 16. Настройка диаграммы "График"

На Панели управления показатель Выручка и его составляющие выглядят следующим образом:

Рис. 17. Панель управления с двумя графиками

На графике прослеживается динамика показателей Выручка Москва, Выручка Сибирь и Выручка Ростов за несколько месяцев. При наведении курсора мыши на определенное значение всплывает план и факт показателя в определенный период, а если кликнуть на значение или название показателя мышкой, то призойдет переход в карточку показателя, где отображена более детальная информация.

Гистограмма

В этой диаграмме лучше всего использовать персональные показатели (подробнее о создании персональных показателей можно прочесть в статье  https://www.elma-bpm.ru/kb/article-556.html), но и несколько простых также можно сравнивать.

Для создания нужно Гистограмма перенести мышью на диаграмму и выбрать показатели:

Рис. 18. Создание панели управления. Гистограмма

Данные персональных показателей отображаются за текущий период:

Рис. 19. Отображение гистограммы в веб-приложении

Если показателей несколько, необходимо, чтобы совпадали период, единицы измерения, персонализация, если таковая имеется:

Рис. 20. Гистограмма персонального показателя

Если будет различная персонализация, то будут браться значения персонализации первого показателя.

В нашем примере гистограмма выглядит так:

Рис. 21.Гистограмма показателя "Выручка"

Ряд показателей

Ряд показателей отображает состояние показателей на текущую дату. В нем удобно сравнивать сразу большое количество показателей, при этом у них должны совпадать периодичность и единицы измерения. В рядах нельзя отображать персональные показатели.

В диаграмме Ряд показателей так же рассмотрим показатель Выручка и его составляющие:

Рис. 22.

В Панели управления на диаграмме Ряд показателей наглядно показан показатель Выручка и его составляющие Выручка Москва, Выручка Ростов, Выручка Сибирь :

Рис. 23. Гистограмма рядового показателя

Информационные элементы

Информационные элементы – это элементы, которые связаны с показателями:

Рис. 24. Информационный элемент "Название объекта"

Если связи не будет с показателями, на панели управления в веб-приложении будут отображаться просто названия:

Рис. 25. Информационный элемент, не связанный с показателем

Фигуры

Они нужны для визуального группирования. Можно менять их цвет, размер, вписать картинку, а также наносить другие элементы: показатели, текст, линии. С панели объектов разные геометрические фигуры и декоративные стрелки можно перетаскивать мышью на диаграмму: 

Рис. 26. Фигура "Круг"

Объекты

 К объектам диаграммы панели управления относятся показатели. Из панели объектов на диаграмму можно перетащить мышью показатели:

Рис. 27. Добавление элемента "Показатель" на панель управления

В веб-приложении показатель показывает значения за текущий период:

Рис. 28. Отображение элемента "Показатель" в веб-приложении