Начертить блок схему. Создание простой блок-схемы

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

Алгоритмы в Pencil рисовать очень легко. Для этого имеется выделенная библиотека примитивов со стандартными блоками и соединителями. Выглядит это примерно так:

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

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

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

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

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

Чтобы упростить процесс объяснения и разработки очень удобно использовать блок-схемы. Блок-схема – один из типов схем, который позволяет описать алгоритмы или процессы. Они часто используются для работы со сложными задачами, состоящими из множества пунктов. Мы сделали подборку из 6 инструментов, которые помогут вам создать такие схемы. Для работы с большинством из них оплата не потребуется.

6 инструментов для работы с блок-схемами:

draw.io

Этот сервис позволит создавать не только блок-схемы, но и UML, диаграммы сущность-связь, сетевые диаграммы, электрические схемы, каркасные схемы и модели. Интуитивный интерфейс и большая библиотека элементов позволят работать легко и комфортно. Важно также и то, что над одним проектом могут работать сразу несколько человек. Результат можно сохранить в форматах PNG/JPG/XML/SVG/PDF. Имеется интеграция с Google Drive.

gliffy.com

Gliffy предоставляет схожий набор инструментов и возможностей: большая библиотека элементов, удобный интерфейс, возможность коллективной работы, интеграция с Google Drive, работа с документами Visio, готовые цветовые темы для проектов.

gomockingbird.com

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

lucidchart.com

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

Balsamiq mockups

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

Текстовый редактор Microsoft Word - программа, позволяющая пользователю решать множество задач. Помимо широких возможностей по работе с текстом, Word может предложить вам инструменты для создания некоторых графических элементов, чтобы сделать ваш документ ещё лучше. Различные блок-схемы являются очень популярным средством для того, чтобы продемонстрировать что-либо более наглядно. В этой статье подробно рассмотрим, как сделать схему в Word и поговорим обо всех аспектах и нюансах этого процесса. Давайте разбираться. Поехали!

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

Чтобы создать блок-схему, откройте вкладку «Вставка». В последних версиях Microsoft Word доступен специальный инструмент под названием «SmartArt». Вызвать его можно в разделе «Иллюстрации» на панели инструментов. Перед вами откроется окно выбора графических элементов. В нём вы можете подобрать подходящий макет из предложенных вариантов. Если вам потребуется добавить дополнительную ячейку, нажмите кнопку «Добавить фигуру». Заполнять ячейки и изменять их иерархию можно в окне «Область текста». Добавление текста осуществляется простым вводом символов в соответствующие поля окна.

Заполнив все ячейки, переходите к следующему этапу. Откройте вкладку «Формат». Чтобы изменить размеры вашей блок-схемы, кликните по кнопке «Размер» в правой части панели инструментов . Появится небольшое окно с двумя полями «Высота» и «Ширина». Введите значения в соответствующие поля, чтобы привести схему к нужному размеру и пропорциям. Вы можете изменять размер как отдельных ячеек, так и нескольких одновременно. Для этого отметьте каждую из них, держа нажатой клавишу Shift. Текст из каждого блока можно редактировать по своему усмотрению, применяя разнообразные шрифты, цвета, стили WordArt и прочее.

Также есть возможность изменять стиль и всей схемы в целом. Для этого зайдите во вкладку «Конструктор». В разделе «Стили SmartArt» на панели инструментов выберите понравившийся из предложенных вариантов . Среди них есть с добавлением теней, объёма и 3D стили. В той же вкладке кнопкой «Изменить цвет» устанавливается желаемый цвет блок-схемы. Выбор достаточно большой. Имеются варианты с окрашиванием ячеек в разные цвета на основе их иерархии.

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

В более старых версиях Microsoft Word, где отсутствует SmartArt, процесс создания схем будет чуть более кропотливым либо вы можете использовать такой способ, если макеты SmartArt пришлись вам не по душе. Перейдя на вкладку «Вставка», нажмите кнопку «Фигуры». В открывшемся списке выбирайте необходимые фигуры. В том же перечне вы обнаружите различные варианты соединительных линий, стрелок и прочее, что пригодится для построения красивой блок-схемы. Кликнув по ячейке правой кнопкой мыши, вы вызовите меню, в котором можно добавить текст, изменить цвет или поменять стиль. Добавляя различные эффекты, вы сделаете рисунок более интересным и привлекательным для читателя, поэтому не стоит ими пренебрегать.

