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

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

Читати далі

Сохранение данных в базе данных и файле txt. Шаг №67

Всем привет. Рассмотрев в прошлой статье использование анимации для интерактивности, сегодня уделим внимание вопросу сохранения данных. А именно проект предполагает запись полученных GET-параметров. Мы рассмотрим два способа, запись в текстовый файл и базу данных. Читати далі

Использование анимации (SMIL) в SVG на примере. Шаг 66

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

Кнопка в SVG. Обработка событий. Шаг №65

Всем привет. После рассмотрения ПИД — регулятора в прошлой статье №64, мы с Вами возвращаемся к проектированию web-интерфейса, где мы уже рассмотрели доступ к SVG-элементам и передачу GET-параметров в статье №62. В этой же статье мы рассмотрим и сделаем кликабельные кнопки, с помощью событий, на интерактивном Web — интерфейсе контроллера сбора данных.

Читати далі

SVG. Web-интерфейс. Подключение, GET-параметры. Статья №62

Всем привет. Как Вы, помните, в предыдущей статье мы с вами разобрали способ построения интерактивной карты. Для которой рисовали схему устройства в программе Fritzing. Так вот теперь в этой же программе сохраним рисунок как формат svg, как на рисунке ниже. С этого момента начнем знакомство с векторной графикой. На базе которой будем проектировать интерфейс.

Читати далі