This master thesis focuses on approaches to solving mobile web applications. Author focuses on the classification of mobile devices and the description of their attributes and specifications of touch screen controls. Part of the work is devoted to the characteristics of mobile operating systems and of mobile web browsers. One chapter is aimed on the psychology of user behaviour and expectations of mobile users from mobile website. A significant part of the work is paid to specifications of the development of web design for mobile devices and the differences to classical web design. In addition, the author describes the Responsive Web Design and the idea of Mobile First. In the practical part, the author analyzes the cross platform access to websites of Czech railway transport companies -- České dráhy, LEO Express and RegioJet. The access from smartphones, tablets and desktops is tested using analysis based on multi-criteria evaluation. To test the author uses a web emulator to simulate different versions of operating systems and web browsers. The aim of the analysis is to create a series of recommendations for better optimization of access from mobile devices.

In the summer of 2015, Google revealed that the number of searches conducted through mobile phones, for the first time had exceeded the number of searches conducted via computers. Last year (2018) Google announced that they had begun to both index and rank websites according to the principle of mobile-first. This means that Google now considers the mobile phone, rather than the computer, as the primary device. The aim of this bachelor thesis is to examine what consequences this paradigm shift has for the process of search engine optimizing a website  through the lens of, in this case Swedish, SEO companies. A qualitative approach, using semi-structured interviews was applied with the purpose of gathering insights from the SEO companies on the subject. The findings of this study identify mobile-friendliness as a vital part of the SEO-process, in order to achieve high ranking in search results. Further findings also suggests that core principles of SEO are more likely to clash with core principles of UX-design in a mobile-first context, than when desktop reigned supreme.

Digital technology is used today to help consumers in everyday life for example, webpage design and appearance for different devices such as computers, smartphones and tablets. Homepages for all devices can be based on a specific coding called "Responsive Web Design" (RWD).From a social and literary point of view, it appears that RWD in its current form has some problems while transitioning from computer displays to tablets and smartphones. Using the common base that RWD allows for equivalent design expression to different screen sizes should be created by all devices. Although this possibility exists today, there are often differences in navigation that can confuse the user. A consistent design expression facilitates the recognition of the navigation. Additionally, the user experience (UX) through the visual expression can enhance the experience of a webpage or medium used and thus create a whole.This study describes how users look at how the implementation of RWD affects two webpages main menu for computer and smartphone devices. The focus has been on studying the user experience in relation to visual expression. The problem is that RWD in different contexts means that visual expression may be less important and thus changing the user experience. With qualitative interviews, four informants have studied two webpages on both computer and smartphone and expressed their own thoughts. The result of the study shows that the differences between webpages on the computer and smartphone devices do not cause difficulties in the use, but if the similarities between the devices are the same, it creates a more positive user experience. / Digital teknik används idag för att hjälpa konsumenter i vardagen t.ex. hemsidors utformning och utseende för olika enheter så som dator, smartphone och läsplattor. Hemsidor för olika typer av enheter kan göras utifrån en specifik kodning som benämns “responsiv webbdesign” (RWD). Utifrån ett samhälls- och litteraturperspektiv framgår det att RWD i sin nuvarande utformning har en del problematik i övergången från dator till läsplattor och smartphones. Med hjälp av den gemensamma basen som RWD möjliggör för anpassning av samma designuttryck till olika skärmstorlekar ska ett konsekvent uttryck skapas genom alla enheter. Även om denna möjlighet finns idag är det ofta skillnader i navigeringen som kan förvirra användaren. Ett konsekvent designuttryck underlättar igenkänningen av navigationen. Till detta kan användarupplevelsen (UX) genom det visuella uttrycket förbättra upplevelsen av en hemsida eller det mediet som används och därmed skapa en helhet. Denna studie beskriver hur användare ser på hur implementeringen av RWD påverkar två hemsidors huvudmenyer för enheterna dator och smartphone. Fokuset har varit att studera användarupplevelsen i förhållande till det visuella uttrycket. Problemet är att RWD i olika kontext, medför att det visuella uttrycket kan få mindre betydelse, och då ändra användarupplevelsen. Med kvalitativa intervjuer har fyra informanter med sina egna tankar studerat två hemsidor på dator och smartphone. Resultatet i studien visar på att olikheter av hemsidor på enheterna dator och smartphone inte skapar svårigheter i användningen, men om likheten mellan enheterna är densamma skapar det en desto mer positiv användarupplevelse.

