Простое руководство по диаграммы компонентов

В то время как другие UML диаграммы, которые описывают функциональность системы, компонентные диаграммы используются для моделирования компонентов, которые помогают сделать эти функциональные возможности.

В этом учебном пособии мы рассмотрим, что такое компонентная диаграмма, символы компонентной диаграммы и как их нарисовать. Вы можете использовать пример компонентной диаграммы ниже, чтобы получить быстрый старт.

Что такое Диаграмма компонентов

Диаграммы компонентов используются для визуализации организации компонентов системы и зависимостей между ними. Они позволяют получить высокоуровневое представление о компонентах системы.

Компонентами могут быть программные компоненты, такие как база данных или пользовательский интерфейс; или аппаратные компоненты, такие как схема, микросхема или устройство; или бизнес-подразделение, такое как поставщик, платежная ведомость или доставка.

Компонентные диаграммы

  • Используются в компонентно-ориентированных разработках для описания систем с сервис-ориентированной архитектурой
  • Показать структуру самого кода
  • Может использоваться для фокусировки на отношениях между компонентами, скрывая при этом детализацию спецификации
  • Помощь в информировании и разъяснении функций создаваемой системы заинтересованным сторонам

Символы на диаграмме компонентов

Ниже мы объяснили общие обозначения компонентной диаграммы, которые используются для построения компонентной диаграммы.

Компонент

Существует три способа использования символа компонента.

1) Прямоугольник со стереотипом компонента (текст <<компонент>>). Стереотип компонента обычно используется над именем компонента, чтобы не перепутать форму со значком класса.

Стереотип компонента

2) Прямоугольник со значком компонента в правом верхнем углу и названием компонента.

Компонент

3) Прямоугольник со значком компонента и стереотипом компонента.

Компонент

Предоставляемый интерфейс и требуемый интерфейс

Предоставляемый интерфейс и необходимый интерфейс

Интерфейсы на компонентных схемах показывают, как компоненты соединены друг с другом и взаимодействуют друг с другом. Соединитель сборки позволяет соединить требуемый интерфейс компонента (представленный полукругом и сплошной линией) с предусмотренным интерфейсом (представленный окружностью и сплошной линией) другого компонента. Это показывает, что один компонент предоставляет услугу, которая требуется другому.

Порт

Порт

Порт (представленный маленьким квадратом в конце требуемого интерфейса или предоставляемого интерфейса) используется, когда компонент делегирует интерфейсы внутреннему классу.

Зависимости

Зависимость

Хотя вы можете показать более подробную информацию об отношениях между двумя компонентами с помощью нотации ball-and-socket (предусмотренный интерфейс и требуемый интерфейс), вы можете также использовать стрелку зависимостей, чтобы показать отношения между двумя компонентами.

Как рисовать диаграмму компонентов

Вы можете использовать компонентную диаграмму, когда хотите представить свою систему как компоненты и показать их взаимосвязь через интерфейсы. Это помогает получить представление о внедрении системы. Ниже приведены действия, которые можно выполнить при построении компонентной диаграммы.

Шаг 1: выясните назначение диаграммы и идентифицируйте артефакты, такие как файлы, документы и т.д. в вашей системе или приложении, которые необходимо представить на диаграмме.

Шаг 2: По мере выяснения взаимосвязей между элементами, которые вы определили ранее, создайте ментальный макет своей компонентной диаграммы

Шаг 3: По мере того, как вы рисуете диаграмму, сначала добавьте компоненты, группируя их внутри других компонентов, как вам кажется подходящим

Шаг 4: Следующим шагом является добавление других элементов, таких как интерфейсы, классы, объекты, зависимости и т.д. в вашу компонентную диаграмму и ее завершение.

Шаг 5: Вы можете приложить примечания к различным частям вашей компонентной диаграммы, чтобы прояснить некоторые детали другим.

Примеры схем компонентов

Ниже приведены шаблоны компонентных диаграмм для распространенных сценариев, которые можно мгновенно редактировать в режиме онлайн. Просто щелкните по шаблону, чтобы открыть его в редакторе Creately, чтобы применить изменения.

Схема компонентов для системы управления библиотекой

Схема компонентов для системы управления библиотекой

Диаграмма компонентов для системы управления библиотекой (Нажмите на шаблон, чтобы отредактировать его в режиме онлайн)

Схема компонентов для системы онлайн-покупок

Схема компонентов для системы онлайн-покупок

Диаграмма компонентов для системы онлайн-покупок (Нажмите на шаблон, чтобы отредактировать его в режиме онлайн)

Диаграмма компонентов для банкомата

Диаграмма компонентов для банкомата

Диаграмма компонентов для банкомата (Нажмите на шаблон, чтобы отредактировать в режиме онлайн)

Схема компонентов для системы управления больницей

Схема компонентов для системы управления больницей

Диаграмма компонентов для системы управления больницей (Нажмите на диаграмму, чтобы отредактировать ее в режиме онлайн)

Диаграмма компонентов для системы управления запасами

Диаграмма компонентов для системы управления запасами

Диаграмма компонентов для системы управления запасами (щелкните по шаблону, чтобы отредактировать его в режиме онлайн)

Каковы ваши мысли в учебном пособии “Диаграмма компонентов”?

В этом учебном пособии по компонентной диаграмме мы рассмотрели все, что нужно знать о компонентной диаграмме, чтобы легко ее нарисовать. Вы можете использовать наш создатель UML-диаграммы, чтобы нарисовать компонентную диаграмму онлайн.

Мы недавно опубликовали руководства по диаграммам активности UML, а также по диаграммам классов, и если вы пропустили здесь ссылки;

Легкое руководство к диаграммам классов

Простое руководство к деятельности Диаграммы

Не забудьте сообщить нам о своих мыслях в разделе комментариев ниже.

Leave a comment

*
*

ten − 10 =

Back to top