Uml диаграммы где строить

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

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

Краткие теоретические сведения о диаграммах классов

Диаграмма классов определяет типы классов системы и различного рода статические связи , которые существуют между ними. На диаграммах классов изображаются также атрибуты классов, операции классов и ограничения, которые накладываются на связи между классами. Вид и интерпретация диаграммы классов существенно зависит от точки зрения (уровня абстракции): классы могут представлять сущности предметной области (в процессе анализа) или элементы программной системы (в процессах проектирования и реализации).

Основные элементы диаграммы классов

Основными элементами являются классы и связи между ними. Классы характеризуются при помощи атрибутов и операций .

Атрибуты описывают свойства объектов класса. Большинство объектов в классе получают свою индивидуальность из-за различий в их атрибутах и взаимосвязи с другими объектами. Однако, возможны объекты с идентичными значениями атрибутов и взаимосвязей. Т.е. индивидуальность объектов определяется самим фактом их существования, а не различиями в их свойствах. Имя атрибута должно быть уникально в пределах класса. За именем атрибута может следовать его тип и значение по умолчанию.

Операция есть функция или преобразование. Операция может иметь параметры и возвращать значения.

Виды связей:

• ассоциация
• агрегация
• наследование.

Ассоциация ( association ) – представляет собой отношения между экземплярами классов.
Каждый конец ассоциации обладает кратностью (синоним – мощностью, ориг. — multiplicity), которая показывает, сколько объектов , расположенных с соответствующего конца ассоциации, может участвовать в данном отношении . В примере на рисунке каждый Товар имеет сколь угодно Записей в накладной , но каждая Запись в накладной обязательно один Товар . В общем случае кратность может быть задана любым множеством.
Ассоциации может быть присвоено имя. В качестве имени обычно выбирается глагол или глагольное словосочетание , сообщающие смысл и назначение связи. Также на концах ассоциации под кратностью может указываться имя роли , т.е. какую роль выполняют объекты, находящиеся с данного конца ассоциации.

Агрегация ( aggregation ) – это ассоциация типа «целое-часть». Агрегация в UML представляется в виде прямой с ромбом на конце.
Ромб на связи указывает, какой класс является агрегирующим (т.е. «состоящим из»); класс с противоположного конца — агрегированным (т.е. те самые «части»).

Композиция ( composition ) – это такая агрегация, где объекты-части не могут существовать сами по себе и уничтожаются при уничтожении объекта агрегирующего класса. Композиция изображается так же, как ассоциация, только ромбик закрашен.
Важно понимать разницу между агрегацией и композицией: при агрегации объекты-части могут существовать сами по себе, а при композиции — нет. Пример агрегации: автомобиль—колесо, пример композиции: дом—комната.

Наследование ( inheritance ) – это отношение типа «общее-частное». Позволяет определить такое отношение между классами, когда один класс обладает поведением и структурой ряда других классов . При создании производного класса на основе базового (одного или нескольких) возникает иерархия наследования. Реализация принципов наследования является ключевой предпосылкой возможности повторного использования кода, поскольку это основной инструмент достижения полиморфизма.

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

1. Создать новую диаграмму с именем «Сущности».
2. Проанализировать предметную область и построить диаграмму классов. Должна получиться диаграмма, подобная примеру:

Основной сущностью в системе будет являться товар. Как известно из задания на проектирование, товар хранится на складе. Но понятия товара как некоего описания и товара, лежащего непосредственно на складе, отличаются друг от друга. Товар, лежащий на складе, кроме того, что связан со складом отношением композиции (агрегация не совсем подходит, поскольку в данной системе товар является товаром, пока он не покинет склад), ещё характеризуется количеством. Аналогично следует рассуждать и при рассмотрении отношения Товара и Заказа, Товара и Накладной. В связи с тем, что Заказ и Накладная в сущности являются документами и имеют сходные атрибуты, они были объединены с помощью общего класса-предка Документ . Примечательно, что на диаграмме представлены два класса со стереотипом Enumeration (перечисление). Стереотип можно установить из контекстного меню для класса.
3.Сохранить диаграмму.

