Práce se zabývá vývojem uživatelského rozhraní pro řízení klimatizačních a otopných jednotek za použití internetové technologie HTML5. V první části práce jsou prezentovány technologie použité při vývoji rozhraní. Mezi ně patří budoucí standard HTML5, škálovatelná vektorová grafika SVG, programovací jazyk JavaScript a další. Hlavním úkolem práce je za pomoci představených technologií vytvořit komponenty, ze kterých lze sestavit schémata pro zobrazení klimatizačních a otopných systémů. Práce popisuje vývoj komponent, jejich strukturu, vlastnosti a použití. Pro praktickou ukázku byla vytvořena schémata, která simulují běh klimatizační soustavy. V závěrečné části práce byl vytvořen tutoriál, který na konkrétních případech popisuje, jak se ovládají komponenty a tvoří vizualizační schémata.
Anotace v angličtině
The work deals with the development of the user interface for the steering of air conditioning and heating units use of HTML5 web technologies. The first part describes technologies used in developing of the interface. These include future standard HTML5, Scalable Vector Graphics SVG, JavaScript programming language, and more. The main goal of this work is to create components which were built with help of introduced techonologies and use them for building schemes which display air conditioning and heating systems. The aim of the work is to describe development, structure, properties and applications of the components and schemes that have been created for a practical demonstration. The final part of this work represents tutorial which describes in examples how the components are controlled and how the schemes are formed.
HTML5, SVG, SCADA, HMI, JavaScript, InkScape, REX, user interface, air conditioning
Rozsah průvodní práce
45
Jazyk
CZ
Anotace
Práce se zabývá vývojem uživatelského rozhraní pro řízení klimatizačních a otopných jednotek za použití internetové technologie HTML5. V první části práce jsou prezentovány technologie použité při vývoji rozhraní. Mezi ně patří budoucí standard HTML5, škálovatelná vektorová grafika SVG, programovací jazyk JavaScript a další. Hlavním úkolem práce je za pomoci představených technologií vytvořit komponenty, ze kterých lze sestavit schémata pro zobrazení klimatizačních a otopných systémů. Práce popisuje vývoj komponent, jejich strukturu, vlastnosti a použití. Pro praktickou ukázku byla vytvořena schémata, která simulují běh klimatizační soustavy. V závěrečné části práce byl vytvořen tutoriál, který na konkrétních případech popisuje, jak se ovládají komponenty a tvoří vizualizační schémata.
Anotace v angličtině
The work deals with the development of the user interface for the steering of air conditioning and heating units use of HTML5 web technologies. The first part describes technologies used in developing of the interface. These include future standard HTML5, Scalable Vector Graphics SVG, JavaScript programming language, and more. The main goal of this work is to create components which were built with help of introduced techonologies and use them for building schemes which display air conditioning and heating systems. The aim of the work is to describe development, structure, properties and applications of the components and schemes that have been created for a practical demonstration. The final part of this work represents tutorial which describes in examples how the components are controlled and how the schemes are formed.
HTML5, SVG, SCADA, HMI, JavaScript, InkScape, REX, user interface, air conditioning
Zásady pro vypracování
Seznamte se s novým standardem HTML5 [1] pro tvorbu webových aplikací, se skriptovacím jazykem JavaScript [2], se škálovatelnou vektorovou grafikou SVG [3], s knihovnou jQuery [4] v jazyku JavaScript a s řídicím systémem REX [5].
Dále se seznamte s aktuálním stavem průběžně vyvíjených nástrojů pro vizualizaci a ovládání v HTML5 ve vývojovém týmu oddělení automatického řízení na katedře kybernetiky.
Navrhněte uživatelské rozhraní pro sadu příkladů různých struktur řízení klimatizačních jednotek a vytápění pro nejrozšířenější internetové prohlížeče (Google Chrome, Internet Explorer, Firefox).
Implementujte a ověřte navrženou sadu příkladů na odpovídajících virtuálních modelech pracujících v reálném čase.
Zásady pro vypracování
Seznamte se s novým standardem HTML5 [1] pro tvorbu webových aplikací, se skriptovacím jazykem JavaScript [2], se škálovatelnou vektorovou grafikou SVG [3], s knihovnou jQuery [4] v jazyku JavaScript a s řídicím systémem REX [5].
Dále se seznamte s aktuálním stavem průběžně vyvíjených nástrojů pro vizualizaci a ovládání v HTML5 ve vývojovém týmu oddělení automatického řízení na katedře kybernetiky.
Navrhněte uživatelské rozhraní pro sadu příkladů různých struktur řízení klimatizačních jednotek a vytápění pro nejrozšířenější internetové prohlížeče (Google Chrome, Internet Explorer, Firefox).
Implementujte a ověřte navrženou sadu příkladů na odpovídajících virtuálních modelech pracujících v reálném čase.
Seznam doporučené literatury
[1] HTML5 Working Draft, online: http://www.w3.org/TR/html5/\\
[2] JavaScript tutorial, online: http://www.w3schools.com/js/default.asp\\
[3] SVG tutorial, online: http://www.w3schools.com/svg/default.asp\\
[4] jQuery, online: http://jquery.com/\\
[5] REX Controls: Funkční bloky systému REX. Referenční příručka. 2012.
Seznam doporučené literatury
[1] HTML5 Working Draft, online: http://www.w3.org/TR/html5/\\
[2] JavaScript tutorial, online: http://www.w3schools.com/js/default.asp\\
[3] SVG tutorial, online: http://www.w3schools.com/svg/default.asp\\
[4] jQuery, online: http://jquery.com/\\
[5] REX Controls: Funkční bloky systému REX. Referenční příručka. 2012.