Approaches to solutions of graphic design of mobile web applications

Thesis title: Přístupy k řešení grafického designu mobilních webových aplikací
Author: Čapek, Michal
Thesis type: Bakalářská práce
Supervisor: Šedivá, Zuzana
Opponents: Buchalcevová, Alena
Thesis language: Česky
Abstract:
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í.
Keywords: browscap; mobilní internetové prohlížeče; media query; mobilní internet; HTML; user-agent; responsivní web; CSS3; Mobilní webdesign
Thesis title: Approaches to solutions of graphic design of mobile web applications
Author: Čapek, Michal
Thesis type: Bachelor thesis
Supervisor: Šedivá, Zuzana
Opponents: Buchalcevová, Alena
Thesis language: Česky
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.
Keywords: mobile internet browsers; CSS3; media query; responsive web; mobile internet; Mobile webdesign; HTML; browscap; user-agent

Information about study

Study programme: Aplikovaná informatika/Informatika
Type of study programme: Bakalářský studijní program
Assigned degree: Bc.
Institutions assigning academic degree: Vysoká škola ekonomická v Praze
Faculty: Faculty of Informatics and Statistics
Department: Department of Information Technologies

Information on submission and defense

Date of assignment: 26. 9. 2011
Date of submission: 7. 12. 2011
Date of defense: 23. 1. 2012
Identifier in the InSIS system: https://insis.vse.cz/zp/32857/podrobnosti

Files for download

    Last update: