Tato bakalářská práce se zabývá návrhem webového rozhraní pro analyzátor kvality elektrické energie. Popisuje práci s HTML5 elementem canvas a komunikaci pomocí protokolu ModBus, který přístroj implementuje. Výsledkem práce je jednoduchá webová aplikace poskytující přehled o aktuálních datech získaných od přístroje. Aplikace zobrazuje harmonické napětí ve formě sloupcového grafu, ostatní data jsou zobrazena do tabulky. Graf lze zobrazovat více způsoby v závislosti na zadaných parametrech, které jsou v práci popsány. Mezi hlavní prvky grafu patří zobrazení krabicového grafu k jednotlivým sloupcům, které uživateli blíže naznačí informace o kvalitě napětí, či zobrazení limitů pro jednotlivé harmonické složky.
Anotace v angličtině
This thesis describes the design of a web interface for power quality analyzer. It describes communication with analyzer using ModBus protocol and also describes work with HTML5 canvas element. The result of this work is simple web application that provides overview of actual data received from the device. Application is able to show harmonic voltage as a bar graph and other types of data are displayed in the table. The graph can be displayed in several ways according to given parameters which are described in this thesis. The main elements of the chart include displaying a box plot for individual columns which indicates more informations for user about the power quality or display the limits for each harmonic component.
Klíčová slova
HTML5 canvas, JavaScript, kvalita elektrické energie, ModBus protokol, webová aplikace
Klíčová slova v angličtině
HTML5 canvas, JavaScript, ModBus protocol, power quality, web application
Rozsah průvodní práce
50s. (52 723 znaků)
Jazyk
CZ
Anotace
Tato bakalářská práce se zabývá návrhem webového rozhraní pro analyzátor kvality elektrické energie. Popisuje práci s HTML5 elementem canvas a komunikaci pomocí protokolu ModBus, který přístroj implementuje. Výsledkem práce je jednoduchá webová aplikace poskytující přehled o aktuálních datech získaných od přístroje. Aplikace zobrazuje harmonické napětí ve formě sloupcového grafu, ostatní data jsou zobrazena do tabulky. Graf lze zobrazovat více způsoby v závislosti na zadaných parametrech, které jsou v práci popsány. Mezi hlavní prvky grafu patří zobrazení krabicového grafu k jednotlivým sloupcům, které uživateli blíže naznačí informace o kvalitě napětí, či zobrazení limitů pro jednotlivé harmonické složky.
Anotace v angličtině
This thesis describes the design of a web interface for power quality analyzer. It describes communication with analyzer using ModBus protocol and also describes work with HTML5 canvas element. The result of this work is simple web application that provides overview of actual data received from the device. Application is able to show harmonic voltage as a bar graph and other types of data are displayed in the table. The graph can be displayed in several ways according to given parameters which are described in this thesis. The main elements of the chart include displaying a box plot for individual columns which indicates more informations for user about the power quality or display the limits for each harmonic component.
Klíčová slova
HTML5 canvas, JavaScript, kvalita elektrické energie, ModBus protokol, webová aplikace
Klíčová slova v angličtině
HTML5 canvas, JavaScript, ModBus protocol, power quality, web application
Zásady pro vypracování
Seznamte se s požadavky na uživatelsky přívětivé grafické rozhraní analyzátoru kvality elektrické energie.
Vyberte vhodnou platformu pro návrh webových aplikací a navrhněte pro ni vlastní rozhraní pro analyzátor ARTIQ nebo SMC.
Otestujtujte spolehlivost a rychlost navrženého rozhraní.
Vyhodnoťte dosažené výsledky a diskutujte možnosti dalšího rozvoje aplikace.
Zásady pro vypracování
Seznamte se s požadavky na uživatelsky přívětivé grafické rozhraní analyzátoru kvality elektrické energie.
Vyberte vhodnou platformu pro návrh webových aplikací a navrhněte pro ni vlastní rozhraní pro analyzátor ARTIQ nebo SMC.
Otestujtujte spolehlivost a rychlost navrženého rozhraní.
Vyhodnoťte dosažené výsledky a diskutujte možnosti dalšího rozvoje aplikace.
Seznam doporučené literatury
\renewcommand{\labelenumi}{[\arabic{enumi}]}
Fulton, Steve a Jeff Fulton. HTML5 Canvas.: O´Reilly Media, 2011. ISBN 978-1449334987.
Pehlivanian, Ara a Don Nguyen. Jump start JavaScript.: SitePoint, 2013. ISBN 978-0987332189.
Seznam doporučené literatury
\renewcommand{\labelenumi}{[\arabic{enumi}]}
Fulton, Steve a Jeff Fulton. HTML5 Canvas.: O´Reilly Media, 2011. ISBN 978-1449334987.
Pehlivanian, Ara a Don Nguyen. Jump start JavaScript.: SitePoint, 2013. ISBN 978-0987332189.
Přílohy volně vložené
CD-ROM
Přílohy vázané v práci
ilustrace, tabulky
Převzato z knihovny
Ano
Plný text práce
Přílohy
Posudek(y) oponenta
Hodnocení vedoucího
Záznam průběhu obhajoby
Průběh obhajoby je zveřejněn pouze přihlášenému uživateli.