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
  ...
quot;Peça - Campanhaquot;
                 X
        quot;Artefato - Sistemaquot;

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...
1. O cliente vai
                mudar de idéia!
             2. O cliente vai
                mudar de idéia!
           ...
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ç...
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/prod...
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...
Com padrões web
                             projeto

                              html


        layout                 ...
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/pr...
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....
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   ...
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 fun...
Mais?

visie.com.br/produtividade

                    Obrigado!

visie.com.br/produtividade
Upcoming SlideShare
Loading in...5
×

Produtividade

5,107

Published on

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

Published in: Technology
0 Comments
8 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
5,107
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
239
Comments
0
Likes
8
Embeds 0
No embeds

No notes for slide

Produtividade

  1. 1. Produtividade Elcio Ferreira elcio@visie.com.br visie.com.br/produtividade
  2. 2. Ninguém sabe desenvolver para Internet ainda visie.com.br/produtividade
  3. 3. WWW-Tabajara = W3T visie.com.br/produtividade
  4. 4. 10 anos? 12 anos? visie.com.br/produtividade
  5. 5. Padrões web são só os primeiros passos visie.com.br/produtividade
  6. 6. O encontro de dois mundos visie.com.br/produtividade
  7. 7. Publicidade e Produção de Criação Software convencer prover brieffing lev. requisitos subjetivo objetivo visie.com.br/produtividade
  8. 8. quot;Peça - Campanhaquot; X quot;Artefato - Sistemaquot; visie.com.br/produtividade
  9. 9. visie.com.br/produtividade
  10. 10. Um e-commerce é o quê? visie.com.br/produtividade
  11. 11. conteúdo gerado pelo usuário, virais, text-ads, SEO, mobilidade... visie.com.br/produtividade
  12. 12. A redução no ciclo de desenvolvimento (6 meses é muito tempo) visie.com.br/produtividade
  13. 13. As três leis da modelagem de software visie.com.br/produtividade
  14. 14. 1. O cliente vai mudar de idéia! visie.com.br/produtividade
  15. 15. 1. O cliente vai mudar de idéia! 2. O cliente vai mudar de idéia! visie.com.br/produtividade
  16. 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
  17. 17. Comprando o intangível visie.com.br/produtividade
  18. 18. W3T visie.com.br/produtividade
  19. 19. visie.com.br/produtividade
  20. 20. Toda nossa papelada não ajuda em nada visie.com.br/produtividade
  21. 21. Arme-se! visie.com.br/produtividade
  22. 22. custo X tempo lev. requisitos modelagem implementação testes implantação visie.com.br/produtividade
  23. 23. solução convencional W3T lev. requisitos modelagem implementação testes implantação visie.com.br/produtividade
  24. 24. projeto ágil visie.com.br/produtividade
  25. 25. O Papel do Designer visie.com.br/produtividade
  26. 26. “Design is not just what it looks like and feels like. Design is how it works.” Steve Jobs visie.com.br/produtividade
  27. 27. visie.com.br/produtividade
  28. 28. visie.com.br/produtividade
  29. 29. visie.com.br/produtividade
  30. 30. Não dá para fazer isso sem conhecer as possibilidades visie.com.br/produtividade
  31. 31. Desenvolvimento Server Conteúdo Client-side Layout visie.com.br/produtividade
  32. 32. Padrões web visie.com.br/produtividade
  33. 33. O modelo W3T projeto layout html programação site visie.com.br/produtividade
  34. 34. Com padrões web projeto html layout programação site visie.com.br/produtividade
  35. 35. Facilidade de manutenção visie.com.br/produtividade
  36. 36. Código simples, vida simples visie.com.br/produtividade
  37. 37. Site rápido visie.com.br/produtividade
  38. 38. Terra.com.br antiga, 81Kb tableless, 48 kb visie.com.br/produtividade
  39. 39. O efeito cache HTML CSS, JS, imagens 8Kb 40Kb visie.com.br/produtividade
  40. 40. Acessibilidade visie.com.br/produtividade
  41. 41. Escreva Javascript como se ele fosse ser usado para alguma coisa visie.com.br/produtividade
  42. 42. demonstração visie.com.br/produtividade
  43. 43. Infra-Estrutura visie.com.br/produtividade
  44. 44. W3T visie.com.br/produtividade
  45. 45. desenvolvimento programador designer programador visie.com.br/produtividade
  46. 46. desenvolvimento programador designer programador visie.com.br/produtividade
  47. 47. desenvolvimento programador designer programador produção visie.com.br/produtividade
  48. 48. Onde está seu código? visie.com.br/produtividade
  49. 49. Quem mexeu em que? visie.com.br/produtividade
  50. 50. Controle de versão visie.com.br/produtividade
  51. 51. servidor de fontes programador designer programador visie.com.br/produtividade
  52. 52. servidor de fontes programador designer programador visie.com.br/produtividade
  53. 53. homologação servidor de fontes produção programador designer programador visie.com.br/produtividade
  54. 54. visie.com.br/produtividade
  55. 55. visie.com.br/produtividade
  56. 56. FTP nunca mais! visie.com.br/produtividade
  57. 57. Sobrescrever arquivos dos colegas nunca mais! visie.com.br/produtividade
  58. 58. Versões diferentes em desenvolvimento e produção nunca mais! visie.com.br/produtividade
  59. 59. Não saber quem estragou o quê, e quando, nunca mais! visie.com.br/produtividade
  60. 60. Não saber como voltar ao estado de ontem nunca mais! visie.com.br/produtividade
  61. 61. Unit-tests visie.com.br/produtividade
  62. 62. Conserta aqui, quebra lá? visie.com.br/produtividade
  63. 63. Você tem saco paciência para testar? visie.com.br/produtividade
  64. 64. Medo de manutenção visie.com.br/produtividade
  65. 65. Cada linha do seu código é validada por um teste automático: se quebrar o teste grita! visie.com.br/produtividade
  66. 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
  67. 67. Mais? visie.com.br/produtividade Obrigado! visie.com.br/produtividade
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×