Vývoj moderních uživatelských rozhraní ve frameworku Angular

Bc. Martin Hamerník

Diplomová práce

Development of modern user interfaces in Angular framework

Anotace:

Cílem této práce je analyzovat současný stav vývoje webových uživatelských rozhraní obecně a v prostředí CSIRT-MU, navrhnout a aplikovat moderní architektonické přístupy založené na mikroslužbách a vytvořit sadu podpůrných nástrojů, zlepšujících kvalitu a rychlost vývoje nových uživatelských rozhraní. K dosažení tohoto cíle, práce navrhuje a implementuje framework pro aplikace vyvíjené ve frameworku Angular. Autorem vyvinutý framework se skládá z knihoven poskytujících jednotné předdefinované rozložení jednotlivých prvků aplikací, základní sadu komponent pro vývoj uživatelských rozhraní a také rozhraní pro autentizaci a autorizaci. Kromě výše zmíněných nástrojů, navrhuje framework několik architektonických vzorů vhodných pro vývoj komplexních aplikací ve frameworku Angular. Součástí této práce je praktická aplikace navržených architektonických vzorů a integrace frameworku do existujících webových aplikací KYPO Cyber Range Platform a Security Dashboard.

Abstract:

This thesis aims to analyze the current state of development of web user interfaces in general and in the CSIRT-MU environment, design and apply modern architectural approaches based on microservices, and create a set of supportive tools to improve quality and speed of development of new user interfaces. To achieve this goal, the author designs and implements a framework for Angular applications. The framework consists of libraries providing a unified pre-defined layout, a set of base components for the development of complex user interfaces, and interfaces for authentication and authorization. In addition to the aforementioned capabilities, the framework proposes several architectural patterns suitable for developing complex Angular applications. A part of this thesis is a practical application of the proposed architectural patterns and integration of the framework into the KYPO Cyber Range Platform and Security Dashboard web applications.

Keywords

frontend, user interface, angular, kypo, cybersecurity, csirt-mu, software architecture, software engineering, uživatelská rozhraní, kyberbezpečnost, softwarová architektura, softwarové inženýrství

Jazyk práce: angličtina

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

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

• Obhajoba proběhla 11. 2. 2021
• Vedoucí: RNDr. Daniel Tovarňák, Ph.D.
• Oponent: RNDr. Vít Rusňák, Ph.D.

Masarykova univerzita

Fakulta informatiky

Magisterský studijní program / obor:
Aplikovaná informatika / Služby - výzkum, řízení a inovace