Архив Галактики

Строим графики, диаграммы и блок-схемы с DRAV.IO

Web-сервисы и не только... Путевые заметки Баданова / 13.10.2014

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

Drav.io - это бесплатное облачное решение для создания схем и диаграмм с предложением интеграции в Диск Google (возможное сохранение строящихся диаграмм: свой ПК, Dropbox, Google Drive). Нет необходимости в регистрации. Удобство и простота использования. Сервис сразу же готов к работе. Draw.io можно использовать на любом компьютере с доступом к сети Интернет. Файлы, созданные в этом редакторе, сохраняются в виде XML. Сервис поддерживает несколько языков. Есть версия с русским интерфейсом. Это будет удобно для использования в РФ.

Сервис позволяет создавать:

Блок-схемы.
UML-модели.
ER-модели.
Сетевые диаграммы.
Схемы и диаграммы бизнес-процессов.
Организационные схемы.
Электрические схемы.
Каркасные схемы и модели.
И т.д.

Благодаря этим возможностям данное решение можно с успехом использовать как бесплатную замену того же Microsoft Visio.

Из основных особенностей draw.io стоит отметить:

Поддержка HTML5.
Встроенную библиотеку элементов.
Простой способ работы с контентом drag & drop.
Функцию поиска и добавления изображений.
Экспорт в форматы PNG/JPG/XML/SVG/PDF.
Совместная групповая работа в реальном времени.
Интеграцию диаграмм в блоги и сайты.

Интерфейс сервиса разделен на 3 части:
1. Меню (верхняя часть страницы).
2. Панель объектов для построения диаграмм, графиков и блок-схем (слева).
3. Документ (справа).

Сервис по созданию диаграмм можно интегрировать на свой сайт и использовать в учебном процессе без перехода на сторонние сайты.

Инструкция по использованию инструментария сервиса здесь.

Пример интегрированного в блог сервиса здесь.

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

Пример учебной диаграммы с групповым доступом (только чтение) здесь.

Ещё почитать на страницах Галактики: