Диаграмма последовательности в 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

PlantText is an online tool that quickly generates images from text. Primarily, it is used to generate UML (Unified Modeling Language) diagrams. It is based on a text language called PlantUML.

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

plantuml.com

PlantUML Language Reference Guide

You can download freely the PlantUML Language Reference Guide in PDF format !

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