|
|
Creating a User Interface for an Industrial Test-It-Off System
Tabaček, Jakub ; Kapinus, Michal (referee) ; Beran, Vítězslav (advisor)
This work is focused on the design, development and testing of a web interface for operators of a robotic system. To solve the problem, the most popular reactive framework React and knowledge obtained from the analysis of users and their needs were used. The output of the work is an intuitive web interface, designed according to recommended UX practices, enabling operators to simply and easily launch and monitor the progress of projects.
|
|
|
Chess Web Application
Kolaříková, Mirka ; Hynek, Jiří (referee) ; Burget, Radek (advisor)
The aim of this thesis was to design and implement an interactive web application for a children's chess club. The application includes member management, attendance tracking, tournament management, a motivational program for students, and a visualized replay of chess games in PGN format. The application was implemented using modern web technologies such as Vue.js, Laravel, and MySQL database. The resulting application was successfully created and tested.
|
|
|
Control of appliances by Raspberry Pi
Panský, Michal ; Petyovský, Petr (referee) ; Macho, Tomáš (advisor)
This thesis deals with the design of hardware and software solutions for controlling household appliances using Raspberry Pi. The software part utilizes modern frameworks for creating web and mobile applications such as Svelte and SvelteNative, as well as programming languages like Typescript, Svelte, Python, and NativeScript. The thesis also describes the design and implementation of both the hardware and software parts, followed by the setup and execution of the entire program and the results of testing.
|
|
|
Development of Web Single Page Applications using a promising micro-frontend technique.
VRBA, Petr
The point of the bachelors thesis is to process problematics of the Single Page Applications (SPA further) websites development using promising micro-frontend technologies. Using of micro-frontend technologies for SPA allows processing of data and website content without need of webpage refresh. They are concurrently promising method, how to realize more complex aplications without server overload, thanks to division of labor between server and clients browser. The content of the theoretical part will be focused on meaning and specifications of SPA and micro-frontend, then presentation of specific JavaScript frameworks. In the theoretical part will be presented functionality and the importance of packaging systems for SPA also. The main result of the work will be SPA website demonstrating usement of micro-frontend technologies on specific examples and functionalities. The website will be used as first public documentation in czech language, dedicate with Single Page Applications using micro-frontend, which will be able to be used by IT professionals and students.
|
|
|
Návrh a realizace webové aplikace pro podporu online vzdělávání na základní škole
Linek, Kryštof
The aim of the bachelor's thesis is the design and implementation of a web application to support the education of children in primary school. The work includes an analysis of available technologies and possibilities in the field of online education. This is followed by an analysis of the problem to be solved in connection with the choice of technologies. The practical part presents the procedure of implementing the application based on the findings of the analytical part and the method of testing and deployment. The result is a web application designed for the aforementioned purpose. The conclusion of the bachelor thesis contains a critical evaluation of the web application and further suggestions for its extension.
|
|
|
Webová administratíva pre mobilnú aplikácii MyMENDELU
Bistáková, Lenka
This diploma thesis deals with the design and following implementation of a front-end web administration for the mobile application MyMendelu, focusing on the creation of the application architecture and map module in the form of an interactive map. The individual modules are used to manage the most frequently asked questions, reports and rooms of the buildings and campus of Mendel University. Part of the diploma thesis is the analysis of modern frameworks and tools used for creating web front-ends, as well as the analysis of map libraries for building an interactive map. The functionality of the system is proposed based on this analysis, and the resulting solution using the Vue.js and Leaflet frameworks is based on the specification of the requirements contained in this thesis. The implemented administration presents a clear interface used by university employees to ensure the up-to-dateness of the mobile application data, without the need for the intervention of a programmer.
|
|
|
Creating visual components of web using Object Oriented CSS and BEM methodology
SMRŽ, Jan
The aim of this thesis is to use the right approach when writing object-oriented CSS (OOCSS) code in HTML5 and using the methodology of BEM while developing frontend. OOSCC is a way to write easily understandable code which can be used multiple time is simple to manage and does not take much space. BEM methodology gives us an approach that is used to correctly name different blocks, elements or modifiers. Both of them together can be used to simplify writing CSS not only for the person writing it but also for everyone else on the team. In this thesis I will be comparing writing object-oriented CSS, benefits of using BEM methodology and not using either of these approaches. The outcome of this work will be a web presentation consisting of OOCSS with BEM methodology, time consumption, data size and difficulty of development for developers.
|
|
| |
|
|
Web Tool for Creation, Management, and Use of a Database of Sports Poses
Křivánek, Tomáš ; Tesařová, Alena (referee) ; Herout, Adam (advisor)
This paper is focused on two searching methods and how they can be used in any searching and in any web application. Two most important qualities of any search are speed and accuracy. One of the best methods in terms of speed is so-called live search. This method provides results immediately when the user starts typing their search expression. That is why in many cases, the user does not even have to finish their expression, because when seeing the result, the user can immediately access it. Search accuracy is often achieved by using keywords or some part of text. Another common way to organize and fetch documents are tags: a short string which identifies a post or a photo. Multiple tags are then used similarly to plain keywords. This work proposes to use tags as a new searching logical language, where presence and/or absence of tags can be required. For this purpose I created a simple logical language "Queries", because they can be used very similarly to database queries. In my case, the language and the user interface is made very simple so that a normal user can specify the query himself. This search tool is showcased in a web application focused around yoga poses. Both methods are used there -- the user can search in the yoga poses database by name or by the queries language.
|
|
|
Web Document Annotator
Hrúz, Tomáš ; Hynek, Jiří (referee) ; Burget, Radek (advisor)
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.
|
guest ::
