Využití PWA přístupu ve tvorbě softwarových aplikací

Vlastimil Lisák

Bakalářská práce

Software application development using PWA approach

Anotace:

V této práci je popsán problém náročnosti vývoje nativních multiplatformních aplikací. Jako teoretické řešení je uvedena alternativa vyvíjení progresivních webových aplikací, které mají ty nativní ve většině případech nahradit. Dále je zde popsán vývoj ukázkové aplikace osobního asistenta jako příklad progresivní webové aplikace. Teoretická část se zabývá popisem problematiky multiplatformních aplikací, jejich údržby a popsáním technologií, které jsou zapotřebí k vytvoření progresivní webové aplikace. Nejdříve popisuje různé možnosti k vytvoření nativní aplikace pro více zařízení, dále se zabývá náročností tohoto přístupu. Dále je popsán PWA přístup k vytvoření multiplatformních aplikací a výhody tohoto přístupu. Následuje popis klasických webových aplikací a technologií umožňujících vytvoření PWA. Praktická část obsahuje postup vytvoření PWA. Nejdříve byl proveden návrh UIX, slovy popsaný a navrhnutý ve vektorové grafice. Dále je popsán samotný vývoj kódu, byly zde ukázány důležité funkční části kódu. Závěrem je popsáno zhodnocení vyvinuté aplikace, její rychlost, testování a návrhy na vylepšení.

Abstract:

In this thesis, there are described problematics and difficulties of native cross-platform applications. The theoretical solution is the development of progressive web applications, that should replace the native applications in most cases. The development of a personal assistant demo application is described here as an example of a progressive web application. The theoretical part deals with the description of multiplatform applications and their maintenance, describing the technologies that are needed to create a progressive web application. It first describes the various options for creating a native application for multiple devices, then discusses the cost and complexity of this approach. Next, the PWA approach to creating multiplatform applications and the advantages of this approach are described. The following is a description of the classic web applications and the technologies enabling the creation of PWA. The practical part contains the procedure of creating PWA, first, the UIX design was performed, described in words, and designed in vector graphics. Furthermore, the development of the code itself is described, and important functional parts of the code are shown here. Finally, the evaluation of the developed application, its speed, testing, and suggestions for improvement are described.

Klíčová slova

PWA – Progresivní webová aplikace, front-end technologie, off-line aplikace, HTML, CSS, JavaScript

Keywords

PWA – progressive web application, front-end technology, off-line application, HTML, CSS, JavaScript

Jazyk práce: čeština

Datum vytvoření / odevzdání či podání práce: 30. 3. 2023

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

• Obhajoba proběhla 18. 5. 2023
• Vedoucí: doc. Ing. Vojtěch Merunka, Ph.D.
• Oponent: Martin Molhanec, Bc., externi

Česká zemědělská univerzita v Praze

Provozně ekonomická fakulta

Bakalářský studijní program:
Informatika