Canvarus. Создайте стилизованную ИТ-архитектуру с zoom-эффектом

Сервис для визуализации архитектуры программных продуктов в стиле стоковых изображений с контролируемой детализацией и другими функциями моделирования

Презентацию своей идеи для удобства мы разбили на разделы:

В 2019 году мы разрабатывали очередную информационную систему. И когда всё было готово к внедрению, как и положено, нам предстояло провести обучение сотрудников заказчика. Но сложность была в том, что в этот раз надо было не просто обучить работе в новом программном обеспечении, а рассказать об изменениях и новых требованиях в предметной области. Изменений было не просто много, а очень много. Правила работы кардинально изменились. Доходило до того, что сотрудники заказчика из-за непонимания нововведений увольнялись целыми отделами. Было отчаяние.

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

И действительно. Ты не переключаешься между картами и не теряешь связей, раскрыв новую карту. Всё в одном месте. Выбрал крупный объект, приблизил его, увеличив детализацию и при необходимости снова отдалился. Как потом оказалось – "мы изобрели C4 model". Об этом можно подробнее почитать в нашей статье.

Если коротко, то это открытие помогло нам переходить от крупных блоков предметной области к постепенной детализации контекста, а затем – к реализации в программном обеспечении. Этот подход потом неоднократно нас выручал.

Но одна проблема оставалась не решённой - это отсутствие интерактивности. Чтобы в полной мере оценить удобство нового подхода, нужно было создать „навигатор“.

Взгляните на нотацию C4 в любом графическом редакторе, например, в Miro. Для одних и тех же блоков есть стандартный вариант и развернутый. И чтобы визуализировать архитектуру надо использовать несколько представлений модели: в свернутом (стандартном) состоянии, т.е. где детализация избыточна, и развёрнутом - там, где она требуется для отдельных модулей или сервисов. А затем перемещаться по доске для поиска нужной детализации.

Складывается ощущение словно мы до сих пор пользуемся складными картами, просто перенесли их с бумаги в оцифрованный вид.

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

При этом все современные редакторы предлагают однотипные варианты оформления нотаций.

Понятно, что однотипность нужна для того, чтобы специалисты понимали друг друга, поэтому это должен быть стандартизированный набор элементов. Даже стандартное представление можно стилизовать. Спросите об этом дизайнеров, оформляющих те же презентации. Они вообще используют стоковые изображения с разных ресурсов, таких как Freepik или iStock, как для вдохновения, так и в качестве шаблонов. Но почему мы — технари начинаем придавать этому значение только когда так сказать „выходим в люди“. Потому что понимаем, что красота тоже важный элемент подачи даже технически сложных идей.

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

Ниже представлены разные варианты оформления того же примера сервиса банковской системы.

Если вы системный аналитик или архитектор, то вам точно не нужно объяснять, чем отличается инструмент моделирования от графического редактора. Canvarus создан именно для моделирования, а не только рисования диаграмм, благодаря этому уже сейчас вы можете:

И конечно самое важное, ради чего всё затевалось:

Сервис постоянно развивается и в скором времени вы сможете воспользоваться следующими возможностями:

Как вам идея такого сервиса? Напишите, пожалуйста, в комментариях что думаете об этом. С удовольствием ответим на все вопросы и предложения.