Перейти к основному содержанию

New Шторм. Редактор диаграмм BPMN

Около 9 мин

New Шторм. Редактор диаграмм BPMN

Наш редактор BPMN имеет несколько меню для удобства работы с BPMN диаграммами.
image

Описание всех меню

Меню навигации

ОПИСАТЬ

Меню действий

В этом меню возможно:

    1. Вернуться на главную страницу (Мои процессы);
  • Увидеть:

    1. название диаграммы;
    2. название папки в которой хранится диаграмма;
    3. кто сохранил эту версию диаграммы;
    4. дату и время версии;
    5. сравнительный вид диаграммы: As Is или To Be
    6. статус диаграммы (новая, в работе, на согласовании, готова, архив);
  • Выполнить действия:

    1. вызвать меню сохранения;
    2. вызвать меню выгрузки: в регламент (docx) или графический файл (png, svg, pdf);
    3. вызвать меню предоставления доступа другому пользователю Шторма или любому человеку
    4. скрыть диаграмму от всех
    5. удалить диаграмму
    6. изменить статус

image

Сохранение диаграммы

В этом меню вы можете:

  1. Указать название диаграммы
  2. Добавить теги
  3. Указать папку
  4. Указать сравнительный вид диаграммы (AS-IS / TO-BE) и связать со вторым процессом для сравнения
  5. Оставить комментарий к текущей версии
  6. Увидеть [качество] вашей диаграммы

Совет

При сохранении создаётся версия, к которой можно откатиться или выполнить сравнение

В этом же меню можно сохранить чужую диаграмму, к которой вы не имеете доступа на редактирование, в свои диаграммы.

image

Скачать (экспорт SVG, PNG, PDF, BPMN и .DOCX)

В меню Скачать процесс есть 2 вкладки:
А. Файлы
Б. Регламенты

На вкладке Файлы можно скачать диаграмму

  • как картинку (SVG, PNG);
  • машиночитаемый файл XML (BPMN);
  • как документ с оверлеями (PDF).

image

Совет

Для сохранения картинки с оверлеями используйте скачивание в PDF

На вкладке Регламенты доступно:

  1. загрузка своего шаблона регламента;
  2. выбрать шаблон из списка загруженных;
  3. выгрузить в шаги процесса только задачи (убрать события, развилки и другие объекты диаграммы процесса)
  4. скачать регламент процесса по базовому шаблону;
  5. скачать регламент по своему выбранному шаблону

image

Поделиться диаграммой

image

В этом меню можно предоставить/отозвать доступ на диаграмму:

  1. Конкретному человеку по e-mail с указанием прав (просматривать/редактировать)
  2. Анонимно (не требует учетной записи в системе)
  3. Получить код для встраивания диаграммы, она будет выглядеть вот так:

Больше о совместной работе

Сменить статус

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

  • Новый - процесс ещё не трогали, просто создали

  • В работе - над процессом активно идёт работа

  • На согласовании - процесс согласуется с кем-то, менять схему нельзя. Подробнее в согласованиях

  • Готов - процесс готов к работе, менять схему нельзя

  • Архив - процесс в архиве

    image

AS-IS и TO-BE

Если в меню сохранения вы указали тип процесса и связанный процесс, то появится возможность быстро перемещаться между версиями AS-IS и TO-BE, нажав на кнопку верхнего меню с типом диаграммы

image

Ещё в разработке

А также визуально сравнить их.

Левое меню

Левое меню предназначено для выбора элементов BPMN, управления ими и обеспечения удобства использования редактора.

Не все элементы

В левом меню находятся не все разновидности элементов BPMN, но это не значит, что их нет в системе 😃 Выбор типа (маркера) элемента производится в контекстном меню нажатием на кнопку .

Советуем обратить внимание на кнопки, обеспечивающие удобство работы:

image

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

Верхнее меню

Верхнее меню предназначено для работы с конкретной диаграммой и предоставляет возможности:

  1. Включить симулятор токена.
  2. Развернуть диаграмму на полный экран.
  3. включить, отключить миникарту
  4. Приблизить.
  5. Отдалить.
  6. Отменить последнее действие.
  7. Вернуть отмененное действие.
  8. Сменить цвет выбранным элементам.
  9. Скопировать выделенные элементы для вставки между вкладками.
  10. Вставить выделенные элементы из другой вкладки.
  11. Включить проверку ошибок.
  12. Выполнить автонумерацию элементов.
  13. Очистить автонумерацию.
  14. Открыть справку по верхнему меню, горячим клавишам и элементам BPMNopen in new window с примерами.
  15. Скрыть шапку: меню действий и меню навигации.
  16. Раскрыть меню оверлеев.

image

Контекстное меню

Контекстное меню открывается при клике на элемент и предоставляет следующие возможности в зависимости от того, на какой элемент вы кликнули:

  1. Выбрать и нарисовать следующий элемент.
  2. Открытие меню для управления ролями и элементами архитектуры.
  3. Удаление элемента.
  4. Текстовая аннотация к элементу.
  5. Изменение атрибутов текущего элемента.
  6. Соеденение текущего элементв с другим.
  7. Открытие меню дополнительных настроек элемента.

image

Меню дополнительных настроек элемента

В этом меню предоставляется возможность указывать всю ключевую информацию об элементе:

  1. Название
  2. Роль (только для задач)
    (назначить роль на задачу, удалить связь роли с задачей, создать новую роль)
  3. Элементы архитектуры (только для задач)
    (связать элемент архитектуры с задачей, создать новый, удалить связь с задачей)

image

Ещё в разработке

  1. Связанный процесс (только для Call Activity или Participant)
  2. Создание события отправки сообщения (только для Throw Event) или Связывание события получения сообщения с его отправкой (только для Catch Event)
  1. Описание элемента
  2. Плановую длительность
  3. Внешняя ссылка

image

Меню оверлеев

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

  1. включить отображение
  1. развернуть список оверлеев Системы; Документы (по умолчанию они свёрнуты в оверлей-группу, показывающий их наличие)
  2. отобразить значки, обозначающих, что у элемента есть
  1. показать длительность
  2. отобразить значки наличия у элементов:
  1. включить отображение оверлеев кастомных элементов архитектуры
  2. развернуть список оверлеев всех кастомных ЭА
  3. использовать горячие клавиши для отображения оверлеев и разворачивания их списков

image

Совет

Включенные оверлеи автоматически вставляются в ссылку, которой вы делитесь с коллегами! Заказчикам ничего дополнительного нажимать не надо. А еще, если вы включали оверлеи в настройках пользователя (Профиль -> настройки) то на диаграммах вашего авторства они будут отображаться автоматически, даже ссылку делать не надо будет.

Ещё в разработке

Меню представлений

Описание процесса в системе можно посмотреть сразу в нескольких представлениях, в зависимости от ваших задач.

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

Табличное представление

Табличное представление выводит информацию о:

  • Названии задачи
  • Пуле, в котором расположена задача
  • Роль, исполняющая задачу
  • Должности, привязанные к роли
  • Системы, используемые в задаче
  • Документы, используемые в задаче
  • Описание задачи

Также это представление даёт возможность скачать таблицу в .xls и осуществить поиск по содержимому. Например, если написать кладовщик, то система выдаст только те задачи, где упоминается это слово в любом из столбцов.
image

Представление в виде регламента

Это представление позволяет просмотреть на процесс последовательно, со всех сторон и предоставляет возможности:

  1. Просмотреть и ввести общее описание. image
  2. Указать состав рабочей группы: владельцев, спонсоров и т.д.
  3. Посмотреть на схему.
  4. Посмотреть и отредактировать описание задач в разрезе ролей image
  5. Историю согласований.
  6. Связь процессов, потребителей и поставщиков процесса.
  7. Используемые элементы архитектуры.
  8. Карту архитектуры относительно процесса.
  9. Все комментарии процесса.

Правое меню

Правое меню даёт дополнительные возможности работы с диаграммой в зависимости от выбранного заголовка:

  1. отобразить роли и все элементов архитектуры для каждого элемента диаграммы;
  2. показать комментарии к диаграмме и отдельным её элементам;

Ещё в разработке

  1. сравнить текущую версию диаграммы с предыдущими
  2. отобразить связи диаграммы с другими и её элементов
  3. вывести панель упраления Camunda

