You are on page 1of 21

I

DOMINGOS DE CARVALHO VILLELA JNIOR

WEB DESIGN RESPONSIVO: One Web com usabilidade adaptativa aos dispositivos

Projeto Agente Local de Inovao

ASSIS 2013

II

INOVA PAULA SOUZA NCLEO DE INOVAO TECNOLGICA DO CENTRO PAULA SOUZA PROJETO AGENTE LOCAL DE INOVAO

DOMINGOS DE CARVALHO VILLELA JNIOR

WEB DESIGN RESPONSIVO: One Web com usabilidade adaptativa aos dispositivos

ASSIS 2013

III

DOMINGOS DE CARVALHO VILLELA JNIOR

WEB DESIGN RESPONSIVO: One Web com usabilidade adaptativa aos dispositivos

Projeto apresentado ao INOVA Paula Souza na rea de concentrao Agente Local Inovao, ETEC/Assis.

ASSIS 2013

IV

LISTA DE FIGURAS

Figura 1 - Site do livro de arquitetura Java da Caelum em diversos dispositivos .............. 1 Figura 2 - Exemplo de site responsivo .................................................................................. 2 Figura 3 - Exemplo de site no responsivo ........................................................................... 2 Figura 4 - Comparao entre um site no responsivo e responsivo ...................................... 3 Figura 5 - Capa da pesquisa feita pelo Google, Nosso Planeta Mobile: Brasil ..................... 4 Figura 6 - Dois sites da Wikipdia, um para desktop e outro para celular ............................ 5 Figura 7 - Mapa mental dos objetivos especficos do projeto ............................................... 7 Figura 8 - Foto de Ethan Marcotte ........................................................................................ 8 Figura 9 - Artigo escrito por Ethan Marcotte ........................................................................ 9 Figura 10 - Diagrama de PERT da sequencia das atividades do projeto .............................. 11 Figura 11 - Diagrama de GANTT das tarefas do projeto ..................................................... 12 Figura 12 - Zoom do diagrama de GANTT das tarefas do projeto ......................................... 13

LISTA DE SIGLAS E ACRNIMOS

Android Caelum CSS C# Desktop Eclipse e-Reader GPS IBM IDE

Sistema operacional para smartphones da Google Ensino e Inovao, empresa reconhecida pela excelncia de seus cursos Cascading Style Sheets Linguagem de programao orientada objetos da Microsoft Computador tradicional situado em cima de uma mesa de trabalho IDE para desenvolvimento de softwre da IBM Leitor de livros digitais Global Positioning System International Business Machine, empresa multinacional do ramo de TI Integrated Development Environment, ferramenta para desenvolvimento de software

FEMA

Fundao Educacional do Municpio de Assis

Framework Cdigos escritos em linguagem de programao comuns entre vrios projetos de software provendo uma funcionalidade genrica HTML Java HyperText Markup Language Linguagem de programao orientada objetos adquirida da Sun Microsystems pela Oracle Oracle PERT RIA TCC TI TIC UTFPR Web Wi-Fi Empresa multinacional do ramo de TI Program Evaluation Review Technique Rich Internet Application Trabalho de concluso de curso Tecnologia da Informao Tecnologias da Informao e Comunicao Universidade Tecnolgica Federal do Paran World Wide Web Rede local sem fios (WLAN) baseados no padro IEEE 802.11

WVGA800 Display com resoluo de tela com 480x800 pixels

VI

SUMRIO

1 INTRODUO .................................................................................................................... 1 2 JUSTIFICATIVA ................................................................................................................. 4 3 OBJETIVOS ......................................................................................................................... 7 4 METODOLOGIA ............................................................................................................... 10 5 CRONOGRAMA ................................................................................................................ 12 6 BIBLIOGRAFIA ................................................................................................................. 15

1 INTRODUO

possvel desenvolver uma s apresentao para um site, um s design, e que esse design seja bem apresentado em quaisquer dispositivos e conforme tenha projetado, que se adapte aos diferentes meios em que este site acessado. Sites com estas caractersticas possuem Web Design Responsivo. A figura 1 ilustra o site do livro de arquitetura Java da Caelum acessado por diversos dispositivos.

Figura 1: Site do livro de arquitetura Java da Caelum em diversos dispositivos. Fonte: CAELUM, 2012

