визуализация данных

Модератор: Alex

Android2i2
Сообщения: 18
Зарегистрирован: Вс фев 05, 2017 2:19 pm
Благодарил (а): 2 раза
Поблагодарили: 2 раза
Контактная информация:

Re: визуализация данных

Сообщение Android2i2 » Вс фев 12, 2017 4:54 pm

Ну вот и добрался я до визуализации. Ура!
Немного подумав над идеей со спидометрами, решил, что это конечно интересно, но немного "не в ту степь" для диплома. Поэтому пошел искать другие варианты.
И вспомнил про плиточный интерфейс, пример которого есть в AMS. Немного покопавшись налепил квадратиков на первом попавшемся backgrond'e с яндекс картинок.
Осталось доделать страницы настроек и управления. Ну и разобраться с авторизацией.
Прилагаю файлы index,style и dash, вдруг кому понадобиться. :D
Вложения
STYLE_A1.zip
(1.43 КБ) 201 скачивание
Index_Dash.zip
(5.45 КБ) 191 скачивание
Скриншот 12-02-2017 163657.jpg
Скриншот 12-02-2017 163657.jpg (577.78 КБ) 6336 просмотров
Последний раз редактировалось Android2i2 Пт фев 17, 2017 1:03 pm, всего редактировалось 1 раз.
За это сообщение автора Android2i2 поблагодарил:
serghei (Пт фев 17, 2017 1:25 pm)
Рейтинг: 1.16%
serghei
Сообщения: 2575
Зарегистрирован: Пт ноя 06, 2015 10:22 am
Откуда: Кишинёв
Благодарил (а): 303 раза
Поблагодарили: 282 раза

Re: визуализация данных

Сообщение serghei » Вс фев 12, 2017 5:17 pm

Ну это вообще шикарно!! А я безбожно отстал от жизни со своим ЕСП (((( Надо срочно 016 версию " портировать" и прикручивать к SD карте и NRF24 .... А значения реальные или нарисованные ? Нет сейчас свободной ардуины для изучения кода (( Придется в слепую. Выкладывай сюда свои наработки. Ну и файлы картинок. Попробую в свою платформу прикрутить.
AMS : ESP32 + NRF24 + 1Wire-I2C мост DS2482 + счетчик DS2423 + сеть MySensors + редактирование страниц в браузере + Upload по воздуху + SPIFFS
Android2i2
Сообщения: 18
Зарегистрирован: Вс фев 05, 2017 2:19 pm
Благодарил (а): 2 раза
Поблагодарили: 2 раза
Контактная информация:

Re: визуализация данных

Сообщение Android2i2 » Вс фев 12, 2017 5:31 pm

Значения реальные. Только вот с cpu, кажется, что-то не так. Но у меня в планах его вообще убрать, осталось только придумать, что вместо него прикрутить. )
Arduino Mega 2560 + Ethernet 5100
Windows 10
IDE 1.6.5

Уровень знаний: Пещерный человек
serghei
Сообщения: 2575
Зарегистрирован: Пт ноя 06, 2015 10:22 am
Откуда: Кишинёв
Благодарил (а): 303 раза
Поблагодарили: 282 раза

Re: визуализация данных

Сообщение serghei » Вс фев 12, 2017 6:02 pm

Как вариант посмотри на такую реализацию плиток ТУТ. По поиску картинок concept2 находится неимоверное количество вариантов. Самое простое наложить цифры на задний фон, но это в принципе не верно. Надо именно плитками , инначе зависит от разрешения экрана.
AMS : ESP32 + NRF24 + 1Wire-I2C мост DS2482 + счетчик DS2423 + сеть MySensors + редактирование страниц в браузере + Upload по воздуху + SPIFFS
Android2i2
Сообщения: 18
Зарегистрирован: Вс фев 05, 2017 2:19 pm
Благодарил (а): 2 раза
Поблагодарили: 2 раза
Контактная информация:

Re: визуализация данных

Сообщение Android2i2 » Пн фев 13, 2017 1:30 am

Я хочу попробовать "засандалить! на задний план 3D анимацию. Не уверен, возможно ли такое вообще сделать (живу в пещере, честно), но почему бы не попробовать.
Хотя нерешённых задач еще достаточно.
1) Надо подцепить реле и сделать для них отдельную страницу.
2) Надо решить что-то с авторизацией.
3) Надо придумать какой-то корпус для всего этого добра (разобраться с OHAS).
4) Ну а потом уже можно пытаться делать что-то с задником.
Прям завлекла меня вся эта тема. Раньше никогда ничем подобным не занимался, а оказалось довольно интересная штука.
Arduino Mega 2560 + Ethernet 5100
Windows 10
IDE 1.6.5

Уровень знаний: Пещерный человек
Аватара пользователя
nick7zmail
Сообщения: 7573
Зарегистрирован: Пн окт 28, 2013 8:14 am
Откуда: Екатеринбург
Благодарил (а): 121 раз
Поблагодарили: 2010 раз

Re: визуализация данных

Сообщение nick7zmail » Пн фев 13, 2017 6:21 am

Android2i2 писал(а):Я хочу попробовать "засандалить! на задний план 3D анимацию. Не уверен, возможно ли такое вообще сделать (живу в пещере, честно), но почему бы не попробовать.
Хотя нерешённых задач еще достаточно.
1) Надо подцепить реле и сделать для них отдельную страницу.
2) Надо решить что-то с авторизацией.
3) Надо придумать какой-то корпус для всего этого добра (разобраться с OHAS).
4) Ну а потом уже можно пытаться делать что-то с задником.
Прям завлекла меня вся эта тема. Раньше никогда ничем подобным не занимался, а оказалось довольно интересная штука.
Посмотрите примеры 3D демо....на есп 2 штуки их было....поверх - как раз надпись на html. Туда можно что хотите вывести вместо нее....ну или наоборот на вашей странице такой фон применить.
Raspberry Pi3+Broadlink+esp8266 (blynk)+AMS
Если вам помогло какое-либо сообщение - не забывайте пользоваться кнопкой "СПАСИБО".
:arrow: Услуги в профиле коннект
>>>>>Мой новый канал на ютутбе, подписывайтесь!<<<<<
Allar
Сообщения: 35
Зарегистрирован: Пн авг 22, 2016 9:22 am
Благодарил (а): 2 раза
Поблагодарили: 1 раз

