Využitie responzívneho designu v návrhu aplikácie

Ján Puškár

Bakalářská práce

Využití responzivního designu v návrhu aplikací

Anotace:

Bakalářská práce je orientovaná na komparaci nejpoužívanějších přístupů k prezentování webového obsahu na mobilních zařízeních, s cílem umožnit efektivní rozhodování o způsobu prezentace obsahu. Práce se v první části věnuje vzniku responzivního dizajnu a jeho pilířům. Dále se práce zabývá všeobecným posouzením vhodnosti využití responzivního dizajnu a identifikací odlišností v provozování klasické webové stránky, stránky s mobilní verzí a responzivní stránky. Další část práce je věnovaná praktické demonstraci implementace responzivního dizajnu při tvorbě nové responzivní stránky. Práce obsahuje popis pracovního postupu a výsledky testování.

Abstract:

The thesis compares the most frequently used approaches to presenting web content on mobile devices in order to enable a more effective decision-making process concerning content presentation approaches. This thesis in the first part focuses on the responsive design origin and its pillars. Furthermore, the work deals with a general assessment of the appropriateness of using responsive design and identification of differences in the maintaining of a classical web page, the page with the mobile version and with the responsive website. The next part is devoted to the practical demonstration of the implementation of responsive design for a new responsive site. The work contains a description of the workflow and results of testing.

Abstract:

Bakalárska práca je orientovaná na komparáciu najpoužívanejších prístupov k prezentovaniu webového obsahu na mobilných zariadeniach, s cieľom umožniť efektívne rozhodovanie o spôsobe prezentácie obsahu. Práca sa v prvej časti venuje vzniku responzívneho dizajnu a jeho pilierom. Ďalej sa práca zaoberá všeobecným posúdením vhodnosti využitia responzívneho dizajnu a identifikáciou odlišností v prevádzkovaní klasickej webovej stránky, stránky s mobilnou verziou a responzívnej stránky. Ďalšia časť práce je venovaná praktickej demonštrácii implementácie responzívneho dizajnu pri tvorbe novej responzívnej stránky. Práca obsahuje popis pracovného postupu a výsledky testovania.

Klíčová slova

HTML5, mobilní web, responzivní dizajn, content first, progressive enhancement, CSS3, mobile first

Keywords

HTML5, content first, mobile web, CSS3, mobile first, progressive enhancement, responsive design

Klíčová slova

responzívny dizajn, progressive enhancement, CSS3, mobile first, content first, HTML5, mobilný web

Jazyk práce: slovenština

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

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

• Obhajoba proběhla 24. 6. 2015
• Vedoucí: Jakub Albrecht
• Oponent: Jiří Voříšek

Vysoká škola ekonomická v Praze

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