|
|
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.
|
|
|
Development of Web Application in Nonbanking Sector
Kuruc, Tomáš ; Truhlář, Luboš (referee) ; Dydowicz, Petr (advisor)
The bachelor thesis focuses on the design and development of a web application for VistaCredit, s.r.o., which offers financial services in non-banking sector. The design and development process is based on the requirements set by the company and on the data obtained from the performed analyzes of the current state. The front-end of the web application is implemented using React.js and TypeScript libraries and using the Bootstrap css framework. The web application fully communicates with the REST API created by company.
|
|
|
Mobile application for dysarthria assessment utilising the Test 3F
Grenčík, Dominik ; Mucha, Ján (referee) ; Mekyska, Jiří (advisor)
Speech dysarthria is a impaired communication ability, a motor disorder affecting basic modal aspects of speech. In the Czech Republic, Test 3F, developed in the current clinical speech therapy, is used in diagnostics in both text and electronic form, consisting of 45 execution tasks. Currently, the trend of using mobile applications is expanding in various areas of life, which speed up and streamline human communication and work. The aim of this work is to create a simple but high-quality and reliable mobile application of Test 3F as a diagnostic tool for the examination of speech dysarthria in an effort to help clinical speech therapy in simplifying the diagnosis of this disorder. Mobile application is programmed using several programming languages: Backend is programmed in PHP using the Laravel framework. Frontend is programmed in JavaScript using the React library and the Material UI component library.
|
|
|
Universal data storage for IoT applications
Kadlíček, Matej ; Myška, Vojtěch (referee) ; Šteffan, Pavel (advisor)
The master’s thesis is written about the topic of data warehouse and the technology associated with it. The aim of the theses was to select programming tools for creating a website. Next aim was to design the functionality, appearence and datastorage. Subsequent implementation of design was done after. Theses was divided into 5 chapters. The first one includes selections of programming tools for a creating a backend. Second chapter includes design of database storage. Third chapter includes design of functionality and user interface. Fourth chapter includes implementation of the application and the last one includes testing.
|
|
|
Development of a Web Invoicing Tool in a Corporate Environment
Bohdálek, Tomáš ; Svěrák, Tomáš (referee) ; Dydowicz, Petr (advisor)
The bachelor thesis focuses on the design and development of a web application for financial management in the company Proof & Reason, s.r.o. The company provides services in the field of digital products. The process of design and development of the application is based on the requirements of the company and analysis of the current solution, which will be replaced by this application. The frontend of the web application is implemented using the Next.js framework and the React.js and Material UI libraries. The application also communicates with the REST API which was already created by the company.
|
|
|
Continuous Integration Dashboard
Abramov, Mikhail ; Rychlý, Marek (referee) ; Burget, Radek (advisor)
Tato bakalářská práce se zabývá vývojem webové aplikace pro integraci nástrojů CI/CD. Úkolem bylo prostudovat dostupné technologie a připravit aplikaci odpovídající zadaným požadavkům. Během implementace systému byly nastudovány aspekty vývoje, jako jsou nástroje CI/CD, rámce serveru, uživatelské rámce, databáze, technologie webových serverů, nástroje pro práci s kontejnery. Výsledkem bakalářské práce je aplikace skládající se ze tří částí: serverová část, klientská část a databáze. Tato aplikace je rozdělená do tří částí a připravena ke spuštění v nástrojích kontejnerizace.
|
|
|
Front-End for Generator of Test Data
Freyburg, Petr ; Janoušek, Vladimír (referee) ; Smrčka, Aleš (advisor)
The goal of this bachelor thesis is to create web application for generating structured test data for software testing. The project integrates existing test data generator Gestr. The project includes creating REST application interface and web frontend. The tool is implemented using Python and Flask framework, user interface is realized by HTML, CSS and JavaScript. Application can prepare inputs for generator and start generating.
|
guest ::
