Responzivní web optimalizovaný pro dotykové platformy

Patrik Zajíc

Master's thesis

Responsive Web Optimized for Touch Platforms

Abstract:

Diplomová práce se zaobírá tvorbou responzivního designu webu a s ním spojenou optimalizací pro dotyková zařízení. V teoretické části se diplomová práce zaměřuje na vysvětlení pojmů, které přímo souvisejí s tvorbou moderních webových stránek. Jedná se především o responzivní techniky, ale také o přístupy k tvorbě webu jako takového. Zmíněny jsou rovněž zásadní oblasti současného směru tvorby stránek, mezi které patří trendy, vektorová grafika a ovládání pomocí dotykových gest. V praktické části se poté práce zaměřuje na využití těchto znalostí na konkrétním příkladu, kdy je redesignována podoba webových stránek Zemedělského svazu České republiky. Práce pojednává o návrhu podoby desktopové verze webu, která slouží jako základ pro postupné začlenění responzivních technik tak, aby byla zaručená pohodlná čitelnost na zařízeních různého typu. Optimalizace pro dotykové platformy zahrnuje rovněž implementaci vektorové grafiky či ovládání pomocí dotykových gest.

Abstract:

This thesis deals with the creation of responsive web design and the associated optimizations for touch devices. The theoretical part of the thesis focuses on explaining the concepts that are directly related to the creation of modern websites. These are primarily responsive technology, but also on approaches to creating the website itself. Mentioned are also essential in contemporary direction of making pages, which include trendy, vector graphics and control via touch gestures. In the practical part I work focuses on the use of this knowledge in a specific example, when the redesigned form the website of the Agricultural Association of the Czech Republic. The work deals with the design form of desktop version of the website, which serves as the basis for the gradual incorporation responsive techniques so as to ensure a comfortable readability on devices of various types. Optimized for touch platform also includes the implementation of vector graphics and control using touch gestures.

Keywords

responzivní web design, web design, flat design, smartphone, tablet, dotyková zařízení, dotyková gesta, Android, iOs, Windows Phone, CSS, HTML, Javascript

Keywords

responsive web design, web design, flat design, smartphone, tablets, touch devices, Touch gestures, Android, iOS, Windows Phone, CSS, HTML, Javascript

Language used: Czech

Date on which the thesis was submitted / produced: 25. 4. 2015

Thesis defence

• Date of defence: 1. 6. 2015
• Supervisor: Martin Pochyla
• Reader: Petr Juráň

VŠB - Technical University of Ostrava

Ekonomická fakulta

Master programme / field:
Systémové inženýrství a informatika / Aplikovaná informatika