Produtividade

visie.com.br/produtividade

ProdutividadeProdutividade

Elcio FerreiraElcio [email protected]@visie.com.br


Ninguém sabe Ninguém sabe desenvolver paradesenvolver para

Internet aindaInternet ainda


WWW-Tabajara = W3TWWW-Tabajara = W3T


10 anos? 12 anos?10 anos? 12 anos?


Padrões web são sóPadrões web são sóos primeiros passosos primeiros passos


O encontro de dois O encontro de dois mundosmundos


Publicidade e Publicidade e CriaçãoCriação

convencerconvencer

brieffingbrieffing

subjetivosubjetivo

Produção de Produção de SoftwareSoftware

proverprover

lev. requisitoslev. requisitos

objetivoobjetivo


"Peça - Campanha""Peça - Campanha" X X

"Artefato - Sistema""Artefato - Sistema"


Um e-commerce é o quê?Um e-commerce é o quê?


conteúdo gerado pelo conteúdo gerado pelo usuário, virais, text-ads, usuário, virais, text-ads,

SEO, mobilidade...SEO, mobilidade...


A redução no ciclo de A redução no ciclo de desenvolvimentodesenvolvimento

(6 meses é muito tempo)(6 meses é muito tempo)


As três leis da modelagem As três leis da modelagem de softwarede software


1. O cliente vai 1. O cliente vai mudar de idéia! mudar de idéia!



2. O cliente vai2. O cliente vai mudar de idéia! mudar de idéia!


Comprando o intangívelComprando o intangível


W3TW3T


Toda nossa papelada não Toda nossa papelada não ajuda em nadaajuda em nada


Arme-se!Arme-se!


custo X tempo

lev. requisitos modelagem implementação testes implantação


solução convencionalW3T

lev. requisitos modelagem implementação testes implantação


projeto ágil


O Papel do DesignerO Papel do Designer


““Design is not just what it Design is not just what it looks like and feels like. looks like and feels like. Design is how it works.”Design is how it works.”

Steve JobsSteve Jobs


Não dá para fazer isso Não dá para fazer isso sem conhecer as sem conhecer as

possibilidadespossibilidades


Desenvolvimento Desenvolvimento ServerServer

ConteúdoConteúdo

LayoutLayout

Client-sideClient-side


Padrões webPadrões web


O modelo W3TO modelo W3Tprojeto

layout

html

programação

site


Com padrões webCom padrões webprojeto

layout

html

programação

site


Facilidade deFacilidade demanutençãomanutenção


Código simples,Código simples,vida simplesvida simples


Site rápidoSite rápido


Terra.com.brTerra.com.br

antiga, 81Kb

tableless, 48 kb


O efeito cacheO efeito cache

HTML8Kb

CSS, JS, imagens40Kb


AcessibilidadeAcessibilidade


Escreva Javascript como Escreva Javascript como se ele fosse ser usadose ele fosse ser usado

para alguma coisapara alguma coisa


demonstraçãodemonstração


Infra-EstruturaInfra-Estrutura


W3TW3T


desenvolvimento

programador programadordesigner


desenvolvimento


produção


Onde está seu código?Onde está seu código?


Quem mexeu em que?Quem mexeu em que?


Controle de versãoControle de versão


servidor de fontes



servidor de fontes


homologação

produção


FTP nunca mais!FTP nunca mais!


Sobrescrever arquivos dos Sobrescrever arquivos dos colegas nunca mais!colegas nunca mais!


Versões diferentes em Versões diferentes em desenvolvimento e desenvolvimento e

produção nunca mais!produção nunca mais!


Não saber quem estragou Não saber quem estragou o quê, e quando, nunca o quê, e quando, nunca

mais!mais!


Não saber como voltar ao Não saber como voltar ao estado de ontem nunca estado de ontem nunca

mais!mais!


Unit-testsUnit-tests


Conserta aqui, quebra lá?Conserta aqui, quebra lá?


Você tem Você tem sacosaco paciência paciência para testar?para testar?


Medo deMedo demanutençãomanutenção


Cada linha do seu código é Cada linha do seu código é validada por um teste validada por um teste

automático: se quebrar o automático: se quebrar o teste grita!teste grita!


Resumão:Resumão: Mente abertaMente aberta, tudo ainda é muito novo, tudo ainda é muito novo Bons designers preocupam-se com como as coisas Bons designers preocupam-se com como as coisas

vão vão funcionarfuncionar Padrões web: Padrões web: pazpaz entre designers e programadores entre designers e programadores Padrões webPadrões web são essenciais são essenciais Padrões web são só o Padrões web são só o primeiro passoprimeiro passo Javascript Javascript fácil de usarfácil de usar Controle de versãoControle de versão Testes Testes automatizadosautomatizados


Mais?Mais?

visie.com.br/produtividadevisie.com.br/produtividade

Obrigado!Obrigado!

Produtividade

Technology

Transcript of Produtividade