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

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

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

Diagram.ly

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

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

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

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

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

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

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

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

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

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

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

yWorks

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

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

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

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

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

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

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

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

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