Приложение для построения диаграмм классов

Для построения UML-диаграмм следует использовать Flexberry Designer — удобный онлайн инструмент. После простого процесса регистрации достаточно создать проект, перейти на список диаграмм и создавать нужные диаграммы.
Также рекомендуем воспользоваться полезным инструментом для быстрого построения диаграмм по текстовому описанию.

Перейти

• Построение диаграммы видов деятельности
• Построение диаграмм взаимодействия

Как описать программную систему в UML-диаграммах: от Use Case до состояний + краткий ликбез по ООП

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

Границы системы, акторы и варианты использования: что такое диаграмма Use Case

Проектируя программную систему, аналитик прежде всего отвечает на вопрос, что она должна делать, т.е. какие возможности представлять для разных пользователей. Для описания таких вариантов использования в UML есть одноименная диаграмма – Use Case. Она позволяет наглядно показать границы системы и ее функции, сгруппированные по контексту – прецеденты. При том, что каждый прецедент фактически отражает одно или сразу несколько функциональных требований, UML-диаграмма Use Case и одноименная форма представления требований – это разные вещи, хоть и связанные между собой. Подробнее об этом мы рассказывали в отдельной статье.

В качестве иллюстративного примера рассмотрим систему онлайн-оплаты учебного курса. Пользователем этой системы является клиент. В терминологии UML он будет называться актор – сущность за пределами системы, которая взаимодействует с ней. На UML-диаграмме Use Case он изображается в виде человечка. Актору «Клиент» доступен основной вариант использования – «Оплатить договор» (на проведение обучающего курса по бизнес-анализу). Расширением этого варианта использования является «Оплатить со скидкой по промокоду», который уменьшает сумму платежа. Этот вариант использования является опциональным и расширяет основной, поэтому он будет связан с основным через связь extend, которая выглядит как пунктирная стрелочка с соответствующей надписью.

Далее следует детализировать, как именно выполняется процесс оплаты, раскрыв прецедент со схемы Use Case на UML-диаграмме последовательности. Однако, чтобы сделать это с привязкой к внутренним сущностям нашей программной системы, классам, следует сперва описать их на UML-диаграмме классов. Как это сделать, мы рассмотрим далее.

Ликбез по ООП или как построить UML-диаграмму классов

UML соответствует объектно-ориентированной парадигме программирования (ООП), ключевым понятием которой является класс. Класс – это абстракция сущностей с одинаковыми свойствами (атрибутами, полями) и поведением (методами, функциями). Классы могут быть связаны друг с другом через наследование и ассоциации. При наследовании класс-потомки имеют (наследуют) атрибуты и методы класса-родителя, а также свои собственные. А конкретные значения этих атрибутов задаются в реализации классов в виде их отдельных экземпляров, называемых объектами. Например, ООО «Рога и Копыта» и Иванов Иван Иваныч – это конкретные реализации классов «Юрлицо» и «Физлицо» соответственно. В частности, у объекта класса Физлицо есть поля с паспортными данными (ФИО и № паспорта), а у юрлица обязательно должны быть название и ИНН. При этом оба этих класса наследуют от родителя (Класс «Клиент») общие для них атрибуты (тип, номер телефона, email и адрес).

Ассоциация означает логическую связь между объектами разных классов. Например, договор на обучение связан с курсом. Поскольку в договоре нужно обязательно указать курс, эти классы будут связаны не простой ассоциацией, а ее более сложным вариантом – агрегацией. В этом случае у класса, который является целым, появится значок в виде незакрашенного ромбика. Если связь между объектами разных классов настолько сильная, что при уничтожении целого, уничтожаются и его части, ромбик будет закрашенным. Такая связь называется композицией и является самым сильным вариантом ассоциации. Можно также указать кратность связи, к примеру, в 1-м договоре на обучение могут быть указаны сразу несколько курсов. При этом над концами связи отобразятся мультипликаторы, обозначающие ее кратность. Подробнее об ассоциативных связях в UMl-диаграмме классов читайте в моей новой статье.