image

Цвет активной вкладки тёмный. И в правом меню отображается соответствующая информация

image

Кнопка в отпуске

Детали по клику

После включения соответствующей настройки в правом меню появляется возможность:

  • Поделиться ссылкой на конкретный элемент
  • Найти выбранный элемент на схеме
  • Установить связь с Call Activity
  • Установить роль
  • Установить элементы архитектуры
  • Прочитать описание выбранной задачи
  • Просмотреть и написать комментарий к выбранной задаче

image

Совет

В этом представлении отображается схема выбранного Call Activity! Это удобный способ просматривать их содержимое с той же диаграммы, на которой оно используется.

:::

Обеспечение удобства работы

Горячие клавиши

Редактор поддерживает работу с горячими клавишами, что сильно ускоряет работу при моделировании процессов:

  • F2 - изменить название выбранного элемента
  • F3 или ctrl + f - открыть меню поиска элементов
  • F5 или ctrl + F5 - обновить страницу браузера
  • F11 - перейти в полноэкранный режим
  • ctrl + z - отменить последнее действие
  • ctrl +shift + z или ctrl + y - вернуть отмененное действие
  • ctrl + a - выделить всё
  • ctrl + scroll - изменение масштаба
  • scroll - перемещение по вертикали
  • shift + scroll - перемещение по горизонтали
  • ctrl + click - выделять элементы по одному в группу
  • shift + click - выбрать элементы группой
  • alt + 1...8 - включить отображение соответствующих оверлеев
  • alt + shift + 3, 4 - изменить свёрнутость списка оверлеев Системы, Документы
  • alt + a - включить отображение всех оверлеев
  • alt + sift + a - изменить свёрнутость списка всех оверлеев

Качество бизнес-процессов BPMN

Система предоставляет мощные средства для управления качеством ваших диаграмм в BPMN, создаваемых по вашему соглашению о моделировании. \ Качественные диаграммы гарантируют минимальное время на обсуждение формальных признаков описания и позволяют сразу переходить к сути.

Оценка

Система предоставляет ~30 правил проверки BPMN, которые система проверяет автоматически при каждом сохранении.
Включение, отключение проверки осуществляется кнопкой в верхнем меню.

Выявленные ошибки бывают трех типов:

  1. Рекомендация (стикер синего цвета) - рекомендуем моделировать лучше
  2. Предупреждение (желтого цвета)- лучше исправить
  3. Фатальная ошибка (красного цвета) - серьёзное нарушение BPMN, обязательно исправить.

image

Ошибки для Camunda

Это функция позволяет проверить атрибуты автоматизации Camunda 7, задаваемые в процессе, и сразу найти те ошибки, на которые Camunda 7 укажет вам при попытке загрузить ваш XML на сервер.

Настройка правил проверки

Совет

Данная функция работает только на тарифе TEAM и выше.

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

  • Настроить минимальную среднюю оценку, которую требует ваша команда. При нарушении этого показателя члены команды постоянно будут видеть уведомление о низком качестве процессов.
  • Указать минимальный процент указания (задействования) систем, ролей, документов на схеме.
  • Включить или отключить; изменить заголовок, описание, важность, дополнительную ссылку для каждого из правил.
    image

Настраивается в разделе команды.

Симуляция токена

Вы так же можете выполнить проверку проходимости процесса токеном. Посмотрите это видео, если не знаете, что это такое:

Для включения симуляции токена:

  1. нажмите кнопку включения симуляции токена
  2. приблизьтесь к любому стартовому событию и нажмите на символ Play для запуска токена
  3. используйте переключатель на шлюзах, чтобы вести токена по выбранному направлению:
    image

В разработке

Расчет длительности сценария

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

В разработке

Версионирование

Система автоматически создает версии диаграмм вот по таким поводам:

  • Прошло больше 30 изменений диаграммы
  • Кто-то (не владелец процесса и не пред.автор изменения) внёс изменения в диаграмму

Это позволяет всегда восстановить пред.версию и посмотреть разницу. Автор диаграммы получает e-mail уведомление, если в его диаграмме создали новую версию. Также система сохраняет версии описания задач.

