Produtividade

67
visie.com.br/produtividade Produtividade Produtividade Elcio Ferreira Elcio Ferreira [email protected] [email protected]

description

Palestra apresentada por Elcio Ferreira no iMasters Intercon 2007, apresentou um modelo de desenvolvimento produtivo para a web.

Transcript of Produtividade

visie.com.br/produtividade

ProdutividadeProdutividade

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

visie.com.br/produtividade

Ninguém sabe Ninguém sabe desenvolver paradesenvolver para

Internet aindaInternet ainda

visie.com.br/produtividade

WWW-Tabajara = W3TWWW-Tabajara = W3T

visie.com.br/produtividade

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

visie.com.br/produtividade

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

visie.com.br/produtividade

O encontro de dois O encontro de dois mundosmundos

visie.com.br/produtividade

Publicidade e Publicidade e CriaçãoCriação

convencerconvencer

brieffingbrieffing

subjetivosubjetivo

Produção de Produção de SoftwareSoftware

proverprover

lev. requisitoslev. requisitos

objetivoobjetivo

visie.com.br/produtividade

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

"Artefato - Sistema""Artefato - Sistema"

visie.com.br/produtividade

visie.com.br/produtividade

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

visie.com.br/produtividade

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

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

visie.com.br/produtividade

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

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

visie.com.br/produtividade

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

visie.com.br/produtividade

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

visie.com.br/produtividade

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!

visie.com.br/produtividade

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!

3. O cliente vai3. O cliente vai mudar de idéia! mudar de idéia!

visie.com.br/produtividade

Comprando o intangívelComprando o intangível

visie.com.br/produtividade

W3TW3T

visie.com.br/produtividade

visie.com.br/produtividade

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

visie.com.br/produtividade

Arme-se!Arme-se!

visie.com.br/produtividade

custo X tempo

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

visie.com.br/produtividade

solução convencionalW3T

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

visie.com.br/produtividade

projeto ágil

visie.com.br/produtividade

O Papel do DesignerO Papel do Designer

visie.com.br/produtividade

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

visie.com.br/produtividade

visie.com.br/produtividade

visie.com.br/produtividade

visie.com.br/produtividade

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

possibilidadespossibilidades

visie.com.br/produtividade

Desenvolvimento Desenvolvimento ServerServer

ConteúdoConteúdo

LayoutLayout

Client-sideClient-side

visie.com.br/produtividade

Padrões webPadrões web

visie.com.br/produtividade

O modelo W3TO modelo W3Tprojeto

layout

html

programação

site

visie.com.br/produtividade

Com padrões webCom padrões webprojeto

layout

html

programação

site

visie.com.br/produtividade

Facilidade deFacilidade demanutençãomanutenção

visie.com.br/produtividade

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

visie.com.br/produtividade

Site rápidoSite rápido

visie.com.br/produtividade

Terra.com.brTerra.com.br

antiga, 81Kb

tableless, 48 kb

visie.com.br/produtividade

O efeito cacheO efeito cache

HTML8Kb

CSS, JS, imagens40Kb

visie.com.br/produtividade

AcessibilidadeAcessibilidade

visie.com.br/produtividade

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

para alguma coisapara alguma coisa

visie.com.br/produtividade

demonstraçãodemonstração

visie.com.br/produtividade

Infra-EstruturaInfra-Estrutura

visie.com.br/produtividade

W3TW3T

visie.com.br/produtividade

desenvolvimento

programador programadordesigner

visie.com.br/produtividade

desenvolvimento

programador programadordesigner

visie.com.br/produtividade

desenvolvimento

programador programadordesigner

produção

visie.com.br/produtividade

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

visie.com.br/produtividade

Quem mexeu em que?Quem mexeu em que?

visie.com.br/produtividade

Controle de versãoControle de versão

visie.com.br/produtividade

servidor de fontes

programador programadordesigner

visie.com.br/produtividade

servidor de fontes

programador programadordesigner

visie.com.br/produtividade

servidor de fontes

programador programadordesigner

homologação

produção

visie.com.br/produtividade

visie.com.br/produtividade

visie.com.br/produtividade

FTP nunca mais!FTP nunca mais!

visie.com.br/produtividade

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

visie.com.br/produtividade

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

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

visie.com.br/produtividade

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

mais!mais!

visie.com.br/produtividade

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

mais!mais!

visie.com.br/produtividade

Unit-testsUnit-tests

visie.com.br/produtividade

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

visie.com.br/produtividade

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

visie.com.br/produtividade

Medo deMedo demanutençãomanutenção

visie.com.br/produtividade

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!

visie.com.br/produtividade

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

visie.com.br/produtividade

Mais?Mais?

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

Obrigado!Obrigado!