SlideShare uma empresa Scribd logo
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
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.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

Mais conteúdo relacionado

Semelhante a Produtividade

Introdução ao Asp.Net Mvc
Introdução ao Asp.Net MvcIntrodução ao Asp.Net Mvc
Introdução ao Asp.Net Mvc
Giovanni Bassi
 
Ux for Developers - Build Better Products
Ux for Developers - Build Better ProductsUx for Developers - Build Better Products
Ux for Developers - Build Better Products
Pedro Marques
 
Minicurso - Desenvolvendo aplicações web com JavaScript e AngularJS - Estácio...
Minicurso - Desenvolvendo aplicações web com JavaScript e AngularJS - Estácio...Minicurso - Desenvolvendo aplicações web com JavaScript e AngularJS - Estácio...
Minicurso - Desenvolvendo aplicações web com JavaScript e AngularJS - Estácio...
Rodrigo Branas
 
Conheça o ASP.NET MVC 3
Conheça o ASP.NET MVC 3Conheça o ASP.NET MVC 3
Conheça o ASP.NET MVC 3
Victor Cavalcante
 
Apresentação Minas - Desenvolvendo Sites
Apresentação Minas - Desenvolvendo SitesApresentação Minas - Desenvolvendo Sites
Apresentação Minas - Desenvolvendo Sites
thiagolima
 
Ger301
Ger301Ger301
Surpreenda-se com o Silverlight 3
Surpreenda-se com o Silverlight 3Surpreenda-se com o Silverlight 3
Surpreenda-se com o Silverlight 3
Rodrigo Kono
 
O Papel do desenvolvedor Front End
O Papel do desenvolvedor Front EndO Papel do desenvolvedor Front End
O Papel do desenvolvedor Front End
Rael Max
 
Asp.Net Mvc Dev Days09 V3 Pt
Asp.Net Mvc Dev Days09 V3 PtAsp.Net Mvc Dev Days09 V3 Pt
Asp.Net Mvc Dev Days09 V3 Pt
Bruno Matos Tavares
 
Keynote Visual Studio Summit 2016
Keynote Visual Studio Summit 2016Keynote Visual Studio Summit 2016
Keynote Visual Studio Summit 2016
Ramon Durães
 
ASP.NET Web Forms X ASP.NET MVC
ASP.NET Web Forms X ASP.NET MVCASP.NET Web Forms X ASP.NET MVC
ASP.NET Web Forms X ASP.NET MVC
guest489a65e
 
Faça Sucesso Desenvolvendo com ASP.NET 4, ASP NET MVC e Visual Studio 2010
Faça Sucesso Desenvolvendo com ASP.NET 4, ASP NET MVC e Visual Studio 2010Faça Sucesso Desenvolvendo com ASP.NET 4, ASP NET MVC e Visual Studio 2010
Faça Sucesso Desenvolvendo com ASP.NET 4, ASP NET MVC e Visual Studio 2010
Rodrigo Kono
 
Quebrando barreiras entre desenvolvimento e operação de software com DevOps
Quebrando barreiras entre desenvolvimento e operação de software com DevOpsQuebrando barreiras entre desenvolvimento e operação de software com DevOps
Quebrando barreiras entre desenvolvimento e operação de software com DevOps
José Alexandre Macedo
 
Dividindo responsabilidades com VRaptor, Rest, HTML5 e CSS3
Dividindo responsabilidades com VRaptor, Rest, HTML5 e CSS3Dividindo responsabilidades com VRaptor, Rest, HTML5 e CSS3
Dividindo responsabilidades com VRaptor, Rest, HTML5 e CSS3
André Luiz Forchesatto
 
Desempenho web
Desempenho webDesempenho web
Microsoft Edge (Teched 2015)
Microsoft Edge (Teched 2015)Microsoft Edge (Teched 2015)
Microsoft Edge (Teched 2015)
Fabrício Catae
 
CV Alexandre R. de Castro
CV Alexandre R. de CastroCV Alexandre R. de Castro
CV Alexandre R. de Castro
Alexandre R. de Castro
 
Surpreenda-se com o Silverlight 3
Surpreenda-se com o Silverlight 3Surpreenda-se com o Silverlight 3
Surpreenda-se com o Silverlight 3
Rodrigo Kono
 
Web Dev Camp
Web Dev CampWeb Dev Camp
The Developers Conference 2014 | Porto Alegre
The Developers Conference 2014 | Porto AlegreThe Developers Conference 2014 | Porto Alegre
The Developers Conference 2014 | Porto Alegre
Bruno Brandes
 

Semelhante a Produtividade (20)

Introdução ao Asp.Net Mvc
Introdução ao Asp.Net MvcIntrodução ao Asp.Net Mvc
Introdução ao Asp.Net Mvc
 
Ux for Developers - Build Better Products
Ux for Developers - Build Better ProductsUx for Developers - Build Better Products
Ux for Developers - Build Better Products
 
Minicurso - Desenvolvendo aplicações web com JavaScript e AngularJS - Estácio...
Minicurso - Desenvolvendo aplicações web com JavaScript e AngularJS - Estácio...Minicurso - Desenvolvendo aplicações web com JavaScript e AngularJS - Estácio...
Minicurso - Desenvolvendo aplicações web com JavaScript e AngularJS - Estácio...
 
Conheça o ASP.NET MVC 3
Conheça o ASP.NET MVC 3Conheça o ASP.NET MVC 3
Conheça o ASP.NET MVC 3
 
