Atmega8 and Web-interface. DIY and IoT. Шаг №92

Всем привет. Продолжим тему WEB-интерфейса. Как Вы помните в прошлой статье мы с Вами подготовили страницу на стороне сервера к приему параметров и отображения их на стороне клиента. Осталось подготовить аппаратную часть, а именно микроконтроллер AVR. Мы уже проделывали похожую операцию (запись №59), только теперь данную программу мы перенесем на отдельный микроконтроллер, который будет принимать данные по шине i2c (twi), и «улаживать спать» до следующего момента передачи данных, т.е. это у нас будет ведомый. Читать далее

Web-интерфейс, SVG and GET-запрос. Шаг №91

Всем привет. «Сегодня» мы c Вами достанем из «долгого ящика» проект интерактивного WEB— интерфейса, подключим к нему микро контроллер AVR по измерению температуры и влажности. Передачу данных осуществим через ESP8266 GET запросом (статья 59). Далее полученные данные с веб-ресурса передадим Android-приложению SmartHouse, предварительно дополнив его выводом переменных на векторную графику и обращением к web. Читать далее

Выводим время в SVG-файл на семи сегментный индикатор. Шаг №70

Всем привет. После рассмотрения, в предыдущей статье, построения графика используя базу данных и текстовый файл, сегодня мы с Вами рассмотрим  заключительную статью из цикла интерактивный веб — интерфейс. А именно выведем время на рисунок семи сегментного индикатора. И используя события, кликая по кнопкам, будем включать анимацию и время. Читать далее

Построение графика по данным из базы. AJAX, JSON. Шаг №69

Всем привет. Закончив рассматривать, в прошлой статье, технологию построения графиков и диаграмм используя технологию Google Charts, сегодня мы подвяжем этот график к базе данных. Т.е. используем динамические данные. Да друзья извлечем ранее занесенные данные в базу, где данный шаг был описан в статье №67.  Итак приступим.
Читать далее

Графики и диаграммы на сайте. Google Charts на примере. Шаг №68

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

Читать далее