Диаграмма связей

Данный раздел описывает процесс работы с диаграммой связей между элементами в системе. Работа с диаграммой осуществляется после ее вызова командой Показать связи, которая доступна в выпадающем списке, после нажатия на кнопку more vertical Действия.

О диаграмме связей

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

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

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

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

Интерфейс диаграммы

На диаграмме доступны следующие панели управления:

Панель управления

Панель управления расположена в верхней части диаграммы.

Набор компонентов на панели управления зависит от выбранного режима работы с диаграммой. Доступные режимы:

Режим просмотра диаграммы

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

Режим просмотра активируется при переходе на диаграмму связей.

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

  • Кнопка Изменить (edit) позволяет перевести диаграмму связей из режима просмотра в режим редактирования.

  • Кнопки переключения вида позволяют выбрать способ отображения диаграммы связей:

    • links — упорядочивает диаграмму горизонтально.

    • vertical graph — упорядочивает диаграмму вертикально.

    • oriented graph — упорядочивает диаграмму в ориентированный граф.

  • Выпадающий список Уровень позволяет выбрать количество уровней связей элемента для просмотра на диаграмме. Например:

    • Первый уровень — отображается корневой элемент и все элементы, связанные напрямую с ним.

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

    По умолчанию связи элемента при открытии диаграммы отображаются для первого уровня.

  • Кнопка export позволяет сохранить диаграмму в формате JSON или PNG.

  • Кнопка settings позволяет открыть панель параметров.

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

Пример: Сервис использует определенное приложение. Приложение установлено на сервере и работает с базой данных. Если приложение является корневым элементом диаграммы, на диаграмме отобразятся связи для первого уровня — сервер и база данных, так как эти элементы связаны напрямую.

Режим редактирования диаграммы

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

Панель инструментов в режиме редактирования активируется после нажатия на кнопку Изменить (edit) в режиме просмотра.

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

  • Кнопка Опубликовать позволяет опубликовать новую версию диаграммы с внесенными изменениями. После публикации изменения отобразятся в режиме просмотра диаграммы.

  • Кнопка Сохранить черновик позволяет сохранить все изменения в виде черновика, без публикации новой версии диаграммы.

  • Кнопка Отменить позволяет отменить все изменения и вернуться в режим просмотра.

  • Кнопки переключения вида позволяют выбрать способ отображения диаграммы связей:

    • links — упорядочивает диаграмму горизонтально.

    • vertical graph — упорядочивает диаграмму вертикально.

    • oriented graph — упорядочивает диаграмму в ориентированный граф.

  • Выпадающий список Уровень позволяет выбрать количество уровней связей элемента для просмотра на диаграмме. Например:

    • Первый уровень — отображается корневой элемент и все элементы, связанные напрямую с ним.

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

    По умолчанию связи элемента при открытии диаграммы отображаются для первого уровня.

  • Кнопка export — сохраняет диаграмму в форматах JSON или PNG.

    • При экспорте в формат JSON откроется окно выбора места на диске для сохранения файла.

    • При экспорте в формат PNG доступны опции сохранения:

      • Область: видимая часть графа или вся область графа.

        Под видимой частью графа понимается только участок, помещающийся в пределах экрана.

      • Фон: прозрачный или белый.

  • Кнопка undo позволяет отменить последние изменения на черновике диаграммы.

  • Кнопка redo позволяет вернуть последнее отмененное изменение на черновике диаграммы.

  • Кнопка file plus позволяет открыть панель изменений.

  • Кнопка settings позволяет открыть панель параметров.

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

Панель включает в себя следующие компоненты:

  • Кнопка zoom in увеличивает масштаб диаграммы.

  • Кнопка zoom out уменьшает масштаб диаграммы.

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

  • Кнопка 100% отображает диаграмму в масштабе 100%.

  • Кнопка maximize переводит диаграмму в полноэкранный режим.

  • Кнопка focus масштабирует диаграмму по ширине экрана.

  • Кнопка map система скрывает карту перемещения по диаграмме. Повторное нажатие на иконку отображает карту.

  • Карта позволяет перемещаться по диаграмме. Для перемещения по карте нажмите левой кнопкой мыши в любом ее месте и, не отпуская кнопки, перетяните в нужную сторону.

Панель параметров

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

Интерфейс панели представлен вкладками:

Вкладка Объекты