För att spara tid och ändå få en responsiv webbplats, kan med fördel ett responsivt front-end ramverk användas. Ett responsivt front-end ramverk kan använda olika angreppssätt: desktop-first och mobile-first. Påverkar front-end ramverkens angreppssätt (approach) något på en webbplats svarstider? Eller finns den stora betydelsen var webbplatsen renderar data, som hämtas från en databas? Ett experiment lämpar sig för att testa studiens hypotes. Utvärdering av studiens fyra olika webbapplikationer och analysering av mätningarna finns, för att få fram slutsatsen som är: Det finns ingen större skillnad mellan front-end ramverken, den stora betydelsen finns på val av rendering. Hypotesen motbevisas, då klientapplikationerna är snabbare än serverapplikationerna på alla plattformarna. Mätningar av svarstider finns och vid ett fortsatt arbete är det intressant bland annat också mäta batterimängden och plattformarnas minne. Implementera fler webbapplikationer, som använder andra front-end ramverk, där mätningarna kan exekveras på fler plattformar, webbläsare och scenarier.

In this diploma thesis the author wrote up actual theoretical basis, which every participant of the front-end development process of web-design should stick. There are categorization of websites, generalization of key-successful-web attributes and performance of two chosen design methodologies which are contained in the related part. In the practical part the author applied acquired knowledge on the real business subject especially by methodology combining. The prototype as a result is compiled from logical design series supported by research. There is a graphical design of home page also completing the whole result.

The aim of the thesis is to create a comprehensive material that covers the basic knowledge of theory and practices necessary to understand the whole complexity of the Responsive Web Design (RWD). This thesis first focuses on the RWD origin and its two approaches. Furthermore, the work deals with technical solutions of the RWD and technologies that enabled its creation or were found useful for it. This part also mentions tools which simplify the work with given technologies. The next part is devoted to Responsive CSS Frameworks as being the base for creating responsive websites and shows layout examples where two different approaches and frameworks were used. At last an issue of testing responsive websites is discussed.

The thesis is about the phenomena and benefits of design and development for mobile devices. Theoretical part of the thesis is focused on describing the mobile market's and devices' specifics and their future development and reasoning their values. In-depth description of the methods and problems of mobile applications' design with focus on web applications is included as well as the overview of technologies for mobile web development. Capability comparison of these technologies with the possibilities of native applications are described too. The practical part of the thesis aims to verify these theories by applying them to a real project (news portal). After an implementation part the thesis provides an analysis of the benefits this implementation provided to the project. The main goals of this thesis are providing complex overview of the methods and technologies for mobile web development and the analysis, which verifies the benefits and outcomes of these theories in real practice. Results of this analysis are as well the main contribution of this theses as it provides valuable information about the benefits of described methods on real project which is used by many users. Other contribution is the part describing the implementation which unveils practical information and real problems of described theoretical methods on practical examples.

