Návrh webového projektu s ohledem na "responsive design".

BcA. David Šupka

Master's thesis

The Web Design Project with Regard to the "Responsive Design".

Abstract:

Diplomová práce se zaměřuje na komplexní řešení webového projektu od návrhu po realizaci a jeho následnou propagaci. Zároveň webový projekt reflektuje současné trendy v oblasti webové komunikace (grafické i technologické), zejména pak rozšíření webových prezentací z monitorů stolních počítačů a notebooků na mobilní zařízení - telefony a tablety. Na těchto zařízeních je umožněna přístupnost projektu při použití postupů tzv. "responsivní tvorby" s ohledem na dodržování pravidel přístupnosti a zákonitostí SEO. V teoretické části práce je obecně pojednáno o vývoji webových stránek a aplikací obecně, trendů v této oblasti a jejich vztahu s uživatelem a nárokům na zpracování s ohledem na dobu a výstupní/zobrazovací zařízení uživatele. Pozornost je věnována trendům v elektronickém publikování, problematice rozlišení jednotlivých zařízení a k tomu se vztahujícím výhodám a omezením při zobrazovaní webového obsahu. Tyto poznatky a souvislosti jsou v praktické části práce aplikovány na projekt "JustGreet", jenž uživateli umožňuje zaslání/sdílení personifikovaného pozdravu přátelům, či rodině. Webový projekt komunikuje možnost vytvoření osobního přání/pozdravu, který je možno zaslat prostřednictvím e-mailu, či sdílet přes sociální sítě Facebook nebo Twitter. Výstupem praktické části diplomové práce je funkční responsivní webový projekt, který je přístupný jak ze stolního počítače, tak z mobilního zařízení typu tablet, či telefon.

Abstract:

The final thesis focuses on solving web based project in comprehensive way, from design to implementation and its following promotion. At the same time, web project reflects current trends in field of the web communication (graphical and technological), especially the extension of web presentation from desktop monitors and notebook computers to mobile devices - phones and tablets. The accessibility of the projects is enabled by using methods, so-called "responsive design", with regard to respect accessibility rules and regularity of SEO. In the theoretical part of the thesis it is discussed the development of websites and web applications in general, it is discussed trends in this field and relations of websites with their users, demands to processing with regard to term and users output/input devices. Attention is devoted to trends in electronic publication, issues of each device resolution and indicating advantages and limitations of displaying web content. These knowledge and contexts are applied to the practical part of the thesis to project called "JustGreet", which allows to users send/share their personalized greeting cards to their friends or family. The project communicates the possibility of creating personal greeting cards / greeting which can be sent via e-mail, or share via social networks Facebook or Twitter. The output of the practical part of the thesis is the functional responsive web design, which is accessible from desktop computers as well as from mobile devices such as tablet or mobile phone.

Keywords

web, webový, projekt, prezentace, webdesign, responsive, development, mobilní, zařízení, přístupnost, SEO, propagace, marketing

Language used: Czech

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

Accessible from:: 17. 5. 2013

Thesis defence

• Supervisor: Mgr. Pavel Krutil

Tomas Bata University in Zlín

Faculty of Multimedia Communications

Master programme / field:
Visual Arts / Multimedia and Design - Visual Communication