Крупные и мелкие производители программного обеспечения предлагают множество способов построения блок-схем на компьютере. Все инструменты работают аналогичным образом – сначала загружается проект (по шаблону или новый), создаются блоки, а затем они объединяются, выстраивая определённый алгоритм или последовательность действий и событий. Среди лучших программ для создания блок-схем – как платные, так и бесплатные. Чтобы выбрать подходящую именно для ваших потребностей, стоит ознакомиться с самыми популярными из них.

Выбор лучшей программы для создания блок-схем.

Draw.io – браузерная программа для рисования блок-схем. В этом и её преимущество – не нужно ничего устанавливать. Приложения намного функциональнее, чем кажется на первый взгляд. В повседневной жизни мы часто действуем в соответствии с определённым планом. Даже при приготовлении ужина многие пользуются кулинарными рецептами. Инструкции, описанные в них, – не что иное, как алгоритмы. А для того чтобы представить алгоритмы в графической форме, и используются блок-схемы, которые мы можем создать в draw.io. В дополнение к вышеупомянутым схемам, инструмент также даёт возможность разрабатывать различные типы диаграмм – от общепринятой, полезной во многих ситуациях офисной работы и бизнеса, до специализированных, полезных, например, в разработке программного обеспечения.

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

1. Сразу после запуска инструмента отображается окно, в котором можно выбрать место сохранения созданной нами диаграммы. У нас есть Google Диск , Dropbox и OneDrive.
2. В том же окне можно изменить язык программы. Для этого нажмите на значок планеты и выберите нужный язык из списка. Изменения будут сделаны после обновления страницы. Если на этом этапе вы не хотите решать, где сохранять проект, просто выберите вариант «Решить позже».

1. После выбора места хранения блок-схемы предлагается возможность выбрать между запуском нового проекта и загрузкой уже существующего.
2. При создании блок-схем можно использовать шаблоны, которые сортируются по тематике в раскрывающемся списке.
3. После нажатия на кнопку «Создать» появится блок-схема, содержащая готовые элементы. Все они доступны для редактирования. Можно изменить их размер, перетаскивая маркеры по краям, а также поворачивать – перемещая кнопку с круглой стрелкой.
4. Двойной щелчок левой кнопкой мыши на выбранном объекте позволит добавить к нему текст. Введённый текст будет автоматически сопоставляться с углом поворота объекта.
5. Текстовые поля также можно добавлять вне объектов – с помощью двойного щелчка левой кнопки мыши или с помощью комбинации клавиш Ctrl+Shift+X.
6. Если на диаграмме не хватает необходимых элементов, их можно добавить из меню слева. Выбранный объект добавляется щелчком по нему или перетаскиванием его в нужное место в области работы.
7. После выбора объекта можно придать ему правильный вид. Для этого используется меню справа. Оно разделено на три вкладки, соответствующие различным аспектам отображения объекта.

Составление новой блок-схемы:

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

1. Чтобы создать диаграмму без помощи шаблона, выберите параметр «Пустая диаграмма» из группы базовых шаблонов.
2. Запущенный проект не будет содержать автоматически вставленных элементов. В нём нужно разместить блоки самостоятельно – так же, как и при редактировании существующего шаблона. Чтобы получить доступ к большему количеству элементов, которые можно добавить в проект, выберите «Другие фигуры» в меню слева.
3. Откроется окно, в котором можно выбрать, какие группы фигур будут помещены в боковое меню. Выберите интересующие вас группы. Выбрать дополнительные фигуры можно и при использовании проекта на основе шаблона.

1. При добавлении нового элемента его нужно комбинировать с другими. Вокруг будут отображаться характерные синие стрелки.
2. Щелчок по стрелке скопирует выбранный элемент и объединит оригинал с его копией тонкой стрелкой.
3. Если нажать на стрелку и перетащить курсор в другое место, будет создана линия, которой можно объединить выбранный элемент с любым другим на блок-схеме.

Помимо поддержки популярных облачных сервисов, Draw.io также даёт возможность хранить диаграммы на дисках наших компьютеров.

Сохранение диаграммы в виде XML-файла:

1. Чтобы сохранить проект на диске компьютера, при создании новой диаграммы выберите опцию «Устройство».
2. Созданный проект будет сохранен в формате.xml.
3. Каждый щелчок на кнопке «Сохранить», доступной на вкладке «Файл» в верхнем меню, приводит к загрузке нового XML-файла. Аналогичный эффект даёт сочетание клавиш Ctrl+S.

Инструмент также даёт возможность загружать диаграммы, созданные нами в различных форматах.

Microsoft Visio

Microsoft Visio – это инструмент для людей, которые для своей работы часто рисуют диаграммы и блок-схемы на компьютере. Здесь представлен широкий выбор встроенных формул. Эта программа поможет создать привлекательную презентацию в виде диаграмм или блок-схем с большим количеством информации:

• формы и узоры

В Microsoft Visio в распоряжении предоставляет целый ряд различных форм, которые делятся на группы, чтобы облегчить их поиск и поддержание общего порядка в схеме. Здесь также есть множество шаблонов, которые представляют собой набор форм и помогают нам добавить их к чертежу. Научиться их использовать, подключать, отключать, делиться фигурами и «приклеивать» к соответствующим объектам довольно просто – в интернете можно найти любые мануалы, как видео, так и простые инструкции.

• шаблоны

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

• данные

Формы диаграммы Visio могут содержать различные типы данных. Экспорт данных из внешних источников, таких как Excel, Access, SQL Server или SharePoint, является двухэтапным процессом, состоящим непосредственно из загрузки и предобразования данных в необходимый формат. Microsoft Visio используется для создания всех видов блок-схем, что позволяет их редактировать и адаптировать к нашим потребностям. Люди, знакомые с популярным офисным пакетом производителя уже через несколько минут смогут освоиться в интерфейсе и управлять новыми проектами и шаблонами.

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

Dia

Dia – бесплатная программа, которая может быть альтернативой Microsoft Visio и другим подобным инструментам, когда нужно быстро и качественно нарисовать алгоритм в виде блок-схемы. Позволяет создавать графические презентации различных типов – блок-схемы, диаграммы и графики. Существует библиотека шаблонов включает в себя универсальные символы UML (используемые в объектном анализе и объектно-ориентированном программировании), а также символы для других специализаций – электрики, программирования, гражданского строительства и т. д.

Программа использует собственный формат DIA на основе XML, а также позволяет читать и сохранять документы в форматах DXF и SVG. К сожалению, файлы Visio VDX и VSX не поддерживаются. Интерфейс программы похож на популярный GIMP, который является результатом использования тех же библиотек GTK+.

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

ПОСТРОЕНИЕ БЛОК-СХЕМЫ В ТЕКСТОВОМ ПРОЦЕССОРЕ WORD

Создание блок-схемы в текстовом процессоре Microsoft Word выполняется с помощью панели инструментов Рисование (рисунок 1). Если панель не включена, то выберите команду Вид  Панели инструментов и поставьте флажок «Рисование » или щелкните на пиктограмме (Рисование) на панели инструментовСтандартная . Текстовый редактор Word позволяет создавать только векторные объекты (линии, прямые и кривые, геометрические фигуры, стандартные и нестандартные), растровые объекты вставляются как внешние объекты из файла, подготовленного другими средствами (с помощью графического редактора, сканера, цифровой камеры, графического планшета и др.).

Рисунок 1 – Панель инструментов Рисование

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

При создании и редактировании графических объектов используют следующие приемы и средства.

Пиктограмма (Добавить объект WordArt ) позволяет создавать объекты WordArt.

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

Несколько простых объектов необходимо группировать в один объект командой Группировка  Группировать контекстного меню или командой Группировать из раскрывающегося списка Действия . После группировки объекты уже нельзя сдвинуть друг относительно друга, и положением всей группы на странице можно управлять как единым объектом. Для группировки все объекты должны быть предварительно выделены щелчками левой кнопки мыши при нажатой клавише Shift или перемещением мыши с нажатой левой кнопкой, при выбранном инструменте (Выбор объектов ). Обратная операция Разгруппировать позволяет «разобрать» сложный объект на составляющие его простые объекты, которые при необходимости можно отредактировать, а затем заново сгруппировать.

Управление взаимным расположением по оси Z (по нормали к плоскости рисунка) объектов, перекрывающих друг друга, осуществляется с помощью пункта Порядок контекстного меню объекта или раскрывающегося списка Действия . В рисунке каждый объект имеет собственный «слой». Объекты, созданные раньше, лежат ниже, а объекты, созданные позже, располагаются на более высоких слоях. Соответственно, при наложении более поздние объекты перекрывают более ранние. Этот порядок можно изменить, изменяя положение выделенного объекта относительно других объектов и основного текста.

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

Пиктограммы Тень и Объем позволяют придать автофигуре различные формы тени и объема путем выбора необходимого типа оформления из раскрывающегося списка.

Основные этапы построения блок-схемы:

включить панель инструментов Рисование ;

отобразить координатную сетку;

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

отменить отображение координатной сетки;

сгруппировать все отдельные фигуры в единый объект.

Рисунок 2 – Пример графической схемы алгоритма

разветвляющегося вычислительного процесса