Um site com web design responsivo pode ser acessado de um desktop, notebook, netbook, smartphone, tablet, TV, e e-Reader; em suma de qualquer dispositivo com acesso rede mundial de computadores independentemente de sua resoluo, de sua capacidade de cores e processamento, se touch ou no. E mesmo com essas diferenas dos dispositivos que podem acessar o site, ele continua bem apresentado, inclusive com possibilidade de se alterar a ordem em que os contedos so apresentados e at mesmo se sero mostrados ou no. A figura 2 ilustra o exemplo de um site responsivo, do Livro de Arquitetura Java da Caelum, apresentando trs diferentes vises de resoluo, no desktop e em um celular na posio retrato e paisagem. Este site acessvel em <http://www.arquiteturajava.com.br/>; nesta figura possvel observar que o contedo do site se adapta automaticamente ao dispositivo, redimensionando e reposicionando as imagens e alterando o tamanho das fontes dos textos, de modo a preservar a usabilidade no smartphone.

Figura 2: Exemplo de site responsivo. Fonte: Autoria prpria, 2013.

A figura 3 ilustra o exemplo de um site no responsivo, do INOVA Paula Souza acessvel em <http://www.inovapaulasouza.sp.gov.br/home>, tambm em trs vises. Neste caso o contedo cortado sendo o usurio obrigado a usar a barra de rolagem horizontal para visualizar todo o contedo do site no caso de acesso por smartphone que no disponha de zoom automtico; prejudicando a usabilidade do site. Para realizar testes de responsividade de forma rpida basta acessar o site no desktop, redimensionar a janela do navegador web e verificar se o site se adapta automaticamente rea disponvel da janela.

Figura 3: Exemplo de site no responsivo. Fonte: Autoria prpria, 2013.

Estes exemplos foram verificados pelo site de teste de responsividade Demonstrating Responsive Design feito para este propsito, disponvel em <http://jamus.co.uk/demos/rwddemonstrations/>. Nesta simulao podemos observar que o site no responsivo viola regras de usabilidade mais rigorosas. Na figura 4 mostrado o comportamento dos sites mencionados anteriormente no simulador de smartphone do Eclipse configurado para Android em display WVGA800.

Figura 4: Comparao entre um site no responsivo e responsivo. Fonte: Autoria prpria, 2013.

Estes exemplos so simulaes podendo haver variao entre navegadores, sistemas operacionais dos smartphones e hardware dos dispositivos, mas deste j fica claro os benefcios das tcnicas de web design responsivo. No existe uma Web mbile, a web nica e no h necessidade de verses especficas para celulares. O web design responsivo a resposta nica para uma web nica, uma forma de pensar a web e dentro de pouco tempo ser to vital e importante aos desenvolvedores e experincia do usurio final quanto o prprio HTML ou o CSS. (ZEMEL, 2012) A partir destes fatos, surgiu o ttulo do projeto WEB DESIGN RESPONSIVO: One Web com usabilidade adaptativa aos dispositivos.

2 JUSTIFICATIVA

Existe uma forte base estatstica que justifica por que deve-se dar ateno e atuar no mercado mobile. Havia uma previso que as vendas de celulares ultrapassariam as vendas combinadas de desktops e notebooks em 2012, esta previso estava errada, isto aconteceu em 2010, mesmo ano em que o nmero de celulares e smartphones bateu a casa dos 200 milhes no Brasil. Em 2011 a venda de smartphones cresceu 179% no Brasil, com funes consideradas avanadas como Wifi, GPS e acesso a internet. (SmartOnline, 2011) O Google elaborou uma pesquisa chamada "Nosso Planeta Mobile: Brasil - Como entender o usurio de celular", a figura 5 ilustra a capa da pesquisa. Alguns nmeros importantes desta pesquisa so: (GOOGLE, 2012) A difuso dos smartphones atinge 14% da populao e esses proprietrios de smartphones dependem cada vez mais de seus dispositivos. 73% acessam a internet todos os dias no smartphone e muitos nunca saem de casa sem ele; 88% dos usurios de smartphones procuram informaes locais em seus telefones e 92% tomam decises em decorrncia disso, como fazer uma compra ou entrar em contato com a empresa; 31% dos usurios de smartphones fizeram uma compra pelo celular; Anncios para celular so vistos por 94% dos usurios de smartphones; 75% dos usurios realizaram uma pesquisa em seus smartphones depois de visualizar um anncio off-line.

