Přístupy k řešení grafického designu mobilních webových aplikací

Michal Čapek

Bakalářská práce

Approaches to solutions of graphic design of mobile web applications

Anotace:

Tato práce popisuje rozdíl mezi webdesignem mobilních a internetových stránek pro PC z převážně technologického pohledu. V první části práce popisuji současnou situaci v České republice, včetně nejpoužívanějších zařízení, mobilních operačních systémů a internetových prohlížečů. Dále se zaměřuji na důležité rady v oblasti vytváření mobilních internetových stránek. Tyto rady zde zdůrazňuji, protože nejsou vždy shodné s vytvářením webových stránek pro PC. V závěru teoretické části uvádím metody rozpoznávání zařízení přistupujících k internetové stránce a trendy v oboru tvorby mobilního internetu. V praktické části popisuji implementaci metod z teoretické části, a testování na různých zařízeních. Testování je prováděno na ukázkových HTML stránkách s využitím nových prvků CSS3 a HTML5. Testování je zaměřeno na funkci metod rozpoznání, funkci nových internetových prvků a porovnání složitosti implementací. V závěru práce slovně porovnávám jednotlivé metody a uvádím vhodné příklady využití.

Abstract:

This work describes the difference between webdesign of mobile and standard websites from predominantly technological perspective. In the first part of the work I describe the current situation in Czech Republic, including the most popular devices, mobile operating systems and web browsers. Furthermore, I focus on the important tips for creating mobile websites. These tips I mention here, because they are not always consistent with creating web pages for PC. In the end of teoretical part I describe methods of detection devices during accessing the website, and trends in the field of mobile Internet. In practical part I describe implementation of methods from the theoretical part, and testing on different devices. Testing is performed on the sample HTML pages using the new features of CSS3 and HTML5. Testing is focused on methods of detection function, the function of new Internet features and compare the complexity of implementation. In conclusion I compare different methods and mention the use of appropriate examples.

Klíčová slova

browscap, mobilní internetové prohlížeče, media query, mobilní internet, HTML, user-agent, responsivní web, CSS3, Mobilní webdesign

Keywords

mobile internet browsers, CSS3, media query, responsive web, mobile internet, Mobile webdesign, HTML, browscap, user-agent

Jazyk práce: čeština

Datum vytvoření / odevzdání či podání práce: 26. 9. 2011

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

• Obhajoba proběhla 23. 1. 2012
• Vedoucí: Zuzana Šedivá
• Oponent: Alena Buchalcevová

Vysoká škola ekonomická v Praze

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