Как можно визуализировать логические алгоритмы (схемы) для простых пользователей?

Question

[Никита Кинаш]

Как можно визуализировать логические алгоритмы (схемы) формата ($a === $b ? ( ... ) : ( ... )) для простых юзеров?

Суть задачи - есть сложные логические выражения
Нужно создать конструктор таких выражений для обычных юзеров
Как scratch, но попроще

Если
"документ" это "удостоверение инвалида"
то
"скидка" равна "40%"
в противном случае
"скидка" равна " 15%"

Реализация планируется на vue, бек на yii2

Если у вас есть примеры подобных реализаций, присылайте)

Comments

[Михаил]

А что это за предметная область?
Какое то машинное обучение, составление базы знаний?

[Никита Кинаш]

Михаил, бизнес логика системы дисконта во франшизе
Нужно создать визуальный интерфейс, чтобы менеджеры (очень часто женщины за 40) могли сами создавать логику присваивания скидки

Answer 1

[Денис Инешин]

Возможно вам нужно взглянуть на то как учат детей программированию:

У Apple есть Swift Playgrounds. Где дети учаться программировать на Swift. Посмотрите на визуализации:
https://www.apple.com/swift/playgrounds/

На хабре хорошая статья: https://habr.com/ru/post/440376/

У ардуино есть хорошая визуализация кода:
https://robot-on.ru/page/robot-on-studio

Comments

[Никита Кинаш]

Спасибо за интересные ресурсы, посмотрю!

Answer 2

[Арсений Матыцин]

Для визуализации алгоритмов испокон веков существуют блок-схемы. Ничего нового выдумывать не надо.

Comments

[Никита Кинаш]

уже думали, это слишком сложно для людей, которые будут этим пользоваться

[Арсений Матыцин]

Никита Кинаш, для решения большинства задач хватает в среднем 3 блоков: условие, действие, данные. Что в этом сложного? Да и к тому же в конечном счете это же и будет реализовано, в лучшем случае чуть более усложненной графикой.

Проще использовать общепринятые схемы, которые между прочим и в школах\институтах вкладывают на уровне «ля, да я же это в школе видел», и дополнить их справкой и примерами. Визуальный гайд — его в любом случае делать, ибо если ЦА из «сложно для людей», чтобы понять 3 элемента, то его в любом случае придется создавать, какой бы вид инструмента не был выбран в итоге.

Answer 3

[mt. NATS]

draw.io

Answer 4

[Сергей Водаков]

Очень опасная идея. Смотрите какая штука получается. Вы хотите чтобы люди, не имеющие алгоритмического мышления (я так думаю, потому что даже блок-схемы и модули скратч для них сложно), создавали алгоритмы, от которых будет зависеть бизнес-логика приложения.
И когда результат их "творчества" приведет к финансовым последствиям, кто будет виноват?

А если всё таки речь идет именно о визуализации, то вы неплохо сами визуализировали в своём вопросе:

Если
"документ" это "удостоверение инвалида"
то
"скидка" равна "40%"
в противном случае
"скидка" равна " 15%"

т.е. в виде простого текста

Comments

[Никита Кинаш]

По поводу опасности - планируется обставить это все соответствущими валидаторами

Решили, что конструктор будет начинаться с опросника с подсказками: какие вы хотите атрибуты использовать и т.п., для набора первичных данных
а далее - input, с dropdown, где доступные варианты можно будет выбрать нажатием мыши
плюсиком можно будет добавить новое условие для данного выражение (новый инпут)
Также будут подсказки
в самом инпуте будет простой текст

Answer 5

[Александр]

Блок-схемы языка ДРАКОН (drakon.su). «Синтаксис» и правила строгие. Сложновато составить правильную схему, зато потом проходить её легко.