Диаграммы вариантов использованияпомогают командам объяснять, как люди и внешние системы взаимодействуют с функциями, предоставляемыми системой. Теперь вы можете создавать их в Mermaid и просматривать в VPasCode. Эта новая возможность расширяет поддержку VPasCode диаграмм как кода и предоставляет вам ещё один способ описания поведения системы с помощью текста, а не ручного рисования каждого элемента.
Уже используете Mermaid для технической документации? Теперь вы можете использовать VPasCode в качествередактора диаграмм Mermaidдля диаграмм вариантов использования наряду с другими поддерживаемыми типами диаграмм. Если вы ищетебесплатный редактор диаграмм вариантов использованиядля преобразования синтаксиса Mermaid в визуальную диаграмму, попробуйте вредакторе VPasCode.
Что нового: диаграммы вариантов использования Mermaid
VPasCode уже поддерживал диаграммы вариантов использования, написанные на PlantUML. С этим обновлением вы также можете писать их на синтаксисе Mermaidusecase-betaсинтаксиса, доступном в Mermaid 12.0.0 и более поздних версиях. Этот синтаксис представляет актеров, варианты использования, границы системы и связи между актерами и вариантами использования.
Это добавление упрощает поддержание моделей вариантов использования в том же текстовом рабочем процессе, что и ваши другие диаграммы Mermaid. Редактируйте исходный код, создавайте предпросмотр и обновляйте диаграмму по мере изменения требований.
Пример: диаграмма вариантов использования системы банкомата
Приведённый ниже пример показывает двух актеров и функции банкомата, к которым они имеют доступ. Граница системы группирует варианты использования, относящиеся к системе банкомата.
usecase-beta
direction LR
actor User("Пользователь")
actor Technician("Техник")
systemBoundary "Система банкомата"
Withdraw("Снять наличные")
Transfer("Перевести наличные")
Deposit("Внести наличные")
SettleBills("Оплатить счета")
Repair("Ремонт банкомата")
end
User --> Withdraw
User --> Transfer
User --> Deposit
User --> SettleBills
Technician --> RepairЗдесьactorобъявляет людей, взаимодействующих с системой, и каждый именованный вариант использования представляет функцию. ГраницаsystemBoundaryгруппирует эти функции в рамках системы банкомата. Стрелки показывают, к каким функциям имеет доступ каждый актер, аdirection LRзапрашивает макет слева направо.
Зачем использовать Mermaid для диаграмм вариантов использования?
Диаграмма на основе текста может быть практичной, когда вам нужна модель, которую легко обновлять вместе с требованиями, документацией или кодом. Вместо ручного перемещения фигур вы можете изменить метку, добавить актера или обновить связь в исходном коде. Это делает Mermaid полезным как для ранних обсуждений проектирования, так и для поддержания актуальности диаграмм по мере эволюции системы.
Диаграммы вариантов использования могут помочь менеджерам продуктов, бизнес-аналитикам, разработчикам, архитекторам и заинтересованным сторонам сформировать общее представление о границах системы. Они упрощают обсуждение таких вопросов, как:
- Кто взаимодействует с системой?
- Какие функции предоставляет система?
- Какие функции доступны каждому актору?
- Где начинаются и заканчиваются границы системы?
VPasCode: редактор диаграмм на основе кода в вашем браузере
VPasCode — это онлайн-платформа для создания диаграмм на основе кода, предназначенная для разработчиков, архитекторов и технических команд. Она преобразует поддерживаемые текстовые языки диаграмм и структурированные данные в визуальные диаграммы непосредственно в редакторе с живым предпросмотром. Платформа разработана для простого перехода между исходным кодом диаграммы и её визуальным результатом.
Чтобы начать, вставьте или напишите код вашей диаграммы в редакторе. VPasCode автоматически определяет поддерживаемые форматы, поэтому вам не нужно выбирать язык вручную. В процессе редактирования предпросмотр обновляется в реальном времени, помогая вам замечать изменения и уточнять диаграмму.
Помимо Mermaid, VPasCode поддерживает PlantUML и другие форматы диаграмм и визуализации, включая D2, Graphviz, Markmap и ECharts. Он также работает с форматами структурированных данных и языками программирования. Это делает его полезным в качестве единого рабочего пространства для команд, которые документируют системы с использованием нескольких нотаций.
Больше, чем просто живой предпросмотр
VPasCode включает практические инструменты для работы с диаграммами после их отрисовки:
- Обмен диаграммами:Создавайте доступные для общего доступа URL-адреса, генерируйте QR-коды или делитесь диаграммами через поддерживаемые социальные каналы.
- Экспорт изображений:Скачивайте диаграммы в форматах SVG или PNG для документации, презентаций и других материалов.
- Исправление синтаксиса с помощью ИИ:При наличии доступа к соответствующим премиум-функциям используйте инструмент «Исправить с помощью ИИ» для устранения ошибок синтаксиса, а также для просмотра разницы в коде и пояснений к изменениям.
- Перевод подписей диаграмм:Премиум-функции ИИ позволяют переводить текст диаграмм на другие языки непосредственно в редакторе.
- Отправка диаграмм в OpenDocs:При наличии соответствующего премиум-доступа отправляйте диаграммы в Visual Paradigm OpenDocs для использования в технической документации.
Основные функции редактирования, живая отрисовка, экспорт изображений и обмен диаграммами доступны бесплатно. Функции ИИ и интеграция с OpenDocs доступны через соответствующие планы Visual Paradigm. Для получения дополнительной информации о платформе посетите Обзор функций VPasCode.
Попробуйте диаграммы вариантов использования Mermaid в VPasCode
Независимо от того, составляете ли вы карту услуг банкомата, описываете процесс онлайн-оплаты или документируете акторов и возможности программного продукта, VPasCode предоставляет удобное место для написания и предпросмотра вашей диаграммы. Используйте её как бесплатный редактор диаграмм вариантов использованиядля поддерживаемого синтаксиса Mermaid или как редактор диаграмм Mermaidдля более широкого рабочего процесса создания диаграмм на основе кода.
Откройте VPasCode и создайте диаграмму вариантов использования Mermaid. Чтобы узнать больше о поддерживаемых форматах и возможностях, см. Обзор VPasCode.