Návrh a implementace responsivního rozhraní portálu Gloffer

Václav Pilík

Diplomová práce

Design and Implementation of Responsive Interface for Portal Gloffer

Anotace:

Diplomová práce se zabývá kompletní tvorbou vizuálního responzivního rozhraní portálu Gloffer. V úvodu práce jsou popsány vhodné technologie, které mohou být využity při tvorbě webových stránek a aplikací. Dále následuje část práce zabývající se responzivním webdesignem. Tato část popisuje principy a technologie používané při tvorbě responzivních webových stránek a aplikací. Informace získané v této části poslouží ke kvalitní realizaci responzivního rozhraní portálu. Poté je provedena podrobná analýza již existujících řešení. Na základě této analýzy jsou stanoveny konkrétní požadavky nejen na vizuální rozhraní portálu, ale i na jeho celkovou funkčnost. Z těchto požadavků je vytvořen návrh vizuálního rozhraní portálu. Samotný návrh je zpracován ve formě drátěných modelů. Dle specifikace požadavků a návrhu jsou vybrány vhodné technologie, s jejichž pomocí bude provedena implementace vizuálního rozhraní portálu. V rámci implementace je popsáno, jak vytvořené vizuální rozhraní stránek, tak interaktivní prvky, jež zvyšují použitelnost celého rozhraní. Součástí implementace je popis vytvořené online dokumentace nejpoužívanějších vizuálních komponent. Na závěr je popsáno testování stránek portálu a také je provedeno srovnání výsledného řešení s již existujícími portály.

Abstract:

The final master’s thesis deals with complete creation of a visual responsive Gloffer’s portal interface. At the beginning of thesis are described suitable technologies, which can be used in process of web pages and applications creation. Next follows up part of the thesis dealing with responsive webdesign. This part describes principals and technologies used during creation of responsive web pages and applications. Information gained in this part will serve to the quality responsive portal’s interface realization. Than is carried out a detailed analysis of existing solutions. Based on the analysis are set up specific requirements not only for visual portal’s interface, but even for its whole functionality. From those requirements is created proposal of portal’s visual interface. The proposal itself is composed in wire models form. According to the requirements and proposals specification are chosen suitable technologies, with which help the implementation of portal’s visual interface will be performed. Under the implementation is described, how the visual interface of pages is created, as well as interactive elements, that increases usability of whole interface. As part of the implementation is description of created online documentation of the mostly used visual components. Finally is described portal’s sides testing and also did comparison of final solution with already existed portals.

Klíčová slova

prodejní portál, srovnávač zboží, poptávkový systém, responzivní webdesign, uživatelské rozhraní, CSS3, HTML5, JavaScript, CSS preprocesor, frontendový framework, Bootstrap

Keywords

sales portal, product aggregator, demand system, responsive webdesign, user interface, CSS3, HTML5, JavaScript, CSS preprocessor, frontend framework, Bootstrap

Jazyk práce: čeština

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

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

• Obhajoba proběhla 4. 6. 2018
• Vedoucí: Radoslav Fasuga
• Oponent: Libor Holub

VŠB - Technická univerzita Ostrava

Fakulta elektrotechniky a informatiky

Magisterský studijní program / obor:
Informační a komunikační technologie / Informatika a výpočetní technika