Пример диаграммы развертывания
На этом примере изображена простая диаграмма развертывания Lucidchart. В состав диаграммы входят веб-сервер, сервер базы данных и компьютер, на котором пользователь просматривает наш сайт. Чтобы усложнить диаграмму, мы также можем включить в нее разные составляющие веб-сервера и показать, как работает Javascript на UserClient, однако задача данного примера — дать вам общее представление о том, как выглядит развертывание в нотации UML.
Как создать диаграмму развертывания в Lucidchart
После того как вы освоите основные обозначения, следующий шаг — превращение модели в аккуратную диаграмму, которой можно поделиться. Приведенная ниже инструкция соответствует практической последовательности: настройте холст, определите, что нужно показать, добавьте и соедините фигуры, а затем опубликуйте или загрузите результат.
1. Начни с Lucidchart
Первый шаг к созданию отличной UML-диаграммы — регистрация в Lucidchart. Lucidchart предлагает интуитивно понятный интерфейс, готовые шаблоны и обширные библиотеки фигур: с ним создание сложных схем развертывания не составит труда.
После входа в Lucidchart создайте новый пустой документ и включите библиотеки фигур UML. В левом верхнем углу экрана нажмите на значок «Фигуры» и в появившемся меню выберите пункт «UML». Теперь все фигуры UML Lucidchart будут доступны слева от холста.
2. Выделите компоненты
Для начала уточни, что именно хочешь передать с помощью диаграммы, затем перечисли узлы и программные элементы, которые будут на них развернуты. Диаграммы развертывания могут служить нескольким целям, и все они относятся к аппаратному обеспечению. К числу таких функций относятся, например:
-
захват обработки во время выполнения для аппаратных элементов;
-
иллюстрация общей топологии заданной аппаратной системы;
-
демонстрация того, как определенные программные компоненты разворачиваются конкретными аппаратными компонентами.
Как только вы определите цель диаграммы развертывания, вам нужно будет определить входящие в нее элементы. Основными элементами любой диаграммы развертывания являются узлы. Эти большие 3D-блоки символизируют элементы, разворачивающие объекты. Объекты, содержащиеся в блоках — такие как стереотипы, артефакты и компоненты (компонент иллюстрируется в примере ниже) — являются развертываемыми объектами.
Линии от узла к узлу указывают либо на отношения между узлами, либо на отношения между отправляемыми ими сообщениями. Обратите внимание, что диаграммы развертывания могут достигать высокого уровня сложности: например, в зависимости от шаблона развертывания, который вы пытаетесь продемонстрировать, один узел может содержаться в другом. Возможно, будет полезно начать со списка, в котором четко обозначены узлы, которые вы хотите отобразить, и их взаимосвязь.
3. Добавить фигуры
Включите библиотеки фигур UML, чтобы начать рисовать свою схему в Lucidchart. Из библиотеки фигур UML перетащите первый символ: узел. Укажите его название и выберите, какие фигуры должны содержаться внутри узла. Можно добавить артефакт, компонент, экземпляр или базовый объект. Вы можете легко добавлять, удалять или заменять элементы в узле. Чтобы изменить название элемента, просто щелкните по нему и введите новый текст.
После добавления первого узла добавляйте и помечайте другие узлы до тех пор, пока структура диаграммы не будет завершена. Затем добавьте фигуры компонентов, которые будут размещены в узлах.
4. Соедините узлы
Теперь вы готовы соединить два узла. Чтобы добавить линию, щелкните и потяните мышь из красного круга, который появляется при наведении курсора на фигуру, и соедините с соответствующей фигурой.
5. Форматирование стрелок
При рисовании взаимосвязей между элементами внутри узлов тебе, вероятно, потребуется проиллюстрировать более сложные связи. Редактор Lucidchart позволяет изменять стиль и стрелки на каждой линии, чтобы показать уникальный тип отношений. Просто используй панель свойств над холстом.
6. Последние штрихи
Добавляйте линии и узлы, пока не закончите описывать вашу систему. Для упрощения восприятия можно добавить в диаграмму разные цвета.
Публикация и внедрение
Поздравляем! Вы завершили создание диаграммы развертывания. После завершения вы можете опубликовать диаграмму развертывания и поделиться ею с командой, чтобы использовать ее в качестве краткого справочника или для ускорения процесса адаптации.
Чтобы поделиться документом с коллегами (вне зависимости от того, используют ли они Lucidchart), нажмите на оранжевую кнопку «Поделиться» в правом верхнем углу. Из этого же меню вы можете легко опубликовать свою диаграмму в социальных сетях.
Чтобы загрузить диаграмму, нажмите «Файл» > «Загрузить как» и выберите нужный тип файла. Загрузив документ, вы можете делиться диаграммой, не опасаясь, что другие пользователи внесут несанкционированные изменения. Lucidchart делает публикацию и совместное использование ваших диаграмм невероятно простым.
Если вы уже ознакомились с материалом этой статьи, самое время составить собственную диаграмму развертывания в нашем приложении. Напоминаем, что Lucidchart — это бесплатная визуальная платформа, где удобно обмениваться идеями и создавать стильные интуитивные схемы.
Готовы создать собственную диаграмму UML? Попробуйте Lucidchart! Это быстро, удобно и бесплатно.