Кликабельные схемы и скрытие ссылок

Задан 1 год назад
Просмотрен 12454 раза
1

Если описывать сложный процесс и обучалки делать по каждому блоку нужна удобная визуализация, схема. Вопрос: Как реализовать в Геткурс схему? Варианты:

  1. кнопками в блоках страниц - только довольно примитивные схемы линейные можно сверстать.
  2. Использовать гугловскую прогу для схем app.diagrams.net (Ранее drow чего-то там). Вроде получается, но есть ли там обновление схемы? Сейчас не нашёл и приходится после внесения правки в схему заново копировать код HTML :( И гуглу не очень доверяет компания. Вопрос 2: как автоматизировать обновление схемы в app.diagrams.net Вопрос 3: Вставленные ссылки можно увидеть в строке браузера и расшарить. Как защитить?
  3. Можно схему сделать в пдф и в неё внедрить ссылки. Вопрос: Как вставить пдф в страницу геткурс? Может есть какая-то схема проще?
Сделаем GetOverflow лучше!
Проголосуйте 🔼 за полезные или 🔽 за бесполезные ответы.
2 ответа
4

Для обновляемых блок-схем можно использовать фигму. Пример: https://codepen.io/onthewaytothesun/pen/BaGEPjQ

  1. Создаете новый лист
  2. Создаете frame (это будет рабочая область)
  3. Рисуете схему внутри фрейма.
  4. Выделив фрейм, вверху справа нажимаете значок воспроизведения (prototype view)
  5. Share prototype > get embed
  6. Полученный код. фрейма встраиваете в урок\лендинг\куда угодно. При редактировании блок-схемы она обновляется автоматом

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

Видеоинструкция: https://youtu.be/HGKvwtfkbbg

очень интересно, но мало понятно. Опыта в коде - ноль. Фигма и кодепен - это разные вещи? Не сталкивался ни с тем, ни с другим, поэтому разобраться - задача отдельная. Что такое фрейм? ОБласть внизу? вроде есть. Как рисовать схему - не понятно.На этом шаге застопорился.

Корпоративный университет Поддержка 1 год назад

Снял инструкцию https://youtu.be/HGKvwtfkbbg

Антон Федоров 1 год назад
1

Возможно подойдет этот сервис - https://stormbpmn.com/ Создан специально для описания бизнес-процессов. Есть готовые блоки. Попробуйте потестить.

Схему процесса можно вставить прямо в урок через блок html

Ваш ответ