Figura 5: Capa da pesquisa feita pelo Google, Nosso Planeta Mobile: Brasil. Fonte: GOOGLE, 2012

O grande problema do desenvolvimento tradicional que os sites no so idealizados desde sua concepo para serem flexveis e mostrados de forma adequada em todos os dispositivos disponveis nos dias de hoje. H diversas desvantagens nesta abordagem, em especial, quando houver um novo dispositivo mvel com uma tela bem diferente ser feita uma verso do site para ele? E quando precisar fazer uma alterao, como ficaro as diversas verses do site para cada dispositivo? Este o caso do site da Wikipdia que ser redirecionado para a pgina <http://en.m.wikipedia.org/> se o acesso for via mobile. Esta a estratgia do m ponto (m.website.com). Acessando este link no desktop, a pgina flui e ocupa a tela toda, fica feio e ruim de usar, mas aceitvel. Os desenvolvedores da Wikipdia no usam tecnologia responsiva, na verdade so dois sites separados um para desktop e outro para dispositivos mveis. A figura 6 ilustra os dois sites da Wikipdia o tradicional para desktop e o novo para acesso via celulares. Foi feita uma pesquisa sobre o termo Web design nos dois sites e podemos notar que os dois projetos so totalmente diferentes, ou seja, so dois projetos totalmente separados gerando um retrabalho e alto custo de manuteno.

Figura 6: Dois sites da Wikipdia, um para desktop e outro para celular. Fonte: Autoria prpria, 2013.

Ao acessar sites atravs de um dispositivo mvel como o iPhone ou os dispositivos instalado o Android, o prprio device se encarrega de fazer sua mgica para que todo o

contedo seja apresentado na tela como se aplicasse um zoom out nele todo. Essa facilidade que os dispositivos mveis oferecem realmente facilita o processo de desenvolvimento, j que nem todos os sites esto tecnicamente preparados para apresentar seu contedo nas mais diversas resolues possveis, mas este zoom no atende aos padres e gostos de usabilidade um pouco mais rigorosos. J uma realidade que os dispositivos mobile chegaram para ficar e esto assumindo seu lugar. Em pouco tempo prometem ser o padro para acesso a web e j estamos entrando na era ps desktop. Uma contribuio para que a web possa evoluir, os cursos do Centro Paula Souza sejam mais inovadores e os desenvolvedores possam atualizar seu know-how terico, justamente a proposta deste projeto; ele trar conhecimento sobre tcnicas como layout fluido, imagens flexveis e media queries entre outras tecnologias e conceitos. Os benefcios deste projeto sero vistos pelo CEETEPS atravs de uma pesquisa e documentao das tecnologias existentes para a criao e testes de Web Sites Responsivos, quatro estudos de casos, e disponibilizados para a comunidade de desenvolvedores e alunos na forma de cursos nas semanas de tecnologia e no VI Frum Cientfico FEMA, levando o nome do Centro Paula Souza para a comunidade de TI. Este projeto tambm ser apresentado UTFPR campus de Cornlio Procpio no ano de 2013 ou 2014 como proposta de um projeto de Pesquisa e Desenvolvimento Tecnolgico na linha de Engenharia de Software no programa de mestrado profissional em informtica. O valor deste projeto que est na rea de concentrao "Agente Local de Inovao" ser promover o fortalecimento de parcerias entre Centro Paula Souza (Etec/Assis) com a FEMA e UTFPR, criando oportunidades para as atividades de pesquisa, ensino e aprendizagem envolvendo alunos e professores destas instituies no projeto. Portanto este projeto ser o incio de uma parceria dentro do eixo tecnolgico "Informao e Comunicao" entre a Etec/Assis, FEMA, UTFPR e o INOVA Paula Souza, atendendo s necessidades de inovao almejadas por estas instituies, alunos, professores e profissionais atuantes no mercado de TI. Concluindo a justificativa, nos dias atuais deve-se dar ateno ao acesso web via dispositivos mveis como celulares, smartphones e tablets nos mais variados formatos de tela, sem prejuzo aos usurios de equipamentos desktops e sem retrabalho fazendo vrios sites com o mesmo contedo para cada tipo de dispositivo mvel. Esta tecnologia poder ser aplicada ao site do INOVA Paula Souza, contribuindo para a usabilidade do site em dispositivos mveis, j que uma recomendao da Google.

3 OJBETIVOS

