Самая первая инженерная версия редактора, не самая удобная для конечных пользователей
В России MS Visio используется для того, чтобы нарисовать планы помещений, вентиляции, пожарной сигнализации, рисовать всякие схемы работы — и так далее. Потом в какой-то момент оно пропало, а желание делать удобные схемы осталось.
Мы начинали в 1991 году с софта для автоматизации проектирования электросхем — когда вы рисовали одну схему, а по ней синтезировались недостающие участки, вроде расчёта типа и количества реле, нужного сечения кабеля и так далее. К 2010 году дорога приключений привела нас к тому, что мы начали делать уже схемы для объектов энергетики.
Сейчас мы замещаем Visio в России и поддерживаем VSD/VSDX-форматы в обе стороны.
Собственно, я хочу рассказать немного о техническом аспекте работы с большими схемами.
Сильно упрощая, каждая схема и в нашем движке, и в движке Visio состоит из векторных элементов. Пользователь перемещает окно с полем зрения по схеме, и для этого места идёт рендер — рисуются только те элементы, которые видно. Для каждого масштаба делается пререндер этого вектора с разной детализацией, то есть пользователь каждый момент времени работает со всего одной группой SVG-элементов. Всё остальное только кажется схемой из деталей, на самом деле — это единая отрендеренная большая картинка.
Коротко о том, кто мы такие
Как я уже говорил, мы занимаемся софтом для проектирования для инженеров с 1991 года. В 2014 году появился отдельный Visio-подобный редактор, а в 2017-м мы его зарегистрировали в реестре российского ПО. Потому что уже тогда было очень нужно поставить что-то легально в разные организации. И с поддержкой ГОСТ.
Тогда нас засыпали обратной связью про то, что мы медленные, у нас не очень удобные интерфейсы и вообще. Именно тогда оказалось, что одна из самых сложных областей применения — это рисование электросхем неподъёмных масштабов — от 1 до 15 тысяч элементов.
Для таких объёмов не было ничего лучше Visio, но у Visio был один недостаток — он был сделан не здесь.
Кроме всего прочего, российские операционные системы — это разные семейства Linux. А весь рендер Visio завязан на Win-окружение. Сейчас расскажу, почему это важно.
Первый движок
Первое и главное требование к движку было — обеспечить кроссплатформенность. В понимании наших заказчиков — это большая тройка DEB Linux, RPM Linux и Windows. Не Байкал или Эльбрус, но всё же. Если что, тогда импортозамещение в госкомпаниях делалось удалённым рабочим столом Win-кластера, и это называлось облачным SaaS-решением.
Естественно, нужно было что-то нормальное внутри контура компании.
Первый наш движок был MxGraph от Draw.io. Это опенсорсное решение, ядро, собственно, редактора диаграмм и схем. По сути, он обеспечивал работу с графическими элементами (их создание и редактирование), правильно показывал то, что в поле зрения пользователя, — и всё. Эта часть полностью открытая, и вот именно её было проще всего использовать как часть продукта.
Продукт, упрощая, это ядро движка, библиотеки иконок и поддержка кастомных иконок и интерфейсы. GUI оказалось доработать относительно просто — точнее, хоть какой-то GUI, потому что удобный и красивый оказалось на несколько лет дольше — и нам казалось, что дальше будут сложности только с импортом VSDX.
Оказалось, что всё немного не так.
Во-первых, движок не соответствовал требованиям ИБ — он постоянно куда-то стучал наружу в сторону гугловских серверов и отправлял то телеметрию, то что-то вообще лишнее. Во-вторых, он был слегка запутан по зависимостям. Нам пришлось внести кучу изменений и пересобрать его.
Кроссплатформенность достигается тем, что там веб-фронт — редактор был создан на основе веб-версии, которую сделали офлайновым приложением. Всё, что в нём происходит — это фактически работает кусок браузера. А браузеры более-менее одинаково работают со многими вещами независимо от платформы.
Такой лёгкий изврат, если задуматься, на самом деле не изврат, а нормальное техническое решение, потому что обеспечить совместимость разных Win/web/*nix-контуров очень сложно. А ещё сложнее — всё это держать в закрытых корпоративных сетях.
Текущий интерфейс
Второй вид
Но был один нюанс
А дальше оказалось, что движок не подходит. В принципе. Очень быстро выяснилось, что если пользователь работает со схемой на 200–500 элементов, то всё хорошо. Как только элементов становится под тысячу, начинаются сложности с открытием схемы и перемещением по ней, всё начинает тормозить. На 5 тысяч элементов на некоторых компьютерах (реальных машинах госорганизаций, а не игровых домашних сборках) открытие схемы могло длиться несколько минут, а перемещение по ней занимать секунд 30.
Ну и отмечу, что MxGraph весьма слабо открывает Visio и больше не поддерживается — если Draw.io ещё что-то дописывают, то движок не развивается с 2015 года.
То есть с большими файлами работать было очень сложно и мучительно.
А наши пользователи часто делают большие файлы в силу своей инженерной специфики.
На таких файлах работа превращалась либо в слайд-шоу, либо просто в кирпич-картинку. При этом мы не могли позволить себе повышать системные требования — наш продукт для офиса. Многие компании реально не будут переходить на более мощные рабочие места, просто потому что инженер страдает. Можно выпустить версию для локальной сети, где рабочая станция будет толстым клиентом, это в дальних планах.
Новый интерфейс релиз Автограф Стандарт
Новый движок
Надо сказать, что мы про такой эффект знали и рассматривали MxGraph как заглушку между «срочно нужно импортозамещать» и «вот нормальное наше индустриальное решение». То есть параллельно начали разработку своего графического ядра. Сразу с учётом районных электрических сетей и схем размещения оборудования на буровых установках.
Собственно, принцип работы нашего движка схож, но доработан довольно кардинально с точки зрения интерфейса. И теперь это наш код, в котором можно было заняться нормальной оптимизацией. Вторая причина делать наш код — это защищённые режимы отечественных ОС, включая ту же Астру.
Пока же главное — при той же архитектуре документы стали открываться примерно в 5 раз быстрее и настолько же быстрее стало можно двигаться по схеме. То есть невозможность работы из-за занятия всех системных ресурсов прошла как страшный сон.
Наибольшие оптимизации были в ограничении области рендера, определении порядка рендера (когда прочиталась только та часть, с которой пользователь сейчас работает, и с ней уже можно что-то делать, а остальное за кадром ещё грузится фоном), работа с аналогами кешей на разных масштабах и так далее.
В новом движке принципиально другой рендер — мы не растрируем изображение, а работаем прямо с вектором, собирая все SVG в большие такие суперSVG размера схемы. Когда меняется масштаб, по сути, мы подменяем элемент на более простой, а не сохраняем уменьшенный растр.
Следующая проблема — VSDX
VSDX — это открытый формат, VSD — проприетарный.
Конвертеры из VSD в VSDX есть, поэтому всё в этом мире можно сделать открытым форматом.
Сам по себе VSDX, упрощая, содержит XML-описание расположения элементов, всякие их взаимосвязи и сами векторные изображения элементов. Чтение VSDX — это попытки применить правила логики отображения элементов на основании их описания. Всё чуть сложнее, например, есть всякие WMF или EMF — на них Cisco-схемы. Их тоже надо правильно конвертировать. Но самая большая боль с чтением.
Читать VSD нужно, потому что там десятилетия технологических описаний производств.
И вот нам надо было сделать лучший на рынке конвертер, потому что иначе нас бы не выбирали инженеры. Чтобы схемы открывались почти как родные.
Иконки мы импортируем пользовательские, то есть можно взять свою библиотеку из Visio, импортировать библиотеки и работать с ними уже через наш редактор. Если вы честно купили Visio, то можете ими пользоваться. Мы сразу в свои наборы такие иконки включать не можем, но предоставляем библиотеки похожих наборов. Инженеры, бывает, тоже создают свои элементы. Правда, такие элементы тяжело экспортируются-импортируются, потому что на них нет документации, их надо отрабатывать каждый вручную, единолично на отдельных примерах.
Чтобы прочитать VSDX, нужно взять документацию и тщательно реализовать примерно 16 тысяч страниц правил логики отображения и взаимодействия элементов. Причём эти 16 тысяч страниц — не технические требования, а просто описания логики. То есть туда надо положить невероятное количество времени аналитиков, чтобы всё это переработать в требования и сделать качественное чтение.
Мы в это дело полезли, и выяснилось, что даже это не конец. Потому что если вы думаете, что эти 16 тысяч страниц документации поддерживаются в актуальном виде и MS не увлекается недокументированными функциями, а их разработчики реально следуют всем стандартам, то, наверное, вы живёте в какой-то очень приятной версии нашей вселенной.
Мы общались с бывшим сотрудником MS, он рассказывал, как они нанимали армию восточных аутсорсеров и что эти невероятно хитрые, компетентные и деятельные люди творили.
Astra Linux
Возникли проблемы с Астрой. Точнее, с ИБ и совместимостью.
Первый опенсорсный движок вмещал в себя кучу зависимостей. Мы чистили код, чтобы не было сторонних запросов и отправлений информации.
В новом движке понадобилось обеспечить совместимость со Смоленском и Воронежем. Чтобы поставить продукт — надо подписать публичный ключ через кучу кругов ада. То есть надо не только пройти сертификацию Астры, но и убедиться, чтобы подпись не конфликтовала с продуктом и сетью заказчика. А это целых три переменных. И там всё сыпалось. В итоге, когда проходили пилоты в крупных компаниях, — просто брали разработчика и сажали на сутки разбираться с заказчиком, что происходит.
Кусочек списка обновлений версии, чтобы было понятнее, о каких доработках речь
Итог
Мы собрали свой движок, оптимизировали его для слабых машин госкомпаний, сделали очень хороший конвертер схем Visio. Хотите потестить — обращайтесь.
Комментарии (45)
AndronNSK
24.10.2024 07:3714т.р. в год, запрос контактов по кнопке "узнать больше"
Спасибо, тестируйте сами.
peter_avtograf_tech Автор
24.10.2024 07:37Пилот у нас бесплатный. Можно получить дистрибутив в бесплатное пользование на 30 дней. Связь с теми, кто тестирует — нам важна, чтобы вернуться за фидбэком.
defecator
24.10.2024 07:37так это вы будете писать тем, кто тестирует, или, всё-таки, они вам будут писать по результатам тестирования ? Пока всё выглядит, как сбор данных для дальнейших рассылок с вашей стороны
peter_avtograf_tech Автор
24.10.2024 07:37Подразумевается обоюдное общение: если от тестера не будет обратной связи, мы, конечно, свяжемся с ним повторно, но не будем навязываться. Мы никогда не проводили спамерских рассылок и отправляем сообщения только для сбора мнений о нашем продукте.
nbelyh
24.10.2024 07:37А можно мне ссылку? Сайт не дает ввести номер телефона (не российский)
Yursan
24.10.2024 07:3730 дней это ничто для российской бюрократии. Дали бы 90-120, я бы взял и обязательно вернулся с фидбеком.
maximus57
24.10.2024 07:37Есть такой проект - draw.io
https://github.com/jgraph/drawio
Он свободен - для всех желающих, интуитивно понятен и функционален. Кроссплатформенный. Многие им пользуются. Ваш продукт, проприетарный, предлагает что-то принципиально новое?
Surrogate
24.10.2024 07:37Ваш продукт, проприетарный, предлагает что-то принципиально новое?
Смотрим на сайт продукта История обновлений графического редактора Автограф
в версии v16.6.5
Добавлены шаблоны и библиотеки ГОСТ различных форматов, включая штампы со встроенным шрифтом ГОСТ тип А
В draw.io вы такого точно не найдете :)
в версии v16.6.7
-
Добавлена возможность комментирования фигур и частей схем
В новой версии появилась возможность добавить комментарий к любой фигуре или части схемы.
-
Появилась возможность добавления собственных библиотек в перечень встроенных наборов фигур
Теперь возможно сохранять пользовательские библиотеки в ПО без повторного добавления после перезапуска редактора
Завезли возможность добавления комментов…
trojan218
24.10.2024 07:37Но и заявлять импортозамещение - это исключительно пиар.
Статья создана, чтобы бросить пыль в глаза.
Цена за продук не обоснована.
Да я тестировал оба продукта ...
-
peter_avtograf_tech Автор
24.10.2024 07:37draw.io действительно удобный и кроссплатформенный продукт, но он ограниченно поддерживает файлы Visio: формат VSDX открывается не полностью, а VSD вообще не поддерживается. Плюс графическое ядро не всегда справляется с большими и сложными схемами, что может замедлять работу. И еще один момент — регулярное обращение программы к серверам Google, что может вызвать вопросы по поводу безопасности данных.
Наш продукт разработан с учетом требований импортозамещения и поддерживает полную работу с форматами VSD и VSDX. Поддержку форматов draw.io мы тоже планируем сделать.
Craftov
24.10.2024 07:37Ну я бы не сказал, что ваш продукт полностью поддерживает VSD. Открываешь схему - какие-то элементы сместились, какие-то поменяли свой внешний вид, и т.д. В итоге, изменение пары элементов в схеме, созданной в Visio, растягивается минут на 15. Мы с "нетерпением" ожидаем полного перехода на ваш продукт на всех компьютерах...
peter_avtograf_tech Автор
24.10.2024 07:37Поделитесь в личке примерами схем, которые открываются некачественно, постараемся локализовать и исправить проблему.
Наше главное отличие от других продуктов на рынке — это самописный конвертер на нашем новом ядре, который можно дорабатывать на пользовательских схемах.
Bagatur
24.10.2024 07:37Пытались пару лет назад. Само по себе решение более-менее рабочее. Но. Уже существовавшие на тот момент Visio схемы этот самый Draw.io корёжил до нечитаемости. А схем - тысячи. Перерисовывать в Draw - не вариант. Вообще.
serejk
24.10.2024 07:37Автограф - это русское Visio, не AutoCad? :-)
Surrogate
24.10.2024 07:37Автограф - это русское Visio, не AutoCad?
Точно не AutoCAD! Не знаю почему статья опубликована в хабе CAD/CAM ?
У компании Имсат (ГрафТех) был продукт ТехноГраф, не так давно можно было посмотреть его описание. Но уже удалили или закрыли доступ…
Далеко не Visio, начиная с версии v16.6.5 уже не форк draw.io.
peter_avtograf_tech Автор
24.10.2024 07:37Мы не замена AutoCAD, но автокадовские файлы в Автографе можно просматривать (без возможности полноценного редактирования).
leonidy85
24.10.2024 07:37Подскажите, а как у вас с физиками отношения, а то с ними большинство отечественных решений мягко говоря плохо работают, глядя на ваш сайт складывается чувство, что не как с физиками не работаете, судя по отсутствию ценников и еще момент, MS Visio достаточно популярная программа в образовании по тех специальностям, я в ней чертежи в двух вузах, в бытность студентом, делал. А ваша программа вообще хоть в каком нибудь вузе представлена?
Surrogate
24.10.2024 07:37как у вас с физиками отношения, а то с ними большинство отечественных решений мягко говоря плохо работают, глядя на ваш сайт складывается чувство, что не как с физиками не работаете
С физлицами обычно работают партнеры, так было с MS, Autodesk. На сайте Автограф в разделе Партнеры можно поискать представителей в вашем городе/регионе.
судя по отсутствию ценников
Ценники есть и на официальном сайте и у партнёров примерно одинаковые
nbelyh
24.10.2024 07:37Вы молодцы! Создание своего движка типа Visio и идеальная конвертация из VSD/VSDX - большая работа.
Просто ради интереса - какую версию Visio вы поддерживаете? Поддерживаете ли вы "эффекты" например (ну типа 3D-Rotation, Bevel, Glow, etc) или "темы" (THEMEVAL)? Какой набор функций ShapeSheet вы поддерживаете - полный? Поддерживается ли экспорт в SVG?
Я попробовал запросить пробную версию, не получилось потому что сайт хочет российский формат номера телефона (у меня не российский)
peter_avtograf_tech Автор
24.10.2024 07:37Версии Visio мы поддерживаем все, эффекты — у нас реализованы свои собственные, аналогичные MS Visio. Shapesheet мы планируем разрабатывать после закрытия основного блока функциональности для большего количества пользователей.
nbelyh
24.10.2024 07:37Я имел в виду, во что преобразуются функции ShapeSheet во время конвертации? Visio же по сути "большой калькулятор" типа Excel с формулами ShapeSheet. Сохраняются ли "желтые управляющие точки" например (чтобы фигуры оставались "умными", и их можно было изменять после конвертации как в Visio). В идеале хотелось бы попробовать конечно чтобы не задавать тупых вопросов, но имею проблемы с загрузкой приложения :(
Насчет эффектов - я правильно понял, что эффекты Visio преобразуются во внутренние эффекты Автограф? Или они игнорируются при конвертации, и "внутренние" эффекты могут быть добавлены после конвертации?
peter_avtograf_tech Автор
24.10.2024 07:37Так как «умные элементы» завязаны на shapesheet, эта возможность пока не реализована, но стоит в планах, как раз по направлению качественного импорта схем Visio. С эффектами ситуация пока схожая, они не всегда качественно конвертируются, но эффекты можно будет добавить после открытия в Автографе, с помощью привычного пользователям инструмента.
Surrogate
24.10.2024 07:37Мне разработчики в прошлом году присылали на тестирование версию v16.6.7 без SMS и регистрации :)
Я имел в виду, во что преобразуются функции ShapeSheet во время конвертации?
Боюсь там при конвертации все обрезается…
@nbelyh, почувствуй разницу описании фигуры в xml в Visio и АвтоГраф
Over-дофига ячеек шейпшита заменяется на несколько строк типа
<UserObject label="" Description="0" LineSize="0" ValveClass="0" Manufacturer="0" Model="0" id="bio_ONaFipCDp90bQ2AE-1"> <mxCell style="vsdxID=5;fillColor=#FFFFFF;gradientColor=none;shape=stencil(UzV2Ls5ILEhVNTIoLinKz04tz0wpyVA1dlE1MsrMy0gtyiwBslSNXVWNndPyi1LTi/JL81Ig/IJEkEoQKze/DGRCBUSfAUiHkUElhGdkCua6QVTmZObhVGmOR6WhAfGmoqvFZy4+U4EMhBfTMnNyICGELI8eJEAhSHAauwIA);spacingTop=-3;spacingBottom=-3;spacingLeft=-3;spacingRight=-3;labelBackgroundColor=none;rounded=0;html=1;whiteSpace=wrap;" vertex="1" parent="1"> <mxGeometry x="70" y="120" width="24" height="24" as="geometry" /> </mxCell> </UserObject> <mxCell id="bio_ONaFipCDp90bQ2AE-2" value="<div style="font-size: 1px"></div>" style="text;vsdxID=5;fillColor=none;gradientColor=none;spacingTop=-3;spacingBottom=-3;spacingLeft=-3;spacingRight=-3;labelBackgroundColor=none;rounded=0;html=1;whiteSpace=wrap;verticalAlign=middle;align=center;strokeColor=none;;html=1;" vertex="1" parent="bio_ONaFipCDp90bQ2AE-1"> <mxGeometry x="-21.87" y="27" width="67.73" height="10.16" as="geometry" />nbelyh
24.10.2024 07:37Мы же говорим о том что от движка drawio/mxgraph отказались (поскольку он javascript и дико тормозной для более-менее сложных диаграмм)? Несколько тысяч фигур = смерть. К тому же старый и глючный. Надо сравнивать с представлением в новом движке а не в mxgraph. Или это оно и есть?
Surrogate
24.10.2024 07:37мне присылали ссылку на Автограф_16.6.7_тестовый_(90_дней)_Windows, новый движок появился в 16.6.5 если я не путаю.
Я уже забыл XML я извлекал в той версии, или тупо взял в архиве на Яндекс-диске?
UPD:
mxfile compressed="false" host="app.diagrams.net"------
Значит взял в архиве, надо поискать может где завалялся xml созданный в АвтоГраф? Архив от января 2023 года возможно еще в старом виде…
@peter_avtograf_tech, можете поделиться новым вариантом xml фигуры Шиберный вентиль
peter_avtograf_tech Автор
24.10.2024 07:37Новый движок полностью отличается от устаревшего mxgraph и базируется не на xml, а на svg. Поэтому, чисто с технической точки зрения, это полностью новый продукт со своими техническими возможностями и характеристиками.
AVKinc
24.10.2024 07:37Я как то в отсутствии Компаса рисовал какую то схему в Визио. Это было мучительно. То что я в Компасе сделал бы за час в Визио ушло часа три и там даже были какие то готовые модельки. Которые в Компасе я бы быстрее нарисовал.
peter_avtograf_tech Автор
24.10.2024 07:37Очень интересное мнение. Хотелось бы с вами пообщаться насчёт опыта использования Визио вместо Компаса и обсудить что вызвало неудобства. Напишу вам в личку.
vasiliym6
24.10.2024 07:37Я ее понимаю как за ЭТО можно брать деньги? Взяли бесплатный draw.io и испортили. Купили на работе потому что "импортозамещение", но пользуемся бесплатным аналогом.
peter_avtograf_tech Автор
24.10.2024 07:37Наша новая версия написана на новом абсолютно другом ядре и не имеет никакой связи с draw.io, кроме некоторых областей интерфейса, к которым привыкли пользователи, для безболезненного перехода.
Surrogate
24.10.2024 07:37Очень интересный момент :)
Мы общались с бывшим сотрудником MS, он рассказывал, как они нанимали армию восточных аутсорсеров и что эти невероятно хитрые, компетентные и деятельные люди творили.
Интересно, кто же этот таинственный инсайдер?
Когда произошел переход на VSDX формат (начиная с версии Visio 2013), разработчики MS Visio уже сидели в индийском Хайдеробаде…
Интересно каких еще восточных аутсорсеров им пришлось нанимать?
Surrogate
Петр, в прошлом году (осенью) мне ваши коллеги давали потестить, лично мне не зашло. Мне интересна автоматизация, на тот момент ее в вашем продукте не было.
Хотя в хабро статье от 22 года были анонсированы
Но я не "типичный пользователь Visio" :)
Мне более интересна версия visio-подобного редактора или ТехноГраф!
peter_avtograf_tech Автор
Мы сейчас нацелены на закрытие потребности большинства пользователей ушедшего MS Visio.
Задача — подготовить кроссплатформенное ядро, которое идеально открывает Visio. Далее к нему мы будем подключать автоматизации.
Напишу вам в лс, пришлите чуть подробнее про ваш опыт.
a05050709
Решительно поддерживаю. Нужны возможности автоматизации, но при сохранении Visio-like подхода, основанного на шейпах (как 1D, так и 2D), а не на отдельных линиях и отрезках, коннекторах, точках привязки. С точки зрения автоматизации минимальный мастхев (который интересен в моей работе):
- обогащение шейпов пользовательскими атрибутами (секция ShapeData) с возможностью их использования в тексте шейпа;
- программный интерфейс к атрибутам шейпов (как штатным, так и пользовательским);
- возможности анализа соединений шейпов друг с другом;
- возможность привязывания действий к шейпам (секция actions в Visio).
Опционально нужен также штатный механизм подтягивания внешних данных. Но если будут пользовательские атрибуты и API, то это можно будет уже руками дописать.
Surrogate
Такого даже в Visio "из коробки" нет!
Продвинутый пользователь может себе смастерить что-то типа как описывал David J Parker в статье Getting the Name of Glued Connection Points
Surrogate
@a05050709, вспомнил где я встречал ваш ник. Вы же автор надстройки NDAT!!!
Снимаю шляпу :)