Индикаторы на HTML5+AJAX

Использование системы в различных ситуациях, вопросы программирования сценариев.

Модератор: immortal

Аватара пользователя
ser009
Сообщения: 595
Зарегистрирован: Сб окт 13, 2012 9:55 am
Благодарил (а): 4 раза
Поблагодарили: 43 раза

Re: Индикаторы на HTML5+AJAX

Сообщение ser009 » Вс ноя 10, 2013 6:42 pm

может просто условие if
если текущее значение минус предыдущее больше ноля тогда минус. И наоборот.
Аватара пользователя
ser009
Сообщения: 595
Зарегистрирован: Сб окт 13, 2012 9:55 am
Благодарил (а): 4 раза
Поблагодарили: 43 раза

Re: Индикаторы на HTML5+AJAX

Сообщение ser009 » Вс ноя 10, 2013 6:46 pm

Еще засада. У меня сервер крутится на компьютере подключенном в сеть.
Если я вывожу данные через *.php файл, то когда захожу с другого компьютера находящегося в сети. графики не строятся и датчики не показывают ничего
Аватара пользователя
sergejey
Site Admin
Сообщения: 4284
Зарегистрирован: Пн сен 05, 2011 6:48 pm
Откуда: Минск, Беларусь
Благодарил (а): 75 раз
Поблагодарили: 1559 раз
Контактная информация:

Re: Индикаторы на HTML5+AJAX

Сообщение sergejey » Пн ноя 11, 2013 11:53 am

ser009 писал(а):Еще засада. У меня сервер крутится на компьютере подключенном в сеть.
Если я вывожу данные через *.php файл, то когда захожу с другого компьютера находящегося в сети. графики не строятся и датчики не показывают ничего
Видимо где-то в путях к файлам прописано что-то вроде http://localhost/.../file.php , вместо этого лучше оставить /.../file.php -- чтобы путь не зависел от машины, с которой доступ осуществляется.

Сергей Джейгало, разработчик MajorDoMo
Идеи, ошибки -- за предложениями по исправлению и развитию слежу только здесь!
Профиль Connect -- информация, сотрудничество, услуги
Ivan
Сообщения: 1473
Зарегистрирован: Сб окт 12, 2013 11:03 pm
Благодарил (а): 49 раз
Поблагодарили: 327 раз

Re: Индикаторы на HTML5+AJAX

Сообщение Ivan » Пн ноя 11, 2013 3:16 pm

Я делал относительные пути. И проверял на нескольких машинах из инета тоже. Я ещё протестирую
Linux, Raspberry PI, MySensors
Connect: http://connect.smartliving.ru/profile/53
Мои проекты: http://smartliving.ru/profile/4
Ivan
Сообщения: 1473
Зарегистрирован: Сб окт 12, 2013 11:03 pm
Благодарил (а): 49 раз
Поблагодарили: 327 раз

Re: Индикаторы на HTML5+AJAX

Сообщение Ivan » Пн дек 09, 2013 5:48 pm

