Implementace webové aplikace pro plánování směn

Jiří Pipek

Bakalářská práce

Implementation of Shift Planning Web Application

Anotace:

Cílem bakalářské práce je definovat webovou aplikaci, popsat technologie, které se pro její vývoj využívají, představit jazyk JavaScript s jeho frameworky a na základě těchto teoretických znalostí navrhnout a implementovat funkční webovou aplikaci pro plánování směn. Konkrétně práce představuje technologie HTML, CSS a DOM starající se o strukturu webové aplikace a technologie REST, SOAP a AJAX, které pracují s daty. Popisuje také rozdíl mezi jednostránkovými a vícestránkovými aplikacemi a novodobý trend progresivních webových aplikací. Následně je popsán programovací jazyk JavaScript, jeho frontendové technologie Vue.js, React, Angular a backendové technologie Express, Koa.js a Hapi. V závěru teoretické části se práce zaobírá i různými typy databází, a to MongoDB, PostgreSQL a Firebase. V praktické části práce je navržena aplikace dle daných požadavků a jsou vybrány technologie pro její vývoj. Poslední část již řeší problémy vzniklé při samotné implementaci.

Abstract:

The aim of the bachelor's thesis is to define the web application, describe the technologies used for its development, introduce JavaScript language with its frameworks and, based on theoretical knowledge, design and implement a functional web application for shift planning. In particular, thesis introduces technologies managing the structure of web applications, such as HTML, CSS, and DOM, as well as technologies working with data, namely REST, SOAP, and AJAX. It also describes the difference between single-page and multi-page applications and the modern trend of progressive web applications. Following chapters are describing JavaScript programming language, its frontend technologies like Vue.js, React, and Angular, followed by backend technologies including Express, Koa.js and Hapi. Theoretical part of the dissertation is concluded by various types of databases, namely MongoDB, PostgreSQL and Firebase. Subsequently is presented practical part of the thesis, where the web application itself is designed according to the given requirements, along with technologies being selected for app's development. The last part solves problems that occur during the implementation itself.

Klíčová slova

Aplikace webová, Javascript, REST, Vue.js, MongoDB, Express

Keywords

Web application, Javascript, REST, Vue.js, MongoDB, Express

Jazyk práce: čeština

Datum vytvoření / odevzdání či podání práce: 26. 4. 2021

Obhajoba závěrečné práce

• Obhajoba proběhla 31. 5. 2021
• Vedoucí: Ing. Michal Macinka
• Oponent: Mgr. Vojtěch Vorel, Ph.D.

Univerzita Hradec Králové

Fakulta informatiky a managementu

Bakalářský studijní program / obor:
Aplikovaná informatika / Aplikovaná informatika