Documente Academic
Documente Profesional
Documente Cultură
multi-dispositivos.
Saulo Campos Nunes de Souza¹, Wagner Igarashi¹
¹Departamento de Informática - Univesidade Estadual de Maringá (UEM) - Av. Colombo, 5790 - Bloco
C56 - Maringá - PR - Brasil
{scnsouza@gmail.com, wigarash@gmail.com}
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. As
a 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 utilização de websites por meio de dispositivos móveis tem se tornado cada
vez mais comum no dia a dia dos brasileiros. Com o crescimento do número de
dispositivos no mercado nota-se a dificuldade em se adequar a visualização do site nos
diversos tamanhos de tela e resoluções, o que torna a navegação desgastante e
limitada. A utilização de novos conceitos tecnológicos no desenvolvimento web torna
possível disponibilizar uma navegação agradável sem consumir muitos recursos do
dispositivo ou do servidor em que o website está hospedado e com facilidade de
manutenção maior que comparado a aplicações instaladas no dispositivo. Dada a
importância atual do responsive web design frente ao contexto dos diversos tipos de
dispositivos de visualização de informações como smartphones, tablets, computadores;
o presente trabalho tem como objetivo realizar uma revisão sistemática sobre
responsive web design, buscando verificar o contexto atual de publicação e
direcionamento para futuras pesquisas. Como resultado verificou-se que a quantidade
de publicações praticamente começou a crescer nos últimos dois anos, indicando que
ainda há espaço para o crescimento de pesquisas nesta área.
1
1. Introdução
2. Elementos Teóricos
Figura 1 - Exemplo de layout responsivo em diferentes resoluções para diferentes dispositivos [12].
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 relação à pesquisas
na área e que a maior parte destas foram publicadas em periódicos da Association for
Computing Machinery. É evidenciado pelos resultados obtidos que um dos principais
tipos de periódicos utilizados em publicações deste tema é revista, devido ao grande
interesse sobre essa tecnologia fora do meio acadêmico. Também observa-se a
diversidade de países realizando pesquisas nesta área, mesmo com a dominância de
autores americanos mas ressaltando a participação de autores brasileiros nas publicações
internacionais.
1
*O artigo de Ethan Marcotte não foi analisado a fundo na seção 3.1 devido ao conceito ter sido
introduzido na seção 2.1
Em seguida o autor propõe como solução uma biblioteca javascript que tem por
função obter as informações de orientação, largura mínima e máxima do dispositivo
sem a utilização do CSS3, que pode ser incompatível com alguns browsers. São
apresentados exemplos de utilização da biblioteca e os seus principais aspectos. Na
conclusão o autor defende a solução proposta como sendo leve e de sintaxe simples, e
defende que a alternativa proposta pode ser utilizada como substituta as media queries,
ao contrário de outras soluções que pretendem emular o suporte às mesmas [6].
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 criação deste artigo foi realizada uma pesquisa entre designers
sobre os problemas que eles encontravam na criação de sites totalmente responsivos. A
partir dos dados relatados o autor criou a lista dos principais problemas e sugestões de
como evitá-los. Os problemas citados vão desde explicar a tecnologia aos clientes até
restrições técnicas em navegadores antigos, incluindo tempo de teste e custo, conversão
de sites antigos, tratamento de tabelas, imagens, navegação e a falta de uma fase de
design estática. Para cada problema é oferecida uma solução, geralmente simples, que
explora o potencial da tecnologia considerando as boas práticas de desenvolvimento
web ou fornecendo alternativas plausíveis ao problema proposto. Na conclusão o autor
resgata vantagens do responsive web design, reafirma que haverão problemas devido a
ser uma tecnologia nova e que ainda necessita de maturidade, mas que é muito
promissora para o desenvolvimento móvel.
4. Considerações Finais
Dada a importância atual do tema Responsive Web Design frente ao contexto dos
diversos tipos de dispositivos de visualização de informações como smartphones,
tablets e o crescimento que a utilização destes dispositivos vem apresentando,
sobretudo no Brasil, o presente estudo teve como objetivo realizar uma revisão
sistemática sobre responsive web design, buscando verificar o contexto atual de
publicação 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 análises quantitativa e vertical que o tema
possui uma tendência de crescimento, comparativamente a 2010, 2011 e 2012, devido
ao 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 web para dispositivos
móveis e justamente por ser recente, esta tecnologia oferece diversas possibilidades de
pesquisa e certamente trará melhorias de interação e responsividade no que diz respeito
a visualização de sites em dispositivos móveis.
Referências Bibliográficas
[1] Marcotte, E. Responsive web design. A List Apart Magazine. Issue nº 306, Maio
2010.
[2] Zemel, T. Web Design Responsivo: Páginas adaptáveis para todos os dispositivos.
1 ed. São Paulo: Casa do Código, 2013.
[3] CETIC.BR. TIC Domicílios e Usuários 2012. Fevereiro 2013. Disponível em:
http://www.cetic.br/usuarios/tic/2012/ - Acesso em: 02/10/2013.
[4] Mohorovicic, S. Implementing Responsive Web Design for Enhanced Web Presence
IEEE. 36th International Convention on Information & Communication
Technology Electronics & Microelectronics (MIPRO), p. 555–566, 2013.
[7] Gunelius, S. Why You Need to Prioritize Responsive Design Right Now, 2013.
Disponível 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.
[9] W3.ORG. Media Queries, W3C Recommendation. Junho 2012. Disponível 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.
[14] Schneider, R. McCown, F. First steps in archiving the mobile web: automated
discovery of mobile websites. Proceedings of the 13th ACM/IEEE-CS joint
conference on Digital libraries, p. 53-56, 2013.
[15] Alston, P. Teaching mobile web application development: challenges faced and
lessons learned. Proceedings of the 13th annual conference on Information
technology education, p. 239-244, 2012.
[21] Knight, K. Responsive Web Design: What It Is and How To Use It. Smashing
Magazine, p 21 - 27. Janeiro 2011
[22] Gardner, B. S. Responsive Web Design: Enriching the User Experience. Sigma
Magazine, v 11, n 1, p 13 - 19. Novembro, 2011.
[23] Young, J. The top responsive web design problems and how to avoid them. Net
Magazine, p 35 - 40. Agosto 2012
[24] Tzoc, E. A Mobile Interface for DSpace. D-Lib Magazine, v19 n3/4, Março/Abril
2013.