Produtividade
Elcio Ferreira
elcio@visie.com.br
visie.com.br/produtividade

Ninguém sabe
desenvolver para
Internet ainda
visie.com.br/produtividade

WWW-Tabajara = W3T
visie.com.br/produtividade

10 anos? 12 anos?
visie.com.br/produtividade

Padrões web são só
os primeiros passos
visie.com.br/produtividade

O encontro de dois
mundos
visie.com.br/produtividade

Publicidade e Produção de
Criação Software
convencer prover
brieffing lev. requisitos
subjetivo objetivo
visie.com.br/produtividade

\"Peça - Campanha\"
X
\"Artefato - Sistema\"
visie.com.br/produtividade

visie.com.br/produtividade

Um e-commerce é o quê?
visie.com.br/produtividade

conteúdo gerado pelo
usuário, virais, text-ads,
SEO, mobilidade...
visie.com.br/produtividade

A redução no ciclo de
desenvolvimento
(6 meses é muito tempo)
visie.com.br/produtividade

As três leis da modelagem
de software
visie.com.br/produtividade

1. O cliente vai
mudar de idéia!
visie.com.br/produtividade

1. O cliente vai
mudar de idéia!
2. O cliente vai
mudar de idéia!
visie.com.br/produtividade

1. O cliente vai
mudar de idéia!
2. O cliente vai
mudar de idéia!
3. O cliente vai
mudar de idéia!
visie.com.br/produtividade

Comprando o intangível
visie.com.br/produtividade

W3T
visie.com.br/produtividade

visie.com.br/produtividade

Toda nossa papelada não
ajuda em nada
visie.com.br/produtividade

Arme-se!
visie.com.br/produtividade

custo X tempo
lev. requisitos modelagem implementação testes implantação
visie.com.br/produtividade

solução convencional
W3T
lev. requisitos modelagem implementação testes implantação
visie.com.br/produtividade

projeto ágil
visie.com.br/produtividade

O Papel do Designer
visie.com.br/produtividade

“Design is not just what it
looks like and feels like.
Design is how it works.”
Steve Jobs
visie.com.br/produtividade

visie.com.br/produtividade

visie.com.br/produtividade

visie.com.br/produtividade

Não dá para fazer isso
sem conhecer as
possibilidades
visie.com.br/produtividade

Desenvolvimento
Server
Conteúdo Client-side
Layout
visie.com.br/produtividade

Padrões web
visie.com.br/produtividade

O modelo W3T
projeto
layout
html
programação
site
visie.com.br/produtividade

Com padrões web
projeto
html
layout programação
site
visie.com.br/produtividade

Facilidade de
manutenção
visie.com.br/produtividade

Código simples,
vida simples
visie.com.br/produtividade

Site rápido
visie.com.br/produtividade

Terra.com.br
antiga, 81Kb
tableless, 48 kb
visie.com.br/produtividade

O efeito cache
HTML CSS, JS, imagens
8Kb 40Kb
visie.com.br/produtividade

Acessibilidade
visie.com.br/produtividade

Escreva Javascript como
se ele fosse ser usado
para alguma coisa
visie.com.br/produtividade

demonstração
visie.com.br/produtividade

Infra-Estrutura
visie.com.br/produtividade

W3T
visie.com.br/produtividade

desenvolvimento
programador designer programador
visie.com.br/produtividade

desenvolvimento
programador designer programador
visie.com.br/produtividade

desenvolvimento
programador designer programador
produção
visie.com.br/produtividade

Onde está seu código?
visie.com.br/produtividade

Quem mexeu em que?
visie.com.br/produtividade

Controle de versão
visie.com.br/produtividade

servidor de fontes
programador designer programador
visie.com.br/produtividade

servidor de fontes
programador designer programador
visie.com.br/produtividade

homologação
servidor de fontes
produção
programador designer programador
visie.com.br/produtividade

visie.com.br/produtividade

visie.com.br/produtividade

FTP nunca mais!
visie.com.br/produtividade

Sobrescrever arquivos dos
colegas nunca mais!
visie.com.br/produtividade

Versões diferentes em
desenvolvimento e
produção nunca mais!
visie.com.br/produtividade

Não saber quem estragou
o quê, e quando, nunca
mais!
visie.com.br/produtividade

Não saber como voltar ao
estado de ontem nunca
mais!
visie.com.br/produtividade

Unit-tests
visie.com.br/produtividade

Conserta aqui, quebra lá?
visie.com.br/produtividade

Você tem saco paciência
para testar?
visie.com.br/produtividade

Medo de
manutenção
visie.com.br/produtividade

Cada linha do seu código é
validada por um teste
automático: se quebrar o
teste grita!
visie.com.br/produtividade

Resumão:
Mente aberta, tudo ainda é muito novo

Bons designers preocupam-se com como as coisas

vão funcionar
Padrões web: paz entre designers e programadores

Padrões web são essenciais

Padrões web são só o primeiro passo

Javascript fácil de usar

Controle de versão

Testes automatizados

visie.com.br/produtividade

Mais?
visie.com.br/produtividade
Obrigado!
visie.com.br/produtividade