Yed graph editor руководство

What’s New?

Information on the major changes in the current release of yEd are listed in the yEd Release Notes.

Getting Started

The possibilities offered by the yEd Graph Editor and its essential concepts are explained in the section yEd First Steps.

User Interface

Editor Windows

Key Bindings and Mouse Interaction

Menu Bar

Preferences

Main Tool Windows

• Overview
• Structure View
• Properties View
• Palette
• Context Views

Docked/Floating Tool Windows

Palette Manager

Layout Algorithms

yEd provides access to powerful layout algorithms. In Description of the available Layout
Algorithms they are being described briefly.

Tools

In Description of the available Tools a brief overview of the supplied tools is given.

Properties of Graph Elements

Graph elements offer a range of (e.g. graphical) properties; Properties of Nodes and
Edges describes them briefly.

Grouping

One of yEd’s most exciting features is the ability to work with a graph hierarchy. Grouping
Support contains more detailed information about this topic.

Auto Grouping allows to compute a grouping which is in accordance with one of several
criteria.

File Formats

yEd can open and save graphs from and to a number of different file formats. Furthermore, images can be created in
common bitmap and vector graphic formats. In section File Formats, the supported formats
are described in more detail.

Special Support

Swimlane Diagrams

Support for creating and working with Swimlane diagrams using specialized swimlane nodes and table nodes,
respectively, is explained in Support for Swimlane Diagrams.

UML Notation

Creation of specialized UML nodes is explained in UML Support.

Entity Relationship Diagrams

Editing attribute names in entity nodes is explained in Entity Relationship Diagrams.

Importing Custom Symbols for Nodes

yEd allows to import own representations for nodes either as image file or as SVG file. Importing
Custom Symbols has a brief description of all necessary steps.

Converting Nodes to Labels

It is possible to convert a node to a label and
vice versa.

Mapping Custom Properties to Visual Properties

Custom properties are a flexible means for storing additional data with the elements of a graph.
By default, however, they are not visible in the diagram. The
Properties Mapper lets you change the visible properties of
the nodes and edges in a graph according to their custom properties.

Время на прочтение
1 мин

Количество просмотров 19K

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

Итак, для начала у нас имеется стандартный контейнер с элементами для построения ERD (entity relationship diagram). Их обозначения показаны на рисунке.

Небольшое отступление, если вам понадобится вставить просто текст на схему, т.е. без какого-либо блока, то следующие простые шаги из комментария от jaiprakash быстро решают эту проблему. «Выделяете любую связь -> add label -> вводите текст -> convert to node.»

Итак, поставим условную задачу построения следующей схемы.

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

Для того, чтобы добавить обозначения первичных и внешних ключей придется немного исхитриться. Выбрав нужный элемент, добавим на него новый label, который назовем KEY. Т.к. он будет находится под основным блоком, то выделим его с помощью зажатого Ctr.

Настроим его Placment (размещение), выбрав Internal: top left (внутри, вверху слева), цвет по желанию, Distance(расстояние от краев) в ноль, Insets (вставка в пикселях) в 20 2 0 0, чтобы он был напротив поля атрибута с небольшим расстоянием, Font Family (шрифт) установим Segoe UI Symbol, т.к. он точно поддерживает необходимые символы.

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

Аналогичным образом поступаем с стрелками.

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

Итоговый вариант примера получится такой. Все понятно и красиво

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

Ресурсы

Редактор yEd Graph Editor

Видео

Пошаговые инструкции

Шаг 01: Скачайте редактор yEd

Редактор yEd является полу-коммерческим изделием. Для того, чтобы скачать его, необходимо перейти по ссылке www.yworks.com/en/products_ yed_download.html, а затем выбрать операционную систему. После принятия лицензионного соглашения станет доступной загрузка дистрибутива. Выберите место для сохранения файла

Шаг 02: Установите редактор yEd

Двойным щелчком запускаем полученный файл на выполнение. Установка ничем не отличается от установки любой другой программы

Шаг 03: Запустите редактор yEd

Шаг 04: Приступаем к работе

После того, как редактор yEd будет запущен, перед вами появится окно мастера начала работы «Getting started». Оно позволит открывать существующие файлы и его можно использованы для создания нового документа. Нажмите ‘New’ для того, чтобы начать работать над новой блок-схемой — изображение на экране изменится.

Шаг 05: Изображение отдельных операций

Процессы могут изображаться только тогда, когда они разбиваются на отдельные рабочие этапы. Каждый из них отображается в виде прямоугольника Process (Процесс). Их можно выбрать в панели Flowcharts (Блок-схемы) редактора yEd. Перетащите прямогугольник мышкой в ваш документ.

Шаг 06: Настройка свойства объекта

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

Настройка свойства объекта

Шаг 07: Добавьте еще элементы

Очевидно, что блок-схемы будут состоять из более чем одного объекта, поэтому просто перетащите мышкой еще элементы из панели инструментов, которая расположена справа. Размещение элементов в блок сохеме осуществляется с использованием большого количества разнообразных «вспомогательных» действий, которые выполняются автоматически.

Добавление элементов

Шаг 08: Абстрактные процессы

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

Абстрактный процесс

Шаг 09: Добавлем ручной ввод данных

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

Добавлем ручной ввод данных

Шаг 10: Принятие решений

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

Шаг 11: Точки входа

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

Точки входа

Шаг 12: Точки завершения

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

Точки завершения

Шаг 13: Элементы со ссылками

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

Шаг 14: Добавьте соединительные линии

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

Добавьте соединительные линии

Шаг 15: Красиво оформленные схемы

