Original title:
Přístupy k řešení grafického designu mobilních webových aplikací
Translated title:
Approaches to solutions of graphic design of mobile web applications
Authors:
Čapek, Michal ; Šedivá, Zuzana (advisor) ; Buchalcevová, Alena (referee) Document type: Bachelor's theses
Year:
2011
Language:
cze Publisher:
Vysoká škola ekonomická v Praze Abstract:
[cze][eng] 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í.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.
Keywords:
browscap; CSS3; HTML; media query; mobile internet; mobile internet browsers; Mobile webdesign; responsive web; user-agent; browscap; CSS3; HTML; media query; mobilní internet; mobilní internetové prohlížeče; Mobilní webdesign; responsivní web; user-agent
Institution: University of Economics, Prague
(web)
Document availability information: Available in the digital repository of the University of Economics, Prague. Original record: http://www.vse.cz/vskp/eid/29502