O objetivo geral deste trabalho (em fase de projeto) levar ao conhecimento dos alunos, professores e profissionais atuantes no mercado de TI, quais so as tcnicas para a criao de Web Design Responsivo. O projeto far uma investigao do estado da arte para criao de web sites responsivos que se adapte a qualquer dispositivo, documentar boas prticas de usabilidade de sites em dispositivos mveis, propor formas de redimensionar imagens de acordo com a resoluo do dispositivo, ajustar o contedo exibido conforme as restries do aparelho, usar media queries, criar layouts fludos de forma simples e desmistificar o conceito de Mobile First. Na figura 7 mostrado um mapa mental resumindo os objetivos especficos do projeto. Atravs de trabalhos de TCC de nvel mdio com os alunos do curso Tcnico de Informtica da Etec/Assis e nvel superior com alunos do curso de Cincias da Computao e Anlise e Desenvolvimento de Sistemas da FEMA, ser desenvolvido know-how para criao e teste de Web Design Responsivo. Este know-how desenvolvido ser disponibilizado para alunos, professores e profissionais atuantes no mercado de TI atravs de cursos e fruns, agregando conhecimento, habilidade e atitude a eles, e tambm identificar jovens talentosos que possam ser estimulados a seguirem carreiras cientfico-tecnolgicas.

Figura 7: Mapa mental dos objetivos especficos do projeto. Fonte: Autoria prpria, 2013.

Com este projeto pretende-se chegar ao domnio das tcnicas de desenvolvimento de web sites responsivos, para posteriormente aplic-las ao desenvolvimento de aplicaes comerciais ricas (RIA), envolvendo computao em nuvens, persistncia de dados em banco de dados relacional, e utilizando mais tecnologias como o Java juntamente com outros frameworks de mercado de trabalho em Tecnologia de Informao em um novo projeto. Para atingir o objetivo a proposta do trabalho ser exposta aos alunos do curso Tcnico de Informtica da Etec/Assis e aos alunos do curso de Bacharelado em Cincias da Computao e Anlise e Desenvolvimento de Sistemas da FEMA, onde dever ser feito ao menos dois travalhos de TCC, um de nvel mdio e um de nvel superior. Com estes trabalhos podero ser gerados artigos e cursos para as semana de tecnologia destas instituies, contribuindo para o reconhecimento do INOVA Paula Souza como ncleo de excelncia na transferncia de conhecimento em inovao que gere benefcios para o Centro Paula Souza, regio de Assis, Estado de So Paulo e para o Pas. O produto final ser portando trabalhos de TCC de alunos da Etec/Assis e FEMA com quatro estudos de casos de Web Design Responsivos e um artigo para o VI Forum Cientfico FEMA. Estes trabalhos sero as bases de uma apostila sobre Web Design Responsivo, que ser usada nos cursos de informtica da Etec/Assis e FEMA. Este trabalho ter inco pelo artigo de Ethan Marcotte Responsive Web Design que, foi publicado em meados de 2010 e mudaria para sempre a forma como se faz design para web. A figura 9 ilustra o incio deste artigo. No decorrer do artigo, Ethan explica seus conceitos e sugestes para que as pginas fossem projetadas usando o que ele chamou de web design responsivo. Inspirado por conceitos de arquitetura e filosofia, a proposta de Ethan com a publicao do artigo, foi mostrar um conjunto de tcnicas que garantem responsividade a um web design. No ano de 2011 foi lanado o livro que levou o mesmo nome do artigo com maiores explicaes e pormenores sobre o assunto. A figura 8 ilustra a foto de Ethan Marcotte.

Figura 8: Foto de Ethan Marcotte. Fonte: Adaptado de Google Imagens, 2013.

Figura 9: Artigo escrito por Ethan Marcotte. Fonte: MARCOTTE, 2010

Aps o entendimento das ideias de Ethan Marcotte que props o Web Design Responsivo sero estudados os conceitos de Computao Ubqua, Usabilidade, Layout fluido, Imagens e recursos flexveis, Media Queries, Mobile First, Plugins jQuery, Templates e Frameworks, Testes de responsividade e estudo de quatro casos prticos. A aplicao destes recursos em sistemas comerciais para a web utilizando linguagem de programao Java ou C# ficar para um prximo projeto.

10

4 METODOLOGIA

