Návrh webové aplikace Praha Dnes

Michal Průcha

Bachelor's thesis

Design of the Prague Today web application

Abstract:

Tato bakalářská práce se zabývá popisem vývoje prototypu webové aplikace Praha dnes, která umožňuje vizualizaci geografických dat ze zdrojů třetích stran – v případě tohoto prototypu dat shromažďovaných hlavním městem Praha. Hlavním cílem práce bylo navrhnout a vyvinout prototyp aplikace na základě požadavků, které specifikoval Institut plánování a rozvoje hlavního města Prahy. V teoretické části je provedena rešerše metodik a vybrání vhodného postupu vývoje. V praktické části je popsán celý proces vývoje od definice požadavků, přes návrh architektury a uživatelského rozhraní, až po implementaci navrženého řešení. Návrh vrstev jakožto obsahové stránky byl zpracován na základě definování cílových skupin uživatelů. Řešení projektu bylo rozděleno do dvou samostatných aplikací – do hlavní aplikace určené pro uživatele a do aplikace pro správu vrstev. Hlavními technologiemi, pomocí kterých jsou aplikace vyvinuty, jsou Vue.js, Nuxt, Leaflet a cloudové služby AWS společnosti Amazon. V práci je popsáno uživatelské a nástrojové testování. Výsledky uživatelského testování ukazují, že aplikace je intuitivní a plní stanovené cíle. Testování však také úspěšně odkrylo řadu nedostatků. Výstupem této práce je funkční a otestovaný prototyp aplikace, jenž nabízí základ pro rozvoj samotné aplikace či vývoj aplikace nové, založené na vyvinutém prototypu.

Abstract:

This bachelor thesis focuses on describing the development of the prototype web application "Prague Today", which purpose is to visualize geographic data from third-party sources, specifically data collected by the capital city of Prague. The main objective of the thesis was to design and develop a prototype application based on requirements specified by the Prague Institute of Planning and Development. The theoretical part conducts a review of methodologies and selects an appropriate development approach. The practical part describes the entire development process from defining requirements, through the design of architecture and user interface, to the implementation of the proposed solution. The design of layers as content pages was processed based on defining target user groups. The project solution was divided into two separate applications – a main application intended for users and an application for layer management. The main technologies used for developing the applications are Vue.js, Nuxt, Leaflet, and Amazon AWS cloud services. The thesis describes user and tool testing. The results of user testing show that the application is intuitive and meets its set goals. However, testing also successfully revealed a number of deficiencies. The output of this thesis is a functional and tested prototype of the application, which offers a foundation for the development of the application itself or the development of a new application based on the developed prototype.

Keywords

webová aplikace, otevřená data, prototyp, Vue.js, mapová aplikace, AWS

Keywords

map application, AWS, prototype, web application, Vue.js, open data

Language used: Czech

Date on which the thesis was submitted / produced: 5. 5. 2024

Thesis defence

• Date of defence: 17. 6. 2024
• Supervisor: Dušan Chlapek
• Reader: Jiří Čtyroký

Vysoká škola ekonomická v Praze

Bachelor programme:
Aplikovaná informatika