|
|
Tvorba uživatelského rozhraní pro průmyslový systém Test-it-off
Tabaček, Jakub ; Kapinus, Michal (oponent) ; Beran, Vítězslav (vedoucí práce)
Tato práce je zaměřena na návrh, vývoj a testování webového rozhraní pro operátory robotického pracoviště. Pro řešení problému byl použitý nejpopulárnější reaktivní framework React a vědomosti získané z analýzy uživatelů a jejich potřeb. Výstupem práce je přehledné webové rozhraní, navrženo dle doporučených praktik UX, umožňující operátorům jednoduše a přehledně spouštět a monitorovat běh projektů.
|
|
|
Šachová webová aplikace
Kolaříková, Mirka ; Hynek, Jiří (oponent) ; Burget, Radek (vedoucí práce)
Cílem této práce bylo navrhnout a implementovat interaktivní webovou aplikaci pro podporu dětského šachového kroužku. Aplikace obsahuje evidenci členů, sledování docházky, pořádání turnajů, motivační program pro studenty a vizualizované přehrání šachové partie ve formátu PGN. Aplikace byla implementována pomocí moderních webových technologií Vue.js, Laravel a databáze MySQL. Výsledná aplikace byla úspěšně vytvořena a otestována.
|
|
|
Ovládání spotřebičů pomocí Raspberry Pi
Panský, Michal ; Petyovský, Petr (oponent) ; Macho, Tomáš (vedoucí práce)
Diplomová práce se zabývá návrhem hardwarového a softwarového řešení pro řízení domácích spotřebičů pomocí Raspberry Pi. V softwarové části je využito moderních frameworků pro tvorbu webových a mobilních aplikací jako Svelte a SvelteNative a programovacích jazyků jako je Typescript, Svelte, Python, NativeScript. Dále je zde popsán návrh a realizace hardwarové části a také softwarové části. Závěrem je zde popsané zprovoznění a spuštění celého programu a výsledky testování.
|
|
|
Vývoj webových Single Page Applications s využitím perspektivní techniky micro-frontendu
VRBA, Petr
Cílem bakalářské práce je zpracování problematiky tvorby webových Single Page Applications (dále SPA) s využitím perspektivních technologií micro-frontendu. Využití micro-frontendových technologií v rámci SPA umožňují práci s daty a obsahem webových stran, aniž by bylo třeba obnovovat stránku. Stejně tak jsou i perspektivní metodou, jak složitější aplikace díky dělbě práce na straně klienta i hostingu realizovat, aniž by docházelo k přetížení serveru. Teoretická část bude zaměřená na význam a specifikace SPA a micro-frontendu, dále pak budou představeny základní jazyky a technologie, se kterými se v rámci SPA pracuje, včetně konkrétních frameworků pro JavaScript. Součástí teoretické části bude také představení funkcionality a významu balíčkovacích systémů pro SPA. V praktické části bude hlavním výstupem webová stránka demonstrující SPA za použití micro-frontendových technologií na konkrétních příkladech a funkcionalitách. Webová stránka bude následně sloužit jako první veřejně dostupná dokumentace v českém jazyce, věnující se problematice Single Page Applications s využitím micro-frontendu, kterou budou moci využít IT odborníci i studenti.
|
|
|
Návrh a realizace webové aplikace pro podporu online vzdělávání na základní škole
Linek, Kryštof
Cílem bakalářské práce je návrh a realizace webové aplikace pro podporu vzdělávání dětí na základní škole. Práce zahrnuje rozbor dostupných technologií a možností v oblasti online vzdělávání. Následuje analýza řešeného problému spolu s výběrem technologií. V praktické části je uveden postup realizace aplikace, který je postaven na poznatcích z analytické části a dále způsob testování a nasazení. Výsledkem je webová aplikace, která je určena k již zmíněnému účelu. Na závěr je uvedeno kritické zhodnocení webové aplikace spolu s dalšími návrhy na možné rozšíření.
|
|
|
Webová administratíva pre mobilnú aplikácii MyMENDELU
Bistáková, Lenka
Diplomová práce se zabývá návrhem a implementací front-endu webové administrativy pro mobilní aplikaci MyMendelu se zaměřením na vytvoření architektury aplikace a mapového modulu v podobě interaktivní mapy. Jednotlivé moduly slouží pro správu nejčastějších otázek, nahlášených událostí a místností budov a areálu Mendelovy univerzity. Součástí práce je analýza současných frameworků a nástrojů pro tvorbu webových front-endů, stejně jako analýza mapových knihoven pro sestrojení interaktivní mapy. Na základě této analýzy je navržena funkcionalita systému a výsledné řešení s využitím frameworků Vue.js a Leaflet vychází ze specifikace požadavků obsažených v práci. Implementována administrativa představuje přehledné rozhraní sloužící zaměstnancům univerzity k zajištění aktuálnosti dat mobilní aplikace, bez nutnosti zásahu programátora.
|
|
|
Tvorba vizuálních komponent webu s využitím Object Oriented CSS a metodiky BEM
SMRŽ, Jan
Cílem bakalářské práce je využít správných postupů při psaní objektově orientovaného CCS (OOCSS) kódu v HTML5 za pomocí metodiky BEM při vývoje frontendu. OOCSS je způsob, jak snadno psát srozumitelný kód, který se může použít hned několikrát, lehce spravovatelný a nezabírá v souboru příliš mnoho místa. Metodika BEM nám určuje postupy, které využijeme na správné pojmenovaní jednotlivých bloků, elementů nebo modifikátorů. Dohromady mají celkově zjednodušit práci při psaní kódu CSS nejen pro člověka, který ho píše, ale i pro další členy týmu. V rámci práce budu porovnávat psaní kódu CSS jako objektově orientovaného, výhody používaní metodiky BEM a nepoužití ani jednoho z postupů. Výstupem práce bude webová prezentace obsahující použití OOCSS s BEM metodologií, časovou náročnost, datovou velikost a obtížnost pro vývojáře.
|
|
| |
|
|
Webový nástroj pro tvorbu, správu a využití databáze sportovních pozic
Křivánek, Tomáš ; Tesařová, Alena (oponent) ; Herout, Adam (vedoucí práce)
Tato práce je zaměřena na dvě metody vyhledávání v databázi sportovních pozic, které se dají ovšem použít naprosto v jakémkoliv vyhledávání ve webové aplikaci. Nejdůležitější vlastnosti pro běžné uživatele je samozřejmě rychlost a přesnost vyhledávání. Jednou z nejlepších metod pro rychlé vyhledávání je tzv. livesearch, který uživateli nabízí výsledky vyhledávání přímo při zadávání textu. To často zapříčiní, že se výsledek objeví již při zadávání textu tzn. uživatelé nemusí dokončit vyhledávaný výraz. Přesnosti vyhledávání je často velmi těžké dosáhnout. Pro toto jsou využity úseky textu, klíčová slova nebo jiné technologie. Metoda, kterou využívá valná většina sociálních sítí jsou tzv. tagy, což je obdoba klíčových slov. Tyto tagy mají, ale jednu velkou nevýhodu, co se týče vyhledávání na sociálních sítích. Můžeme pomoci nich vyhledat příspěvky, které daný tag mají připsaný a to je vše. Mnohem přirozenější by bylo, kdybychom tyto tagy mohli mezi sebou kombinovat, vytvářet logické výrazy za pomocí těchto tagů, specifikovat, které tagy má náš vyhledávaný výsledek mít a které naopak nikoliv. Pro řešení tohoto problému byl navržen jednoduchý logický jazyk, které dostal pojmenování "Queries", protože fungují velmi podobně jako queries, které se využívají pro vyhledávání v databázi. Výsledkem této práce je webová aplikace, která využívá dříve zmíněné metody (livesearch, queries). Webová aplikace pracuje s databází sportovních jógových pozic, ve kterých uživatel může rychle a jednoduše vyhledávat, ale také specifikovat logické výrazy, které vyjadřují vlastnosti daných pozic.
|
|
|
Web Document Annotator
Hrúz, Tomáš ; Hynek, Jiří (oponent) ; Burget, Radek (vedoucí práce)
The goal of this bachelor thesis is to compare of tools for annotation of web documents and create module for experimental tool FitLayout, which implements required functionality for annotation. Solution was developed with the progressive framework Vue.js and with knowledge obtained by comparison of existing annotation tools. The output of the work is new stand-alone component and other component with added functionality in FitLayout application. The result of the work is the web application module for creating new areas in documents and adjusted module for managing comments and tags.
|
host ::
RSS.