eHouse Умный дом | Building Automation. Visualization from a web browser using SVG (scalable vectили же graphics) + ЯваScript + XML / Открытый источник


В системе автоматизации зданий eHouse есть несколько вариантов методов управления и визуализации через веб-браузер:
  • eHouse WWW Search Engine @ Прокси-сервер eHouse. This solution requires only JavaScript support for web browsers and all modern graphical WWW Browser should work properly. It works locally, on eHouse Proxy, Cloud (with Private or Public)
  • Выбор форм выбора текста HTML + JavaScript
  • HTML + КАРТЫ + JS - This solution is graphical control only (no visualization), JavaScript is required/enabled for WEB Browser. This solution should work on any modern web browser
  • XML + SVG + JS - Встроенная поддержка SVG + JavaScript требуется / включен для WEB-браузера. This solution does not work in former Internet Explorers variants (working on Edge)
  • SVG + JS Масштабируемая векторная графика (графическая визуализация). Native SVG support + JavaScript is required/enabled for WEB Browser. This solution does not work in former Internet Explorers versions (currently working on Edge)


Archive Visualizations and graphical control WWW - from web browsers Rev 01.07.2013
Controlling and visualization from a web browser has the advantage of being independent of the type of equipment, operating system, type of web browser.
There are many versions that allow you to customize your browser.
Maximum requirements for eHouse visualization from an Internet browser are JavaScript and SVG (Scaled Vector Graphics) support.
Рабочие примеры включенной тестовой системы eHouse 1 под руководством Raspberry PI, различные методы визуализации и графического управления онлайн можно найти по адресу: Интеллектуальная визуализация здания .
Мы предоставляем исходные коды JavaScript для визуализации и графического управления, позволяющие:
  • рисование графических объектов аналогично другим методам визуализации в программе eHouse
  • отправка событий
  • Работа скрипта оптимизирована для минимальной обработки данных, что особенно актуально для аккумуляторных устройств, планшетов, смартфонов.
  • включение и выключение рисования / скрытия объектов
  • изменение динамических полей - текст на значениях, измеряемых и вычисляемых динамически скриптом
  • код JavaScript с открытым исходным кодом позволяет вам изменять его для ваших собственных и индивидуальных потребностей для каждого проекта
  • данные экспортируются из одного файла представления CorelDraw для всех методов визуализации eHouse с максимальной функциональностью для каждого метода
  • поддерживает статус контроллеров eHouse1, eHouse1 под контролем CommManager, Ethernet eHouse
  • скрипт работает на стороне браузера / клиента, что дополнительно не загружает сервер для обработки статуса для каждого клиента
  • обработка статуса из двоичной формы
  • обновление данных о состоянии


The script has been tested in major browsers in the latest versions available on 01.07.2013:
  • Хром
  • Internet Explorer / Edge
  • Опера
  • Сафари
  • Стандартный веб-браузер Android
  • Fire Fox


Основные способы графического управления и визуализации:

Скрипты JavaScript:
Интеллектуальное здание - графический элемент управления на JavaScript - Исходный код а также
Умный дом - графическое управление и визуализация JavaScript - Исходный код

Визуализация создана в приложении CorelDraw X4, ее исходники находятся в следующих файлах:
eHouse Home Automation - Визуализация CorelDraw а также
eHouse Home Automation - Визуализация CorelDraw - Чердак .

All types of the above visualizations have been created from a single image.
Макросы для создания визуализаций позволяют генерировать выходные файлы для определенного размера панели (заданного в сантиметрах для осей X и Y), благодаря чему вы можете создавать разные визуализации для смартфонов из одного изображения, планшетов, ПК (сенсорных экранов), панелей.
Because the visualization and graphic control is made using SVG (scaled vector graphics) images can be reduced and enlarged without losing quality.

Дополнительные сведения о создании визуализаций в CorelDraw:
eHouse Smart House - Создание визуализаций CorelDraw