Визуальное программирование и Blockly
Модератор: immortal
- sergejey
- Site Admin
- Сообщения: 4284
- Зарегистрирован: Пн сен 05, 2011 6:48 pm
- Откуда: Минск, Беларусь
- Благодарил (а): 75 раз
- Поблагодарили: 1559 раз
- Контактная информация:
Визуальное программирование и Blockly
Приглашаю к тестированию нового режима программирования сценариев.
(доступно пока при обновлении из исходников)
Предыстория здесь: http://smartliving.ru/forum/viewtopic.php?f=6&t=37
В редактировании сценариев появился переключатель типа кода:
Если выбран Blockly то по нажатию на Edit открывается новое окно с редактором.
Сейчас там реализованы основные операции и при сохранении алгоритм преобразуется в программу на языке PHP.
То, как выглядит исходный код можно посмотреть переключившись на закладку PHP, но изменения там не сохраняются.
При желании можно менять тип сценария с Blockly на PHP, при этом будет использован код, созданный редактором. Обратное переключение с PHP на Blockly работает, но это только переключение -- автоматической обратной трансляции из PHP в Blockly сделать, к сожалению, нельзя.
Пример
У меня был сделан сценарий на PHP в таком виде:
Я его переписал заново на Blockly и получился вот такой:
Если интересно, то вот какой получился автоматический код:
(последнее можно смотреть просто из любопытства, т.к. реально необходимости в этом нету)
Для сохранения изменений, сделанных в визуальном редакторе, нужно нажать Save. Можно так же нажать Save and Run и тогда сценарий сохранится и сразу отправится на выполнение.
(доступно пока при обновлении из исходников)
Предыстория здесь: http://smartliving.ru/forum/viewtopic.php?f=6&t=37
В редактировании сценариев появился переключатель типа кода:
Если выбран Blockly то по нажатию на Edit открывается новое окно с редактором.
Сейчас там реализованы основные операции и при сохранении алгоритм преобразуется в программу на языке PHP.
То, как выглядит исходный код можно посмотреть переключившись на закладку PHP, но изменения там не сохраняются.
При желании можно менять тип сценария с Blockly на PHP, при этом будет использован код, созданный редактором. Обратное переключение с PHP на Blockly работает, но это только переключение -- автоматической обратной трансляции из PHP в Blockly сделать, к сожалению, нельзя.
Пример
У меня был сделан сценарий на PHP в таком виде:
Я его переписал заново на Blockly и получился вот такой:
Если интересно, то вот какой получился автоматический код:
(последнее можно смотреть просто из любопытства, т.к. реально необходимости в этом нету)
Для сохранения изменений, сделанных в визуальном редакторе, нужно нажать Save. Можно так же нажать Save and Run и тогда сценарий сохранится и сразу отправится на выполнение.
Сергей Джейгало, разработчик MajorDoMo
Идеи, ошибки -- за предложениями по исправлению и развитию слежу только здесь!
Профиль Connect -- информация, сотрудничество, услуги
-
- Сообщения: 165
- Зарегистрирован: Пт янв 20, 2012 3:05 pm
- Благодарил (а): 9 раз
- Поблагодарили: 1 раз
Re: Визуальное программирование и Blockly
Добавил в www папку Blockly поменял admin.css удалил installed. Режим визуального программирования отсутствует.
- sergejey
- Site Admin
- Сообщения: 4284
- Зарегистрирован: Пн сен 05, 2011 6:48 pm
- Откуда: Минск, Беларусь
- Благодарил (а): 75 раз
- Поблагодарили: 1559 раз
- Контактная информация:
Re: Визуальное программирование и Blockly
надо посмотреть что ещё изменилось. как минимум, изменения в модуле scripts (/modules/scripts и /templates/scripts). а лучше выкачать последнюю версию исходников и запустить сравнение по-файловое, чтобы видеть все изменения и заменить файлы более новыми.tammat писал(а):Добавил в www папку Blockly поменял admin.css удалил installed. Режим визуального программирования отсутствует.
Сергей Джейгало, разработчик MajorDoMo
Идеи, ошибки -- за предложениями по исправлению и развитию слежу только здесь!
Профиль Connect -- информация, сотрудничество, услуги
Re: Визуальное программирование и Blockly
Подскажите, а как здесь можно передать несколько параметров? Например:
Код: Выделить всё
playSound('dingdong',1,1);
- sergejey
- Site Admin
- Сообщения: 4284
- Зарегистрирован: Пн сен 05, 2011 6:48 pm
- Откуда: Минск, Беларусь
- Благодарил (а): 75 раз
- Поблагодарили: 1559 раз
- Контактная информация:
Re: Визуальное программирование и Blockly
Там используется упрощённый playSound -- без параметров. Но всегда можно использовать полноценные команды вот таким образом:Athom писал(а):Подскажите, а как здесь можно передать несколько параметров? Например:Код: Выделить всё
playSound('dingdong',1,1);
Сергей Джейгало, разработчик MajorDoMo
Идеи, ошибки -- за предложениями по исправлению и развитию слежу только здесь!
Профиль Connect -- информация, сотрудничество, услуги
-
- Сообщения: 52
- Зарегистрирован: Ср сен 26, 2018 8:35 pm
- Благодарил (а): 4 раза
- Поблагодарили: 0
Re: Визуальное программирование и Blockly
А эта тема уже не поддерживается? А где можно посмотреть примеры по программированию Blockly для Majordomo?
- Divan
- Сообщения: 859
- Зарегистрирован: Пн июл 08, 2019 5:04 pm
- Благодарил (а): 117 раз
- Поблагодарили: 280 раз
Re: Визуальное программирование и Blockly
Предлагаю заинтересованным в Blockly и тем кто не понимает как нужно правильно пользоваться Blockly - развивать эту тему.
Как можно создавать свои элементы в Blockly?
[Модуль] Мои блоки (myblocks)
Что такое переменные и как их использовать?
Переменные - это контейнер, который содержит в себе различные типы данных (текст, цифры, объекты и т.д). В целом переменные позволяют создавать, хранить, изменять, а в дальнейшем оперативно обращаться к информации, заданной в них.
Пример создания переменных для пинга устройства
Создаем переменную с любым именем, я назвал 192.168.0.30
Во всплывающем окне указываем имя для переменной
Собираем код таким образом, если пинг есть - сообщить онлайн, если нет пинга - сообщить офлайн
Как можно создавать свои элементы в Blockly?
[Модуль] Мои блоки (myblocks)
Что такое переменные и как их использовать?
Переменные - это контейнер, который содержит в себе различные типы данных (текст, цифры, объекты и т.д). В целом переменные позволяют создавать, хранить, изменять, а в дальнейшем оперативно обращаться к информации, заданной в них.
Пример создания переменных для пинга устройства
Создаем переменную с любым именем, я назвал 192.168.0.30
СпойлерПоказать
СпойлерПоказать
СпойлерПоказать
- Рейтинг: 1.16%
Xpenology DSM 6.2.2 + Ubuntu Server 18.10 + Majordomo + MariaDB
- Divan
- Сообщения: 859
- Зарегистрирован: Пн июл 08, 2019 5:04 pm
- Благодарил (а): 117 раз
- Поблагодарили: 280 раз
Re: Визуальное программирование и Blockly
Как сделать округление значении в Blockly?
Внимание!!! Я показываю примеры, соответственно для работы нужно создавать свойство - метод и в методе собираем код.
Создаем второе свойство для получении значении в целых числах и метод mIntegerValue
Создаем две переменные
1) Переменная TempValue - значение откуда будем получать дробное число
2) Переменная IntegerValue - значение которое будем округлять
Пример кода Blockly
Внимание!!! Я показываю примеры, соответственно для работы нужно создавать свойство - метод и в методе собираем код.
Создаем второе свойство для получении значении в целых числах и метод mIntegerValue
СпойлерПоказать
1) Переменная TempValue - значение откуда будем получать дробное число
2) Переменная IntegerValue - значение которое будем округлять
Пример кода Blockly
СпойлерПоказать
Последний раз редактировалось Divan Вс июн 07, 2020 3:44 pm, всего редактировалось 1 раз.
- Рейтинг: 1.16%
Xpenology DSM 6.2.2 + Ubuntu Server 18.10 + Majordomo + MariaDB
- Divan
- Сообщения: 859
- Зарегистрирован: Пн июл 08, 2019 5:04 pm
- Благодарил (а): 117 раз
- Поблагодарили: 280 раз
Re: Визуальное программирование и Blockly
Как создать счетчик с шагом N?
Внимание!!! Я показываю примеры, соответственно для работы нужно создавать свойство - метод и в методе собираем код.
Счетчик с шагом 1
Обратный счетчик с шагом 1
Внимание!!! Я показываю примеры, соответственно для работы нужно создавать свойство - метод и в методе собираем код.
Счетчик с шагом 1
СпойлерПоказать
СпойлерПоказать
Последний раз редактировалось Divan Вс июн 07, 2020 3:43 pm, всего редактировалось 2 раза.
- Рейтинг: 1.16%
Xpenology DSM 6.2.2 + Ubuntu Server 18.10 + Majordomo + MariaDB
- Divan
- Сообщения: 859
- Зарегистрирован: Пн июл 08, 2019 5:04 pm
- Благодарил (а): 117 раз
- Поблагодарили: 280 раз
Re: Визуальное программирование и Blockly
Как сделать рандомный выбор цвета?
Создаем переменную, например RGB и цепляем блок случайный цвет
Готовый вариант в блокли, таким образом, если запустить сценарии "Случайный цвет", то установится выбранный цвет системой
Создаем переменную, например RGB и цепляем блок случайный цвет
СпойлерПоказать
СпойлерПоказать
- Рейтинг: 1.16%
Xpenology DSM 6.2.2 + Ubuntu Server 18.10 + Majordomo + MariaDB