Введение

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

Предусловия: пройден урок 6. Управление доступом: аккаунты, роли, навигация.

Расчётная продолжительность: 60 мин.

Темы, навыки и задания урока

Темы

• Диаграмма модели данных
• Диаграмма бизнес-способностей
• Дашборды
• Таблицы, сортировка и группировка
• Диаграмма процесса
• Токены

Навыки

• Составление диаграмм модели данных (ER-диаграммы)
• Составление диаграмм бизнес-способностей
• Создание информационных страниц (дашбордов) с диаграммами
• Настройка таблиц
• Настройка сортировки и группировки в таблицах
• Управление процессом с помощью его BPMN-диаграммы

Задания

• Создать диаграмму модели данных для процесса найма персонала.
• Создать диаграмму бизнес-способностей для найма.
• Создать раздел навигации для HR-менеджера.
• Создать информационную страницу (дашборд) на Рабочем столе.
• Создать кольцевую диаграмму с бизнес-показателями и поместить её на дашборд.
• Настроить таблицу с перечнем кандидатов.
• Настроить сортировку и группировку данных в таблице.

Определения

• Диаграмма модели данных (ER-диаграмма) — представление структуры данных приложения, связей между шаблонами и атрибутами.
• Диаграмма бизнес-способностей — представление архитектуры бизнес-процесса и его ресурсов.
• Диаграмма процесса — представление бизнес-процесса и состояния его экземпляра в нотации BPMN 2.0.
• Токен — маркер, указывающий на текущий этап выполнения процесса на BPMN-диаграмме.
• Дашборд — информационная страница с визуальными отчётами, диаграммами и показателями.
• Таблица — представление записей в виде набора строк и столбцов с возможностью сортировки, группировки и фильтрации данных.

Построение диаграммы модели данных (ER-диаграмма)

Построим диаграмму модели данных (сущность-связь, ER), показывающую взаимосвязи между сущностями приложения.

1. Перейдите в раздел «Диаграммы» приложения «Управление персоналом».
2. Нажмите кнопку «Создать».
3. Выберите тип диаграммы «Модель данных».
4. Введите название диаграммы «Найм кандидатов».

5. Нажмите кнопку «Сохранить».

   

6. Отобразится конструктор диаграммы модели данных.

   

   Конструктор диаграммы модели данных

   Конструктор диаграммы модели данных содержит следующие области:

   (1) Панель элементов — содержит имеющиеся шаблоны и кнопки для создания новых.

   (2) Диаграмма — отображает шаблоны, атрибуты и связи между ними.

   (3) Кнопки

   • Выбрать версию — загрузить одну из ранее сохраненных версий диаграммы.
   • Создать новую версию — сохранить текущую диаграмму как новую версию.
   • Клонировать — создать новую диаграмму путем копирования текущей.
   • Настройки — переименовать диаграмму.
   • Обновить данные — вывести актуальную модель данных приложения на диаграмму.
   • Экспортировать — сохранить диаграмму как файл в формате SVG.
   • Отображать системные имена — показать для шаблонов и атрибутов системные имена вместо отображаемых названий.
   • Очистить — скрыть все элементы диаграммы, при этом соответствующие сущности из приложения не удаляются.

   Примечание

   Изменения диаграммы модели данных автоматически сохраняются в текущей версии диаграммы.

7. Добавьте на диаграмму шаблоны «Кандидаты», «Вакансии», «Документы кандидатов», «Типы документов».

8. Нажмите любой шаблон на диаграмме.
9. В меню элементов нажмите кнопку «Показать связанные элементы» ‌.
10. Удостоверьтесь, что все связи между шаблонами отображаются корректно.

11. Диаграмма модели данных готова, руководители могут использовать её для утверждения и оптимизации процесса.

    Линии связей на диаграмме модели данных

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

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

    Примечание

    Если линия связи не отобразилась автоматически, выберите любой шаблон и в меню элементов нажмите кнопку «Показать связанные элементы» ‌.

Построение диаграммы бизнес-способностей

Построим диаграмму бизнес-способностей, показывающую архитектуру процесса и ресурсов для найма персонала.

1. Перейдите в раздел «Диаграммы» приложения «Управление персоналом».

2. Создайте диаграмму со следующими свойствами:

   • Название: Управление персоналом
   • Тип: Диаграмма бизнес-способностей

3. Добавьте способность «Найм персонала» и ресурсы «Вакансии» и «Кандидаты» на диаграмму.

4. Нажмите ресурс «Кандидаты».
5. В меню «Быстрое создание» нажмите кнопку «Линия».
6. Соедините ресурс «Кандидаты» со способностью «Найм персонала».
7. Аналогичным образом соедините ресурс «Вакансии» со способностью «Найм персонала» и ресурс «Кандидаты» с ресурсом «Вакансии».
8. Диаграмма бизнес-способностей готова, руководители могут использовать её для утверждения и оптимизации процесса.

