GyverPortal - простой конструктор веб интерфейса.

Пользовательские блоки для коммкникации и связи GSM, GPRS, IR, Bluetooth и другие
Правила форума
Рекомендации по размещению блоков:
Автор блока создает подробное описание блока, отличие от подобных(если есть на данный момент).Сложные блоки очень желательно с примерами.
При выходе новых версий редактирует/дополняет свой первый пост с указанием даты, версии, причины.
В каждой теме обсуждается только выложенный автором блок - баги, возможность (или предложение) доработки и прочие хотелки.
Свои блоки, переработанные, с другими библиотеками, протоколами и т.д.- размещаем либо сами отдельно, либо обсуждаем и дорабатываем в форуме Разработка блоков.
Пользователи улучшив блок автора и проверив его работоспособность - могут обратиться к автору или модераторам с просьбой добавить их версию блока в первое сообщение темы.
aidar_i
Полковник
Сообщения: 3124
Зарегистрирован: 24.12.2016{, 16:55}
Репутация: 676
Откуда: Уфа
Имя: Айдар
Контактная информация:

GyverPortal - простой конструктор веб интерфейса.

#1

Сообщение aidar_i » 13.05.2022{, 21:12}

ЗДЕСЬ обсуждалась эта тема.
В начале сообщения блоки старой версии, ниже выложил новую версию.
1 версия.
Выкладываю ПБ и измененную библиотеку.
GyverPortal_.ubl
(2.12 МБ) 1013 скачиваний
GyverPortal_mod7.rar
(337.26 КБ) 1014 скачиваний
Кто скачивал с вышеуказанной темы для испытаний блоки и библиотеки, удалите все.
Нижеуказанные примеры и блоки со старыми не работают.
В библиотеке добавил выбор цвета фона , эффект нажатия, выбор положения (слева , справа, по умолчанию по центру), ширину и высоту компонента, высоту и цвет шрифта, радиус закругления.
Добавил дополнительно желтый и синий светодиоды. Замените файлы в библиотеке отсюда.

Ниже блоки, которые можно настроить по своему вкусу(это не проект,выложены просто блоки, настройки по умолчанию):
ПБ Клик настройки.flp
(423.26 КБ) 692 скачивания
ПБ Обновление настройки.flp
(424.87 КБ) 562 скачивания
ПБ Форма настройки.flp
(539.94 КБ) 559 скачиваний
Настраиваемые блоки режима Форм.
СпойлерПоказать
Настройки блоки форм.png
Отрисовка блоков для размещения компонентов
Пример удалил для изменения.
СпойлерПоказать
Отрисовка блоков.png
Вывод картинок
Вывод картинок.flp
(129.52 КБ) 569 скачиваний
СпойлерПоказать
Вывод картинок.png
Вывод картинок.png (12.23 КБ) 49053 просмотра
Иконки можно брать здесь icons8.ru, код тоже там же.
Вывод графиков
Вывод графика.flp
(218.4 КБ) 547 скачиваний
СпойлерПоказать
Графики.png
------------------------------------------------------------------------------
2 версия , измененные блоки, библиотека и примеры.
Библиотека
GyverPortal_3.2.rar
(44.52 КБ) 610 скачиваний
Примеры, блок
Примеры GP.rar
(1.53 МБ) 572 скачивания
Проверил все примеры на ЕСП32. Блоки меню пока не работают, ждем новую версию.
Хорошо работает многостраничность. Видео
GPМногостраничность.rar
(259.5 КБ) 505 скачиваний
Привел пример с подробным описанием блоков многостраничности, придерживаться порядок расположения и компиляции блоков, иначе не будет работать. Что бы не путаться.
Старые и новые блоки и библиотеки не совместимы.
Оригинальная библиотека не совместима с блоками, устанавливайте выложенные здесь.

