Saulo Campos Nunes de Souza - Web Design Responsivo No Desenvolvimento de Aplicacoes Multi-dispositivos

Embed Size (px)

Citation preview

  • 7/23/2019 Saulo Campos Nunes de Souza - Web Design Responsivo No Desenvolvimento de Aplicacoes Multi-dispositivos

    1/13

    1

    Web DesignResponsivo no desenvolvimento de aplicaes

    multi-dispositivos.

    Saulo Campos Nunes de Souza, Wagner Igarashi

    Departamento de Informtica - Univesidade Estadual de Maring (UEM) - Av. Colombo, 5790 - BlocoC56 - Maring - PR - Brasil

    {[email protected], [email protected]}

    Abstract.The use of websites through mobile devices has become increasingly common

    in Brazilians daily life. With the growing number of devices on the market realizes the

    difficulty in adjusting the website viewing in different screen sizes and resolutions,

    which makes it a exhausting and limited navigation. The use of new technological

    concepts in web development makes it possible to deliver an enjoyable navigation

    without consuming too many resources on the device or on the server where the website

    is hosted and with easier maintenance compared to applications installed on the device. Given the current importance of responsive web design against the context of the

    various types of information visualization devices such as smartphones, tablets,

    computers; this paper aims to conduct a systematic review of responsive web design,

    seeking to verify the current context of publication and direction for future research.Asa result it was found that the number of publications began to grow substantially in the

    last two year, indicating that there is still room for growth in this area of research.

    Keywords.Responsive web design, systematic review, mobile devices, web development.

    Resumo.A utilizao de websites por meio de dispositivos mveis tem se tornado cada

    vez mais comum no dia a dia dos brasileiros. Com o crescimento do nmero de

    dispositivos no mercado nota-se a dificuldade em se adequar a visualizao do site nos

    diversos tamanhos de tela e resolues, o que torna a navegao desgastante e

    limitada. A utilizao de novos conceitos tecnolgicos no desenvolvimento web torna

    possvel disponibilizar uma navegao agradvel sem consumir muitos recursos do

    dispositivo ou do servidor em que o website est hospedado e com facilidade de

    manuteno maior que comparado a aplicaes instaladas no dispositivo. Dada aimportncia atual do responsive web design frente ao contexto dos diversos tipos de

    dispositivos de visualizao de informaes como smartphones, tablets, computadores;

    o presente trabalho tem como objetivo realizar uma reviso sistemtica sobre

    responsive web design, buscando verificar o contexto atual de publicao e

    direcionamento para futuras pesquisas. Como resultado verificou-se que a quantidade

    de publicaes praticamente comeou a crescer nos ltimos dois anos, indicando que

    ainda h espao para o crescimento de pesquisas nesta rea.

    Palavras-chave. Responsive web design, reviso sistemtica, dispositivos mveis,desenvolvimento web.

  • 7/23/2019 Saulo Campos Nunes de Souza - Web Design Responsivo No Desenvolvimento de Aplicacoes Multi-dispositivos

    2/13

    1. Introduo

    A utilizao de dispositivos mveis para acesso a internet tem crescido

    consideravelmente. Segundo pesquisa do Cetic.br [3], em 2012 houve crescimento da

    porcentagem de usurios de internet via dispositivos mveis, saltando de 18% para

    24%, considerando que no Brasil existem 139,8 milhes de usurios de celular. Ainda

    segundo os dados desta pesquisa 40% dos domiclios brasileiros possuem acesso a

    Internet.

    Com a asenso da utilizao de Internet, sobretudo em dispositivos mveis nos

    deparamos com diversos problemas de cunho tcnico, tais como a dificuldade na

    navegao e o redimensionamento do website para resolues menores, o que acaba

    gerando desconforto aos utlizadores e a eventual necessidade de desenvolvimento de

    aplicaes especficas para os diversos tipos de sistema operacional dos dispositivos, o

    que dificulta a manuteno visto a necessidade de se haver uma aplicao para cada

    dispositivo.

    A navegao de websitespor dispositivos mveis geralmente se v prejudicada

    graas a dimenso do visor dos dispositivos, que so bem inferiores aos monitores nos

    quais os sites esto acostumados a serem apresentados. Deste modo, se faz necessria

    uma adaptao deste website a dimenses menores, de modo que no prejudique a

    navegao e ainda facilite a visualizao do contedo publicado.

    Ao invs de desenvolver e gerenciar o contedo de vrios websites, a utilizao

    de sites responsivos gera uma abordagem unificada para gerenciamento de contedo,porque eles tm apenas um site para gerenciar, ao invs de uma verso mobilee outra

    tradicional [7]. No s em questo de manuteno e gerenciamento de contedo, mas

    tambm sites responsivos so mais fceis para os consumidores encontrar do que sites

    tradicionais ou mveis, porque eles tm valor mais alto no rankingde motores de busca.

    O mais famoso websitede busca da atualidade, o Google, recomenda a utilizao de

    responsive web designe ainda afirma que alm de economizar recursos, sua utilizao

    facilita e aumenta a indexao dos contedos do website.[8]

  • 7/23/2019 Saulo Campos Nunes de Souza - Web Design Responsivo No Desenvolvimento de Aplicacoes Multi-dispositivos

    3/13

    Sendo assim, este artigo tem como objetivo verificar, por meio de uma reviso

    sistemtica, o que vem sendo empregado sobre essa tecnologia promissora no que diz

    respeito a inter-relao entre web designe dispositivos mveis.

    2. Elementos Tericos

    2.1. Responsive Web Design

    O termo "Responsive Web Design" (RWD) foi utilizado e explicado pela

    primeira vez em 2010 por Ethan Marcotte em seu artigo de mesmo nome publicado no

    siteA List Apart.[1]. "Responsive web design a abordagem que sugere que o designe

    desenvolvimento devem responder ao comportamento do usurio e do ambiente

    baseando-se no tamanho da tela, plataforma e orientao" [4]. Em outras palavras o

    desenvolvimento de uma pgina web que altera a forma como apresenta suas

    informaes conforme as configuraes do dispositivo em que est sendo visualizada.

    Na Figura mostrado um exemplo de layout responsivo apresentado em diversos

    dispositivos como: celular, tablet(posio vertical e horizontal) e notebook.

    Figura 1 - Exemplo de layout responsivo em diferentes resolues para diferentes dispositivos [12].

    Para tornar possvel este tipo de desenvolvimento, trs tecnologias foram

    essenciais, e so conhecidas por "Trinca tecnolgica do design responsivo" e so elas:

    LayoutFludo - este conceito deve vir desde a concepo do projeto onde prima-

    se pela no utilizao de medidas fixas no projeto, fazendo com que haja uma adaptao

    "natural" e automtica do que se apresenta na tela [2].

  • 7/23/2019 Saulo Campos Nunes de Souza - Web Design Responsivo No Desenvolvimento de Aplicacoes Multi-dispositivos

    4/13

    Imagens e recursos flexveis - imagens e outros recursos (assets) sero

    redimensionados e movidos de acordo com os containers (delimitadores de recursos)

    em que esto posicionados dependendo do tamanho da tela. Tambm uma opoutilizar mltiplas verses das imagens de acordo com a resoluo da tela em que sero

    apresentadas [4].

    Media Queries - Este conceito torna possvel ocultar, exibir e reposicionar

    elementos e interaes conforme a resoluo atual que esteja sendo usada no momento

    da visitao[2].

    A partir dessa trinca tecnolgica possvel criar designs que atendero de

    formas diferentes a visualizao em smartphones, tablets ou monitores de altaresoluo.

    2.2 Reviso Sistemtica

    Uma reviso sistemtica da literatura um meio de identificar, avaliar e

    interpretar todas as pesquisas disponveis relevantes para uma questo de pesquisa

    especfica, rea temtica ou fenmeno de interesse [13]. As razes mais comuns para

    realizar uma reviso sistemtica so:

    Resumir a evidncia existente sobre um tratamento ou tecnologia. Por exemplo,

    para resumir a evidncia emprica dos benefcios e limitaes de um

    determinado mtodo gil;

    Para identificar eventuais lacunas na pesquisa atual, a fim de sugerir reas para

    maiores investigaes;

    Para fornecer uma estrutura a fim de posicionar adequadamente as novas

    atividades de pesquisa [13].

    Uma reviso sistemtica sintetiza o trabalho j existente de acordo com uma

    estratgia de busca predefinida. A estratgia de busca deve preservar a integridade da

    pesquisa a ser avaliada [13].

    3. Realizao da Reviso Sistemtica

    Para atingir o objetivo de verificar o contexto atual de publicao e

    direcionamento para futuras pesquisas envolvendo o tema responsive web design foi

    realizada uma reviso sistemtica para responder a seguinte pergunta: o que vem sendo

  • 7/23/2019 Saulo Campos Nunes de Souza - Web Design Responsivo No Desenvolvimento de Aplicacoes Multi-dispositivos

    5/13

    estudado sobre o tema responsive web design? Devido a sua relevncia no contexto

    computacional, foram realizadas pesquisas em bases de artigos consagradas na rea de

    tecnologia da informao, tanto internacionais como a base do Institute of Electricaland Electronics Engineers (IEEE) [17] e a base da Association for Computing

    Machinery (ACM) [18], quanto nacionais como a biblioteca digital da Sociedade

    Brasileira de Computao (SBC) [19].

    As pesquisas realizadas nas respectivas bases continham o termo Responsive

    Web Designenvolvido por aspas (" "), o que fora a busca ao texto completo no ttulo

    ou no contedo dos artigos. Como critrio de incluso foi avaliada a relevncia do

    artigo em relao ao tema, onde foi realizada a leitura e anlise do artigo quanto a suaproximidade ao tema, buscando a maior aplicabilidade do tema ao contexto do artigo.

    Na busca as bases da IEEE e ACM houveram ocorrncias, contudo a consulta a

    base da SBC no trouxe resultado. Sendo assim a base SBC foi descartada da lista de

    bases consultadas.

    Devido ao nmero de resultados obtidos nas buscas realizadas nas bases

    selecionados no ter sido grande, foi incluido como fonte de artigos o Google

    Acadmico [20]. A utilizao do Google Acadmico possibilitou encontrar um nmero

    maior de resultados a pesquisa, contudo devido ao buscador incluir referncias em

    livros e artigos de outras reas, acabou tornando o processo de busca a artigos

    relevantes ao contexto mais complexo e trabalhoso.

    Sobre os resultados obtidos nas buscas foram realizadas as anlises quantitativa,

    que tem por objetivo interpretar os dados coletados de modo a prover indicadores, e

    anlise vertical, que tem como objetivo descrever as principais caractersticas dos

    artigos encontrados.

    As duas prximas sees exibem os resultados obtidos pelas consultas bem

    como a anlise destes resultados.

    3.1. Anlise Quantitativa

    Este tipo de anlise utiliza os resultados das buscas para prover indicadores

    relevantes ao objetivo, afim de construir fatos sobre os dados coletados.

  • 7/23/2019 Saulo Campos Nunes de Souza - Web Design Responsivo No Desenvolvimento de Aplicacoes Multi-dispositivos

    6/13

    Nesta etapa da pesquisa foram analisados 11 artigos, selecionados de acordo

    com os critrios de incluso da reviso sistemtica e foco na pergunta de pesquisa que

    guia o estudo, o que vem sendo estudado sobre o tema responsive web design?.Utilizando o contedo obtido foi possvel construir as Tabelas 1 e 2, que

    relacionam os autores a dados relevantes com ano de publicao, pas, peridico e

    instituio de publicao.

    Tabela 1 - Relao de autores por ano e local.

    Autor Ano Pas

    Marcotte, E. 2010 EUA

    Knight, K. 2011 Alemanha

    Gardner, B. S. 2011 EUA

    Alston, P. 2012 Reino Unido

    Young, J. 2012 Reino Unido

    Mohorovicic, S. 2013 Croacia

    Nebeling, M. Speicher, M. Norrie, M. C. 2013 Sua

    Johansen, R. D. Britto, T. C. P. Cusin, C. A. 2013 Brasil

    Seipp, K. Devlin, K. 2013 Inglaterra

    Tzoc, E. 2013 EUA

    Schneider, R. McCown, F. 2013 EUA

    Tabela 2 - Relao de autores por peridicos e instituies de publicao.

    Autor Peridico Instituio

    Marcotte, E. A List Apart Magazine A List Apart

    Knight, K Smashing Magazine Smashing Magazine

    Gardner, B. S. Sigma Magazine Noblis

    Alston, P. Proceedings of the 13thannual conference on

    Information technologyeducation

    ACM

    Young, J. Net Magazine Creative Bloq

    Mohorovicic, S. 36th InternationalConvention on Information

    & Communication

    Technology Electronics &Microelectronics (MIPRO)

    Nebeling, M. Speicher, M. Proceedings of the 5thACM SIGCHI symposium ACM

  • 7/23/2019 Saulo Campos Nunes de Souza - Web Design Responsivo No Desenvolvimento de Aplicacoes Multi-dispositivos

    7/13

    Norrie, M. C. on Engineering interactivecomputing systems

    Johansen, R. D. Britto, T.

    C. P. Cusin, C. A.

    Proceedings of the 22nd

    international conference onWorld Wide Web

    companion

    International World Wide

    Web Conferences SteeringCommittee

    Seipp, K. Devlin, K. CHI '13 Extended Abstractson Human Factors inComputing Systems

    ACM

    Tzoc, E. D-Lib Magazine Digital Library Research

    Schneider, R. McCown, F. Proceedings of the 13thACM/IEEE-CS jointconference on Digital

    libraries

    ACM

    A partir dos dados observados nas Tabelas 1 e 2, verifica-se que o primeiro autor

    a publicar sobre o tema Marcotte no ano de 2010, confirmando que esta rea de

    pesquisa recente. Nota-se que em 2013 houve um crescimento em relao pesquisas

    na rea e que a maior parte destas foram publicadas em peridicos da Associationfor

    Computing Machinery. evidenciado pelos resultados obtidos que um dos principais

    tipos de peridicos utilizados em publicaes deste tema revista, devido ao grande

    interesse sobre essa tecnologia fora do meio acadmico. Tambm observa-se a

    diversidade de pases realizando pesquisas nesta rea, mesmo com a dominncia de

    autores americanos mas ressaltando a participao de autores brasileiros nas publicaes

    internacionais.

    3.2. Anlise Vertical

    Na realizao desta pesquisa, verificou-se a existncia de diversas informaes

    na internet sobre responsive web design, seja em artigos no acadmicos, em sites eblogs de desenvolvimento, alm da meno de websites e frameworks que j

    implementam essa tecnologia, tal qual o famoso Bootstrap do Twitter. [11]. Contudo

    quanto a artigos acadmicos relativos a este tema, talvez por ser recente, no to

    abordado. Nas bases consultadas, IEEE e ACM, foram encontrados poucos artigos

  • 7/23/2019 Saulo Campos Nunes de Souza - Web Design Responsivo No Desenvolvimento de Aplicacoes Multi-dispositivos

    8/13

    acadmicos que abordam o assunto. Com base neste cenrio, foram lidos e selecionados

    4 artigos cujo foco era a tecnologia RWD, os quais so descritos na sequncia1.

    No artigo intitulado ImplementingResponsive Web Design for Enhanced Web,

    Mohorovici (2013) aborda os conceitos de responsive web design, exibindo projees

    do mercado de dispositivos de acordo com suas categorias, desde 2012 at 2017. Neste

    periodo de 5 anos possvel notar um grande crescimento em vendas desmartphones e

    tablets e uma leve diminuio na venda de notebooks. O artigo segue frisando os

    ganhos da abordagem "Mobile-Friendly" para criao de websites destacando a os

    ganhos do desenvolvimento centralizado sobre multiplas verses do site e

    contextualizando a tecnologia e seus principais benefcios categorizando em benefciospara webmasters, para desenvolvedores e usurios finais.

    O autor tambm cita os pontos falhos e potenciais problemas tais como

    incompatibilidade com media queries de alguns browsers e dispositivos, problemas

    relacionados a imagens responsivas e dificuldade em resolv-los e o alto tempo de carga

    do websiteem dispositivos mveis. Como concluso o autor retoma as vantagens sobre

    a utilizao de responsive web design enfatizando sua importncia sobretudo no fato de

    ser uma tecnologia preparada para futuros dispositivos, mas mantm cautela explicando

    que muito precisa ser feito nas questes de padronizao e boas prticas na tecnologia,

    apesar de existirem diversos exemplos de sucesso na implementao de RWD[4].

    J o artigo CSS browser selector plus: a JavaScript library to support cross-

    browser responsive design, Johansen, Britto e Cusin (2013), teve como objetivo a

    proposio de uma soluo para o problema de incompatibilidade dos navegadores com

    as media queries. Este artigo comea contextualizando o conceito de media query

    incorporado ao CSS3, exibindo suas principais caractersticas atravs de exemplos de

    queries. Em seguida o artigo passa a apontar pontos falhos das media queries tal qual o

    fato de no serem suportadas por navegadores legados e apresenta algumas bibliotecas

    que emulam a funcionalidade em navegadores que no suportam a tecnologia

    nativamente.

    1*O artigo de Ethan Marcotte no foi analisado a fundo na seo 3.1 devido ao conceito ter sidointroduzido na seo 2.1

  • 7/23/2019 Saulo Campos Nunes de Souza - Web Design Responsivo No Desenvolvimento de Aplicacoes Multi-dispositivos

    9/13

    Em seguida o autor prope como soluo uma bibliotecajavascriptque tem por

    funo obter as informaes de orientao, largura mnima e mxima do dispositivo

    sem a utilizao do CSS3, que pode ser incompatvel com alguns browsers. Soapresentados exemplos de utilizao da biblioteca e os seus principais aspectos. Na

    concluso o autor defende a soluo proposta como sendo leve e de sintaxe simples, e

    defende que a alternativa proposta pode ser utilizada como substituta as media queries,

    ao contrrio de outras solues que pretendem emular o suporte s mesmas [6].

    No artigo intitulado CrowdAdapt: Enabling Crowdsourced Web Page

    Adaptation for Individual Viewing Conditions and Preferences, os autores Nebeling e

    Speicher (2013), apresentam uma ferramenta de webdesign sensvel ao contexto queauxilia os desenvolvedores na criao de layoutsadaptativos especficos para condies

    e preferncias individuais. A ideia central do CrowdAdapt permitir que os usurios

    adaptem a interface para seu uso especfico em um contexto onde o design original pode

    no ser suportado, como a exibio em navegadores em dispositivos mveis, por

    exemplo.

    Neste artigo apresentado tambm um experimento realizado sob um site de

    notcias onde alternativas de layouts foram criadas pela "multido" de leitores,

    informaes sobre diferentes situaes de visualizao foram coletadas e avaliada a

    qualidade dos layoutscriados em relao ao conforto para leitura e eficincia. A partir

    dos dados coletados foi possvel obter informaes sobre as preferncias de visualizao

    dos leitores, o que possibilita uma tomada de deciso mais acertiva na escolha do layout

    padro do site. Na concluso o autor sugere linhas de pesquisa futuras sobre o tema, tal

    qual a utilizao de agrupamentos por perfis de usurio, de modo a incentivar o

    desenvolvimento de novas propostas nos moldes especificados no artigo [5].

    O artigo The top responsive web design problems and how to avoid them,

    Young, J. (2012) traz a tona 8 dos principais problemas envolvendo a tecnologia e

    como evit-los. Para a criao deste artigo foi realizada uma pesquisa entre designers

    sobre os problemas que eles encontravam na criao de sites totalmente responsivos. A

    partir dos dados relatados o autor criou a lista dos principais problemas e sugestes de

    como evit-los. Os problemas citados vo desde explicar a tecnologia aos clientes at

    restries tcnicas em navegadores antigos, incluindo tempo de teste e custo, converso

  • 7/23/2019 Saulo Campos Nunes de Souza - Web Design Responsivo No Desenvolvimento de Aplicacoes Multi-dispositivos

    10/13

    de sites antigos, tratamento de tabelas, imagens, navegao e a falta de uma fase de

    designesttica. Para cada problema oferecida uma soluo, geralmente simples, que

    explora o potencial da tecnologia considerando as boas prticas de desenvolvimentowebou fornecendo alternativas plausveis ao problema proposto. Na concluso o autor

    resgata vantagens do responsive web design, reafirma que havero problemas devido a

    ser uma tecnologia nova e que ainda necessita de maturidade, mas que muito

    promissora para o desenvolvimento mvel.

    Complementando as informaes apresentadas sobre os 4 artigos analisados, a

    Tabela 3 mostra uma sntese em relao aos artigos de outros autores encontrados na

    reviso, delineando o respectivo objetivo e uso de RWD.

    Tabela 3 - Relao de autores com o objetivo de seu artigo e a utilizao de RWD.

    Autor Objetivo Uso do Responsive Web

    Design

    Marcotte, E. Apresentar o conceitoResponsive Web Designao

    Mundo.

    Este artigo introduziu oconceito, contextualizando

    e exibindo tecnicamentesuas caractersticas.

    Knight, K. Apresentar um guia de

    utilizao da tecnologiaResponsive Web Design

    Contextualiza e ensina

    tcnicas para utilizao doconceito por meio deimagens, trechos de cdigo

    e dicas.Gardner, B. S. Apresentar a tecnologia do

    ponto de vista do usurio.Direciona o conceito experincia do usurio,

    relacionando com osganhos do usurio em

    relao a conforto e tempode resposta da pgina.

    Alston, P. Apresentar as experincias

    do autor em ensinar odesenvolvimento deaplicativos mveis.

    Uma das estratgias que o

    autor apresenta a seusalunos oResponsive WebDesign.

    Seipp, K. Devlin, K. Apresentar uma maneira demelhorar a operao de umsite com uma mo em um

    celular touchscreen.

    Contextualiza o conceito,mesmo que propondo uma

    abordagem que noenvolve-o diretamente.

    Tzoc, E. Apresentar uma interfacepara dispositivos moveis

    para a ferramenta D-Space

    Considera a utilizao doconceito para o

    desenvolvimento futuro dainterface para a ferramenta.

    Schneider, R. McCown, F. Apresentar uma ferramentapara descoberta de websites

    Contextualiza o conceito econsidera-o em sua

  • 7/23/2019 Saulo Campos Nunes de Souza - Web Design Responsivo No Desenvolvimento de Aplicacoes Multi-dispositivos

    11/13

    mveis. proposta.

    A partir dos dados apresentados na Tabela 3, percebe-se que a maioria dosartigos encontrados, apesar de abordar o tema no o trata como objetivo principal,

    tendo-o como meio ou apenas como referncia ao que visa alcanar.

    4. Consideraes Finais

    Dada a importncia atual do temaResponsive Web Designfrente ao contexto dos

    diversos tipos de dispositivos de visualizao de informaes como smartphones,

    tablets e o crescimento que a utilizao destes dispositivos vem apresentando,sobretudo no Brasil, o presente estudo teve como objetivo realizar uma reviso

    sistemtica sobre responsive web design, buscando verificar o contexto atual de

    publicao e direcionamento para futuras pesquisas. Como resultado verificou-se o que

    vem sendo pesquisado e publicado academicamente em bases como IEEE, ACM e da

    SBC a respeito da tecnologia RWD.

    Este artigo mostrou por meio das anlises quantitativa e vertical que o tema

    possui uma tendncia de crescimento, comparativamente a 2010, 2011 e 2012, devidoao fato de a maior parte dos artigos encontrados terem sido publicados no ano de 2013.

    A partir dos artigos analisados constata-se que apesar de uma tecnologia recente,

    o RWD vem contribuindo para a melhoria do desenvolvimento webpara dispositivos

    mveis e justamente por ser recente, esta tecnologia oferece diversas possibilidades de

    pesquisa e certamente trar melhorias de interao e responsividade no que diz respeito

    a visualizao de sites em dispositivos mveis.

    Referncias Bibliogrficas

    [1] Marcotte, E. Responsive web design. A List Apart Magazine. Issue n 306, Maio2010.

    [2] Zemel, T. Web Design Responsivo: Pginas adaptveis para todos os dispositivos.1 ed. So Paulo: Casa do Cdigo, 2013.

    [3] CETIC.BR. TIC Domiclios e Usurios 2012. Fevereiro 2013. Disponvel em:http://www.cetic.br/usuarios/tic/2012/ - Acesso em: 02/10/2013.

  • 7/23/2019 Saulo Campos Nunes de Souza - Web Design Responsivo No Desenvolvimento de Aplicacoes Multi-dispositivos

    12/13

    [4] Mohorovicic, S. Implementing Responsive Web Design for Enhanced Web PresenceIEEE. 36th International Convention on Information & CommunicationTechnology Electronics & Microelectronics (MIPRO),p. 555566, 2013.

    [5] Nebeling, M. Speicher, M. Norrie, M. C. CrowdAdapt: Enabling CrowdsourcedWeb Page Adaptation for Individual Viewing Conditions and Preferences. Proceedingsof the 5th ACM SIGCHI symposium on Engineering interactive computingsystems, p. 23-32, 2013.

    [6] Johansen, R. D. Britto, T. C. P. Cusin, C. A. CSS browser selector plus: a JavaScriptlibrary to support cross-browser responsive design. Proceedings of the 22ndinternational conference on World Wide Web companion, p. 27-30, 2013.

    [7] Gunelius, S. Why You Need to Prioritize Responsive Design Right Now , 2013.

    Disponvel em: http://www.forbes.com/sites/work-in-progress/2013/03/26/why-you-need-to-prioritize-responsive-design-right-now/ - Acesso em: 14/10/2013.

    [8] Google Developers. Building Smartphone-Optimized Websites, 2013. Disponvelem: https://developers.google.com/webmasters/smartphone-sites/details/ - Acesso em:14/10/2013.

    [9] W3.ORG. Media Queries, W3C Recommendation. Junho 2012. Disponvel em:http://www.w3.org/TR/css3-mediaqueries/ - Acesso em: 28/03/2013.

    [10] Cashmore, P. Why 2013 is the year of responsive web design , Dezembro 2012.http://mashable.com/2012/12/11/responsive-web-design/ - Acesso em: 16/07/2013.

    [11] Bootstrap. Bootstrap,2013. Disponvel em: http://getbootstrap.com/ - Acesso em:27/10/2013

    [12] Gomoby. Wireframes for each device, 2013. Disponvel em:http://www.gomoby.co.uk/responsive-design/ - Acesso em 28/10/2013

    [13] Kitchenham, B. Guidelines for performing Systematic Literature Reviews inSoftware Engineering. Department of Computer Science - University of Durham,

    Durham, 2007.[14] Schneider, R. McCown, F. First steps in archiving the mobile web: automateddiscovery of mobile websites. Proceedings of the 13th ACM/IEEE-CS jointconference on Digital libraries, p. 53-56, 2013.

    [15] Alston, P. Teaching mobile web application development: challenges faced andlessons learned. Proceedings of the 13th annual conference on Informationtechnology education, p. 239-244, 2012.

    [16] Seipp, K. Devlin, K. Enhancing one-handed website operation on touchscreen

    mobile phones. CHI '13 Extended Abstracts on Human Factors in ComputingSystems,p. 3123-3126, 2013.

  • 7/23/2019 Saulo Campos Nunes de Souza - Web Design Responsivo No Desenvolvimento de Aplicacoes Multi-dispositivos

    13/13

    [17] IEEE.ORG. Institute of Electrical and Electronics Engineers, 2013. Disponvelem: http://www.ieee.org/ - Acesso em: 02/10/2013.

    [18] ACM.ORG. Association for Computing Machinery, 2013. Disponvel em:http://www.acm.org/ - Acesso em: 02/10/2013.

    [19] SBC.ORG.BR Sociedade Brasileira de Computao, 2013. Disponvel em:http://www.sbc.org.br/ - Acesso em: 02/10/2013.

    [20] Google. Google Acadmico, 2013. Disponvel em: http://scholar.google.com.br/ -Acesso em: 05/10/2013.

    [21] Knight, K. Responsive Web Design: What It Is and How To Use It. SmashingMagazine, p 21 - 27. Janeiro 2011

    [22] Gardner, B. S. Responsive Web Design: Enriching the User Experience. SigmaMagazine, v 11, n 1, p 13 - 19. Novembro, 2011.

    [23] Young, J. The top responsive web design problems and how to avoid them. NetMagazine, p 35 - 40. Agosto 2012

    [24] Tzoc, E. A Mobile Interface for DSpace. D-Lib Magazine, v19 n3/4, Maro/Abril2013.