Настройка страницы с кольцевой диаграммой количества успешно прошедших кандидатов

Настроим раздел навигации для HR-менеджера и поместим в него информационную страницу (дашборд) с кольцевой диаграммой, показывающей сводку по оценкам кандидатов по результатам собеседований.

1. Перейдите в раздел «Навигация» ‌ приложения «Управление персоналом».
2. В списке разделов навигации нажмите кнопку «Создать».
3. Отобразится конструктор раздела навигации.
4. На панели свойств раздела навигации укажите отображаемое название раздела навигации «HR-менеджер».
5. Сохраните раздел навигации.
6. Обновите страницу в браузере после сохранения раздела навигации, чтобы последующие шаги выполнялись корректно.

7. В панели элементов слева нажмите кнопку «Создать страницу» ‌ рядом с пунктом «Страницы».

   

8. Откроется вкладка «Новая страница».

9. В панели свойств укажите название страницы «Отдел кадров».
10. Сохраните страницу.
11. Обновите страницу в браузере, чтобы последующие шаги выполнялись корректно. Если браузер выдаст предупреждение о возможной утрате несохранённых изменений, подтвердите обновление страниц.

12. Нажмите кнопку со значком «Создать диаграмму» ‌ рядом с пунктом «Диаграммы» в панели элементов.

    

13. Откроется конструктор диаграммы.

14. Настройте диаграмму с помощью панели «Свойства виджета»:

    • Название: Оценки за собеседования
    • Отображаемое название: Оценки за собеседования
    • Тип: кольцевая
    • Шаблон: Кандидаты — источник данных для диаграммы.
    • Категории: Оценка за собеседование — атрибут, по значениям которого будут сгруппированы записи на диаграмме.

15. Просмотрите и сохраните результирующую диаграмму.

    

16. Нажмите в браузере кнопку «Назад», чтобы вернуться к странице «Отдел кадров».

17. Перетащите новую область на макет страницы и переименуйте ее в «Отчёты».
18. Перетащите диаграмму «Оценки за собеседования» из панели элементов в область «Отчёты».

19. Сохраните страницу «Отдел кадров».

    

20. Перейдите на вкладку «Навигация».

21. Перетащите страницу «Отдел кадров» из панели элементов на макет раздела навигации.
22. Сохраните раздел навигации.

23. Протестируйте диаграмму «Оценки за собеседования»:

    • Выйдите из системы.
    • Войдите с аккаунтом HR-менеджера.
    • В панели навигации выберите пункт «Отдел кадров».

Мониторинг процесса и позиций токенов

Просмотрим историю экземпляра процесса «Найм персонала».

1. В списке шаблонов откройте шаблон процесса «Найм персонала», дважды нажав его.
2. Откройте список экземпляров процесса, нажав кнопку «Перейти к экземплярам» на вкладке «Свойства» шаблона процесса.
3. В списке выберите один из запущенных экземпляров процесса, дважды нажав его.
4. Отобразится представление истории процесса, в котором активный элемент диаграммы будет выделен зелёным цветом.
5. Выберите задачу «Зафиксировать результаты тестирования» на диаграмме процесса.
6. На панели справа отобразится информация о её выполнении.
7. Перейдите на вкладку «Журнал изменений» и разверните задачу «Зафиксировать результаты тестирования» для просмотра информации о ней.
8. Аналогично выберите любой другой элемент диаграммы процесса для просмотра сведений о нём.

Настройка столбцов, сортировки и группировки списка кандидатов

Настроим состав столбцов и фильтры в таблице со списком кандидатов.

1. Перейдите в шаблон записи «Кандидаты».
2. Откройте вкладку «Таблицы»
3. Откройте таблицу «Все записи».
4. Отобразится конструктор таблицы.
5. Нажмите кнопку «Очистить».
6. Перетащите следующие атрибуты с панели элементов на макет таблицы: «Ф. И. О. кандидата», «Результат тестирования», «Оценка за собеседование», «Результат собеседования».

7. Сохраните таблицу.

   Примечание

   Последовательность, в которой элементы расположены в конструкторе таблицы, определяет последовательность столбцов при её отображении. То есть элемент, который расположен вверху в конструкторе таблицы, отобразится первым (слева) в таблице.

8. Выберите вкладку «Дополнительные» справа от макета таблицы.

9. Перетащите столбец «Оценка за собеседование» с макета на блок «Сортировка».
10. В блоке «Сортировка» нажмите поле «Оценка за собеседование» и выберите сортировку «По убыванию».
11. Перетащите столбец «Результат тестирования» с макета на блок «Группировка».
12. Сохраните таблицу.
13. Просмотрите результирующее представление данных в таблице.

Итоги урока

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

В ходе следующего урока вы научитесь формировать отчётные документы с данными из приложения.