Внимание! Тело проекта расположите в платах выше плат с блоками портала.
Блоки портала должны быть последними в проекте.
Расположите блоки портала отдельно на своих платах, тогда порядок компиляции будет так, как они стоят в проекте. Можно их и сдвигать вместе с платой куда надо.
Для уменьшения плат можно располагать по 2-3 блока в плате, их корректировать проще.
Можно блоки вырезать и снова поставить, тогда они будут компилироваться ниже блоков, которые остались на плате.
ОТА тоже работает.

Снял видео инструкцию по блокам GP:
СпойлерПоказать
СпойлерПоказать
Здесь дополнительные блоки с возможностью установки любого цвета светодиодов и фона страницы.
—--------------------------------------------------------------------------------------------------------------------------------------------------------------------
Для работы с точкой доступа нужно использовать файловую систему ЕСП. Так как появились вопросы форумчан, выкладываю папку tools, которую нужно положить в папку ...\FLProg_8-0-2_Win64\ideV8\portable\sketchbook, тогда у вас будет работать файловая система. В Ардуино Иде в Tools появится надписи “ESP8266 LittleFS Data Upload“ и “ESP32 Sketch Data Upload“. Сохранить скетч, положить в папку со скетчем папку data. в которую положить нужные файлы для сохранения в файловую систему. В Ардуино Иде нажать нужную надпись и ФС прошьется, потом загрузите скетч. Далее вы можете прошивать только скетч, если файлы из ФС используются те же. Для GP прошейте файлы из библиотеки, там есть папка data, в примерах я его использую.
tools.rar
(13.73 КБ) 233 скачивания
----------------------------------------------------------------------------
3 версия по библиотеке 3.5.2. (В библиотеке ничего не менял) , выложил блоки, примеры и библиотеку.
Блоки:
GPv3.5.rar
(191.32 КБ) 324 скачивания
Примеры GPv3.5.rar
(366.42 КБ) 346 скачиваний
Бимблиотека:
GyverPortal-3.5.2.rar
(319.78 КБ) 351 скачивание
Внимание!
Пользуйтесь только одной версией портала.
В каждой версии я выложил библиотеку этой версии.
Видео для прежней версии в основном подходит и для последней версии для понимания блоков.
4я версия ТУТ.

lentyaj1982
Рядовой
Сообщения: 19
Зарегистрирован: 01.10.2021{, 20:55}
Репутация: 5
Имя: raphiz

GyverPortal - простой конструктор веб интерфейса.

#241

Сообщение lentyaj1982 » 26.03.2023{, 17:57}

ЕСПшка вроде мощнее по железу атмеги, но счётчик его на лопатки кладёт? ) А как сделать проще счётчик? нужны две штуки в проекте))

Аватара пользователя
Rovki
Полковник
Сообщения: 4873
Зарегистрирован: 22.04.2016{, 17:25}
Репутация: 269
Откуда: Чехов
Имя: Анатолий
Контактная информация:

GyverPortal - простой конструктор веб интерфейса.

#242

Сообщение Rovki » 26.03.2023{, 18:07}

А что считаете, с какой частотой?
Электронщик до мозга костей и не только

ecoins
Полковник
Сообщения: 2930
Зарегистрирован: 12.02.2016{, 11:40}
Репутация: 453
Откуда: Шатура
Имя: Энвер

GyverPortal - простой конструктор веб интерфейса.

#243

Сообщение ecoins » 26.03.2023{, 18:09}

lentyaj1982 писал(а):
26.03.2023{, 17:57}
ЕСПшка вроде мощнее по железу атмеги, но счётчик его на лопатки кладёт? ) А как сделать проще счётчик? нужны две штуки в проекте))
Тема интересная интересная и удивительная. И Ваши выводы по atmega точны, это подтверждено многими нашими исследованиями и измерениями. Не понимали, но этот так.
И похоже стало понятно.
Если коротко, то у AVR,DUE,STM32 гарвардская архитектура https://ru.wikipedia.org/wiki/%D0%93%D0 ... 1%80%D0%B0,
а у ESP8266,ESP32S фон-неймановская архитектура https://ru.wikipedia.org/wiki/%D0%90%D1 ... 0%BD%D0%B0
Если это интересно, открою отдельную тему.