Как вернуть версию процесса

  1. Если вы хотите вернуть версию процесса, то найдите на главной странице карточку процесса и нажмите в верхний правый угол, выберите "Все версии": image
  2. Выберете интересующую версию и нажмите посмотреть версию.
  3. В открывшемся окне нажмите "установить как текущую".

Сравнение версий

Сравнение версий доступно в двух вариантах:

  1. Вычисление изменений текущей версии относительно старой - включается через правое меню: image
  2. Просто сравнение со старой версией - включается через меню и нажатие кнопки сравнить: image

Согласование

Система позволяет согласовывать процессы с любыми пользователями системы - т.е. получить и зафиксировать мнение человека о вашем процессе.

Важно

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

Просмотр согласований

Для просмотра согласований на главной странице есть соответствующий раздел:
imaget

Отправка на согласование

Для отправки процесса на согласование

  1. смените ему статус на на согласовании ;
  2. укажите e-mail согласующих (в конце ввода е-мейла нажмите клавишу Enter);
  3. нажмите отправить на согласование
  4. сохраните изменение статуса

Примечание

Если дополнительно отправляете ещё кому-то схему уже находящуюся в статусе схема уже в статусе на согласовании, то пункты 1 и 4 можно не выполнять

imaget

Внимание

После отправки схемы на согласование диаграмму нельзя будет редактировать или менять её статус, пока не будут получены результаты по ВСЕМ отправленным запросам на согласование.

Совет

Советуем снабдить ваше первое согласование вот такой ссылкойopen in new window, людям будет сильно проще разобраться в системе и они быстрее нажмут все кнопки для согласования.

Выполнение согласования

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

imaget

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

imaget

Примечание

По-умолчанию отображаются согласования только по последней версии. Нажмите "Посмотреть историю", если хотите посмотреть предыдущие согласования.

Удаление согласования

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

Импорт процессов из других систем

Система поддерживает полноценный BPMN - это значит, что если система-источник производит XML-файл в спецификации BPMN, то Stormbpmn сможет его загрузить.

Загрузить можно диаграммы из Cawemo, Camunda Modeler, Bizagi Modeler и так далее.

Загрузить диаграммы из Visio, Draw.io, Miro нельзя.

Для загрузки нажмите кнопку в меню навигации:
imaget

Для импорта в конкретную папку нажмите кнопку в меню папки:
imaget

В разработке

Сравнение AS-IS и TO-BE

Одна из удобных возможностей - это визуально сравнить 2 диаграммы, для того чтобы представить визуальную разницу между версиями AS-IS и TO-BE.

imaget

Установление связи между двумя моделями

Для установления связи в меню сохранения установить тип процесса и связанный процесс:
imaget

Совет

Советуем для начала хорошенько проработать модель AS-IS, тогда её можно будет дублировать и на базе дубля сделать TO-BE. Также это сделает возможным автоматическое сравнение схем (когда оно будет готово).

В разработке

Связь процессов

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

Система поддерживает возможность связи процессов друг с другом с целью удобной навигации и построения графов связности.

Просматривать связи можно через меню оверлеев или правое меню.

Связь через Call activity и Participant

Для установления связи через Call activity\Participant откройте меню подробностей и укажите соответствующий связанный бизнес-процесс:
imaget

Связь через Message Catch Events \ Message Catch Task

Для установления такой связи откройте меню подробностей и укажите соответствующий связанный элемент отправки сообщения:
imaget

Декомпозиция через Subprocess

Еще один вариант декомпозиции - использование Subprocess. В этом случае вы получаете возможность на одном листе проваливаться в подпроцессы.

Как использовать Subprocess

  1. Установите с помощью контексного меню тип активности "Свернутый подпроцесс": imaget

  2. Нажмите на значок перехода к схеме декомпозии подпроцесса:
    imaget

  3. Вернитесь на уровень выше при необходимости:
    imaget

Примечание

По нотации BPMN Свернутый подпроцесс (subrocess) является непосредственной частью текущей схемы, поэтому переиспользовать его в других диаграммах (или даже в этой 2 раза) нельзя. Это не ярлык, а средство декомпозии. Такие связи не будут участвовать в графе связности.