|
|
Configuration and Reservation System for Concert Halls
Sikora, Vít ; Burget, Radek (referee) ; Zendulka, Jaroslav (advisor)
This paper describes the implementation of a web application that enables configuring events in concert halls and defining sections and seats in those halls. Furthermore, application can run in a mode for end users that enables placing reservations in previously defined halls. Certain emphasis is placed on customizability so that it would be easy to integrate this application into an existing system. Implementation is divided into server part (REST API) realized using PHP 7 with Restler framework and to client part built as a single page application using modern Javascript (ECMAScript 2016) with React framework and transpiled to common Javascript and HTML using Webpack and Babel.
|
|
|
Visualising CPU Activity
Ďurčo, Marián ; Češka, Milan (referee) ; Vojnar, Tomáš (advisor)
This thesis is intended to be a complement for learning about the RISC pipeline. Product of this thesis is a web application. After reviewing various tools and libraries suitable for this work, we have chosen two main libraries React and Redux. The created solution allows the instruction flow to be displayed in the RISC pipeline as well as states of the registers and the memory. It makes easy to perform transitions between the various parts of the visualization. This visualization allows a basic understanding of the RISC pipeline principles and also individual assembly instructions.
|
|
|
Generic Configuration Interface for Virtual Machines
Krajňák, Martin ; Očenášek, Pavel (referee) ; Bartík, Vladimír (advisor)
The aim of this work is to document the development process of configuration dialogs for oVirt entities. Main focus is placed on virtual machine dialog as it has plenty of dependencies related to each other. The work also describes communication with oVirt engine through REST API and experimentally ManageIQ REST API. Dialogs are created using modern Javascript frameworks React, Redux and Redux-Saga to secure proper content and state management in every possible situation. The development work done by this thesis should improve the code base, user-experience and speed up execution of basic tasks.
|
|
| |
|
| |
|
|
Functional languages compiled to JavaScript in practice
Mladý, Lukáš ; Bruckner, Tomáš (advisor) ; Kosek, Jiří (referee)
The thesis focuses on functional principles applied in front-end application development. The main goal is to analyze applicability of functional language Elm in practice, in comparison to contemporary JavaScript that builds on React and Redux libraries. The goal was attained through analysis and comparison of JavaScript and Elm in regards to their architecture and support of real-life front-end application development. Main contribution of this thesis lies in comprehensive analysis and overview of front-end development using JavaScript and Elm. It offers strong argument for using Elm in practice today. It also fills a gap in BroadcastChannel API support in Elm using a dedicated package. The text of this thesis begins with a functional principles support analysis in JavaScript. Next, it describes the most used functional languages compiled to JavaScript, including their applicability by JavaScript developers. Then it compares front-end architecture of both JavaScript and Elm followed by a real-life development experience analysis. The thesis concludes with a practical implementation of a package that fills in for missing BroadcastChannel API support in Elm.
|
|
|
Methodology for mobile development in React Native
Suk, Filip ; Mittner, Jan (advisor) ; Buchalcevová, Alena (referee)
Main goal of this thesis is designing a methodology for developing mobile applications in React Native framework. To accomplish the main goal, these goals were set: characterize current state of mobile development, introduce reader to JavaScript and React Native development, design methodology content by extending OpenUP methodology and applying the new methodology to implementation of example app. Outputs of this thesis could be valuable for small mobile development teams and students interested in this field.
|
|
|
Využití frameworků Redux a React při vývoji webových aplikací
Kolínek, David ; Stanovská, Iva (advisor) ; Pavlíček, Luboš (referee)
MVC architecture is one of the most known and used architecture for application development, for both web and desktop based application. New architecture evolved though thanks to the fast-growing industry and it brings new practices that are much more convenient to use. The main goal of this theses is to describe how Redux library, which is based on this new architecture, is used for application development. Redux is only a state management library, another library is needed for creating the user interface. It is possible to create the user interface from the scratch but it takes a lot of time and it is difficult to scale. React library is possibly the most favorite library for creating UI and it works well together with Redux. For these reasons, React was selected as the UI library that will be used in this thesis. While theoretical part of this thesis is focused on describing principles Redux and React libraries are based upon and the best practices for using these libraries, practical part is focused on using the theoretical knowledge in the real world, demonstrated on the web application for invoicing. Development of the invoicing system is described in a way that demonstrates to the reader how to approach web application development, what does it contain and where to start.
|
|
|
Startpage for TV Application
Bureš, Michal ; Bureš, Tomáš (advisor) ; Horký, Vojtěch (referee)
In this thesis we implement configurable set-top box TV application in context of an embedded web browser. Work is executed in accord with strict customer requirements and fully integrated into large IPTV platform. It takes form of a complex start-up menu, whose first section is an interactive tile grid with tile- scaled video player. Other sections contain smaller applications or sub-sections. We build upon modules that transform data sources into tiles. They are then pro- jected to horizontal carousels according to dynamic configuration. A well defined interface to integrate new modules is provided. Almost twenty different modules are ready for immediate use. They provide various parametrized tiles such as live programmes that can be directly started or recorded. Our user interface layer, using React and Redux libraries, leverages the single page application paradigm. For predictability, any modification of application state is made by emitting ac- tions handled solely by pure functions. Set-top box performance issues forced us to implement an immutable state optimization that cut the average render time of our React components by more than a half. ii
|
|
|
Web tool for graphical presentation design
Košina, Boris ; Španěl, Michal (referee) ; Beran, Vítězslav (advisor)
This bachelor thesis describes process of creating of simple graphic editor with support of product feeds in web client environment. The purpose of editor is to create graphical presentations of products intended for social media campaigns through the graphical primitives, texts and images. Final thesis gives a detailed description of aforementioned process, where research of appropriate technologies , customer requirements, and last but not least interface design and its testing was studied. Further sections within this thesis deal with graphical primitives and image filters. They describe characterization of design, implementation and further integration was carried out to final solution of editor.
|
guest ::
