Srovnání přístupů k tvorbě webového uživatelského rozhraní

Dominik Šnýdr

Bakalářská práce

The comparison of approaches to creating web user interface

Anotace:

Bakalářská práce je zaměřena na srovnání přístupů k tvorbě webového uživatelského rozhraní. Cílem srovnávání je určit vhodnost použití jednotlivých přístupů pro realizaci reálných responzivních webových stránek. K porovnání jsou vybrány tři odlišné přístupy realizace. První využívá pouze jazyků HTML, CSS a JAVASCRIPTU bez jakýchkoliv pomocných knihoven a frameworků. Druhý přístup využívá k realizaci v současné době populárního frameworku Bootstrap. Třetí přístup je mnohdy označován jako budoucnost webového vývoje, jelikož k realizaci využívá knihovny Polymer a Web Components. Pro zachování objektivity porovnávání se každým přístupem realizuje responzivní layout dle předem vytvořeného grafického návrhu. Vytvořené layouty se následně porovnávají z pohledu webového vývojáře a taktéž návštěvníka stránek. Výsledky srovnání přístupů mohou být využity při rozhodování o volbě vhodného způsobu k realizaci projektu z reálné praxe. Další možností využití výsledků je odhalení silných a slabých stránek porovnávaných přístupů.

Abstract:

The bachelor's thesis is focused on comparison of approaches to creating web user interface. The goal of comparison is to determine usage suitability of compared approaches to create real responsive web sites. These approaches are chosen for comparison. The first one uses pure HTML, CSS and JAVASCRIPT without any additional libraries or frameworks. The second one uses nowadays popular Bootstrap framework. And the third one is very often marked as a new way of web developing. This approach use the library called Polymer and Web Components. First of all is required to create graphic design to preserve objective results. Afterwards are the created layouts assessed from two different angles. From the web developer point of view and from the user perspective. The final results can be used for decision making in real world project of web site developing. Moreover it helps to reveal strength and weaknesses of each method.

Klíčová slova

responzivní webdesign, knihovna Polymer, Web Components, webové stránky, framework Bootstrap

Keywords

responsive webdesign, web sites, framework Bootstrap, Polymer library, Web Components

Jazyk práce: čeština

Datum vytvoření / odevzdání či podání práce: 13. 10. 2017

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

• Obhajoba proběhla 13. 6. 2018
• Vedoucí: Jiří Kosek
• Oponent: Stanislav Vojíř

Vysoká škola ekonomická v Praze

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