A problemtica do projeto se resume em prospectar e desenvolver novas tecnologias para desenvolvimento web adaptativas aos dispositivos, pelo simples motivo de que a Web nica e criar sites separados para cada categoria de dispositivos invivel. E decorrente desta questo, designs responsivo sero o futuro. A opo metodolgica do projeto reside na reviso bibliogrfica, documentao das tcnicas e conceitos de Web Design Responsivo e criao de quatro estudos de casos. Desta forma adquire-se know-how de desenvolvimento de sites para web que se adapte ao dispositivo. A etapa da reviso bibliogrfica, deste projeto consiste em:

1. 2. 3. 4. 5. 6. 7. 8. 9. 10. 11. 12.

Recrutar alunos para participar o projeto da Etec/Assis e FEMA Estudar o artigo de Ethan Marcotte Pesquisar conceitos de computao ubqua Pesquisar conceitos de usabilidade Pesquisar conceitos de layout fluido Pesquisar conceitos de imagens e recursos flexveis Pesquisar conceitos de media queries Pesquisar conceitos de mbile first Pesquisar tecnologia jQuery Pesquisar os templates e frameworks disponveis de responsividade Pesquisar ferramentas para testes de responsividade Escrever trabalho de TCC com alunos e artigo para o VI Frum Cientfico FEMA

Aps a etapa de reviso bibliogrfica sero elaborados quatro estudos de casos prticos aplicando as tcnicas pesquisadas, e concluindo os TCCs anexando este estudos de caso. A partir destes trabalhos de TCC sero gerados apostilas e artigos que sero usados em mini cursos nas semanas de tecnologias, e que podero tambm contribuir para os cursos regulares de informtica da Etec/Assis e da FEMA. A figura 10 ilustra o diagrama de PERT da sequencia das atividades a serem desenvolvidas no projeto, com suas respectivas datas planejadas de incio e trmino.

11

Figura 10: Diagrama de PERT da sequencia das atividades do projeto. Fonte: Autoria prpria, 2013.

Para encerrar o projeto no ms de janeiro de fevereiro de 2014, ser construda uma apostila de "Web Design Responsivo" com exerccios prticos em laboratrio de informtica que ser usada em atividades extra curriculares no curso tcnico de informtica da Etec/Assis bem como na FEMA. Este material tambm poder ser usado em cursos de ensino distncia que por ventura seja criado pelo Centro Paula Souza. As datas reais de incio e trmino das tarefas estaro sujeitas a ajustes durante o decorrer do projeto de no mximo vinte e quatro dias de atraso, caso seja aprovado.

12

5 CRONOGRAMA

O projeto ter inicio logo no comeo do ano letivo de 2013 em 04 de fevereiro, recrutando alunos do ensino tcnico da Etec/Assis e dos cursos superiores da FEMA, momento este em que os alunos estaro definindo seus projetos de TCC que devero terminalo no final do ano. Em setembro j ser possvel participar das semanas de tecnologias da Etec/Assis e FEMA bem como do VI Frum Cientfico FEMA demonstrando o primeiro estudo de caso e ministrando um mini curso sobre Web Design Responsivo. A figura 11 ilustra o diagrama de GANTT das tarefas do projeto distribudas durante os 12 meses de durao do projeto, a escala do grfico est em semanas. O cronograma foi gerado com base no diagrama de PERT da sequencia das atividades do projeto.

Figura 11: Diagrama de GANTT das tarefas do projeto. Fonte: Autoria prpria, 2013.

A figura 12 ilustra um zoom detalhando o nome da tarefa, inicio, trmino e durao em dias de cada atividade do projeto. Este cronograma foi elaborado com uma dedicao de oito horas semanais para estudo, orientao dos alunos que participaro do projeto, confeco das apostilas, artigos; e dos quatro estudos de caso durante o perodo de um ano para alcanar os resultados pretendidos. O plano de trabalho tem perodos mais curtos para tarefas menos trabalhosas e perodos de at um ms para tarefas mais complexas como a construo e testes dos quatro estudos de caso. Ser utilizada a ferramenta Microsoft Project para auxiliar o gerenciamento das datas de incio e trmino das tarefas do projeto, adequando-as s dificuldades encontradas

13

neste perodo de um ano, no devendo o trmino de o projeto ultrapassar dia 28 de fevereiro de 2014.

Figura 12: Zoom do diagrama de GANTT das tarefas do projeto. Fonte: Autoria prpria, 2013.