lentyaj1982
Рядовой
Сообщения: 19
Зарегистрирован: 01.10.2021{, 20:55}
Репутация: 5
Имя: raphiz

GyverPortal - простой конструктор веб интерфейса.

#244

Сообщение lentyaj1982 » 26.03.2023{, 18:32}

Rovki писал(а):
26.03.2023{, 18:07}
А что считаете, с какой частотой?
хочу разнообразить велостанок (обычный велосипед на станке). Надо считать скорость и дистанцию одним счётчиком, и каденс шатунов другим. Выводить графики, шим сигналом регулировать нагрузку (кручу генератор) подавая на ротор. Можно прям куча режимов тренировки задать, от плавного нарастания нагрузки, до рандомной.. так интереснее, чем просто крутить )

Аватара пользователя
Rovki
Полковник
Сообщения: 4873
Зарегистрирован: 22.04.2016{, 17:25}
Репутация: 269
Откуда: Чехов
Имя: Анатолий
Контактная информация:

GyverPortal - простой конструктор веб интерфейса.

#245

Сообщение Rovki » 26.03.2023{, 18:43}

Если считать 1 импульс на оборот, то и хватает обычного счётчика. Я делал подобное.
viewtopic.php?p=49042#p49042
Электронщик до мозга костей и не только

lentyaj1982
Рядовой
Сообщения: 19
Зарегистрирован: 01.10.2021{, 20:55}
Репутация: 5
Имя: raphiz

GyverPortal - простой конструктор веб интерфейса.

#246

Сообщение lentyaj1982 » 26.03.2023{, 19:15}

прикиньте. блок деление вызывает перегрузку есп)) т.е. надо же 60 миллион разделить на длину паузы импульса для оборотов, а вот оказывается где процессор не справляется. Закономерность есть, без нее работает, с ним нет, причем с любим числом.

оказывается если делить на число Float, а не другие длинные, то всё чётко.

Отправлено спустя 1 час 45 минут 32 секунды:
Rovki писал(а):
26.03.2023{, 18:43}
Если считать 1 импульс на оборот, то и хватает обычного счётчика. Я делал подобное.
viewtopic.php?p=49042#p49042
очень долгое обновление))) вот что у меня получилось, тестовый макет, дальше память и прочее. обновление мгновенное в родном веб интерфейсе, но с графиками там трудно мне разобраться. Порталом буду делать. Спасибо
Вложения
Stanok.flp
(1.08 МБ) 35 скачиваний

Аватара пользователя
Rovki
Полковник
Сообщения: 4873
Зарегистрирован: 22.04.2016{, 17:25}
Репутация: 269
Откуда: Чехов
Имя: Анатолий
Контактная информация:

GyverPortal - простой конструктор веб интерфейса.

#247

Сообщение Rovki » 26.03.2023{, 21:27}

Измеряйте время одного оборота колёса. Зачем такая точность микросекунды?
Электронщик до мозга костей и не только

lentyaj1982
Рядовой
Сообщения: 19
Зарегистрирован: 01.10.2021{, 20:55}
Репутация: 5
Имя: raphiz

GyverPortal - простой конструктор веб интерфейса.

#248

Сообщение lentyaj1982 » 26.03.2023{, 22:34}

Rovki писал(а):
26.03.2023{, 21:27}
Измеряйте время одного оборота колёса. Зачем такая точность микросекунды?
:yes: надо пользоваться возможностями МК и технологиями.

Чисто по теме. У меня не видит :smile427: блоки графики в браузере. Прямое подключение к МК без интернета. Даже примеры с графиком, где изменил только точку доступа. Кнопки, текст, получает отправляет. Да, и ещё тему не меняет на светлое. блоки 3.5, библиотеки последние. Пробовал все три начальных блока

позже. при подключении как "клиент" графика есть, а "точка доступа" графики нет :\ :smile37:
Последний раз редактировалось lentyaj1982 26.03.2023{, 23:32}, всего редактировалось 1 раз.

