Как работать в редакторе BPMN: пошаговое руководство
Эта статья — практический гайд по работе в редакторе BPMN в Stormbpmn. Вы узнаете, как создать диаграмму, добавить
элементы, настроить ветвления и оформить процесс. Если вы
открыли редактор впервые — начните отсюда.
Создание новой диаграммы
Нажмите кнопку «Новая диаграмма» на главной странице или внутри нужной папки. Введите название — например, «Обработка
заявки клиента». Откроется редактор с начальным событием (зелёный кружок) на холсте.
Начальное событие — это точка входа в процесс. Каждая диаграмма BPMN начинается с него.
Добавление элементов
Есть два способа добавлять элементы на диаграмму.
Способ 1: контекстное меню элемента. Нажмите на любой элемент на холсте — справа появится контекстное меню с иконками.
Выберите нужный тип: задачу (прямоугольник со скруглёнными углами), шлюз (ромб), событие (круг) или промежуточное
событие. Новый элемент автоматически
соединится стрелкой с предыдущим. Это самый быстрый способ построить последовательную цепочку.
Способ 2: палитра элементов слева. В левой панели собраны все доступные элементы BPMN. Перетащите нужный элемент на
холст, а затем соедините его стрелкой вручную — наведите
курсор на край исходного элемента, зажмите и протяните линию к целевому.
После добавления элемента дважды кликните на него, чтобы ввести название. Называйте задачи глаголом: «Проверить заявку»,
«Отправить ответ», «Согласовать договор».
Типы задач
По умолчанию добавляется обычная задача (Task). Чтобы сменить тип, нажмите на задачу и кликните иконку гаечного ключа в
контекстном меню. Доступные типы:
- User Task (иконка человека) — задача, которую выполняет конкретный сотрудник вручную. Используйте для этапов, где
нужно чьё-то решение или действие.
- Service Task (иконка шестерёнки) — автоматическая задача, которую выполняет система. Подходит для отправки писем,
обновления данных, интеграций.
- Script Task (иконка документа) — выполнение скрипта или расчёта.
- Manual Task (иконка руки) — работа, которая выполняется без помощи системы (например, физическая доставка).
- Call Activity (жирная рамка) — вызов другого процесса как подпроцесса.
Если вы не уверены, какой тип выбрать — оставьте обычную задачу. Тип можно сменить в любой момент.
Ветвления: шлюзы
Когда процесс разветвляется (например, «заявка одобрена или отклонена»), используйте шлюзы. Шлюз — это ромб на
диаграмме.
Эксклюзивный шлюз (XOR) — выполняется только одна ветка из нескольких. Используйте, когда есть условие: «Если одобрено →
..., если отклонено → ...». На диаграмме обозначается ромбом с крестиком (×) внутри.
Как добавить:
1. Нажмите на задачу, после которой идёт развилка.
2. В контекстном меню выберите ромб (шлюз).
3. Из шлюза добавьте два или более потока — каждый ведёт к своей ветке задач.
4. Подпишите условия: нажмите на стрелку и введите текст (например, «Сумма > 100 000» или «Одобрено»).
5. После веток добавьте замыкающий шлюз, чтобы потоки сошлись обратно.
Параллельный шлюз (AND) — выполняются все ветки одновременно. Обозначается ромбом с плюсом (+) внутри. Используйте,
когда несколько действий идут параллельно: «Подготовить документы» и «Уведомить клиента» — оба нужно сделать.
Инклюзивный шлюз (OR) — выполняются одна или несколько веток. Обозначается ромбом с кругом внутри.
Чтобы сменить тип шлюза, нажмите на него и кликните гаечный ключ — выберите нужный тип.
Важно: каждый разветвляющий шлюз должен иметь замыкающий шлюз того же типа. Если у вас XOR-развилка на две ветки, после
них должен стоять XOR, который их соберёт. Это правило нотации BPMN.
Пулы и дорожки
Пулы и дорожки показывают, кто выполняет задачи.
Пул (Pool) — это контейнер для одного участника процесса (отдел, компания, система). Перетащите пул из левой палитры на
холст. Дважды кликните на заголовок, чтобы назвать его — например, «Отдел продаж».
Дорожки (Lanes) — делят пул на зоны ответственности. Правой кнопкой нажмите на пул и выберите «Добавить дорожку сверху»
или «Добавить дорожку снизу». Назовите дорожки по ролям: «Менеджер», «Руководитель», «Бухгалтерия». Перетащите задачи
на нужные дорожки — так сразу видно, кто за что отвечает.
Взаимодействие между пулами. Если в процессе участвуют несколько сторон (например, ваша компания и клиент), добавьте
второй пул. Между пулами проводятся пунктирные стрелки (Message Flow) — они показывают обмен информацией. Обычные
стрелки (Sequence Flow) работают только внутри одного пула.
Соединение элементов стрелками
Чтобы соединить два элемента стрелкой вручную, наведите курсор на край исходного элемента — появится точка-якорь.
Зажмите левую кнопку мыши и протяните линию к целевому элементу. Стрелка автоматически «прилипнет».
Чтобы удалить стрелку, выделите её кликом и нажмите Delete на клавиатуре.
Чтобы подписать стрелку (указать условие), дважды кликните на ней и введите текст. Подписи на стрелках особенно важны
после шлюзов — они объясняют, при каком условии процесс идёт по этой ветке.
Описание элементов
Каждому элементу можно добавить подробное описание. Выделите элемент и откройте правую панель подробностей (иконка в
правом верхнем углу редактора или двойной клик по элементу).
В панели доступны:
- Название — краткое имя элемента (отображается на диаграмме).
- HTML-описание — подробная инструкция, регламент, ссылки. Поддерживает форматирование: жирный, курсив, списки,
ссылки.
- Внешняя ссылка — URL на внешний документ, инструкцию, форму.
- Ответственный — назначить исполнителя из команды.
Описания не видны на самой диаграмме, но доступны при клике на элемент. Это удобно для регламентов: диаграмма остаётся
чистой, а детали — внутри элементов.
Оформление диаграммы
Цвета. Выделите один или несколько элементов, затем нажмите иконку цвета в верхнем меню. Цветовая маркировка помогает
визуально разделить этапы: например, зелёный — автоматические задачи, синий — ручные, красный — точки контроля.
Авто-нумерация. Кнопка в верхнем меню автоматически пронумерует все элементы в порядке потока. Удобно для регламентов и
инструкций, где нужна ссылка на «шаг 5» или «задачу 12».
Масштаб и навигация. Используйте колёсико мыши для масштабирования, зажмите среднюю кнопку мыши или пробел для
перемещения по холсту. В верхнем меню есть кнопка миникарты —
она показывает общий вид диаграммы и помогает быстро перемещаться по большим процессам.
Проверка диаграммы
Нажмите кнопку проверки (галочка в верхнем меню), чтобы найти ошибки нотации. Валидатор покажет:
- Незамкнутые шлюзы (развилка без сборки).
- Элементы без входящих или исходящих стрелок.
- Отсутствие конечного события.
- Другие нарушения правил BPMN.
Кликните на ошибку в списке — редактор подсветит проблемный элемент. Исправьте и проверьте снова.
Сохранение и экспорт
Нажмите Ctrl+S или кнопку «Сохранить» в меню действий (левый верхний угол). Каждое сохранение создаёт версию — вы всегда
можете вернуться к предыдущему состоянию через
историю версий.
Для экспорта откройте меню действий → Скачать и выберите формат:
- PNG — картинка для презентаций и документов.
- SVG — векторное изображение (масштабируется без потери качества).
- PDF — для печати и согласования.
- BPMN — стандартный формат для обмена с другими BPMN-инструментами.
- DOCX (регламент) — автоматическая генерация текстового регламента по диаграмме.
Совместная работа
Чтобы дать доступ коллегам к диаграмме, откройте меню действий → Поделиться. Введите email коллеги и выберите уровень
доступа:
- Просмотр — только просмотр, без редактирования.
- Редактирование — полный доступ к изменению диаграммы.
- Комментирование — просмотр и добавление комментариев.
Также можно создать анонимную ссылку для просмотра — она не требует регистрации. Подходит для согласования с внешними
участниками.
Горячие клавиши
Основные сочетания для быстрой работы:
- Ctrl+S — сохранить диаграмму.
- Ctrl+Z — отменить последнее действие.
- Ctrl+Y — повторить отменённое действие.
- Ctrl+C / Ctrl+V — копировать и вставить элементы.
- Delete — удалить выделенный элемент.
- Пробел + перетаскивание — перемещение по холсту.
- Ctrl + колёсико мыши — масштабирование.
Полный список горячих клавиш доступен через кнопку «?» в верхнем меню редактора.
Частые вопросы
В: Как добавить элемент определённого типа, если его нет в контекстном меню?
О: В контекстном меню отображаются базовые элементы. Для выбора конкретного типа (например, Timer Event или Signal
Event) добавьте базовый элемент, затем нажмите иконку гаечного ключа и выберите нужный подтип.
В: Как переместить элемент из одной дорожки в другую?
О: Просто перетащите элемент мышью на нужную дорожку. Стрелки сохранятся автоматически.
В: Как провести пунктирную стрелку (Message Flow) между пулами?
О: Наведите курсор на край элемента в одном пуле, зажмите и протяните к элементу в другом пуле. Редактор автоматически
создаст Message Flow (пунктирная линия), потому что Sequence Flow между пулами невозможен по правилам BPMN.
В: Можно ли отменить все изменения и вернуться к предыдущей версии?
О: Да. Откройте историю версий через меню действий. Выберите нужную версию и восстановите её. Текущая версия при этом
сохранится в истории.
В: Как добавить промежуточное событие на границу задачи (Boundary Event)?
О: Перетащите промежуточное событие из левой палитры прямо на границу задачи. Событие «прилипнет» к краю. Затем через
гаечный ключ выберите тип: таймер, ошибка, сигнал и другие.