Inteligentny dom automatyka budynku eHouse - wizualizacja z przeglądarki WWW z wykorzystaniem SVG (skalowalna grafika wektorowa) + JavaScript + XML kod źródłowy / Open Source


Wizualizacja i sterowanie graficzne WWW - z przeglądarek internetowych Rev. 01.07.2013
Sterowanie i wizualizacja z przeglądarki WWW ma tą zaletę że jest niezależna od rodzaju sprzętu, systemu operacyjnego, typu przeglądarki internetowej.
Istnieje wiele wersji pozwalających na dostosowanie przeglądarki.
Maksymalne wymagania dla wizualizacji eHouse z przeglądarki Internetowej to obsługa JavaScript oraz SVG (skalowanej Grafiki Wektorowej).
Działające przykłady włączonego systemu testowego eHouse 1 pod nadzorem RaspBerry PI, różnych metod wizualizacji i sterowania graficznego online znajdują się na stronie: Inteligentny budynek wizualizacja.
Udostępniamy kody źródłowe JavaScript do wizualizacji i sterowania graficznego umożliwiające:
  • zmiana pól dynamicznych - tekstowych na wartości mierzone i obliczane dynamicznie przez skrypt
  • dane są exportowane z jednego pliku widoku CorelDraw dla wszystkich metod wizualizacji eHouse z maksymalną funkcjonalnością dla każdej metody
  • praca skryptu jest zoptymalizowana pod kontem minimalnego przetwarzania danych co jest szczególnie ważne przy urządzeniach bateryjnych, tabletach, smartfonach
  • rysowanie obiektów graficznych analogicznie do innych metod wizualizacji w oprogramowaniu eHouse
  • praca skryptu po stronie przeglądarki / klienta nie obciążająca dodatkowo servera przetwarzaniem statusu dla każdego klienta
  • rysowanie / ukrywanie obiektów włączonych i wyłączonych
  • obsługuje statusy sterowników eHouse1, eHouse1 pod nadzorem CommManagera, Ethernet eHouse
  • wysyłanie zdarzeń
  • aktualizacja danych statusu
  • przetwarzanie statusu z postaci binarnej
  • otwarty kod źródłowy JavaScript umożliwia modyfikację na potrzeby własne i indywidualne dla każdego projektu
Skrypt został przetestowany w głównych przeglądarkach w najnowszych wersjach dostępnych w dniu 01.07.2013:
  • Chrome
  • Safari
  • FireFox
  • Internet Explorer
  • Standardowa przeglądarka Android 4.x.
  • Opera
Podstawowe sposoby sterowania graficznego i wizualizacji: Skrypty JavaScript:
Inteligentny budynek - sterowanie graficzne JavaScript - Kod źródłowy oraz
Inteligentny Dom - sterowanie graficzne i wizualizacja JavaScript - Kod źródłowy

Wizualizacja została utworzona w aplikacji CorelDraw X4, jej źródła znajdują się w następujących plikach:
Automatyka Domowa eHouse - Wizualizacja CorelDraw oraz
Automatyka Domowa eHouse - Wizualizacja CorelDraw - Poddasze.

Wszystkie typy powyższych wizualizacji zostały utworzone z jednego obrazu.
Makra do tworzenia wizualizacji umożliwiają wygenerowanie plików wyjściowych dla konkretnego rozmiaru panela (podane w centymetrach dla osi X i Y), dzięki czemu można z jednego obrazu wygenerować różne wizualizacje dla smarphonów, tabletów, komputerów PC (ekranów dotykowych), paneli.
Ponieważ wizualizacja i sterowanie graficzne jest wykonane z wykorzystaniem SVG (skalowanej grafiki wektorowej) obrazy można pomniejszać i powiększać bez utraty jakości.

Więcej informacji o tworzeniu wizualizacji w CorelDraw:
Inteligentny Dom eHouse - Tworzenie wizualizacji CorelDraw