HTML код
HTML код
Господа! подскажите HTML код символа лампочка "вкл" и "выкл", или создание пиктограммы типа лампочки, индикатора, или чего то подобного. Может кто писал код с индикацией на HTML странице всевозможных индикаторов с двумя состояниями для управления булеановскими командами...
-
- Сержант
- Сообщения: 129
- Зарегистрирован: 26 сен 2015, 19:57
HTML код
тоже интересует
Последний раз редактировалось keeper1978 05 окт 2015, 16:54, всего редактировалось 1 раз.
HTML код
Для Ethernet шилда или в общем?
Я на визнете в первое время делал так. Создавал вэб сервер, добавлял вход (IMG), на этот вход через сравнение подавал адрес нужной картинки, в теле страницы вписывал <img src="(IMG)">. Топорно, но работает. Щас перешел на OpenHAB.

Я на визнете в первое время делал так. Создавал вэб сервер, добавлял вход (IMG), на этот вход через сравнение подавал адрес нужной картинки, в теле страницы вписывал <img src="(IMG)">. Топорно, но работает. Щас перешел на OpenHAB.

Последний раз редактировалось XENOMAN 05 окт 2015, 19:49, всего редактировалось 1 раз.
-
- Лейтенант
- Сообщения: 539
- Зарегистрирован: 06 сен 2015, 07:09
- Откуда: Курган
HTML код
На сегодняшний день единственный возможный вариант.XENOMAN писал(а):Я на визнете в первое время делал так. Создавал вэб сервер, добавлял вход (IMG), на этот вход через сравнение подавал адрес нужной картинки, в теле страницы вписывал <img src="(IMG)">. Топорно, но работает. Щас перешел на OpenHAB.
HTML код
Да, для спарка шильд+MEGA2660. Спасибо за подсказку, не догадался, что так можно.XENOMAN писал(а):Для Ethernet шилда или в общем?Я на визнете в первое время делал так. Создавал вэб сервер, добавлял вход (IMG), на этот вход через сравнение подавал адрес нужной картинки, в теле страницы вписывал <img src="(IMG)">. Топорно, но работает. Щас перешел на OpenHAB.
Про OpenHAB (слышал про него) вопрос. Где про него толково на русском прочесть? Желательно с практическим воплощением.
По IP как сделали? На "белый" IP перешли, или удалось на "сером" IP выполнить проект? Вот думаю, как не переходя на "белый" IP сделать веб-сервер...
HTML код
да,да,да!!!!
Очень хотелось бы увидеть примеры с Openhab/
И про настройку его же.
В инете есть примеры с готовым кодом для ардуины,но тупо копировать не хочется.Вот если бы Вы нас просветили,показали что,да как...
Очень хотелось бы увидеть примеры с Openhab/
И про настройку его же.
В инете есть примеры с готовым кодом для ардуины,но тупо копировать не хочется.Вот если бы Вы нас просветили,показали что,да как...
HTML код
Вкратце: все работает через HTML запросы. Например для обычного переключателя:
На карте(sitemap) создаете категорию:
Создаете объект(item):
И затем создаете правило(Rule) для этого объекта:
Как видно из правила, оно посылает put запрос ардуинке при смене статуса объекта.
На ардуинке соответственно создан веб сервер с соответствующими страницами:

На карте(sitemap) создаете категорию:
Код: Выделить всё
sitemap test label="TEST"
{
Frame {
Group item=groupTest label="TEST" icon="firstfloor"
}
}
Код: Выделить всё
Group All
Group groupTest (All)
Switch ARDUINO_PIN "PIN_LED" (groupTest)
И затем создаете правило(Rule) для этого объекта:
Код: Выделить всё
rule "LED_ON"
when
Item ARDUINO_PIN received command ON
then
sendHttpPutRequest("http://192.168.0.101/LED/on/")
end
rule "LED_OFF"
when
Item ARDUINO_PIN received command OFF
then
sendHttpPutRequest("http://192.168.0.101/LED/off/")
end
Как видно из правила, оно посылает put запрос ардуинке при смене статуса объекта.
На ардуинке соответственно создан веб сервер с соответствующими страницами:

HTML код
Создаете объект:
Тут Number - тип(число), Temp_TEST - название(item name), "Temperature [%.1f °C]" - Отображаемый текст и единица измерения(то как объект будет называться в GUI).
{ http="<[http://192.168.0.101/SENSORS:60000:REGEX(.*?<TEMP>(.*?)</TEMP>(.*))]" } - собственно запрос переменной. Он вызывает страницу, и делает выборку регулярного выражения находящегося между тэгами <TEMP></TEMP>.
Далее не карту сайта добавляете:
В итоге получите что-то вроде этого:

