Наверх

Обзор бесплатных онлайн-средств создания схем бизнес-процессов

Время чтения: 7 минут
6
Обзор бесплатных онлайн-средств создания схем бизнес-процессов

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

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

Пока лично мне кажется естественным, что функционал «онлайн-рисовалок» беднее, чем тех средств моделирования, за дистрибутив и обновление которых пользователи тратят определённое количество кровно заработанных. Но меня приятно удивил тот факт, что не настолько он и беднее. Рассмотрим две подобных друг другу системы: Diagram.ly и yWorks.

Diagram.ly

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

  1. Очень богатый выбор стенсилов, с которыми можно работать. С помощью Diagram.ly можно нарисовать блок-схему, UML-диаграммы некоторых типов, ER-диаграммы, организационные диаграммы, BPMN-схемы, схемы баз данных и телекоммуникаций, геоинформационные схемы и электрических цепей, а также создавать прототипчики легких интерфейсов. это дает им основание называть себя «мини-версией Visio, доступной из любимого браузера».

  1. Богатые возможности текстового форматирования. Текст можно написать одним из пяти шрифтов: Verdana, Helvetica, Times New Roman, Garamond или Courier New. Размер шрифта можно менять в диапазоне от 6 до 60 пунктов. Можно редактировать жирность текста, писать курсивом или с подчеркиванием, изменять выравнивание текста.

Помимо текстового форматирования присутствует и форматирование объектов: работают группировка, разгруппировка, перенесение на задний/передний планы, взаимное выравнивание объектов, изменение ориентации блоков. У блока можно изменить цвет шрифта, подложки и линии, добавить тень и градиент, а также выбрать изображение.

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

4. На блоках и странице работает контекстное меню (по правой кнопке мыши).

  1. При каждом входе в систему пользователю предлагается просмотреть простые советы по работе с ней. Эти «tips and tricks» играют роль справки. Система интуитивно понятна: объекты добавляются на доску по технологии drag-n-drop, появляющаяся при наведении на блок стрелочка подсказывает, что именно она является инструментом-коннектором, а контекстное меню закрывает все остальные вопросы, даже если каким-то образом пользователю не удастся найти панель инструментов сверху.

  1. Работу можно вести как с XML-файлами, созданными Diagram.ly, так и VDX-файлами, которые создает Microsoft Visio.
  2. Есть предпросмотр. Во-первых, всегда в левом нижнем углу экрана отображается масштабируемое окошко предпросмотра текущей схемы.

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

Поскольку бочку меда принято разбавлять ложкой дегтя, назову небольшие недостатки, который мне удалось заметить в Diagram.ly.

  1. Не предлагаются примеры диаграмм, на основе которых можно создать свои собственные художества.
  2. Система создается, по всей видимости, группой энтузиастов. Порой в работе возникают довольно глупые баги (например, в день написания мне не удавалось применить изменение шрифтов). Однако, этот недостаток с лихвой покрывает наличие собственной ленты Diagram.ly в Google Plus, в которой можно открыто высказывать свои пожелания и предложения.

yWorks

yWorks производит впечатление системы, которая хочет предоставить пользователю минимально достаточный для работы набор стенсилов и средств работы с ними.

Отметим бросающиеся в глаза особенности работы системы:

  1. С первого взгляда видно, что панель инструментов не такая насыщенная, в ней можно выполнить минимальное количество действий (откатить или повторить действие, открыть, сохранить или распечатать диаграмму, поработать с буфером обмена, изменить масштаб или вид отображения доски).
  2. Стоит признаться, что без справки сложно догадаться, что текст в блоки добавляется по кнопке F2. Однако, стоит отдать должное: справка написана хорошо и даже при среднем уровне английского будет вполне понятна пользователю.
  3. Видов блоков не так много, но достаточно для рисования, например, схем-бизнес-процессов, UML-диаграмм, ER-диаграмм и блок-схем. Также можно добавлять кастомные блоки.

  1. Относительно форматов работы: загружать в систему можно только объекты с расширением.Graphml. Сохранять диаграммы можно как файлы совсем без расширения (тем паче, что оно и не предлагается), а также экспортировать как растровую картинку в формате PNG. Приятно, что при экспорте диаграммы в картинку система предлагает настроить параметры экспорта.

  1. В левом верхнем углу предлагается предпросмотр только что нарисованной диаграммы, с помощью которого можно быстро менять участок схемы, который в данный момент отображается на доске (это напомнило мне о Heroes of Might & Magic).

  1. Для новичков создатели системы подготовили плюшку в виде возможности посмотреть примеры диаграмм, что лично мне кажется очень обоснованным решением. Для многих людей опора на ранее кем-то созданную модель является большим подспорьем в работе.
  2. И специально напоследок я оставила самый большой плюс этой системы. У блоков можно указывать очень большое количество свойств, например, быстро менять тип блока, с точностью до пиксела указать положение объекта на доске и его размер, задать текст, цвет фона, границ и загрузить изображение, которое будет занимать фон.

Немного в качестве заключения

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

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

Изображение от storyset на Freepik

Чтобы прочитать эту статью до конца,
или зарегистрируйтесь

Комментарии 6

Diagram.ly создаёт впечатление системы, которая пытается предоставить пользователю функционал, наиболее приближенный к возможностям десктопных клиентов
Самое забавное, что ресурс создан, по-видимому, как реклама для их javaSAFEscript компонента http://www.jgraph.com/mxgraph.html.
Стоит признаться, что та высоту, которую взяли и прочно удерживают современные бесплатные (!) онлайн-средства создания диаграмм, действительно можно назвать если не потрясающей, то, по крайней мере, значительной.
Как ручные редакторы диаграм - несомненно.
Настольные же идут дальше - они обрастают инструментами для генерации и реинжиниринга, интегрируются со всем и вся, предоставляют инструменты для динамического отображения данных, анализа схем, документирования, ...
Минич Денис 6 марта 2012

А как же гугледоки?

А как же гугледоки?
А они чем-то принципиально превосходят редактор изображений встроенный в MS Office или Open Office?

все это семечки, в сравнении с https://www.lucidchart.com/

единственный минус https://www.lucidchart.com/ - он не совсем бесплатный

В AppStore появилось любопытное приложение для моделирования бизнес-процессов в BPMN 2.0 для iPad. https://itunes.apple.com/ru/app/cubetto-bpmn/id529075736?mt=8

Будет интересно узнать отзывы. Делитесь!

Чтобы прокомментировать, или зарегистрируйтесь