Проектирование диаграммы классов UML (Class Diagram)

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

Для успешного освоения материала рекомендуем вам изучить следующие понятия:
Диаграмма классов

Class Diagram. Структурная диаграмма языка моделирования UML, демонстрирующая общую структуру иерархии классов системы, их коопераций, атрибутов (полей), методов, интерфейсов и взаимосвязей между ними

Unified Modeling Language (унифицированный язык моделирования). Язык графического описания для объектного моделирования в области разработки программного обеспечения, для моделирования бизнес-процессов, системного проектирования и отображения организационных структур

Видеолекция
Унифицированный язык моделирования (UML)

• UML — унифицированный язык графических нотаций, в основе которого лежит единая метамодель
• UML используется для описания и проектирования программных систем, особенно построенных с использованием объектно-ориентированных (ОО) технологий
• UML как средство проектирования нацелен на полноту. Используя UML, дизайнер может строить детальные модели для программиста, который далее выполняет кодирование без глубокого погружения в детали

Диаграмма классов

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

Классы могут представлять сущности предметной области (на этапе анализа) или элементы программной системы (на этапе проектирования и реализации). В данном занятии рассматривается первый случай

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

В данном занятии демонстрируется построение диаграммы классов для программной системы фитнес-центра. Основные шаги построения диаграммы классов:

1. Добавление классов
2. Добавление связей и их настройка
3. Добавление атрибутов и операций

Диаграмма классов составляется в Microsoft Visio на основе описания заказчика. Используется тип диаграммы UML Class из раздела Software and Database

Добавление классов
1. Добавляем сущности на ER-диаграмму

На диаграмме класс изображается в виде прямоугольника, разделенного на три части: имя класса (на английском языке), его атрибуты и его операции. В качестве классов выступают сущности, использованные при построении диаграммы сущность-связь

2. Добавляем другие объекты

В данном примере добавляется объект «role» типа «перечисление» (англ. enumeration), представляющий собой набор логически связанных и заранее присвоенных значений (Client, Trainer, Admin)

Добавление связей и их настройка
1. Добавляем связи типа ассоциация

Ассоциация является одним из двух основных типов связи на диаграмме классов, показывающим, что можно перемещаться между объектами двух связанных классов. Пример ассоциации — «Trainer-TrainingCourse»

2. Добавляем связи типа композиция

Композиция — частный случай ассоциации, представляющий собой отношение типа «часть-целое». Композиция имеет четко выраженные отношения владения, а также характеризуется совпадением времени жизни части и целого. Композиция имеет жесткую зависимость времени существования экземпляров класса контейнера и экземпляров содержащихся классов. Если контейнер будет уничтожен, то все его содержимое будет также уничтожено. Пример композиции — связь «TrainingPlan-PersonalTraining»

3. Проставляем кратность связей

Кратность связи или множественность ассоциации — диапазон целых чисел, указывающий возможное количество связанных объектов. Кратность задается путем указания минимального и максимального количества объектов, разделенных двумя точками. Варианты кратности связи: 1 (единица), 0.1 (ноль или один), 0.* (любое значение) и 1.* (один или несколько)

4. Добавляем связи типа наследование

Наследование (inheritance) — отношение типа «общее-частное», при котором один класс обладает поведением и структурой ряда других классов. Пример наследования — связь «Trainer-User»

Добавление атрибутов и операций
1. Добавляем атрибуты

Атрибут описывает свойство класса в виде строки текста, имеющей в общем случае следующую структуру: «visibility name: type = defaultValue», где visibility определяет область видимости (public, private или protected), name есть имя атрибута, type определяет тип атрибута, а defaultValue — его значение по умолчанию (для числовых или булевых переменных)

2. Добавляем заметки

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

3. Добавляем операции