Submitted by Jean Medeiros (jeanletras@uepb.edu.br) on 2016-03-16T13:51:51Z No. of bitstreams: 1 PDF - Kennia Sibelly Marques de Abrantes.pdf: 709000 bytes, checksum: 01b29af6095c581f2574fa5a5a28e7de (MD5) / Approved for entry into archive by Secta BC (secta.csu.bc@uepb.edu.br) on 2016-07-21T20:50:00Z (GMT) No. of bitstreams: 1 PDF - Kennia Sibelly Marques de Abrantes.pdf: 709000 bytes, checksum: 01b29af6095c581f2574fa5a5a28e7de (MD5) / Made available in DSpace on 2016-07-21T20:50:11Z (GMT). No. of bitstreams: 1 PDF - Kennia Sibelly Marques de Abrantes.pdf: 709000 bytes, checksum: 01b29af6095c581f2574fa5a5a28e7de (MD5) Previous issue date: 2013-02-22 / The aim of this study was to analyze the incidence of trauma among elderly victims rescued by the Mobile First-Aid Service (MFAS). MATERIAL AND METHODS: Cross-sectional study conducted in the city of Sousa / PB using data from 190 records of elderly victims of trauma rescued by MFAS in the period from January 1 to December 31, 2011. The survey instrument included a specific form containing demographic variables (gender and age group) and data related to the trauma (time, location, day of week, month, trauma mechanism, existing lesions, presence of ethylic breath and patient referral). From those who had suffered falls, information about socio-demographic characteristics and consequences of the fall were collected. Data were analyzed using the SPSS software (Statistical Package for the Social Sciences) 17.0 for Windows. Associations were verified by using the Chi-square test or Fisher's exact test with Freeman-Halton extension, whenever appropriate, adopting significance level of  < 5%. RESULTS: Data were collected from records of 190 elderly victims of diverse trauma (51.1% male). Their ages ranged from 60 to 104 years, with mean age of 75.3 years (SD 10.44 years) and median of 74.0 years. According to the characteristics of the occurrence of traumas, significant association was observed between presence of ethylic breath and sex (p <0.001) and age group (p = 0.004) and trauma mechanism with sex (p <0.001). From the total traumatized elderly, 124 (65 3%) suffered falls. However, due to losses and / or refusals, 93 elderly patients who suffered falls were evaluated, whose interview was conducted at their homes. Their ages ranged from 60 to 104 years, with mean age of 79.0 years (SD = 10.5 years) and median of 78.0 years. Among those who suffered falls, 62.4% were female, 47.3% had 80 years or more, 65.6% lived without a partner, 51.6% had incomplete primary education or above and 66.7% had no income or earned up to one minimum wage. Data regarding elderly who suffered falls showed association between sex and age group (p = 0.004), marital status (p = 0.002), hospitalization (p = 0.047) and place of fall (p = 0.006). CONCLUSION: Among the traumas occurred, most were due to falls, followed by traffic accidents. Among those who suffered falls, the majority reported that the fall was due to the height, to have occurred at home and mainly due to dizziness / imbalance and environmental factors. / OBJETIVO: Analisar a ocorrência dos traumas entre as vítimas idosas socorridas pelo Serviço de Atendimento Móvel de Urgência (SAMU). MATERIAL E MÉTODOS: Estudo transversal realizado no município de Sousa/PB, utilizando as fichas de ocorrência de atendimento a idosos vítimas de traumas diversos socorridos pelo SAMU no período de 01 de janeiro a 31 de dezembro de 2011. O instrumento de pesquisa compreendeu um formulário específico sendo analisadas as variáveis demográficas (sexo e grupo etário) e referentes ao trauma (horário, local, dia da semana, mês, mecanismo do trauma, lesões existentes, presença de hálito etílico e o encaminhamento do paciente). Daqueles indivíduos que sofreram queda, foram coletadas, ainda, informações sócio-demográficas, características e consequências da queda. Os dados foram analisados por meio do aplicativo estatístico SPSS (Statistical Package for the Social Sciences) versão 17.0 for Windows. As associações foram verificadas por meio do teste Qui-quadrado de Pearson, ou Teste Exato de Fisher com extensão de Freeman-Halton, quando apropriado, sendo adotado o nível de significância  <5%. RESULTADOS: Foram estudados 190 idosos vítimas de traumas (51,1% do sexo masculino), com idade variando de 60 a 104 anos, média etária de 75,3 anos (DP= 10,44 anos) e mediana de 74,0 anos. De acordo com as características das ocorrências dos traumas, foi observada associação significativa da presença de hálito etílico com o sexo (p<0,001) e grupo etário (p=0,004) e do mecanismo de trauma com o sexo (p<0,001). Do total de idosos traumatizados, 124 (65,3%) sofreram queda, contudo, devido às perdas e/ou recusas, foram avaliados 93 idosos. A idade desses idosos variou de 60 a 104 anos, com média de 79,0 anos (DP= 10,5 anos) e mediana de 78,0 anos. Do total de idosos que sofreram quedas 62,4% eram do sexo feminino, 47,3% apresentava 80 anos ou mais, 65,6% vivia sem companheiro, 51,6% possuíam ensino fundamental incompleto ou acima e 66,7% não tinha renda ou ganhava até um salário mínimo. Os dados referentes aos idosos que sofreram quedas mostraram associação entre grupo etário e sexo (p= 0,004), situação conjugal (p= 0,002), hospitalização (p= 0,047) e lugar da queda (p= 0,006). De todos os traumas ocorridos, a maioria foi devido a quedas, seguido pelos acidentes de transporte. Entre os idosos que sofreram quedas, maior proporção referiu ter sido da própria altura, ocorrida em casa e causadas principalmente por tontura/desequilíbrio e fatores ambientais. CONCLUSÃO: Entre os principais traumas ocorridos foi observada associação significativa da presença de hálito etílico com o sexo e grupo etário e do mecanismo de trauma com o sexo. Assim, considera-se que esta pesquisa foi relevante para caracterizar os idosos socorridos e as ocorrências dos traumas e espera-se que os profissionais de saúde envolvidos no atendimento a idosos sejam sensibilizados quanto à alta frequência e gravidade dos episódios de trauma.

