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

Достаточно ли этого? И тут мне захотелось иметь возможность, кликнув на любой из блоков схемы, увидеть все возможные пути до этого блока, начиная от самого “входа” в систему.

Решение На помощь пришёл GLM-5. С его помощью я создала интерактивный просмотрщик созданной мной схемы. Теперь, кликнув по любому из блоков, можно в отдельной панели просмотреть списком все возможные пути, а главное - в самой схеме каждый путь будет индивидуально подсвечен! Это нереально круто! И я в восторге! Это именно то, что я хотела.

Всё ли было гладко? Нет. Формат Drawio для SVG оказался не привычным. Но я пошла на хитрость и для того, чтобы объяснить ИИ, как всё устроено, удалила все блоки и все стрелки из схемы, оставив лишь 1 блок и 1 линию. Это помогло ИИ понять структуру файла и научиться правильно извлекать текст и стрелки.

Что дальше? А дальше есть огромное желание внедрить этот просмотрщик в confluence! Чтобы можно было просматривать пути прямо в статье.