Запустил в браузере страницу с датчиками, усыпил комп, потом разбудил и понял что скрипт не обновляет ничего :(
Пришлось переписать немного

Из нового: Переделал обновления данных, добавил функцию рисования индикаторов

4 день полёт нормальный, и на работе висит все время и дома ноут то усыплю то разбужу и не делаю F5 в браузере
screen.JPG
screen.JPG (58.96 КБ) 9218 просмотров
Данные реальные, в спальне датчик в оффлайн, остальные показывают мало т.к. дом ещё отделывается и почти все время проветривается.

Индикаторы имеют пока 3 цвета:
Красный - запрос данных
Чёрный - момент запуска перерисовки (Уловить нельзя, рисует быстро)
Зелёный - Данные пришли и ожидание следующего цыкла запроса

Индикаторы буду ещё переделывать, хочу сделать счётчики на количество запросов (потому как 1 раз не пришедшие данные ещё не говорят о том что все плохо у кого gprs как у меня), также хочу вставить цвет о том что данные не пришли 404 и о том что датчик не считывается (offline)

Насчёт индикатора изменения направления направления, есть проблемы у меня датчик повышенной точности и у него скачут показания на 0,25 градуса
2013-12-09 18:26:18: 18.0625
2013-12-09 18:25:58: 18
2013-12-09 18:25:20: 18.0625
2013-12-09 18:25:00: 18
2013-12-09 18:23:25: 18.0625
2013-12-09 18:22:22: 18
2013-12-09 18:22:03: 18.0625
2013-12-09 18:18:31: 18
2013-12-09 18:18:15: 17.9375
2013-12-09 18:17:57: 18
2013-12-09 18:16:54: 17.9375
Потому нужно делать анализ предыдущей точки как то иначе чем брать значение до. Интересны ваши предложения.

Также прошу прощения не успел сделать подсветку границ МИН/МАКС и шкалы в градуснике (Работы навалило, нет свободного времени)
Вложения
s2.zip
(8.52 КБ) 264 скачивания
Linux, Raspberry PI, MySensors
Connect: http://connect.smartliving.ru/profile/53
Мои проекты: http://smartliving.ru/profile/4
Ivan
Сообщения: 1473
Зарегистрирован: Сб окт 12, 2013 11:03 pm
Благодарил (а): 49 раз
Поблагодарили: 327 раз

Re: Индикаторы на HTML5+AJAX

Сообщение Ivan » Пн дек 30, 2013 4:13 pm

Новая версия
1.JPG
1.JPG (47.59 КБ) 9071 просмотр
Что нового:
1. Добавился индикатор изменения значения в виде ▲-повышение ▼-понижение
2. Анимация выхода значения за пределы min/max - смотрите видео http://youtu.be/TebXmWhmH9w
3. Добавление шкалы в градуснике

Изменилось:
1. Цвета индикаторов: Зелёный - зачитан и ожидает, Жёлтый - запрос на сервер, Красный - оффлайн (На будущее)
2. Добавлен класс от которого теперь все наследуются с механизмом анимации пределов min/max

Хотелки:
1. Добавить индикатор в виде градусника
2. Добавить индикатор в виде кругового стрелочного прибора

Всё же был правильный выбор в пользу html5 - т.к. можно делать анимацию
Ткаже обращаю ваше внимание что свойства каждого объекта можно изменять не переписывая код. Смотрите пример test_s2.php

P.S. Хочу обратить внимание SergeJey решить проблему размещения индикаторов на СЦЕНАХ, т.к. у меня чего то не получается
----
Хотел бы от вас:
1. Отзывы о работоспособности (кто использует)?
2. Может будут какие предложения?
3. Нужно ли делать статусные индикаторы? (Например состояние клапана)
Вложения
s2.zip
Библиотека
(9.36 КБ) 282 скачивания
Последний раз редактировалось Ivan Пн дек 30, 2013 4:15 pm, всего редактировалось 1 раз.
Linux, Raspberry PI, MySensors
Connect: http://connect.smartliving.ru/profile/53
Мои проекты: http://smartliving.ru/profile/4
Аватара пользователя
sergejey
Site Admin
Сообщения: 4284
Зарегистрирован: Пн сен 05, 2011 6:48 pm
Откуда: Минск, Беларусь
Благодарил (а): 75 раз
Поблагодарили: 1559 раз
Контактная информация:

Re: Индикаторы на HTML5+AJAX

Сообщение sergejey » Пн дек 30, 2013 4:15 pm

P.S. Хочу обратить внимание SergeJey решить проблему размещения индикаторов на СЦЕНАХ, т.к. у меня чего то не получается
Сорри, что-то я выпал немного из "потока", как именно они вставляются и почему не получается?

Сергей Джейгало, разработчик MajorDoMo
Идеи, ошибки -- за предложениями по исправлению и развитию слежу только здесь!
Профиль Connect -- информация, сотрудничество, услуги
Ivan
Сообщения: 1473
Зарегистрирован: Сб окт 12, 2013 11:03 pm
Благодарил (а): 49 раз
Поблагодарили: 327 раз

Re: Индикаторы на HTML5+AJAX

Сообщение Ivan » Пн дек 30, 2013 4:18 pm

Чтобы вставить его нужно отдельно на страницу добавить JavaScript (библиотеки), а в статус (Всегда показывать) вставить код html и JavaScript
Делаю, проверяю код, все есть. А индикаторы не появляются
Linux, Raspberry PI, MySensors
Connect: http://connect.smartliving.ru/profile/53
Мои проекты: http://smartliving.ru/profile/4
Ivan
Сообщения: 1473
Зарегистрирован: Сб окт 12, 2013 11:03 pm
Благодарил (а): 49 раз
Поблагодарили: 327 раз

Re: Индикаторы на HTML5+AJAX

Сообщение Ivan » Пн дек 30, 2013 4:23 pm

Ещё вопрос? Как понять что градусник в оффлайн. Могу запоминать 1 дату значения. И если через определённое время она не изменяется то считать что оффлайн. НО
1. Как быть если считывание значения датчика поставили 5 мин а перечитывание на индикатор 30 сек - поучился оффлайн
2. Также как быть если идёт оптимизация записей в базу (то есть не писать если значение такое же как и в предыдущий раз) - поучился оффлайн
Linux, Raspberry PI, MySensors
Connect: http://connect.smartliving.ru/profile/53
Мои проекты: http://smartliving.ru/profile/4
Urbas81
Сообщения: 289
Зарегистрирован: Вс сен 16, 2012 9:39 am
Благодарил (а): 0
Поблагодарили: 1 раз

Re: Индикаторы на HTML5+AJAX

Сообщение Urbas81 » Пн дек 30, 2013 4:29 pm

Нельзя ли упростить замену путей в файлах, у меня папка s2 размещена не в корне сервера, я первый вариант дого вкуривал, пока поменял все пути, потом допилил второй, каждый раз править не очень удобно.
Ответить