|
Podpora a využití moderních webových standardů
Švihel, Lukáš ; Petřík, Patrik (oponent) ; Šperka, Svatopluk (vedoucí práce)
V práci se věnuji problematice využití moderních webových technologií. Vývoji historie, srovnání s předchozí verzí. Popisuji všechny důležité aspekty prvků, jež HTML5 a CSS3 přináší a vysvětluji jejich přínos a účel. Moţnosti nových webových standardů demonstruje webová aplikace. Tato aplikace je webovým prohlížečem obrázků z databáze flickr.com s moţností editace, uložení, offline režimu a efekty zpříjemňující uživatelské rozhraní.
|
|
Grafické zobrazení relací mezi počítači v Internetu
Cimbálek, Přemysl ; Malý, Jan (oponent) ; Komosný, Dan (vedoucí práce)
Internetová televize IPTV (Internet Protocol Television) slouží k přenosu televizního vysílání po síti založené na protokolech rodiny TCP/IP. Její výhodou je, že vysílání nemusí být jednosměrné, jako je tomu u stávajícího televizního vysílání, ale může uživatelům poskytovat zpětnou vazbu ve formě interaktivity. Problémy zabraňující jejímu většímu rozmachu jsou dnes zejména technického rázu, zejména v nízké datové propustnosti přístupových sítí. Proto jsou navrhovány nové metody, jak vysílání internetové televize zefektivnit. Hlavním úkolem této práce je na základě pochopení principů hierarchické sumarizace a vysílání IPTV zobrazit stromovou strukturu vazeb mezi uzly sítě, které mají za úkol zpracovávat data ve zpětném kanále, tedy data od uživatelů. V první části práce je tedy vysvětlen princip vysílání IPTV a její rozdíl oproti klasickému televiznímu vysílání. Zaměřeno je na poskytované služby, výhody a nevýhody systému. Vysvětlen je také princip používané komprese datových toků standardy MPEG-2 a MPEG-4, jakožto i problematika přenosových sítí, zejména problém "poslední míle". IPTV využívá k přenosu dat SSM (Specific Source Multicast) multicastové vysílání, každý uživatel se připojuje do multicast skupiny která vždy vysílá jeden program. Zpětný kanál je většinou realizován unicast vysíláním. Z důvodů úspory množství přenášených dat je využito principu hierarchické sumarizace, která je v práci náležitě popsána. S tímto souvisí protokoly pro řízení síťových relací, jako je RTP, RTCP a TTP. Teoretická část zahrnuje také zmínku o celosvětové experimentální síti PlanetLab, která slouží pro testovaní síťových aplikací. Je zmíněna z toho důvodu, že navrhovaná struktura IPTV vysílání a aplikace s tím spojené jsou v této síti testovány. V praktické části jsou nejprve diskutovány možnosti metod vizualizace a uchovávání dat o jednotlivých uzlech pro časově zpětné výpisy. Z hlediska vysoké dostupnosti a adaptibility byly vybrány webové technologie,, například MySQL databáze pro uchovávání dat. Model stromu je na základě těchto dat zpracován algoritmem v jazyce Java. Samotná vizualizace stromu je řešena pomocí čístě webových technologií, zdrojový kód pro vizualizaci je dynamicky generován skripty v JSP (Java Server pages). Grafický výstup je realizován vektorovým formátem SVG (Scalable Vector Graphics), který je určen pro grafické vyjádření na internetu a v mobilních telefonech. Díky jeho schopnosti spolupráce s technologií Javascript, byla vytvořena interaktivní internetová aplikace, která zobrazuje stromovou strukturu uzlů. V práci jsou vysvětleny základy všech použitých technologií, zdůvodněn výběr použitých technologií a uvedeny příklady a zajimavé části řešení.
|
|
Vizualizace vícerozměrných dat pomocí webových technologií
Burian, Vojtěch ; Galáž, Zoltán (oponent) ; Mžourek, Zdeněk (vedoucí práce)
Práce se věnuje problematice vizualizace dat. Vizualizace dat je užitečným nástrojem, jak prezentovat a získat nové informace, a tak dojít k lepším rozhodnutím. V teoretické části je rozebírána problematika analýzy dat. Dále jsou uvedeny významy a použití jednotlivých typů grafů a v další části je poukázáno na problematiku tvorby grafů. Jsou zmíněny základy grafického designu a tvorby webových stánek. Praktická část se věnuje vizualizaci dat ze zpracovaných výsledků analýzy řeči u pacientů s Parkinsonovou nemocí. Protože většina lidí v odborně zaměřených odvětvích, jako je například lékárenský průmysl, nemá nebo neumí pracovat se specializovaným softwarem (například program Matlab), byly vytvořeny, pomocí programovacího jazyku Python, výstupy ve formátu HTML tabulka a SVG. Obě tyto části jsou zapracovány do webové stránky, kterou lze jednoduše otevřít ve webovém prohlížeči, který je již nainstalován v drtivé většině počítačů, a to bez závislosti na používané platformě operačního systému.
|
|
Web Editor of MusicXML Files
Hudziec, Tomáš ; Burget, Radek (oponent) ; Rychlý, Marek (vedoucí práce)
This thesis describes implementation of web editor of MusicXML files. Structure of MusicXML format is studied and described. Implementation is done using HTML5, CSS and JavaScript. For notes rendering is used open-source JavaScript library VexFlow. Graphical music score is outputted into SVG, which is part of the web page. Due to complexity of MusicXML format, only its subset is supported. Solution provides loading or creating of music notation, editing it with computer mouse and saving result into a file.
|
|
Transformace dokumentů HTML na vektorovou grafiku SVG
Šafář, Martin ; Beran, Vítězslav (oponent) ; Burget, Radek (vedoucí práce)
Tato diplomová práce řeší problematiku vykreslování HTML/CSS dokumentů pomocí vektorové grafiky ve formátu SVG. Cílem práce je návrh a implementace rozšíření knihovny CSSBox o možnost vektorového výstupu. Nejprve jsou popsány základy jazyka SVG a existující knihovny na platformě Java, které s SVG pracují. Dále je popsána knihovna CSSBox a postup vykreslování webových stránek v této knihovně. Poté následuje rozbor některých CSS3 vlastností. Hlavní částí této práce je návrh řešení renderování CSS3 vlastností jako jsou zaoblené rámečky, gradienty, nebo transformace. U jednotlivých CSS vlastností je popsána jejich specifikace podle standardu CSS3 a způsob řešení v jazyce SVG. Po návrhu následuje popis implementace výsledného rozšíření a nakonec je zhodnocena úspěšnost implementace při testování. V závěru práce jsou navržena možná rozšíření této práce.
|
|
Vizualizace spojení mezi počítači
Kovář, Jan ; Pelka, Tomáš (oponent) ; Komosný, Dan (vedoucí práce)
Projekt Multicast IPTV Research Group se zabývá zejména vývojem nového algoritmu, využití stávajících a vývojem nových protokolů v rámci IPTV technologie. Ta bývá spojována s VOD (Video on demand) a internetovými službami jako např. přístup na web či internetová telefonie VoIP (Voice over Internet Protocol). Tato práce se zabývá teorií IPTV, její historií a architekturou. Dále pak multicastem jako způsobem šíření skupinového vysílání, jeho vlastnostmi, směrováním skupinového vysílání a protokoly použitými pro přenos. Rozebírá možností grafických formátů pro vykreslování, jejich výhody a nevýhody. Konečným cílem této práce, která je řešena právě v rámci projektu Multicast IPTV Research Group, je aplikace, která čte a analyzuje data vzniklá hierarchickou sumarizací. Pomocí zvoleného grafického prostředku graphviz vykresluje zdrojová data ve formátu svg. Takto vytvořené soubory se pak dají snadno prohlížet v novějších typech internetových prohlížečů.
|
|
Aplikace pro online sazbu notového zápisu
Mackovič, Jakub ; Rychlý, Marek (oponent) ; Burget, Radek (vedoucí práce)
V tejto práci je predstavená aplikácia pre online zápis hudby s použitím SVG vektorovej grafiky v prostredí webových prehliadačov. Pozrieme sa na relevantné postupy pri notovom zápise a na históriu sadzby hudobného zápisu. Preskúmame a roztriedime existujúce programy na notový zápis. Na ich základe navrhneme užívateľské rozhranie pre aplikáciu s niekoľkými obmenami. Nasleduje popis implementácie aplikácie. Predstavíme tiež sadu funkcionalít, ktorých užitočnosť spolu s užívateľským rozhraním otestujeme na užívateľoch. Vyhodnotíme výsledky testovania a na jeho základe vylepšíme niektoré črty aplikácie. Nakoniec vyhodnotíme aplikáciu a jej budúci vývin. Keďže SVG sa stále považuje za experimentálnu technológiu a niektoré prehliadače ju stále nepodporujú alebo sa ich implementácia líši, bola aplikácia vytvorená tak, aby fungovala na prehliadači Chrome od spoločnosti Google.
|
|
Převod vizualizace WinCC do MES systému COMES
Kárník, Jiří ; Štohl, Radek (oponent) ; Pásek, Jan (vedoucí práce)
Tato diplomová práce se zabývá vizualizací průmyslových aplikací, konkrétně převodem vizualizačních dat z programu Siemens Simatic WinCC do formátu XML s využitím vestavěného editoru skriptů. V dalším kroku řeší převod těchto dat a jejich implementaci do MES systému COMES. K tomu je využito programovacího jazyka C#. Práce dále obsahuje rozbor obou použitých průmyslových systémů a výběr grafického formátu, který bude využit pro zobrazení obrazových dat v systému COMES.
|
|
Grafy ve webovém prohlížeči pomocí Javascriptu
Zajíc, Jiří ; Dytrych, Jaroslav (oponent) ; Máčel, Lukáš (vedoucí práce)
Tato bakalářská se práce se zabývá studiem tvorby grafů ve webových prohlížečích. První část obsahuje podrobnou studii současných technologií a návrh aplikace. Praktická část zahrnuje vývoj, popis a dokumentaci aplikace. Výsledkem je funkční přenositelná knihovna pro tvorbu grafů v elementu canvas v jazyce JavaScript a grafické uživatelské rozhraní.
|
|
Transformace webových stránek do vektorové grafiky
Nguyen, Hoang Duong ; Bartík, Vladimír (oponent) ; Burget, Radek (vedoucí práce)
Táto bakalárska práca sa venuje problematike vykreslenia webových stránok pomocou vektorovej grafiky. Cieľom tejto práce je navrhnúť a implementovať rozšírenie projektu WebVector tak, aby umožňoval vytvoriť výstup vo formáte PDF a vykresliť vybrané pokročilé vlastnosti CSS (CSS3). Vysvetlené sú pojmy súvisiace s vektorovou grafikou a jej formátmi. Práca následne popisuje štruktúru a funkcie knižnice CSSBox, s ktorou projekt WebVector pracuje, spolu s ďalšími súvisiacimi knižnicami. Ďalej je popísaných niekoľko CSS3 vlastností, ich návrh a implementácia na platforme Java.
|