Операции — действия, реализуемые некоторым классом, т. е. по сути методы класса. Общая форма записи операции: visibility name (parameter-list): return-type-expression, т. е. область видимости, имя операции, список параметров, тип возвращаемого значения

Топ-19 сервисов для создания блок-схем и UML

Любой проект начинается с тщательного планирования и визуализации алгоритма действий. В ряде ситуаций имеет смысл прибегнуть к использованию диаграмм. В среде разработчиков часто используются блок-схемы или UML-диаграммы, которые создаются онлайн. Особенно важно, чтобы такие схемы могли увидеть все члены команды, которые работают над проектом. Тогда каждый сможет предлагать свои идеи по развитию и одновременно видеть изменения, которые вносят остальные.

Детям из Мариуполя нужно 120 ноутбуков для обучения — подари старое «железо», пусть оно работает на будущее Украины

Сегодня существует большое количество ресурсов, которые помогают в создании таких блок-схем онлайн. Некоторые из них представляют собой сайты, а некоторые предлагают приложения и программы, которые устанавливаются на телефон или ПК. Давайте посмотрим, какие сервисы подобного рода наиболее популярны на рынке.

1. Draw.io

Один из самых известных ресурсов, используемых для создания блок-схем онлайн. Популярность сервиса обусловлена рядом факторов, но наиболее явные причины — обширный функционал и простота использования. Инструменты удобно собраны в боковом меню. На сайте отсутствует обязательная регистрация, что еще больше упрощает работу.

При работе с документами выбирается папка для сохранения файлов, куда в дальнейшем будут отправляться проекты. Причем хранить документы можно как на самом устройстве, так и в каком-нибудь облачном сервисе.

Курс Комерційний директор.

Зосередження на практичних завданнях та послідовному аналізі проектів замість великої теорії. Реалізуй свої мрії про керівну посаду після завершення курсу.

Особенности:

• Бесплатный.
• Можно создавать разные типы схем.
• Есть 5 шаблонов для блок-схем.

2. Wireflow

Сервисом Wireflow, как правило, пользуются разработчики приложений и веб-дизайнеры. Он бесплатен, как и Draw.io, и тоже обладает большим набором разных функций. С помощью Wireflow можно разрабатывать каркасы сайтов и пользовательские потоки.

Курс UI/UX для геймдеву.

Під час навчання ви розробите проекти для портфоліо, що складається з 5 ключових аспектів UX/UI-дизайну, та отримаєш необхідні навички для професійного росту.

С ресурсом легко работать, он интуитивен, так что в нем несложно разобраться, а иконки инструментов помогают в этом.

Особенности:

• Сервис Wireflow бесплатный.
• Наличие шаблонов и графических объектов (более десяти).

3. Microsoft Visio

Известная разработка компании Microsoft, используемая для создания UML-диаграмм и различных блок-схем. Это не единственная функция программы: с помощью Visio также создаются инженерные проекты (планы зданий и помещений).

Программа Microsoft Visio в ее классическом виде предполагает установку на компьютер. Но она также поддерживает совместную одновременную работу онлайн в Office 365. В этом случае блок-схемы обновляются, если изменяются исходные данные, с которыми они связаны.

Курс QA Manual.

Успішна кар’єра в IT-сфері без необхідності глибоких знань програмування. Очікуйте заробітню плату в розмірі 600$ після завершення навчання.

Особенности:

• С помощью Visio создаются не только блок-схемы, диаграммы, организационные диаграммы, но и инженерные проекты и многое другое.
• Блок-схемы и диаграммы можно подключать к данным в реальном времени.
• Программа позволяет работать нескольким людям над диаграммами онлайн практически из любого места.

4. Lucidchart

Lucidchart — один из самых известных сегодня ресурсов для проектирования блок-схем онлайн. Он прост в использовании, интуитивен и многофункционален.

Особенности:

