Produtividade

Slide 1: Produtividade Elcio Ferreira elcio@visie.com.br visie.com.br/produtividade

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

Slide 3: WWW-Tabajara = W3T visie.com.br/produtividade

Slide 4: 10 anos? 12 anos? visie.com.br/produtividade

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

Slide 6: O encontro de dois mundos visie.com.br/produtividade

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

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

Slide 9: visie.com.br/produtividade

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

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

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

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

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

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

Slide 16: 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

Slide 17: Comprando o intangível visie.com.br/produtividade

Slide 18: W3T visie.com.br/produtividade

Slide 19: visie.com.br/produtividade

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

Slide 21: Arme-se! visie.com.br/produtividade

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

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

Slide 24: projeto ágil visie.com.br/produtividade

Slide 25: O Papel do Designer visie.com.br/produtividade

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

Slide 27: visie.com.br/produtividade

Slide 28: visie.com.br/produtividade

Slide 29: visie.com.br/produtividade

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

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

Slide 32: Padrões web visie.com.br/produtividade

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

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

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

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

Slide 37: Site rápido visie.com.br/produtividade

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

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

Slide 40: Acessibilidade visie.com.br/produtividade

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

Slide 42: demonstração visie.com.br/produtividade

Slide 43: Infra-Estrutura visie.com.br/produtividade

Slide 44: W3T visie.com.br/produtividade

Slide 45: desenvolvimento programador designer programador visie.com.br/produtividade

Slide 46: desenvolvimento programador designer programador visie.com.br/produtividade

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

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

Slide 49: Quem mexeu em que? visie.com.br/produtividade

Slide 50: Controle de versão visie.com.br/produtividade

Slide 51: servidor de fontes programador designer programador visie.com.br/produtividade

Slide 52: servidor de fontes programador designer programador visie.com.br/produtividade

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

Slide 54: visie.com.br/produtividade

Slide 55: visie.com.br/produtividade

Slide 56: FTP nunca mais! visie.com.br/produtividade

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

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

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

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

Slide 61: Unit-tests visie.com.br/produtividade

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

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

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

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

Slide 66: 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

Slide 67: Mais? visie.com.br/produtividade Obrigado! visie.com.br/produtividade