На вкладке представлены типы объектов в древовидном списке. Слева от каждого элемента расположен флажок.

При необходимости вы можете управлять отображением элементов на диаграмме с помощью флажков. При установленном флажке элемент отображается, при снятом — скрывается.

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

На вкладке представлены типы связей объектов в древовидном списке. Слева от каждого элемента расположен флажок.

При необходимости вы можете управлять отображением элементов на диаграмме с помощью флажков. При установленном флажке связь элемента отображается, при снятом — скрывается.

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

Панель Объекты

Панель Объекты расположена в левой верхней части диаграммы.

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

При активном режиме редактирования элементы системы внутри панели можно перетащить на диаграмму, удерживая moveable.

Панель Изменения

Панель Изменения расположена в правой части диаграммы и открывается после нажатия на кнопку file plus.

Панель Изменения включает в себя следующие компоненты:

  • Переключатель Показать на схеме позволяет отобразить все изменения на диаграмме.

  • Счетчики статусов отображают количество изменений и их типы:

    • Создано (dot green) — количество добавленных объектов на диаграмме.

    • Изменено (dot gold) — количество измененных объектов на диаграмме.

    • Удалено (dot red) —  количество удаленных объектов на диаграмме.

Панель управления связью активируется после нажатия на линию связи между узлами диаграммы и позволяет взаимодействовать с узлами, соединенными линией связи. Функционал панели будет отличаться в зависимости от выбранного режима: Режим редактирования диаграммы или Режим просмотра диаграммы.

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

  • Строка связи отображает названия связанных элементов.

    Пример
    Актив 1 → Актив 2.

  • Кнопка eye off скрывает связи между узлами.

  • Кнопка close закрывает панель управления связью не сохраняя изменения в диаграмме.

  • Строка связи отображает тип связи между узлами.

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

  • Кнопка change позволяет изменить направление связи между узлами.

  • Кнопка trash позволяет удалить связь между узлами. После удаления связи система отобразит уведомление: Объектов без связей: 1. Объекты без связей не будут сохранены на схеме.

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

  • Кнопка Отменить закрывает панель управления связью и не сохраняет изменения в диаграмме.

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

  • Кнопка Сохранить закрывает панель управления связью и сохраняет изменения в диаграмме.

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

Работа с элементами диаграммы

Доступные операции при работе с диаграммой:

Просмотр сведений об элементе на диаграмме

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

Сворачивать и разворачивать связи можно с помощью:

Чтобы связать узел с другим узлом:

  1. Нажмите на кнопку plus, расположенную в нижней части узла.

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

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

Назначение элемента корневым элементом

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

Чтобы сделать элемент корневым элементом диаграммы:

  1. Нажмите на меню действий more vertical в правой части узла элемента. Отобразятся доступные команды.

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

Горячие клавиши для работы с диаграммой

Функция Клавиши и их комбинации

CTRL + Z

Отмена последней операции на графе. Активно только в режиме редактирования диаграммы.

CTRL + Y

Возвращение последней отменной операции на графе. Активно только в режиме редактирования диаграммы.

SHIFT + нажатие кнопки мыши

Выделение области. Позволяет выделить несколько узлов и связей для работы с ними. Активно только в режиме редактирования диаграммы.

Управление выделенными элементами

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

Чтобы активировать выделение, зажмите клавишу SHIFT и нажмите кнопку мыши, обведя рамкой требуемые узлы и связи.

При выделении объектов в панели инструментов становятся доступны следующие опции:

  • Выбрано объектов (close) — отображает количество выделенных объектов. Нажатие на close убирает все выделенные узлы.

  • Выбрано связей (close) — отображает количество выделенных связей. Нажатие на close убирает все выделенные связи.

  • Кнопка trash — удаляет связь между узлами. После удаления связи система отображает уведомление: «Объектов без связей: 1. Объекты без связей не будут сохранены на схеме».

  • Кнопка eye off — скрывает связи между узлами.

Группировка связей

Если на диаграмме отображается более десяти связей одного типа, система автоматически объединяет их в общий узел. Сгруппированный узел выделяется и отображает иконку add в названии.

При нажатии на кнопку chevron down узел раскрывается, и система отображает все включенные в него связи и узлы на диаграмме.

Была ли полезна эта страница?

+7 (499) 755 55 70 sales@rvision.ru

О компании Пользовательское соглашение Политика cookies

Обратная связь