• Командная работа поддерживается, но есть ряд ограничений.
• Импорт файлов в форматах Visio (VSDX), Amazon Web Service (AWS) и Omnigraffle, JPEG, PDF, PNG, SVG.
• Проекты можно сохранить в форматах JPG,PNG, SVG, PDF и Visio.
• У сервиса есть собственное облачное хранилище, куда можно сохранять черновые версии проектов.
• Lucidchart предоставляет готовые шаблоны.
• Ресурс поддерживает несколько языков (в том числе русский).
• Стоит сказать про наличие у сервиса есть бесплатной и платной версий. Причем платная включает в себя три тарифа, отличающихся ценой (от $5,59 до $20 в месяц) и наполнением.

Бесплатная версия дает неплохие возможности для работы, но не всегда их хватает для профессионального использования. Например, специалистам едва ли будет достаточно 25 Мб памяти для хранения документов. Также есть ограничения на количество созданных проектов (только пять).

Платная версия позволяет импортировать в Microsoft Visio, создавать сколько угодно проектов, увеличивает объем хранилища, расширяет функционал.

Есть три тарифа:

1. продвинутое пользование, $6 в месяц;
2. профессиональное пользование, $9 в месяц;
3. командное использование, $20 в месяц.

5. Cacoo

Cacoo схож с Lucidchart. Его отличие в том, что он более направленный на создание блок-схем. Сервис содержит множество инструментов, шаблонов и форм. Кроме всего прочего, с Cacoo просто работать.
Изначально ресурс разрабатывался для командной работы, поэтому этот формат реализован в нем очень хорошо.

Особенности:

• Поддерживается комментирование, обычный чат, а также видеочат.
• Сервис платный. Стоимость зависит от выбранного тарифа и составляет от $4,95 до $18. Первые 14 дней предоставляется бесплатная пробная версия.
• Можно выбирать разные типы проектов.
• Наличие готовых шаблонов.
• Есть собственное хранилище, которое вмещает до 1000 файлов.
• Импорт и экспорт документов производится в формате SVG.
• Просмотр истории изменений.
• Нет русскоязычной версии.

6. Google Drawings

Компания Google тоже не отстает и предоставляет сервис, способный помочь в создании блок-схем онлайн. Функция называется Google Drawings или «Google Рисунки» в русскоязычной версии. Ресурс представлен стандартным набором функций. Он несложный и интуитивный, как и все сервисы компании.

Google Drawing, как и другие сервисы Google, связан с «Google Диском», поэтому возможность командной работы с разработкой настроена автоматически. Для предоставления доступа всем участникам команды копируется и отправляется ссылка на проект.

Для работы с блок-схемами онлайн нужно нажать кнопку «Создать» на гугл-диске и выбрать функцию «Google Рисунки».

Особенности:

• Экспорт проекта в формате PNG или SVG. Также есть возможность публикации в интернете.
• На диске доступно только 15 Гб.
• Есть доступ к большой базе изображений.
• Сервис поддерживает гиперссылки.
• Можно добавлять видео.
• Поддерживается русский язык.

7. Gliffy

Gliffy — это приложение, которое работает в режиме офлайн. Оно нацелено на простоту и быстроту работы, поэтому разработчики не делали упор на очень широкий функционал, но базовые инструменты в приложении есть, а также есть много шаблонов. С их помощью работа сильно упрощается.

Особенности:

• Есть поддержка командной работы.
• Сервис платный. Версия для самостоятельного пользования стоит $7,99, для командного пользования — $4,99 за каждого пользователя.
• Сервис обладает нестандартным интерфейсом, к которому потребуется привыкнуть.
• Предоставляется возможность выкладывать проект на внешние ресурсы. Также можно приглашать других пользователей смотреть, комментировать и редактировать файл.
• Доступ к просмотру истории редактирования.

8. Textografo

Сервис сильно отличается от остальных представленных здесь. Название говорит само за себя. Все дело в том, что блок-схемы и диаграммы создаются здесь с помощью текста. Используя специальный синтаксис, пользователь вводит необходимые слова, и программа сама создает схему или диаграмму.