В автоматизированных системах, создающих блок-схемы, пользователям предоставляется большое количество вариантов, позволяющих сделать так, чтобы блок-схемы выглядели гораздо лучше. Редактор yEd позволяет изменять блок-схемы с помощью групп хорошо известных преобразований. Их можно выбрать в меню компоновки схем. При выборе некотрых вариантов появится диалоговое окно с дополнительными пареметрами более точной настройки. Любители цветовых градиентов японского стиля будут в восторге, обнаружив, что с помощью меню Tools > Colorize Graph (Инструменты > Раскрасить схему) можно открыть уже готовое средство раскраски Colorizer. На вкладке Graph Distance можно выбрать начальную и конечную цвета градиента, которые, как только вы нажмете на кнопку ОК, будут применены к вашей схеме.

Шаг 16: Еще раз о ребрах

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

Еще раз о ребрах

Шаг 17: Выбор нескольких элементов

Группы элементов блок-схемы можно перемещать относительно друг с друга. При этом можно выбрать сразу группу элементов. Просто нажмите и удерживайте левую кнопку мыши и перетащите указатель с тем, чтобы «открыть» рамку выбора. Затем, когда пользователь отпустит кнопку мыши, будут выбраны все элементы, которые «попали» внутрь этой рамки.

Шаг 18: Выравнивание элементов

После того, как будут выбраны несколько элементов, редактор yEd может автоматически их разместить и соединить их друг с другом. Воспользуйтесь инструментами, которые можно найти в меню Edit > Align nodes (Редактировать > Выровнять узлы) — если результат вам не понравится, то, будьте уверены, что его можно будет в любое время отменить, нажав длдя этого клавиши Ctrl+Z.

Шаг 19: Настройка внешнего вида

По умолчанию, блок-схема будет отображаться в среднем масштабе, который можно считать компромиссом между размером элемента и тем, как он выглядит. Для того, чтобы выбрать масштаб по своему вкусу, можно воспользоваться элементами управления в панели инструментов Visibility area (Область видимости).

Шаг 20: Переходим к UML

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

Переходим к UML

Шаг 21: Сохранение блок-схем

Блок-схемы можно сохранять и загружать точко также, как и любой другой документ пакета Office. Нажмите на иконку Save (Сохранить) и Load (Загрузить) на панели инструментов для того, чтобы открыть соответствующие диалоговые окна. В редакторе yEd используется свой собственный формат файлов с именем graphml, который должен использоваться для схем в случае, если они будут позже снова редактироваться.

Сохранение блок-схем

Шаг 22: Просмотр блок-схем в режиме онлайн

Редактор yEd доступен для систем Unix, Windows, Mac OS и большинства других операционных систем, в которых есть поддержка языка Java. В большинстве веб-браузеров тоже можно запустить версию этого редактора, просто перейдите на страницу загрузки и для того, чтобы его запустить, нажмите кнопку «Launch».

Шаг 23: Экспорт блок-схем

Готовые схемы следует экспортировать в обычный формат изображения. Это можно сделать с помощью нажатия элемента меню File > Export (Файл > Экспорт). Редактор yEd высветит диалоговое окно File, позволяющее вам выбрать формат и имя файла. После этого в отдельном диалоговом окне будет предложено определить дополнительные параметры настройки.

Шаг 24: Печать блок-схемы

Обучение будет проще, если материалы будут доступны на бумаге. Нажмите на маленький значок принтера для того, чтобы открыть диалог печати. Он позволяет создавать плакаты, состоящие из нескольких страниц, склеенных вместе. Этот режим можно активировать, если в любое поле Poster (Постер) ввести цифры.

Печать блок-схемы

Пример:

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

---

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

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

Макет 1:

Макет 2:

Макет 3:

---

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

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

Построив и отредактировав блок-схему или диаграмму, вы можете сохранить ее в файле. По умолчанию yEd использует формат GraphML, основанный на XML. При желании вы можете экспортировать диаграмму в изображения различного формата, включая png, jpg, gif, eps, pdf и svg.

Источник: http://rus-linux.net/MyLDP/soft/yed.html

Для чего нужна yEd

yEd защищена проприетарной лицензией, но распространяется бесплатно. Просмотреть программный код нельзя, однако пользоваться программой может любой желающий. Она работает на Windows, Mac OS, Linux и других операционных системах. Создатель программы — немецкая компания yWorks GmbH.

yEd Graph Editor применяется:

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

Что можно делать с графиками в yEd

Создавать. У редактора схем простой и интуитивный интерфейс. При первом открытии можно создать новый файл и сразу начать разрабатывать схему. 

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

Импортировать. Необязательно самостоятельно создавать диаграмму с нуля. Можно загрузить информацию из Excel-таблицы, файлов XML, GML, GraphML и GEDCOM — это специальный формат для генеалогических древ. Программа поддерживает автоматическую генерацию диаграмм из данных, которые ей задали.

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

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

Экспортировать и сохранять. Готовый график можно сохранить в формат GraphML. Он похож на популярный формат XML, в котором хранят табличные данные, но информация в GraphML связана в граф — конструкцию из объектов и путей между ними. Также yEd Graph Editor может экспортировать схемы в графические форматы: JPG, PNG, GIF, SVG и другие. Из графика можно сделать PDF-документ или карту изображений HTML.

Для каких графиков и диаграмм подходит редактор

• BPMN — диаграммы для отображения бизнес-процессов.
• UML — диаграммы классов. Они используются в программировании и показывают внутреннее устройство программного продукта: сущности в коде и связи между ними.
• Семантические сети — графики, которые показывают связи между разными объектами в любой области.
• Блок-схемы — схемы для описания алгоритмов, последовательностей действий.
• Схемы социальных связей и генеалогические деревья людей.
• Схемы графических интерфейсов и диаграммы связей между их элементами.

Как начать работать с yEd

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

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

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