Development of Web Applications for Operation on Mobile Phones

This thesis discusses workflow and technologies used to create mobile web apps. The thesis focuses mainly on web for touch devices. First part of this work describes differences between mobile phones and personal computers. These differences are compared mainly in task of ergonomic use and technological limits for mobile web browsing. It also discusses common problems of web for mobile devices. Main part of this thesis shows workflow of using technology and design principles for creating mobile web. It discusses patterns for proper graphic design which improves ergonomic use of web on mobile devices. The thesis also shows some software technologies used to developing mobile web. It also compares differences between native and mobile apps and shows some utilities for creating native apps using web technologies. The end of work is shown example of creating native app and different approaches of creating mobile web apps.Tato práce se zabývá postupy a technologiemi, které jsou využívány pro tvorbu mobilních webových aplikací. Práce je zaměřena především na web pro dotykové telefony. Na začátku práce jsou vysvětleny rozdíly mezi mobilním telefonem a osobním počítačem. Jejich rozdíly jsou srovnány hlavně z hlediska ergonomie při prohlížení webových stránek a technologických omezení, které s prohlížením webu souvisí a definuje hlavní problémy webu pro mobilní zařízení. Hlavní část práce popisuje postupy pro vývoj mobilního webu z hlediska technologického i z hlediska designu. Jsou popsány postupy pro správný design, který zlepšuje ergonomii na dotykových zařízeních. Práce se také zabývá softwarovými technologiemi určenými pro vývoj mobilního webu. V práci jsou srovnány rozdíly mezi webovou a nativní aplikací a předvedeny nástroje pro nativní vývoj s webovými technologiemi. V závěru práce je předveden vývoj nativní aplikace a různé postupy vývoje mobilních webových aplikací