Особенности:

• Поддерживается командная работа.
• Есть собственное хранилище, куда сохраняются файлы.
• Сервис платный. Можно приобрести одну из версий — Essentials или Premium. Essentials стоит $4 в месяц, если оплатить сразу год использования, либо $5 за каждый месяц. Premium стоит $19 в месяц, либо $14 при покупке сразу года использования.
• Нет поддержки русского языка.

9. OmniGraffle

Сервис разработан для MacOS и iOS. Удобный ресурс для проектирования блок-схем онлайн. Однако функционал разработки шире, чем можно предполагать. Кроме блок-схем предоставляется возможность работы с векторной графикой. Также можно вводить команды. Есть возможность редактирования данных с клавиатуры. JavaScript может помочь оптимизировать и автоматизировать работу ресурса, если вы знаете язык.

Особенности:

• Сервис платный, но есть бесплатная пробная версия, которую можно использовать в течение 14 дней. Далее можно выбрать наиболее подходящий тариф от $50 до $250.
• Приложение разработана для MacOS и iOS, так что подойдет не всем.
  Возможность «подгонять» систему под себя.
• Хороший инструментарий.

10. SmartDraw

Этот сервис считается аналогом Visio, так как предлагает две версии — программа на компьютер и сервис для работы в онлайн-режиме. Кроме того, сходство наблюдается в возможности проектирования не только блок-схем и UML-диаграмм, но и разные инженерные проекты, например, планы зданий по этажам.

Особенности:

• Два варианта работы: онлайн и с помощью предварительно установленной программы.
• Подходит как для Windows, так и для MacOS.
• Подходит для инженерных проектов.
• Программа предлагает несколько десятков шаблонов.
• Сервис платный. Стоимость использования — $15 в месяц.

11. Creately

Ресурс Creately имеет несколько приятных и полезных особенностей, поэтому к нему стоит присмотреться.

Особенности:

• Сервис очень гибкий, его можно настроить под себя.
• Огромный функционал с большим количеством инструментов.
• Сервис предлагает сотни шаблонов, что однозначно помогает сократить время работы и оптимизировать ее.
• Помимо шаблонов есть тысячи примеров, созданные самими пользователями ресурса.
• Инструментов не просто много, они еще и самостоятельно способны подстраиваться под стиль, в котором выполнена блок-схема (даже цвет элементов задается автоматически, вам не нужно специально его выбирать каждый раз, когда вы дополняете диаграмму).
• Есть возможность командной работы в режиме онлайн.
• В проектах можно оставлять комментарии.
• Доступ к истории изменений также присутствует.
• Интеграция с Chrome и GSuite.
• Есть вариант работы онлайн через браузер, а также с помощью специальных приложения на смартфон и программы на компьютер.
• Сервис платный. Цена за месяц составляет $5. При покупке бессрочного доступа стоимость составит $75 с каждого пользователя.

12. Mindomo

Сервис специализирован под обучение и использование в образовательных программах. Цель ресурса в обучении студентов структурировать и отображать информацию в доступном виде с помощью создания блок-схем.

Особенности:

• Наличие образцов блок-схем, а также большое количество шаблонов.
• Изображения из интернета легко вставляются в проект.
• Поддерживается командная работа.
• Просмотр истории изменений.
• Есть функция записи голосовых сообщений.
• Помимо изображений можно добавлять видео-файлы.
• Есть интеграция с GSuite, Google Диском, Office 365, системами управления обучением — Canvas, Blackboard, Schoology, Moodle.

13. Canva

Сервис Canva в последнее время стал очень популярен. Причиной тому стал не только его понятный и простой интерфейс, но и широкие возможности использования. С помощью Canva можно создавать наглядные блок-схемы. Кроме того, в сервисе есть возможность настройки внешнего вида. Вероятно, это сделало приложение популярным также среди блогеров. Многие активно прибегают к работе с ресурсом, работая над внешним видом Instagram-аккаунтов.

