Дашборд и виджеты

[Vit]

Итак примеры реализации, как и обещал.

Данный функционал реализуется путем добавления данных на вкладке

SPOILERSPOILER_SHOW

Далее выбираем тип данных "Json"

SPOILERSPOILER_SHOW

Заполняем поля

SPOILERSPOILER_SHOW

NAME - Наименование данных
URL - /api/data/Sensor_temp01 (где "Sensor_temp01" наименование вашего объекта в системе)
REFRESH EVERY - период обновления данных в секундах

и сохраняемся.
в итоге получится вот так

SPOILERSPOILER_SHOW

далее добавляем панель -> виджет (например Gauge)

SPOILERSPOILER_SHOW

заполняем поля:
Наименование
нажимаем на "Datasourse" и выбираем наши данные созданные в данном разделе

SPOILERSPOILER_SHOW

и затем выбираем свойство объекта
в итоге получится что то вот так

SPOILERSPOILER_SHOW

SPOILERSPOILER_SHOW

сохраняемся и в результате получаем виджет с данными температуры


P.S. По данному примеру работают и остальные "Type". Кому что не понятно будет спрашивайте.
Надеюсь кому то поможет. Делитесь своими созданными красивыми виджетами....

[Sensei]

Сергей, спасибо что не только поддерживаете но и развиваетесь!
Дашборда не хватало таким простым пользователям как я.
КАк раз думал о опенхаб 2 из-за их дашборда, но теперь моя уверенность в выборе продукта просто 100%

[lanket]

Спасибо Сергею за столь полезное нововведение, которое конечно понизит порог уровня знаний в программировании для входа в столь замечательный проект.

Немного в сторону. Сейчас экспрементирую с 'робототехникой' на уровне ардуино для вовлечения сына в столь интересный и перспективый мир. Для управления всякими устройствами остановил свой выбор на esp8266, валялись несколько штук для эксперементов, по протоколу mqtt, по причине простоты использования и наличием всех требуемых возможностей, с помощью планшета, потому что это эффектно удобно и большой ассортимент программ в маркете. Перебрал кучу приложений, и среди претендентов заинтересовала одна наличием одной феней, которая как мне показалась может пригодится в виджетах. Ссылка на сайт этой программы http://iotmanager.ru/ru/.

Ближе к делу. В этом проекте активно продвигается Ява библиотека виджетов кнопок, индикаторов состояния разных датчиков, цифирблаты....
Ссылки на примеры работы библиотеки и исходников из чего сделали если не их разработка:

Отображение состояний и цифровых значений http://iotmanager.ru/ru/widgets/anydata/ и http://iotmanager.ru/widgets/display-value/

SPOILERSPOILER_SHOW

Отображение уровня жидкости http://iotmanager.ru/ru/widgets/fillgauge/ исходники http://d3js.org/ и http://bl.ocks.org/brattonc/5e5ce9beee483220e2f6

SPOILERSPOILER_SHOW

Кнопочки http://iotmanager.ru/ru/widgets/simple-btn/

SPOILERSPOILER_SHOW

Отображение температуры, градусники, уровни, лампочки, счётчики, батарейки http://iotmanager.ru/ru/widgets/steel/ Исходники https://github.com/HanSolo/SteelSeries-Canvas

SPOILERSPOILER_SHOW

Переключатели http://iotmanager.ru/ru/widgets/toggle/

SPOILERSPOILER_SHOW

Табличные данные http://iotmanager.ru/ru/widgets/markdown/

SPOILERSPOILER_SHOW

Графики, хотя и так уже 2модуля графиков есть. То было бы неплохо их сюда прикрутить как виджет http://iotmanager.ru/ru/widgets/chart/ Исходники http://www.chartjs.org/ и http://jtblin.github.io/angular-chart.js/

SPOILERSPOILER_SHOW

Также там есть ссылка на полезную и бесплатную библиотеку 500 иконок http://ionicons.com/

Также помниться здесь на форуме было обсуждение красивых стрелочных индикаторов и ссылка была на библиотеку этих индикаторов.

[upd] viewtopic.php?p=41664#p41664

Прикрутил эти виджеты к данному дашбоурду, упростит их настройку, думаю привликательность к проекту сильно возросла бы. И этот функционал, да ещё в купе с данными виджетами это был бы большой шаг к коробочному варианту.

Надеюсь пригодится находка.

Отправлено с моего Redmi Note 3 через Tapatalk

[katafey]

что то не выходит выдрать JSON данные с esp модуля
URL = http://192.168.1.190/readjson
Данные такого вида

SPOILERSPOILER_SHOW

Код: Выделить всё

{"system":{"hostname":"Mainmodule","uptime":40117,"rssi":-55,"freemem":20080},"sensors":{"pmv":218.7,"pmc":3.93,"pmw":482,"pmwh":717723},"pwm":{0:255,1:255,2:255},"gpio":{"5":0}}

и где скрывается путь /api/data/ ? что-то найти не могу

[Vit]

что то не выходит выдрать JSON данные с esp модуля
URL = http://192.168.1.190/readjson
Данные такого вида

SPOILERSPOILER_SHOW

Код: Выделить всё

{"system":{"hostname":"Mainmodule","uptime":40117,"rssi":-55,"freemem":20080},"sensors":{"pmv":218.7,"pmc":3.93,"pmw":482,"pmwh":717723},"pwm":{0:255,1:255,2:255},"gpio":{"5":0}} 

и где скрывается путь /api/data/ ? что-то найти не могу

Попробуйте в адресной строке наберите ip-сервера/api/data/объект в системе

например так

http://192.168.0.2/api/data/Sensor_temp01

в ответ приходит вот такое

SPOILERSPOILER_SHOW

{"data":{"value":"15","minValue":"5","maxValue":"25","notify":false,"normalValue":false,"direction":"","status":false,"alive":"0","linkedRoom":"Garage","updated":"1485753435","updatedText":"16:17","updatedTime":"00:22"}}

[katafey]

Попробуйте в адресной строке наберите ip-сервера/api/data/объект в системе

например так

http://192.168.0.2/api/data/Sensor_temp01

спс, это заработало. А как быть с http://192.168.1.190/readjson . по прежнему не хочет работать "Last Updated - Never"

[Vit]

Так вы в дашбоард все равно уже с объекта своего данные берете....а по esp модулю уточните в соответствующей ветке...

[C_3AXAPOB]

A как в дата соурсес добавить место положение пользователя?
С температурой попробовал, данные не обновляется, пишет "Never". Открываю ссылку http://192.168.2.91/api/data/TempSensor01 и пишет Not Found

[Jager]

Открываю ссылку http://192.168.2.91/api/data/TempSensor01 и пишет Not Found

Обновитесь

[C_3AXAPOB]

Пишет, что все обновлено но по прежнему пустота по адресу. Попробую в ручную обновить.
UPD обновление вроде прошло успешное но по прежнему не работает Даже не знаю что делать
UPD не понимаю почему не работает. Ткните носом пожалуйста!