Създаване на блок-схеми с редактора yEd

Повечето взаимодействия с реалния свят са склонни да следват повече или по-малко строги правила. Визуализирането на реда, в който се изпълняват тези правила, може да бъде полезно в различни ситуации; процес, който е официално дефиниран, може лесно да бъде подобрен. Освен това могат да бъдат идентифицирани отклонения от стандарта, ако е зададен стандарт.

През последните няколко години бяха определени голям брой стандарти. Блок-схемите се появяват през четиридесетте години на миналия век и оттогава са навсякъде около нас. Те успяха да оцелеят в няколко много по-сложни форми на визуализация, като някога рекламираните диаграми на Наси Шнайдерман (Nazzi Schneiderman), чието използване след това беше отхвърлено от австрийското правителство.

Жизнеспособността на този конкретен визуален език може да се дължи на редица причини. Първо, блок-схемите са съставени от относително прости и неусложнени елементи. Това ги прави идеално подходящи като общ език, който потребителите с по-малко технически разбирания също могат да разберат. Второ, външният вид на блоковата диаграма не е строго определен. Добавянето на нови функции и пътища е толкова лесно, колкото добавянето на линия и допълнителен визуален елемент - диаграмите на Наси Шнайдерман в повечето случаи ще изискват пълно преначертаване.

Накратко: блок-схемите могат да се считат за езиковата основа на процеса на визуализация. В тази статия ще ви покажем как да създавате красиви и полезни блок-схеми.

Инструкции стъпка по стъпка

Редакторът yEd е полукомерсиален продукт. Поради това той не е включен в повечето хранилища за разпространение и трябва да се изтегли ръчно. Това може лесно да стане, като следвате връзката www.yworks.com/en/products_yed_download.html,и след това щракнете върху връзката, която казва „yEd за Linux“ („yEd за Linux“).

След това вашият браузър ще изтегли файл, наречен „yEd-3.12.2_32-bit_setup.sh“. Трябва да се маркира като изпълним чрез добавяне на необходимите атрибути с командата chmod +x. След това, за да стартирате действителния съветник за инсталиране, изпълнете командата ./yEd-3.12.2_32-bit_setup.sh от командния ред.

Стъпка 04:Първи стъпки

Стъпка 05:Показване на отделни операции

Стъпка 06:Задаване на свойството на обекта

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

блок-схеми

Задаване на свойство на обект

Стъпка 07:Добавете още елементи

Очевидно блок-схемите ще се състоят от повече от един обект, така че просто плъзнете и пуснете повече елементи от лентата с инструменти вдясно. Поставянето на елементи в блоковата диаграма се извършва с помощта на голям брой различни "спомагателни" действия, които се извършват автоматично.

блок-схеми

Стъпка 08:Абстрактни процеси

Може би най-често срещаната критика към този тип диаграми е свързана с претоварването с информация, причинено от твърде много подробности. Това може да се промени чрез добавяне на специален предварително дефиниран процесен елемент. Това е сложен процес, чиито вътрешни детайли в момента са без значение.

създаване

Стъпка 09:Добавете ръчно въвеждане на данни

Някои процеси изискват ръчно въвеждане на данни.Такива стъпки трябва да бъдат подчертани със специален символ, обозначаващ операция, която не може да бъде завършена без човешка намеса. В списъка с компоненти на блок-схемата можете да намерите "скосен" правоъгълник - просто го плъзнете с мишката във вашата блок-схема.

блок-схеми

Да добавим ръчно въвеждане на данни

Стъпка 10:Вземане на решения

Досега нашите процеси вървят последователно един след друг. За съжаление, не всичко е толкова просто, когато става въпрос за повечето реални системи - обикновено са необходими едно или повече решения, за да се постигне крайният резултат. В блок-схемите това се визуализира с елемента за решение, който е диамант, който обикновено се използва като „възел“, където се взема решението.

Стъпка 11:Входни точки

Процесите обикновено имат една или повече входни точки. Анализът е значително опростен, ако те са показани като част от диаграмата. Входните точки се визуализират с помощта на специален начален елемент, който за различните разработчици може да изглежда като кръг или овал с различни форми - вариантът, използван по-често, е показан вляво.

създаване

Стъпка 12:Крайни точки

Някои анализи изискват информация за крайните точки на процеса. Следователно, като използвате подходящия символ, трябва да подчертаете крайните точки на процеса. Това означава, че точно в този момент работата приключва и няма да продължи повече.

блок-схеми

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

Стъпка 14:Добавете свързващи линии

Преходите в състоянията се показват с помощта на линии със стрелки, които професионалистите в блок-схемите наричат ​​ръбове. Създаването на линия става по подразбиране - за да направите това, щракнете върху елемента с мишката и, докато държите левия бутон на мишката, го плъзнете до желаното място. След това просто отпуснете бутона.

редактора

Добавете свързващи линии

Стъпка 15:Красиво проектирани схеми

Автоматизираните системи, които създават блок-схеми, дават на потребителите много опции, за да направят блок-схемата да изглежда много по-добре. Редакторът yEd ви позволява да променяте блок-схеми, като използвате групи от добре познати трансформации. Те могат да бъдат избрани от менюто за схематично оформление. Когато изберете някои опции, ще се появи диалогов прозорец с допълнителни параметри за по-точни настройки. Феновете на цветовите градиенти в японски стил ще се радват да открият, че използването на инструментите > Colorize Graph (Инструменти > Colorize Graph) можете да отворите готовия инструмент за оцветяване Colorizer. В раздела Graph Distance можете да изберете началния и крайния цвят на градиента, който веднага щом щракнете върху бутона OK, ще бъде приложен към вашата диаграма.

Стъпка 16:Повече за ръбовете

блок-схеми

Повече за ребрата

Стъпка 17:Изберете няколко елемента

Групи от елементи на блок-схема могат да се местят една спрямо друга. В този случай можете да изберете група от елементи наведнъж. Просто натиснете и задръжте левия бутон на мишката и плъзнете показалеца, за да "отворите" полето за избор. След това, когато потребителят пусне бутона на мишката, всички елементи, които са "попаднали", ще бъдат избранивътре в тази рамка.

Стъпка 18:Подравнете елементите

Стъпка 19:Коригирайте външния вид

По подразбиране блок-схемата ще се показва в среден мащаб, което може да се счита за компромис между размера на елемента и начина, по който изглежда. За да изберете мащаба по ваш вкус, можете да използвате контролите в лентата с инструменти Зона за видимост (Област за видимост).

Стъпка 20:Преминете към UML

редактора

Преминаване към UML

Стъпка 21:Запазете блок-схеми

блок-схеми

Стъпка 22:Вижте блок-схеми онлайн

Стъпка 23:Експортирайте блок диаграми

Готовите схеми трябва да бъдат експортирани в обичайния формат на изображението. Това може да стане, като щракнете върху елемента от менюто Файл > Експортиране (Файл > Експортиране). Редакторът yEd ще покаже диалогов прозорец „Файл“, който ви позволява да изберете файловия формат и име. След това в отделен диалогов прозорец ще бъдете подканени да зададете допълнителни настройки.

Стъпка 24:Отпечатайте блок-схема

Ученето ще бъде по-лесно, ако има налични материали на хартия. Кликнете върху малката икона на принтер, за да отворите диалоговия прозорец за печат. Тя ви позволява да създавате плакати, които се състоят от множество страници, залепени заедно. Този режим може да се активира чрез въвеждане на числа в произволно поле на Плакат.

създаване