Аватара пользователя
Rovki
Полковник
Сообщения: 4873
Зарегистрирован: 22.04.2016{, 17:25}
Репутация: 269
Откуда: Чехов
Имя: Анатолий
Контактная информация:

GyverPortal - простой конструктор веб интерфейса.

#249

Сообщение Rovki » 26.03.2023{, 23:09}

lentyaj1982 писал(а):
26.03.2023{, 22:34}
Rovki писал(а):
26.03.2023{, 21:27}
Измеряйте время одного оборота колёса. Зачем такая точность микросекунды?
:yes: надо пользоваться возможностями МК и технологиями.

Чисто по теме. У меня не видит :smile427: блоки графики в браузере. Прямое подключение к МК без интернета. Даже примеры с графиком, где изменил только точку доступа. Кнопки, текст, получает отправляет. Да, и ещё тему не меняет на светлое. блоки 3.5, библиотеки последние. Пробовал все три начальных блока
надо с умом использовать возможности МК. Если это приводит к не работоспособности, то следует уменьшить тактовую частоту генератора. Неужели есть разница в скорости 22.234 км/час и 22км/час?
Электронщик до мозга костей и не только

lentyaj1982
Рядовой
Сообщения: 19
Зарегистрирован: 01.10.2021{, 20:55}
Репутация: 5
Имя: raphiz

GyverPortal - простой конструктор веб интерфейса.

#250

Сообщение lentyaj1982 » 26.03.2023{, 23:21}

надо же приоритет понимать, это не супер надёжный и энергосберегающий проект. В велосипеде имеет значение десятые км/ч, потому что на больших скоростях 29 км\ч и 29,5 км\ч это уже тяжеловато и чем выше там тяжелее даются 0,01 км\ч. У меня шоссейный велосипед, знаю что говорю) Внутри камень всё равно работает с 0,00000n числами, ничего ему за это не будет. есп и так греется, когда мигает одним диодом и когда вычисляет большие данные. Даже дешманские велоспидометры показывают 25.4

aidar_i
Полковник
Сообщения: 3124
Зарегистрирован: 24.12.2016{, 16:55}
Репутация: 676
Откуда: Уфа
Имя: Айдар
Контактная информация:

GyverPortal - простой конструктор веб интерфейса.

#251

Сообщение aidar_i » 27.03.2023{, 05:45}

lentyaj1982 писал(а):
26.03.2023{, 22:34}
Чисто по теме. У меня не видит блоки графики в браузере. Прямое подключение к МК без интернета. Даже примеры с графиком, где изменил только точку доступа. Кнопки, текст, получает отправляет.
Вы, значит , неправильно используете эти графики, читайте описание блоков. Примеры мои посмотрите.

lentyaj1982
Рядовой
Сообщения: 19
Зарегистрирован: 01.10.2021{, 20:55}
Репутация: 5
Имя: raphiz

GyverPortal - простой конструктор веб интерфейса.

#252

Сообщение lentyaj1982 » 29.03.2023{, 20:09}

Всё искал и как думал это реализовать для визуализации на графике монитора свою тренировку, Тестовая версия. Проект для велосипедного станка обычный велосипед на станок или тренажёр. Практически полноценный вело компьютер, есть скорость, каденс (тахометр ног)), средняя скорость, общее время и пробег, за тренировку время пробег.. Максимальные каденс и км/ч.
Пока учусь работать с блоками, проект для монитора ПК (в настройках блоков изменить и будет для телефона)
Чтоб было интереснее крутить есть графики км/ч и каденс.
В память сохраняет данные только при прекращении движения, видимо особенность есп 8266, если при работе скоростного счётчика попытаться сохранить - перегрузка.
потянуть резисторы к минусу пинам D7 (км и км/ч), D8 (каденс) и подавать положительные импульсы. (у меня пока геркон). Задать свою окружность колеса в проекте константой.
В проекте есть и родной веб интерфес, отключён и выключена плата. Там просто все данные видны. Сброс общие и тренировки только при остановке, идет запись 0

В будущем хочу добавить ЧСС с графиком, датчик пульса есть, из старого велокомпьютера (разобрал и нашел откуда получать импульсы).
ну а на деле конечно будет станок к которому ставится полноценный велосипед и крутиться автомобильный генератор, к нему подключить нагрузку и в зависимости от подаваемого ШИМ на ротор будет разные Ватты.. А там уже и разные режимы для тренировок, интервалы, плавное повышение, по пульсу.... главное не полениться это сделать. Блоки замечательные, теперь надо разбираться, для красивого интерфейса) а пока по леньтяйски. Если кто заинтересован и может протестировать исправить, предложить, красиво настроить интерфейс).. Из проекта можно вытащить спидометр и одометр и тахометр для других нужд)
(на фото есть завышенные показатели :D , это от тестового стенда)

От 31.03.2023
Добавил улучшенную версию, уже с красивым интерфейсом, начал немного понимать блоки :smile9:
Теперь уже полноценный велокомпьютер для станка.
Вроде всё должно работать, сохранятся (кроме максимального каденса и кол-во оборотов шатуна). Всё так же, сохранение при остановке. Добавил возможность вводить километры и время (в сек! т.е. если у вас 10ч30м55с, в гугле ищите как перевести ч м с в сек и там будут конверторы) для продолжения после обновления прошивки, смены МК или перехода на мою сборку с других велокомпьютеров))). Пока мой велосипед на ремонте, но на стенде с моторами имитируя колесо и педали всё хорошо. Скриншот в архиве.

тема для продолжения проекта тут
Вложения
Stanok бетта v0.2.zip
(429.48 КБ) 33 скачивания
велостанок.zip
(368.05 КБ) 45 скачиваний
Последний раз редактировалось lentyaj1982 31.03.2023{, 23:55}, всего редактировалось 4 раза.

aidar_i
Полковник
Сообщения: 3124
Зарегистрирован: 24.12.2016{, 16:55}
Репутация: 676
Откуда: Уфа
Имя: Айдар
Контактная информация:

GyverPortal - простой конструктор веб интерфейса.

#253

Сообщение aidar_i » 30.03.2023{, 07:48}

remz писал(а):
07.03.2023{, 07:12}
Здрасте всем, вопрос такой, возможно ли каким то образом сохранять полученный график (кроме конечно принт скрина) ?
Задал вопрос в форуме, ответили Оказывается все просто :)

lentyaj1982
Рядовой
Сообщения: 19
Зарегистрирован: 01.10.2021{, 20:55}
Репутация: 5
Имя: raphiz

GyverPortal - простой конструктор веб интерфейса.

#254

Сообщение lentyaj1982 » 01.04.2023{, 00:10}

aidar_i, макросы очень удобные ) блок с информацией очень гармонично смотрится. Буду дальше ковырять, разбираться)
Вложения
станок.JPG

Vladislav1389
Рядовой
Сообщения: 9
Зарегистрирован: 03.04.2023{, 13:13}
Репутация: 0
Имя: Vladislav

GyverPortal - простой конструктор веб интерфейса.

#255

Сообщение Vladislav1389 » 03.04.2023{, 13:24}

aidar_i писал(а):
29.01.2023{, 16:54}
График локально
График Ajax ESP8266.flp
Портал использовал для простейшей охранной сигнализации
Датчик движения и Whatsapp.flp
Здравствуйте!
При использовании блоков вывода графиков , браузер не отображает график, на компьютере и в смартфоне, тип подключения - точка доступа. Подскажите пожалуйста как можно решить эту проблему, не работает как в моём варианте, так и в скачанном примере - "График Ajax ESP8266.flp" . Плату использую WemosD1R1. Остальные данные , вывод текста , вывод динам чисел отображает, проблема только с графиком, видно что поле в окне браузера под него выделено, но ни осей ни самого графика не отрисовано.

aidar_i
Полковник
Сообщения: 3124
Зарегистрирован: 24.12.2016{, 16:55}
Репутация: 676
Откуда: Уфа
Имя: Айдар
Контактная информация:

GyverPortal - простой конструктор веб интерфейса.

#256

Сообщение aidar_i » 03.04.2023{, 18:14}

Vladislav1389 писал(а):
03.04.2023{, 13:24}
aidar_i писал(а):
29.01.2023{, 16:54}
График локально
График Ajax ESP8266.flp
Портал использовал для простейшей охранной сигнализации
Датчик движения и Whatsapp.flp
Здравствуйте!
При использовании блоков вывода графиков , браузер не отображает график, на компьютере и в смартфоне, тип подключения - точка доступа. Подскажите пожалуйста как можно решить эту проблему, не работает как в моём варианте, так и в скачанном примере - "График Ajax ESP8266.flp" . Плату использую WemosD1R1. Остальные данные , вывод текста , вывод динам чисел отображает, проблема только с графиком, видно что поле в окне браузера под него выделено, но ни осей ни самого графика не отрисовано.
Лучше выложите проект или часть со своего компа, и настройки платы, так мне будет легче и быстрее разобраться. Напишите какая версия программы.

Vladislav1389
Рядовой
Сообщения: 9
Зарегистрирован: 03.04.2023{, 13:13}
Репутация: 0
Имя: Vladislav

GyverPortal - простой конструктор веб интерфейса.

#257

Сообщение Vladislav1389 » 03.04.2023{, 18:42}

aidar_i писал(а):
03.04.2023{, 18:14}
Лучше выложите проект или часть со своего компа, и настройки платы, так мне будет легче и быстрее разобраться. Напишите какая версия программы.

Версия FLProg 8.0.2
Блоки загрузил из архива GPv3.5
Версия библиотеки 3.5.2

Файл моего проекта:
GP_Plot_test1.flp
(563.4 КБ) 50 скачиваний

aidar_i
Полковник
Сообщения: 3124
Зарегистрирован: 24.12.2016{, 16:55}
Репутация: 676
Откуда: Уфа
Имя: Айдар
Контактная информация:

GyverPortal - простой конструктор веб интерфейса.

#258

Сообщение aidar_i » 03.04.2023{, 21:05}

Vladislav1389 писал(а):
03.04.2023{, 18:42}
Ваш проект "График Ajax ESP8266.flp"из примеров, также не отображает график
Смотрите пример ЭТОТ. Там для ТД главный блок другой стоит.
Вам нужно использовать файловую систему ЕСП. Папку data из библиотеки скопируйте в папку скетча и загрузите в файловую систему ЕСП.
Еще раз проверил пример, работает

Vladislav1389
Рядовой
Сообщения: 9
Зарегистрирован: 03.04.2023{, 13:13}
Репутация: 0
Имя: Vladislav

GyverPortal - простой конструктор веб интерфейса.

#259

Сообщение Vladislav1389 » 04.04.2023{, 06:11}

aidar_i писал(а):
03.04.2023{, 21:05}
Смотрите пример ЭТОТ. Там для ТД главный блок другой стоит.
Вам нужно использовать файловую систему ЕСП. Папку data из библиотеки скопируйте в папку скетча и загрузите в файловую систему ЕСП.
Посмотрел, там стартовый блок стоит GPv3_BEGIN_FS , у меня проект многостраничный, он подходит для многостраничности?
Последний раз редактировалось Vladislav1389 04.04.2023{, 06:17}, всего редактировалось 2 раза.

aidar_i
Полковник
Сообщения: 3124
Зарегистрирован: 24.12.2016{, 16:55}
Репутация: 676
Откуда: Уфа
Имя: Айдар
Контактная информация:

GyverPortal - простой конструктор веб интерфейса.

#260

Сообщение aidar_i » 04.04.2023{, 06:15}

Vladislav1389 писал(а):
04.04.2023{, 06:11}
Не совсем понял какой именно главный блок нужно поставить, напишите пожалуйста.
GPv3 BEGIN_PAGES_FS Начальный блок страниц (с файловой системой).

Нашел в нем ошибку, исправляю

Ответить

Вернуться в «Коммуникация и связь»