DRAKON.SU

Здравствуйте!
Выложил новую версию своего редактора схем: https://falang.io/

Сделал много доработок, также учел некоторые советы от участников форума.

По сайту: сделал регистрацию, сделал возможность сохранения и редактирования схем.

По самому редактору:
- Убрал тулбар, сделал вставку только через валентные точки
- Сделал жизнеритм, как пример перенес алгоритм обучения попугая: https://falang.io/documents/view/79073d9f-49ac-4400-90e2-5e05aaa00cf1
- Сделал пересадку лианы, заземления лиан, выходы из цикла.

Чтобы долго все не описывать я записал видео по основным особенностям работы со схемами в редакторе Falang: https://youtu.be/nvzNdN0EGnk

Сейчас еще не все иконы полностью реализованы, но это дело времени.

Что дальше?
Во первых полностью добью жизнеритмы чтобы можно было реализовыввать медицинские алгоритмы.
Далее сделаю возможность экспорта в разные языки программирования. У каждой иконы просто будет свой шаблон, который будет вставляться в код.
Я пока не уверен что можно идти с подобными разработками к серьезным ребятам, электронщикам и т.п., поэтому я пока задумываюсь об аналоге сервиса Scratch для обучения детей программированию.

Буду рад любым замечаниям и комментариям.
Спасибо за внимание.

Сергей, поздравляю.
Рад за вас.
Посмотрел видео.

Три замечания.

1. Соблюдайте правило "Отделение фигуры от фона". Фон надо залить цветом. Лучше всего цвет фона сделан у Геннадия Тышова — бледнозеленый.

2. Уберите выход влево у иконы Вопрос. Допустимы выходы только вниз и вправо.

3. Пересечения линий запрещены.
Уберите выход из переключателя по правой вертикали. Допустимы выходы только по левой вертикали.
При этом сразу устранится пересечение.

Здравствуйте, serega3000. Очень рад, что вы достаточно быстро изменили свой редактор. Ваша ориентированность на образование детей тоже довольно понятна и приветствуется.

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

Плюсы:
1. Минималистичный дизайн.
2. Хороший вариант избежать Примитива и Силуэта в тулбаре, предложив выбор пользователю в самом начале работы.
3. Действительно, реализовано заземление лиан и выход из цикла.
4. Есть демонстрация работы в Вашем редакторе: видео и пример схемы. Отдельная благодарность Вам за это. Чувствуется, что пример с попугаем был вдохновлён дракон-схемами Владимира Паронджанова.
5. Появилась регистрация и возможность делиться дракон-схемами по ссылке.