Apresentação Minas - Desenvolvendo Sites
Apresentação Minas - Desenvolvendo SitesApresentação Minas - Desenvolvendo Sites
Apresentação Minas - Desenvolvendo Sites
 
Ger301
Ger301Ger301
Ger301
 
Surpreenda-se com o Silverlight 3
Surpreenda-se com o Silverlight 3Surpreenda-se com o Silverlight 3
Surpreenda-se com o Silverlight 3
 
O Papel do desenvolvedor Front End
O Papel do desenvolvedor Front EndO Papel do desenvolvedor Front End
O Papel do desenvolvedor Front End
 
Asp.Net Mvc Dev Days09 V3 Pt
Asp.Net Mvc Dev Days09 V3 PtAsp.Net Mvc Dev Days09 V3 Pt
Asp.Net Mvc Dev Days09 V3 Pt
 
Keynote Visual Studio Summit 2016
Keynote Visual Studio Summit 2016Keynote Visual Studio Summit 2016
Keynote Visual Studio Summit 2016
 
ASP.NET Web Forms X ASP.NET MVC
ASP.NET Web Forms X ASP.NET MVCASP.NET Web Forms X ASP.NET MVC
ASP.NET Web Forms X ASP.NET MVC
 
Faça Sucesso Desenvolvendo com ASP.NET 4, ASP NET MVC e Visual Studio 2010
Faça Sucesso Desenvolvendo com ASP.NET 4, ASP NET MVC e Visual Studio 2010Faça Sucesso Desenvolvendo com ASP.NET 4, ASP NET MVC e Visual Studio 2010
Faça Sucesso Desenvolvendo com ASP.NET 4, ASP NET MVC e Visual Studio 2010
 
Quebrando barreiras entre desenvolvimento e operação de software com DevOps
Quebrando barreiras entre desenvolvimento e operação de software com DevOpsQuebrando barreiras entre desenvolvimento e operação de software com DevOps
Quebrando barreiras entre desenvolvimento e operação de software com DevOps
 
Dividindo responsabilidades com VRaptor, Rest, HTML5 e CSS3
Dividindo responsabilidades com VRaptor, Rest, HTML5 e CSS3Dividindo responsabilidades com VRaptor, Rest, HTML5 e CSS3
Dividindo responsabilidades com VRaptor, Rest, HTML5 e CSS3
 
Desempenho web
Desempenho webDesempenho web
Desempenho web
 
Microsoft Edge (Teched 2015)
Microsoft Edge (Teched 2015)Microsoft Edge (Teched 2015)
Microsoft Edge (Teched 2015)
 
CV Alexandre R. de Castro
CV Alexandre R. de CastroCV Alexandre R. de Castro
CV Alexandre R. de Castro
 
Surpreenda-se com o Silverlight 3
Surpreenda-se com o Silverlight 3Surpreenda-se com o Silverlight 3
Surpreenda-se com o Silverlight 3
 
Web Dev Camp
Web Dev CampWeb Dev Camp
Web Dev Camp
 
The Developers Conference 2014 | Porto Alegre
The Developers Conference 2014 | Porto AlegreThe Developers Conference 2014 | Porto Alegre
The Developers Conference 2014 | Porto Alegre
 

Mais de Elcio Ferreira

Yes we can!
Yes we can!Yes we can!
Yes we can!
Elcio Ferreira
 
O efeito das redes sociais sobre você
O efeito das redes sociais sobre vocêO efeito das redes sociais sobre você
O efeito das redes sociais sobre você
Elcio Ferreira
 
HTML5 - Um Ano Depois
HTML5 - Um Ano DepoisHTML5 - Um Ano Depois
HTML5 - Um Ano Depois
Elcio Ferreira
 
E-commerce seguro com PagSeguro
E-commerce seguro com PagSeguroE-commerce seguro com PagSeguro
E-commerce seguro com PagSeguro
Elcio Ferreira
 
Produtos e serviços da Web 2.0
Produtos e serviços da Web 2.0Produtos e serviços da Web 2.0
Produtos e serviços da Web 2.0
Elcio Ferreira
 
Código
CódigoCódigo
Microformats, a web semântica com letra minúscula
Microformats, a web semântica com letra minúsculaMicroformats, a web semântica com letra minúscula
Microformats, a web semântica com letra minúscula
Elcio Ferreira
 

Mais de Elcio Ferreira (8)

Yes we can!
Yes we can!Yes we can!
Yes we can!
 
O efeito das redes sociais sobre você
O efeito das redes sociais sobre vocêO efeito das redes sociais sobre você
O efeito das redes sociais sobre você
 
HTML5 - Um Ano Depois
HTML5 - Um Ano DepoisHTML5 - Um Ano Depois
HTML5 - Um Ano Depois
 
Html5
Html5Html5
Html5
 
E-commerce seguro com PagSeguro
E-commerce seguro com PagSeguroE-commerce seguro com PagSeguro
E-commerce seguro com PagSeguro
 
Produtos e serviços da Web 2.0
Produtos e serviços da Web 2.0Produtos e serviços da Web 2.0
Produtos e serviços da Web 2.0
 
Código
CódigoCódigo
Código
 
Microformats, a web semântica com letra minúscula
Microformats, a web semântica com letra minúsculaMicroformats, a web semântica com letra minúscula
Microformats, a web semântica com letra minúscula
 

Produtividade