Mobile e-commerce is an increasing trend. Still, many sales sites are not adapted to mobile interfaces. Important factors in the design of successful e-commerce applications are trust, high quality graphics, and easy navigation. However, a typical design approach is to strip down functionality and this can have a negative impact on the user experience. The goal of this thesis was to create a style guide that can be used to develop responsive e-commerce sites through a mobile first implementation strategy. A style guide was created by applying modern design theory and by investigating existing e-commerce solutions. Moreover, a prototype of an e- commerce solution was developed using the style guide. This prototype was evaluated by an expert group of usability professionals. The study indicates that the style guide is a useful and effective tool in the design and development of e-commerce systems. We conclude that a mobile first strategy needs to be combined with subsequent traditional desktop design.

Företaget Rebtel ville ha en ny landningssida som riktade sig till internationella studenter. Denna sida skulle vara optimerad för målgruppen både gällande design och innehåll. En förundersökningen bestående av bland annat intervjuer med målgruppen, målgruppsanalyser och research gjordes därför. Förundersökningen bestod också av intervjuer med olika roller på företaget Rebtel för att få en inblick i olika arbetsrollers perspektiv och uppgifter under en sådan process. Med hjälp av förundersökningens fynd togs skisser fram och en landningssida utvecklades bland annat genom programmeringsspråken HTML5, CSS3, LESS, JavaScript, .NET och C#. Resultatet blev en landningssida på tre språk: Engelska, Franska och Spanska. En särskild rapport med resultat från intervjuer, utveckling med mera levererades även till Rebtel. / The company Rebtel wanted a new landing page that was aimed at international students. This page would be optimized for the target group in terms of both design and content. An investigation including interviews with the target audience, target user analysis and research were made. The investigation also consisted of interviews with various roles at the company Rebtel, to get an insight into their perspectives and tasks during this kind of process. Using the findings from these investigations sketches were made and a landing page was developed through the programming languages HTML5, CSS3, LESS, JavaScript, .NET and C#. The result was a landing page in three languages: English, French and Spanish. A special report with results from interviews and development was also delivered to Rebtel.