Далее переходим к настройке ардуины. Как я уже писал выше нам нужно чтобы наша переменная находилась между тэгами <ТЭГ></ТЭГ> т.е. тэги могут быть любыми, ну кроме тех что используются в html, <body> например).
Логично было бы в теле страницы вписать:

Но, если посмотреть в скетч мы увидим:
В браузере все будет как надо, но OpenHAB воспримет это как:
В таком виде OpenHAB не воспримет данные.
Нужно привести их к виду:

Ну и в итоге:

p.s. Частота обновления переменной - раз в минуту, можно менять используя правила.
p.p.s. Это один из множества способов которым пользуюсь я, OpenHAB - очень гибкая среда, всё то же самое можно организовать при помощи MQTT, Modbus и пр.
Код: Выделить всё
Number Temp_TEST "Temperature [%.1f °C]" { http="<[http://192.168.0.101/SENSORS:60000:REGEX(.*?<TEMP>(.*?)</TEMP>(.*))]" }
{ http="<[http://192.168.0.101/SENSORS:60000:REGEX(.*?<TEMP>(.*?)</TEMP>(.*))]" } - собственно запрос переменной. Он вызывает страницу, и делает выборку регулярного выражения находящегося между тэгами <TEMP></TEMP>.
Далее не карту сайта добавляете:
Код: Выделить всё
Text item=Temp_TEST

Далее переходим к настройке ардуины. Как я уже писал выше нам нужно чтобы наша переменная находилась между тэгами <ТЭГ></ТЭГ> т.е. тэги могут быть любыми, ну кроме тех что используются в html, <body> например).
Логично было бы в теле страницы вписать:

Но, если посмотреть в скетч мы увидим:
Код: Выделить всё
_tspWebServer_client.println("<TEMP>");
_tspWebServer_client.println(_dht1t);
_tspWebServer_client.println("</TEMP>");
_tspWebServer_client.println("");
Т.е. после обработки, перед переменно и после нее будет пустая строка.<TEMP>
значение
</TEMP>
В таком виде OpenHAB не воспримет данные.
Нужно привести их к виду:
Решается это вот такими костылями:<TEMP>значение</TEMP>

Ну и в итоге:

p.s. Частота обновления переменной - раз в минуту, можно менять используя правила.
p.p.s. Это один из множества способов которым пользуюсь я, OpenHAB - очень гибкая среда, всё то же самое можно организовать при помощи MQTT, Modbus и пр.
Последний раз редактировалось XENOMAN 08 окт 2015, 17:19, всего редактировалось 1 раз.
HTML код
Спасибо большое за примеры.Интересовал именно вариант по локальной сети.А Openhab мне нравится своим интерфейсом.))
Добавлено (10.10.2015, 12:55)
---------------------------------------------
Я опять к Вам за помощью.Не могу установить Openhab, точнее устанавливаю,но не запускается.Если не сложно ,мини инструкцию по установке,сделайте пожалуйста.Уверен она многим пригодится.
Добавлено (10.10.2015, 13:06)
---------------------------------------------
Добавлено (11.10.2015, 23:41)
---------------------------------------------
это я рукожоп,тут с компом наковырял,вот и не запускалось )))
всё заработало,огромное спасибо за помощь
Добавлено (12.10.2015, 20:48)
---------------------------------------------
Еще раз привет.Подскажите пожалуйста как сделать реальный статус состояния выхода?
т.е. можно сделать страничку с статусом состояния выхода на ардуинке,но как привязать его к положению кнопки?
Добавлено (10.10.2015, 12:55)
---------------------------------------------
Я опять к Вам за помощью.Не могу установить Openhab, точнее устанавливаю,но не запускается.Если не сложно ,мини инструкцию по установке,сделайте пожалуйста.Уверен она многим пригодится.
Добавлено (10.10.2015, 13:06)
---------------------------------------------
Добавлено (11.10.2015, 23:41)
---------------------------------------------
это я рукожоп,тут с компом наковырял,вот и не запускалось )))
всё заработало,огромное спасибо за помощь
Добавлено (12.10.2015, 20:48)
---------------------------------------------
Еще раз привет.Подскажите пожалуйста как сделать реальный статус состояния выхода?
т.е. можно сделать страничку с статусом состояния выхода на ардуинке,но как привязать его к положению кнопки?
Последний раз редактировалось yopopol 10 окт 2015, 13:06, всего редактировалось 1 раз.
HTML код
Что-то не очень понял чего Вы хотите, чтобы Кнопка следила за состоянием выхода Ардуины?
С возможностью управления или без?
Привязать кнопку к состоянию выхода - то же самое что и получать переменную. Просто вместо цифр будет ON или OFF.
В общем item выгляди так:
Но в отличии от переменных тут надо отправлять конкретно значение ON или OFF.