Re: визуализация данных

Сообщение Allar » Вт фев 14, 2017 6:07 pm

Android2i2 писал(а): 3) Надо придумать какой-то корпус для всего этого добра (разобраться с OHAS).
.
в корпус под дин рейку хорошо влазит.
Вложения
20161218_233837.jpg
20161218_233837.jpg (94.67 КБ) 6227 просмотров
Аватара пользователя
nick7zmail
Сообщения: 7573
Зарегистрирован: Пн окт 28, 2013 8:14 am
Откуда: Екатеринбург
Благодарил (а): 121 раз
Поблагодарили: 2010 раз

Re: визуализация данных

Сообщение nick7zmail » Сб фев 18, 2017 1:29 pm

Знатоки Java (я знаю что вы все тут собрались))) подскажите - как работать с подобной штукой?
Там много файлов с расширением .java...как мне отобразить, к примеру на сцене (не в АМС, в МД) html элемент хоть с каким нить индикатором?

С Javascript все просто...на нем давно уже ваяю...а вот как эти .java подключать - разобраться не могу....тему прочитал, почти все файлы скачал - ответа не нашел...сори, если он был где то.
Raspberry Pi3+Broadlink+esp8266 (blynk)+AMS
Если вам помогло какое-либо сообщение - не забывайте пользоваться кнопкой "СПАСИБО".
:arrow: Услуги в профиле коннект
>>>>>Мой новый канал на ютутбе, подписывайтесь!<<<<<
serghei
Сообщения: 2575
Зарегистрирован: Пт ноя 06, 2015 10:22 am
Откуда: Кишинёв
Благодарил (а): 303 раза
Поблагодарили: 282 раза

Re: визуализация данных

Сообщение serghei » Сб фев 18, 2017 3:43 pm

Вот только вчера запустил SteelSeries на МД. А с медузой все намного сложнее. Похоже это исходный код на жаве , который надо еще компилировать чем то , чтобы получить бинарный файл. А потом его уже открывать как игрушку в телефоне. Давай разбираться вместе. Но после шока от стальной серии буду долго приходить в себя и попытаюсь воткнуть в АМС . Саму страницу без проблем , только с данными разбираюсь.
AMS : ESP32 + NRF24 + 1Wire-I2C мост DS2482 + счетчик DS2423 + сеть MySensors + редактирование страниц в браузере + Upload по воздуху + SPIFFS
serghei
Сообщения: 2575
Зарегистрирован: Пт ноя 06, 2015 10:22 am
Откуда: Кишинёв
Благодарил (а): 303 раза
Поблагодарили: 282 раза

Re: визуализация данных

Сообщение serghei » Сб апр 15, 2017 8:30 pm

... И так как ограничения на количество файлов сняты , появилась идея организовать подобие Рабочего Стола . Вот теперь я понял , для чего нужны квадратики ! )))....
Сбылась мечта идиота - дорвался до плиточного интерфейса
СпойлерПоказать
Рабочий стол.JPG
Рабочий стол.JPG (60.62 КБ) 5889 просмотров
Вот только одной головной болью стало больше )).Попробовал установить фон для напряжения такой же как у времени, но что то не пошло
СпойлерПоказать

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

      <div class="cell-4">
        <div class="box-info glass center height-180">
          <div class="height-50"></div>
          <p><span id="time" style="font-size:58px;">...</span></p>
          <p style="color:#fff;"><span id="day" style="font-size:18px;">...</span> <span id="month">...</span>, <span id="week-day">...</span></p>
        </div>
      </div>

      <div class="cell-4">
        <div class="box-info lites_ center height-180">
          <br><br><br>
          <p style="color:#fff;"><span class="font-tile" id="dash-voltage">...</span> V</p>// добавил цвет, но мимо)))
        </div>
      </div> 
И аш три бордюра стоит....И размеры уменьшить надо.Разбираемся дальше.

PS А у Android2i2 то же проблема с синхронизацией времени. Не у меня одного такая проблема. На ЕСП все в порядке.
PSS С цветом разобрался, внимательнее надо быть ( " найдите 10 отличий"))

В общем разобрался я и смысл понял, как строить страницу. Остался открятым вопрос о синхронизации времени. Часы написаны на чистом .JS и берут время с компа. Вот как к ним подтянуть дату ?
СпойлерПоказать
Tile_3.JPG
Tile_3.JPG (64.76 КБ) 5849 просмотров
AMS : ESP32 + NRF24 + 1Wire-I2C мост DS2482 + счетчик DS2423 + сеть MySensors + редактирование страниц в браузере + Upload по воздуху + SPIFFS
Ответить