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

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

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

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

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

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

Читать далее

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

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

Читать далее

Интерактивная карта контроллера. Шаг №61

Всем привет. В прошлой статье мы с вами определились с поставленной задачей по проектированию интерактивной карты, веб-интерфейса и разбора необходимых методов и технологий для этих целей. Мы начнем с интерактивной карты. Что же это такое – это, друзья, электронная карта,  которая представляет собой визуальную информацию, в отличии от обычной карты. Здесь кроме информации, которую мы получаем при чтении карты, также можем получить дополнительную информацию – наведя курсором на необходимую нам область. Читать далее