Web Design Respons Ivo

7/30/2019 Web Design Respons Ivo

1/21

I

DOMINGOS DE CARVALHO VILLELA JNIOR

WEB DESIGN RESPONSIVO:One Web com usabilidade adaptativa aos dispositivos

Projeto Agente Local de Inovao

ASSIS2013


2/21

II

INOVA PAULA SOUZA

NCLEO DE INOVAO TECNOLGICA DO CENTRO PAULA

SOUZAPROJETO AGENTE LOCAL DE INOVAO


WEB DESIGN RESPONSIVO:

One Web com usabilidade adaptativa aos dispositivos

ASSIS2013


3/21

III


WEB DESIGN RESPONSIVO:

One Web com usabilidade adaptativa aos dispositivos

Projeto apresentado ao INOVA PaulaSouza na rea de concentrao AgenteLocal Inovao, ETEC/Assis.

ASSIS

2013


4/21

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


5/21

V

LISTA DE SIGLAS E ACRNIMOS

Android Sistema operacional parasmartphones da Google

Caelum Ensino e Inovao, empresa reconhecida pela excelncia de seus cursos

CSS Cascading Style Sheets

C# Linguagem de programao orientada objetos daMicrosoft

Desktop Computador tradicional situado em cima de uma mesa de trabalho

Eclipse IDE para desenvolvimento de softwre da IBM

e-Reader Leitor de livros digitais

GPS Global Positioning System

IBM International Business Machine, empresa multinacional do ramo de TI

IDE 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 HyperText Markup LanguageJava Linguagem de programao orientada objetos adquirida da Sun Microsystems

pela Oracle

Oracle Empresa multinacional do ramo de TI

PERT Program Evaluation Review Technique

RIA Rich Internet Application

TCC Trabalho de concluso de curso

TI Tecnologia da InformaoTIC Tecnologias da Informao e Comunicao

UTFPR Universidade Tecnolgica Federal do Paran

Web World Wide Web

Wi-Fi Rede local sem fios (WLAN) baseados no padro IEEE 802.11

WVGA800 Display com resoluo de tela com 480x800 pixels
http://pt.wikipedia.org/wiki/Tecnologias_da_Informa%C3%A7%C3%A3o_e_Comunica%C3%A7%C3%A3ohttp://pt.wikipedia.org/wiki/WLANhttp://pt.wikipedia.org/wiki/IEEE_802.11http://pt.wikipedia.org/wiki/IEEE_802.11http://pt.wikipedia.org/wiki/WLANhttp://pt.wikipedia.org/wiki/Tecnologias_da_Informa%C3%A7%C3%A3o_e_Comunica%C3%A7%C3%A3o


6/21

VI

SUMRIO

1 INTRODUO .................................................................................................................... 1

2 JUSTIFICATIVA ................................................................................................................. 4

3 OBJETIVOS ......................................................................................................................... 7

4 METODOLOGIA ............................................................................................................... 10

5 CRONOGRAMA ................................................................................................................ 12

6 BIBLIOGRAFIA ................................................................................................................. 15


7/21

1

1 INTRODUO

possvel desenvolver uma s apresentao para um site, um s design, e que essedesign 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

; 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 nosmartphone.


8/21

2

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 , 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 porsmartphone 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.


9/21

3

Estes exemplos foram verificados pelo site de teste de responsividade Demonstrating

Responsive Design feito para este propsito, disponvel em . 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 desmartphone 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.


10/21

4

2 JUSTIFICATIVA

Existe uma forte base estatstica que justifica por que deve-se dar ateno e atuar nomercado 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, GPSe 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 smartphonesdependem 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


11/21

5

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

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 dispositivosmveis. 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


12/21

6

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 layoutfluido, 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 anode 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.


13/21

7

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 deMobile First.

Na figura 7 mostrado um mapa mental resumindo os objetivos especficos doprojeto. 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.


14/21

8

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 deexcelncia 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 EthanMarcotte.

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


15/21

9

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.


16/21

10

4 METODOLOGIA

A problemtica do projeto se resume em prospectar e desenvolver novas tecnologiaspara 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. Recrutar alunos para participar o projeto da Etec/Assis e FEMA2. Estudar o artigo de Ethan Marcotte3. Pesquisar conceitos de computao ubqua4. Pesquisar conceitos de usabilidade5. Pesquisar conceitos de layout fluido6. Pesquisar conceitos de imagens e recursos flexveis7. Pesquisar conceitos de media queries8. Pesquisar conceitos de mbile first9. Pesquisar tecnologia jQuery10. Pesquisar os templates e frameworks disponveis de responsividade11. Pesquisar ferramentas para testes de responsividade12. 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.


17/21

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.


18/21

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 termina-

lo 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


19/21

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.


20/21

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.


21/21

15

6 BIBLIOGRAFIA

APPTITUDE. Layout and Responsive Design with Twitter Bootstrap . Disponvel em:. Acessoem: 10 jan, 2013.

CAELUM, Ensino e Inovao. Flexibilidade em pginas para dispositivos mveis commedia queries. Disponvel em: . Acesso em: 10 jan, 2013.

DESIGN, Reviver. Designfor a Responsive Web with Heuristic Methods. Disponvel em:.Acesso em: 10 jan, 2013.

DEVELOPERS, Google. Building Smartphone-Optimized Websites. Disponvel em:. Acesso em: 10 jan,2013.

GOOGLE. Nosso Planeta Mobile: Brasil. Disponvel em:. Acesso em: 08 jan, 2013.

MARCOTTE, Ethan. Responsive Web Design. Disponvel em:

. Acesso em: 09 jan, 2013.

SmartOnline. Smartphones sales pass PC sales for the first time in history! Disponvel em:. Acesso em: 08 jan, 2013.

SMASHING, Magazine. Responsive Web Dsesign: What It Is and How To Use It.Disponvel em: . Acesso em: 09 jan, 2013.

TABLELESS. Introduo ao Responsive Web Design. Disponvel em:. Acessoem: 08 jan, 2013.

VILLELA, Domingos C. Computao em nuvens: Desenvolvimento de aplicaesempresariais ricas na internet, na Arquitetura Java, Google Web Toolkit e GoogleApplication Engine. Cornlio Procpio: UTFPR, 2011.

ZEMEL, Trcio. Web Design Responsivo. So Paulo: Casa do Cdigo, 2012.
http://www.thinkwithgoogle.com/mobileplanet/pt-br/downloads/http://www.thinkwithgoogle.com/mobileplanet/pt-br/downloads/

Web Design Respons Ivo

Documents

Transcript of Web Design Respons Ivo