Если же Вам не нужно управлять выходом, а только выводить его значение, используйте item Contact вместо Switch, при помощи него можно выводить значение вроде "Open", "Closed", а не только 1 или 0.
p.s. и да, как я уже писал выше частота обновление - 1 раз в минуту.
С возможностью управления или без?
Привязать кнопку к состоянию выхода - то же самое что и получать переменную. Просто вместо цифр будет ON или OFF.
В общем item выгляди так:
Код: Выделить всё
Switch ARDUINO_PIN "PIN_LED" (groupTest) { http="<[http://192.168.0.101/:60000:REGEX(.*?<PIN>(.*?)</PIN>(.*))]" }

Если же Вам не нужно управлять выходом, а только выводить его значение, используйте item Contact вместо Switch, при помощи него можно выводить значение вроде "Open", "Closed", а не только 1 или 0.
p.s. и да, как я уже писал выше частота обновление - 1 раз в минуту.
Последний раз редактировалось XENOMAN 13 окт 2015, 13:27, всего редактировалось 1 раз.
HTML код
Еще раз спасибо большое за разъяснения.Нужно было привязать кнопку к состоянию выхода.
З.Ы. Ваши "костыли" перекостылил: переменную "ON-OFF" подаю сразу на вход странички,а уже в Arduino IDE вручную объединяю строки,
получается : Код_tspWebServer_client.println(("<PIN>")+(_gtv5)+("</PIN>")); когда на одной странице 6-10 переменных, в Flprog выглядит както красивее
З.Ы. Ваши "костыли" перекостылил: переменную "ON-OFF" подаю сразу на вход странички,а уже в Arduino IDE вручную объединяю строки,
получается : Код_tspWebServer_client.println(("<PIN>")+(_gtv5)+("</PIN>")); когда на одной странице 6-10 переменных, в Flprog выглядит както красивее
HTML код
C OpenHab не работал не знаю
Себе нашел http://majordomo.smartliving.ru/
Там легко сделать по нажатию кнопки на arduino меняется лампочка на экране и в меню. С arduino отправляеться простой GET .
Себе нашел http://majordomo.smartliving.ru/
Там легко сделать по нажатию кнопки на arduino меняется лампочка на экране и в меню. С arduino отправляеться простой GET .
У вас нет необходимых прав для просмотра вложений в этом сообщении.
-
- Капитан
- Сообщения: 908
- Зарегистрирован: 04 окт 2015, 19:10
- Откуда: Новосибирск
- Имя: Павел
- Благодарил (а): 20 раз
- Поблагодарили: 22 раза
HTML код
Господа, а мог бы кто нибудь выложить парочку более развернутых, чем в видеоуроках, примеров, где ардуинка в качестве веб-сервера или веб-клиента? Хотелось бы понять, насколько сложно это освоить неподготовленному человеку но имеющему желание. Буду благодарен.
HTML код
+100 тоже с удовольствием бы посмотрел.Naladchik писал(а):Господа, а мог бы кто нибудь выложить парочку более развернутых, чем в видеоуроках, примеров, где ардуинка в качестве веб-сервера или веб-клиента? Хотелось бы понять, насколько сложно это освоить неподготовленному человеку но имеющему желание. Буду благодарен.
HTML код
подгружать возможно.есть примеры на форуме про Алису....там мегасервер какой то мощный
,с SD картой работает.Но Mega 2560 както тормозит уж очень сильно.
А в Flprog пока не реализовано
,с SD картой работает.Но Mega 2560 както тормозит уж очень сильно.
А в Flprog пока не реализовано
HTML код
Подскажите как настроить на FLPROG передачу по MQTT ?
Спасибо!
Добавлено (15.12.2015, 21:59)
---------------------------------------------
Спасибо!
Спасибо!
Добавлено (15.12.2015, 21:59)
---------------------------------------------
Подскажите пожалуйста как сделать с возможностью управления?XENOMAN писал(а):С возможностью управления или без?
Спасибо!
Кто сейчас на конференции
Сейчас этот форум просматривают: нет зарегистрированных пользователей и 3 гостя