Минусы:
1. Всё-таки вы придерживаетесь англоязычного интерфейса в работе. Если редактор будет предназначаться для обучения детей, лучше его русифицировать, чтобы им было понятнее. Или Ваш редактор предназначен для детей, обучающихся за рубежом?
2. Мне лично непонятно применение термина "жизнеритм". Это касается не только falang.io, но и книги, из которой вы этот термин позаимствовали (https://drakon.su/_media/24_zhizneritm20.pdf). Вот несколько цитат из книги:
На мой взгляд такая классификация алгоритмов по исполнителю излишняя и от части субъективная. Ведь схема - это лишь форма, которая не зависит от содержания. Следовательно, для редактора дракон-схем абсолютно неважно, с какой целью создаётся схема. Вообще понятие "Алгоритм" настолько для меня атомарное, что его разделения я никак не вижу, даже при всей страсти Владимира Паронджанова к изобретению новых терминов.
А автор редактора понял "жизнеритм" - как алгоритм, дракон-схема которого основана на Силуэте, хотя этого в книге не написано. Лучше избежать недопонимания со стороны пользователя и предложить выбор между "маленьким" и "большим" алгоритмом, либо взять быка за рога и предложить выбор между "примитивом" и "силуэтом" сразу.

3. Пересадка лианы - это непростая операция с точки зрения разработчика. В Вашем редакторе я не увидел возможности этой операции. Например, не получилось сделать операцию, изображённую на рисунке "Пересадка".


4. В Вашем примере сразу бросается в глаза неестественный изгиб, образованный в результате заземления лианы (см. рисунок "Изгиб"). Это, конечно, противоречит принципу эргономичности дракон-схем.


5. Тяжёлая навигация по рабочей области. Я имею ввиду перемещение от одной иконы к другой. Не используются бегунки, а только колёсико мыши для перемещения к иконам, масштабирование происходит относительно позиции курсора. В DrakonHub эта проблема решена разными режимами работы. В одном ты передвигаешься по листу, зажимая левую клавишу мыши. В другом с помощью лупы или ctrl+колёсико мыши лист масштабируется. Это на самом деле серьёзная проблема. Вы ведь наверняка сами заметили это неудобство, когда создавали алгоритм обучения попугая.

Эстетические придирки:
- Для скругленных углов прямоугольника не получается вместить текст в икону (см. рисунок "Текст").
- Излишнее употребление стрелок мешает чтению алгоритма (см. рисунок "Стрелки").


Спасибо Вам за работу. Любой проект постепенно как скульптура лишается шероховатостей, и в итоге из мрамора получается произведение искусства. Пока есть моменты, сказывающиеся на эстетическом восприятии пользователем редактора. Чтобы обнаружить эти моменты, не приходилось далеко идти. Вы в видео сами подмечали наличие каких-то багов. Поэтому их конечно желательно исправить. Затем уже можно расширять арсенал икон, которые нам потом будет предлагать Ваш редактор, и прочее, что Вы написали ранее в своих дальнейших планах.
Удачи Вам и с Наступившим 2023 годом!

Сергей опубликовал на Хабре статью

https://habr.com/ru/post/709200/

Полагаю, что замечание Сергея на Хабре является важным: https://bit.ly/3GwcRnR

Добрый день!
Я сейчас небольшую творческую паузу взял.
Расскажу вкратце про планы:
Сейчас буду встраивать редактор формул наподобие MathDox (http://mathdox.org/formulaeditor/). Возьму общий принцип, но по сути придется переписать почти полностью. Долго выбирал разные редакторы, но остановился на этом
Далее в этот же редактор можно будет вставлять переменные, определенные выше по алгоритму.
Потом экспорт в различные языки программирования.
Потом сделаю создание 2d игр на canvas как в scratch. Это поможет и отладить алгоритмы, и будет хороший задел на будущее.
А дальше уже буду на что-то более серъезное переходить.

Благодарю за все ваши замечания. Я их обязательно учту, но пока бьюсь над главным функционалом и срезаю углы.

Выложил новую версию.
Немного поменял дизайн, теперь фон отличается от икон.
Добавил новые иконы (параллальное вычисление, псевдоцикл)
Псевдоцикл это икона которая работает как цикл, но циклом не является. То есть к ней тоже можно применить break, continue. Это поможет при реализации таких икон как переключающий цикл и т.п.

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

Добавил иконку времени слева от блока, что позволило реализовать медицинский алгоритм с реанимацией:
https://falang.io/documents/view/f44a74 ... e6a54f970e

Сделал возможность экспорта в SVG.
Еще много чего надо дорабатывать, продолжаю работу.

Сергей, поздравляю.
Рад за вас.
Посмотрел вашу реанимацию.

Два замечания.

1. Сделайте шампуры жирными.

2. Когда есть возможность, длину линий надо уменьшать.
У вас в иконе Вопрос "Есть ли нормальное дыхание" выход вниз нарисован длинной линией. Это плохо и не нужно.
Сократите длину линии и сразу сворачивайте влево.

Желательно обменяться сообщениями и адресами. Мой имейл vdp2007@bk.ru

Спасибо!

Жирные линии сделаю.
По поводу того, что некоторые линии длиннее, чем надо - это от несовершенства алгоритма автотрассировки линий.
У меня есть уже идеи как это сделать намного лучше, но некоторое время пока будет так как есть.

Написал вам на почту.