H alguns riscos potenciais que podero interferir na execuo das tarefas propostas e comprometer o alcance das metas e objetivos preconizados. A primeira possvel dificuldade ser convencer alunos a participar do projeto, pode ser que nenhum se interesse pela proposta do projeto; neste caso o trabalho ser realizado sem a participao de alunos.

14

Outra possvel dificuldade caso o projeto seja aprovado ser negociar com o diretor da escola Etec/Assis as oito horas semanais dedicadas ao projeto, neste caso poder ser negociado um afastamento de algumas aulas atribudas em substituio a outros professores da escola, ou pleite-las para o segundo semestre de 2013. Finalmente e no menos importante este projeto ter inicio com sua apresentao aos alunos antes mesmo de sua aprovao pelo INOVA Paula Souza, correndo o risco de ser abortado ou desenvolvido de forma independente. Isto se dar em funo de que os TCCs da FEMA devero ter seus temas definidos em fevereiro de 2013. A princpio estes TCCs de alunos da FEMA no tm vinculo formal com o Centro Paula Souza, mas o INOVA Paula Souza poder estar contribuindo desde j fortalecendo a parceria da Etec/Assis com a FEMA atendendo suas necessidades tecnolgicas e de inovao. A partir deste projeto podero ser feitos outros dentro da mesma temtica nos prximos anos, fortalecendo ainda mais as parcerias e contribuindo para que o INOVA Paula Souza seja reconhecido como ncleo de excelncia na transferncia de conhecimento em inovao, sendo estes projetos a interface entre o INOVA Paula Souza, Etecs, FEMA e UTFPR. Futuramente outras Etecs de cidades prximas e empresas que atuam no ramo de TI poderiam participar destes projetos e ampliar a rede de colaborao entro do eixo tecnolgico "Informao e Comunicao". Havendo oportunidade este trabalho ser enviado ao laboratrio de currculo do Centro Paula Souza, para ser analisado e contribuir com uma futura grade dos cursos do eixo de TIC.

15

6 BIBLIOGRAFIA

APPTITUDE. Layout and Responsive Design with Twitter Bootstrap. Disponvel em: <http://blog.inspiringapps.com/layout-and-responsive-design-with-twitter-bootstrap/>. Acesso em: 10 jan, 2013. CAELUM, Ensino e Inovao. Flexibilidade em pginas para dispositivos mveis com media queries. Disponvel em: <http://blog.caelum.com.br/flexibilidade-em-paginas-paradispositivos-moveis-com-media-queries/>. Acesso em: 10 jan, 2013. DESIGN, Reviver. Design for a Responsive Web with Heuristic Methods. Disponvel em: <http://designreviver.com/articles/designing-for-a-responsive-web-with-heuristic-methods/>. Acesso em: 10 jan, 2013. DEVELOPERS, Google. Building Smartphone-Optimized Websites. Disponvel em: <https://developers.google.com/webmasters/smartphone-sites/details>. Acesso em: 10 jan, 2013. GOOGLE. Nosso Planeta Mobile: Brasil. Disponvel em: <http://www.thinkwithgoogle.com/mobileplanet/pt-br/downloads/>. Acesso em: 08 jan, 2013. MARCOTTE, Ethan. Responsive Web Design. Disponvel <http://www.alistapart.com/articles/responsive-web-design/>. Acesso em: 09 jan, 2013. em:

SmartOnline. Smartphones sales pass PC sales for the first time in history! Disponvel em: <http://www.smartonline.com/smarton-products/smarton-mobile/smartphones-pass-pc-salesfor-the-first-time-in-history/>. Acesso em: 08 jan, 2013. SMASHING, Magazine. Responsive Web Dsesign: What It Is and How To Use It. Disponvel em: <http://coding.smashingmagazine.com/2011/01/12/guidelines-for-responsiveweb-design/>. Acesso em: 09 jan, 2013. TABLELESS. Introduo ao Responsive Web Design. Disponvel em: <http://tableless.com.br/introducao-ao-responsive-web-design/#.UPM532cufXU>. Acesso em: 08 jan, 2013. VILLELA, Domingos C. Computao em nuvens: Desenvolvimento de aplicaes empresariais ricas na internet, na Arquitetura Java, Google Web Toolkit e Google Application Engine. Cornlio Procpio: UTFPR, 2011. ZEMEL, Trcio. Web Design Responsivo. So Paulo: Casa do Cdigo, 2012.

You might also like