Особенности:

• Возможность настраивать фон страницы, шрифт и цвет текстов и пр.
• Есть обширная библиотека изображений, но добавлять можно и свои собственные картинки.
• Есть функция редактирования фотографий.
• Поддерживается командная работа.
• Разработаны приложения для iOS и Android.
• Проекты сохраняются в формате PDF.
• Сервис Canva бесплатный, хотя в нем есть премиум-элементы, которые можно докупить за $1.

14. Mindmeister

Еще один неплохой сервис, с помощью которого создаются блок-схемы и UML-диаграммы онлайн.

Особенности:

• Поддерживает мобильную версию.
• Есть чат и возможность оставлять комментарии.
• Также сервис позволяет вставлять ссылки, изображения, видео.
• Созданные проекты можно добавлять в свой блог или на сайт.
• Доступ к истории изменений.
• Наличие функции рисования.
• Форматы сохранения проектов — PNG, PDF, а также — в программу Word.
• Есть интеграция с приложениями Google.
• Есть платная и бесплатная версии. Платный вариант стоит от $36 за полгода.

15. MindMup

Сервис создан для редактирования схем и диаграмм. Набор функций стандартный.

Особенности:

• Сервис бесплатный.
• Возможность командной работы.
• Возможность добавления файлов.
• Просмотр истории изменений.
• Отсутствие шаблонов и эффектов.
• Невозможность резервного копирования.

16. StarUML

StarUML — это сервис, созданный специально для создания UML-диаграмм онлайн. Сегодня он является одним из наиболее популярных ресурсов для проектирования UML-диаграмм.

Особенности:

• Предоставляет 11 типов диаграмм.
• Совместим с версиями UML 2.x.
• Позволяет обнаруживать и устанавливать сторонние расширения.
• Возможность работы с одним и тем же проектом с MacOS, Windows и Linux.

17. Moqups

Очень простой и доступный ресурс по созданию блок-схем и UML-диаграмм онлайн. Интерфейс очень удобный, поэтому в нем легко разобраться.

Особенности:

• Поддержка командной работы.
• Экспорт диаграмм в форматах PDF или PNG.
• Широкий функционал.
• Есть база шаблонов.
• Функция перемещения и вращения фигур.
• Англоязычный интерфейс (нет русскоязычной версии).

18. Edraw Max

Edraw Max — это программа-конструктор для создания UML-диаграмм, популярная на западе.

Особенности:

• Предоставляет возможность использования готовых символов и шаблонов.
• Поддержка командной работы.
• Англоязычный интерфейс.
• Сервис платный. Есть пробная бесплатная версия.
• Импорт возможен в форматах файлов: PDF, PPT, Word, HTML.
• Этот инструмент предоставляет более 280 новейших решений для блок-схем и диаграмм.

19. Adobe Spark

Нельзя было не упомянуть разработку компании Adobe. Adobe Spark — это программное обеспечение для создания блок-схем, с помощью которого создаются настраиваемые и оптимизированные блок-схемы.

Особенности:

• Помогает быстро менять блок-схем.
• Есть возможность создавать блок-схемы, размеры и форматы которых можно задавать для плакатов, инфографики, рассылок по электронной почте и т.д.
• Предоставляется возможность добавления анимированных стикеры из Giphy или применение текстовой анимации для коротких графических видеороликов.
• Позволяет мгновенно загружать или распечатывать проекты блок-схем для использования дома или в офисе.

Итоги

Сервисов для создания разнообразных схем и диаграмм очень много, так как опытные специалисты всегда прибегают к ним еще на этапе планирования. У каждого сервиса свои условия использования и преимущества перед другими. Чтобы сделать выбор, обычно требуется попробовать несколько ресурсов. Тогда приходит понимание, какой из них наиболее удобен и лучше остальных отвечает вашему запросу.

Это видео-обзор подобных программ и сервисов для тех, кому нужна дополнительная информация по теме: