Диаграмма последовательности в PlantUML — Стать аналитиком на vc.ru

Анализ задачи начинаю с создания диаграммы последовательности в PlantUML, чтобы понять общую картину процесса. Разберём алгоритм создания диаграммы на примере.

Пример диаграммы последовательности в PlantUML

1. Код диаграммы последовательности

Для начала создания диаграммы последовательности в PlantUML необходимо определить участников (participant), сообщения (message) и возможные ветвления (branching).

@startuml autonumber skin rose title Заказ цветов actor Client Client -> Frontend: Выбор цветов activate Client activate Frontend Frontend -> Backend: Запрос справочника цветов\nflowers activate Backend Frontend <-- Backend: Список цветов deactivate Backend Client <-- Frontend: Список цветов Client -> Frontend: Заказ цветов Frontend -> Backend: post order activate Backend Backend -> DB: Сохранение заказа activate DB Backend <-- DB: Статус заказа deactivate DB Frontend <-- Backend: Статус заказа deactivate Backend Client <-- Frontend: Статус заказа deactivate Frontend deactivate Client @enduml

2. Вставляем код диграммы последовательности в онлайн редактор

www.planttext.com

PlantText UML Editor

3. Синтаксис других элементов смотрим в гайде

plantuml.com

PlantUML Language Reference Guide

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