SlideShare uma empresa Scribd logo
1 de 10
Baixar para ler offline
Métodos de trabalho na Web

       História e Cultura Web




            João Ferreira, 3108

        Pós-Graduação WebDesign, ESAD
Bibliografia

                             Jason Fried and David Heinemeier Hansson (2010)

                                                 Rework
                                            Vermilion London




                                            W3C (04/03/2012)

                                  http://www.w3.org/Consortium/facts

                                              História W3C




                                          Wikipédia (04/03/2012)

                                 http://pt.wikipedia.org/wiki/Metodologia

                                              Metodologias




                                                                                            João Ferreira, 3108
Métodos de trabalho na Web                                                     Pós-Graduação WebDesign, ESAD
Início da Web, com as suas limitações e restringimentos, afastava os designers
                                                    Período muito “cru” e experimental, onde o trabalho era
                                                    ‘centralizado’ no Web Developer, ou seja, no programador,
                                                    alguém que conseguia “falar” a língua da Web.



                                                   Cores mal definidas, tipografias básicas e rudimentares.


                                                    A Web era, então, muito restricta e complexa para quem
                                                    se quisesse aventurar a explorá-la.




                                                                                               João Ferreira, 3108
Métodos de trabalho na Web                                                        Pós-Graduação WebDesign, ESAD
À medida que o potencial cresceu, surgiram os projectos colaborativos
                                                     Mais cores, mais organização, maior potencial de utili-
                                                     zação, bem como a possibilidade comercial, originaram a
                                                     necessidade de trabalhar em conjunto.


                                                     Não se diferenciava ainda “design” de “programação”.

                                                     Toda a gente à volta da Web começava a “pedir” maior
                                                     liberdade de edição do website, tentando diferenciar o
                                                     seu site da concorrência.




                                                                                                 João Ferreira, 3108
Métodos de trabalho na Web                                                          Pós-Graduação WebDesign, ESAD
Entrada das CSS = Entrada dos designers
                                                Em 1996, a W3C dá finalmente o estatuto de reco-
                                                mendação oficial ao CSS 1.

                                                Era a medida que faltava para “seduzir” os designers.


                                                Com esta revolução na Web, começou a ser natural ter
                                                designers e developers misturados no mesmo gabinete, a
                                                trabalhar num projecto.


                                                No entanto, não tardaram a haver cisões entre designers e
                                                developers, essencialmente porque nenhuma das partes
                                                “compreendia” e respeitava o trabalho da outra.




                                                                                            João Ferreira, 3108
Métodos de trabalho na Web                                                     Pós-Graduação WebDesign, ESAD
Entrada no Flash do mercado “divorcia” definitivamente as duas àreas
                                                    Com a entrada do Flash, os designers já podiam produzir
                                                    websites sem a ajuda dos developers.

                                                    Developers “agradeciam” e também se afastavam e tra-
                                                    balhavam a solo.

                                                    Há males que vêm por bem e este afastamento acabou
                                                    por criar uma necessidade de auto-aprendizagem, nas
                                                    duas àreas, criando o “bichinho” de saber mais e fazer
                                                    melhor. Designers percebiam que precisavam de saber
                                                    programar e os developers que precisavam de saber
                                                    “decorar”.




                                                                                               João Ferreira, 3108
Métodos de trabalho na Web                                                        Pós-Graduação WebDesign, ESAD
Nasce o conceito de Web Designer
                                             Nesta altura, surgem os auto-didactas, que conseguem
                                             trabalhar nas duas àreas, com alguma qualidade.

                                            O verdadeiro ‘one-man-show’, que reúnia ‘skills’ nas duas
                                            àreas, sem nunca chegar a ser de topo em nenhuma.

                                             Clara evolução “pessoal”, que foi essencial para o passo
                                             seguinte. Ao estudarem as àreas, conseguiam mais fácil-
                                             mente entender as “dores” específicas de cada uma, logo
                                             era mais fácil comunicar e colaborar.




                                                                                        João Ferreira, 3108
Métodos de trabalho na Web                                                 Pós-Graduação WebDesign, ESAD
Voltam as colaborações, agora a falar a mesma “língua”
                                                        A ambição de fazer mais e melhor é o melhor motor da
                                                        mudança. Conhecedor da complexidade de ambas as
                                                        àreas, o Web Designer acaba por se dedicar a uma, man-
                                                        tendo conhecimentos básicos da outra, unindo-se a al-
                                                        guém que preencha a sua lacuna.


                                                        Todos compreendem a linguagem da Web, o seu poten-
                                                        cial e as suas limitações. Há uma clara ponte de entendi-
                                                        mento e todos sabem a sua posição e a sua tarefa. Man-
                                                        tém-se a atitude de “jack of all trades”, no entanto, há uma
                                                        especialização de cada membro.




                                                                                                     João Ferreira, 3108
Métodos de trabalho na Web                                                              Pós-Graduação WebDesign, ESAD
Evolução dos métodos de trabalho na Web como exemplo
                                                      Esta evolução vertiginosa foi altamante proveitosa para a
                                                      Web, que em cerca de 20 anos de história teve um desen-
                                                      volvimento tremendamo.

                                                      A pergunta que se coloca é:

                                                      Quando irão os outros meios de comunicação adoptar
                                                      esta metodologia de trabalho?




                                                                                                 João Ferreira, 3108
Métodos de trabalho na Web                                                          Pós-Graduação WebDesign, ESAD
Obrigado!




                                                      João Ferreira, 3108
Métodos de trabalho na Web               Pós-Graduação WebDesign, ESAD

Mais conteúdo relacionado

Mais procurados

Mais procurados (12)

Teias Panorama Para Associados
Teias Panorama Para AssociadosTeias Panorama Para Associados
Teias Panorama Para Associados
 
Apresentação PCC - Rodrigo Santiago
Apresentação PCC - Rodrigo SantiagoApresentação PCC - Rodrigo Santiago
Apresentação PCC - Rodrigo Santiago
 
Desenvolvimento de Sites
Desenvolvimento de SitesDesenvolvimento de Sites
Desenvolvimento de Sites
 
Palestra - Na quebrada da Web
Palestra - Na quebrada da WebPalestra - Na quebrada da Web
Palestra - Na quebrada da Web
 
Sociedade em rede ferramentas da web 2-0 - corrigido
Sociedade em rede   ferramentas da web 2-0 -  corrigidoSociedade em rede   ferramentas da web 2-0 -  corrigido
Sociedade em rede ferramentas da web 2-0 - corrigido
 
Cronograma final 13maio
Cronograma final 13maioCronograma final 13maio
Cronograma final 13maio
 
Webpages2
Webpages2Webpages2
Webpages2
 
Redes sociais aabb em tela
Redes sociais   aabb em telaRedes sociais   aabb em tela
Redes sociais aabb em tela
 
Adobe CS6
Adobe CS6Adobe CS6
Adobe CS6
 
Aula 1 Webdesign
Aula 1 WebdesignAula 1 Webdesign
Aula 1 Webdesign
 
Ferramentas Web2.0
Ferramentas Web2.0Ferramentas Web2.0
Ferramentas Web2.0
 
Manual da web2.0
Manual da web2.0Manual da web2.0
Manual da web2.0
 

Destaque

Destaque (6)

ZKM_Robert Wilson_Programm.pdf
ZKM_Robert Wilson_Programm.pdfZKM_Robert Wilson_Programm.pdf
ZKM_Robert Wilson_Programm.pdf
 
Shake para dar energia e emagrecer
Shake para dar energia e emagrecerShake para dar energia e emagrecer
Shake para dar energia e emagrecer
 
Practica 14 ciencias ii
Practica 14 ciencias iiPractica 14 ciencias ii
Practica 14 ciencias ii
 
Aposte nos shakes
Aposte nos shakesAposte nos shakes
Aposte nos shakes
 
Projecto Cross-Media - Antena 3
Projecto Cross-Media - Antena 3Projecto Cross-Media - Antena 3
Projecto Cross-Media - Antena 3
 
Plan de trabajo
Plan de trabajo Plan de trabajo
Plan de trabajo
 

Semelhante a Slides - João Ferreira

Metodos Trabalho na Web
Metodos Trabalho na WebMetodos Trabalho na Web
Metodos Trabalho na WebJohnny1337
 
Artigo Entrevista W3C 2011
Artigo Entrevista W3C 2011Artigo Entrevista W3C 2011
Artigo Entrevista W3C 2011Ronei Pasquetto
 
3ª Conferência Web W3C Brasil - 2011
3ª Conferência Web W3C Brasil - 20113ª Conferência Web W3C Brasil - 2011
3ª Conferência Web W3C Brasil - 2011ESAT
 
Unb 2012.1 - dweb - 02 - por onde começar
Unb   2012.1 - dweb - 02 - por onde começarUnb   2012.1 - dweb - 02 - por onde começar
Unb 2012.1 - dweb - 02 - por onde começarClaudenio Alberto
 
Design para a web - da interface ao branding
Design para a web - da interface ao brandingDesign para a web - da interface ao branding
Design para a web - da interface ao brandingJoão Alves
 
Desenvolvimento Ágil com Twitter Bootstrap
Desenvolvimento Ágil com Twitter BootstrapDesenvolvimento Ágil com Twitter Bootstrap
Desenvolvimento Ágil com Twitter BootstrapFlavio Souza
 
Usando a programação web para mobile com Twitter Bootstrap
Usando a programação web para mobile com Twitter BootstrapUsando a programação web para mobile com Twitter Bootstrap
Usando a programação web para mobile com Twitter BootstrapFlavio Souza
 
12° Encontro de WebDesign (usabilidade)
12° Encontro de WebDesign (usabilidade)12° Encontro de WebDesign (usabilidade)
12° Encontro de WebDesign (usabilidade)maumoreira
 
André Projeto De Viabilidade
André Projeto De ViabilidadeAndré Projeto De Viabilidade
André Projeto De ViabilidadeAndreLuiz
 
{Palestra} Criação Web com Frameworks Front-end
{Palestra} Criação Web com Frameworks Front-end{Palestra} Criação Web com Frameworks Front-end
{Palestra} Criação Web com Frameworks Front-endDaniel Brandão
 
Introdução a Modelagem
Introdução a ModelagemIntrodução a Modelagem
Introdução a ModelagemRodrigo Branas
 
Introdução a experiência do usuário
Introdução a experiência do usuárioIntrodução a experiência do usuário
Introdução a experiência do usuárioBruno Biagioni Neto
 
DESIGNER E FRONT-END DEV: Prontos para mudar seu workflow?
DESIGNER E FRONT-END DEV: Prontos para mudar seu workflow?DESIGNER E FRONT-END DEV: Prontos para mudar seu workflow?
DESIGNER E FRONT-END DEV: Prontos para mudar seu workflow?RC Comunicação
 
Os segredos dos front end engineers
Os segredos dos front end engineersOs segredos dos front end engineers
Os segredos dos front end engineersDavidson Fellipe
 
IHC 2012 | Interação entre time de Design de Interfaces e time de Desenvolvim...
IHC 2012 | Interação entre time de Design de Interfaces e time de Desenvolvim...IHC 2012 | Interação entre time de Design de Interfaces e time de Desenvolvim...
IHC 2012 | Interação entre time de Design de Interfaces e time de Desenvolvim...Viviane Delvequio
 
Web 2.0: Como as Ferramentas Colaborativas podem ajudar a alavancar soluções!
Web 2.0: Como as Ferramentas Colaborativas podem ajudar a alavancar soluções!Web 2.0: Como as Ferramentas Colaborativas podem ajudar a alavancar soluções!
Web 2.0: Como as Ferramentas Colaborativas podem ajudar a alavancar soluções!Alessandra Nunes
 

Semelhante a Slides - João Ferreira (20)

Metodos Trabalho na Web
Metodos Trabalho na WebMetodos Trabalho na Web
Metodos Trabalho na Web
 
Artigo Entrevista W3C 2011
Artigo Entrevista W3C 2011Artigo Entrevista W3C 2011
Artigo Entrevista W3C 2011
 
3ª Conferência Web W3C Brasil - 2011
3ª Conferência Web W3C Brasil - 20113ª Conferência Web W3C Brasil - 2011
3ª Conferência Web W3C Brasil - 2011
 
Unb 2012.1 - dweb - 02 - por onde começar
Unb   2012.1 - dweb - 02 - por onde começarUnb   2012.1 - dweb - 02 - por onde começar
Unb 2012.1 - dweb - 02 - por onde começar
 
Workshop Webinsider 2003
Workshop Webinsider 2003Workshop Webinsider 2003
Workshop Webinsider 2003
 
Design para a web - da interface ao branding
Design para a web - da interface ao brandingDesign para a web - da interface ao branding
Design para a web - da interface ao branding
 
Desenvolvimento Ágil com Twitter Bootstrap
Desenvolvimento Ágil com Twitter BootstrapDesenvolvimento Ágil com Twitter Bootstrap
Desenvolvimento Ágil com Twitter Bootstrap
 
Usando a programação web para mobile com Twitter Bootstrap
Usando a programação web para mobile com Twitter BootstrapUsando a programação web para mobile com Twitter Bootstrap
Usando a programação web para mobile com Twitter Bootstrap
 
12° Encontro de WebDesign (usabilidade)
12° Encontro de WebDesign (usabilidade)12° Encontro de WebDesign (usabilidade)
12° Encontro de WebDesign (usabilidade)
 
Agile User Experience
Agile User ExperienceAgile User Experience
Agile User Experience
 
André Projeto De Viabilidade
André Projeto De ViabilidadeAndré Projeto De Viabilidade
André Projeto De Viabilidade
 
{Palestra} Criação Web com Frameworks Front-end
{Palestra} Criação Web com Frameworks Front-end{Palestra} Criação Web com Frameworks Front-end
{Palestra} Criação Web com Frameworks Front-end
 
Carolina costa nº2
Carolina costa nº2Carolina costa nº2
Carolina costa nº2
 
Introdução a Modelagem
Introdução a ModelagemIntrodução a Modelagem
Introdução a Modelagem
 
Web Standards
Web StandardsWeb Standards
Web Standards
 
Introdução a experiência do usuário
Introdução a experiência do usuárioIntrodução a experiência do usuário
Introdução a experiência do usuário
 
DESIGNER E FRONT-END DEV: Prontos para mudar seu workflow?
DESIGNER E FRONT-END DEV: Prontos para mudar seu workflow?DESIGNER E FRONT-END DEV: Prontos para mudar seu workflow?
DESIGNER E FRONT-END DEV: Prontos para mudar seu workflow?
 
Os segredos dos front end engineers
Os segredos dos front end engineersOs segredos dos front end engineers
Os segredos dos front end engineers
 
IHC 2012 | Interação entre time de Design de Interfaces e time de Desenvolvim...
IHC 2012 | Interação entre time de Design de Interfaces e time de Desenvolvim...IHC 2012 | Interação entre time de Design de Interfaces e time de Desenvolvim...
IHC 2012 | Interação entre time de Design de Interfaces e time de Desenvolvim...
 
Web 2.0: Como as Ferramentas Colaborativas podem ajudar a alavancar soluções!
Web 2.0: Como as Ferramentas Colaborativas podem ajudar a alavancar soluções!Web 2.0: Como as Ferramentas Colaborativas podem ajudar a alavancar soluções!
Web 2.0: Como as Ferramentas Colaborativas podem ajudar a alavancar soluções!
 

Slides - João Ferreira

  • 1. Métodos de trabalho na Web História e Cultura Web João Ferreira, 3108 Pós-Graduação WebDesign, ESAD
  • 2. Bibliografia Jason Fried and David Heinemeier Hansson (2010) Rework Vermilion London W3C (04/03/2012) http://www.w3.org/Consortium/facts História W3C Wikipédia (04/03/2012) http://pt.wikipedia.org/wiki/Metodologia Metodologias João Ferreira, 3108 Métodos de trabalho na Web Pós-Graduação WebDesign, ESAD
  • 3. Início da Web, com as suas limitações e restringimentos, afastava os designers Período muito “cru” e experimental, onde o trabalho era ‘centralizado’ no Web Developer, ou seja, no programador, alguém que conseguia “falar” a língua da Web. Cores mal definidas, tipografias básicas e rudimentares. A Web era, então, muito restricta e complexa para quem se quisesse aventurar a explorá-la. João Ferreira, 3108 Métodos de trabalho na Web Pós-Graduação WebDesign, ESAD
  • 4. À medida que o potencial cresceu, surgiram os projectos colaborativos Mais cores, mais organização, maior potencial de utili- zação, bem como a possibilidade comercial, originaram a necessidade de trabalhar em conjunto. Não se diferenciava ainda “design” de “programação”. Toda a gente à volta da Web começava a “pedir” maior liberdade de edição do website, tentando diferenciar o seu site da concorrência. João Ferreira, 3108 Métodos de trabalho na Web Pós-Graduação WebDesign, ESAD
  • 5. Entrada das CSS = Entrada dos designers Em 1996, a W3C dá finalmente o estatuto de reco- mendação oficial ao CSS 1. Era a medida que faltava para “seduzir” os designers. Com esta revolução na Web, começou a ser natural ter designers e developers misturados no mesmo gabinete, a trabalhar num projecto. No entanto, não tardaram a haver cisões entre designers e developers, essencialmente porque nenhuma das partes “compreendia” e respeitava o trabalho da outra. João Ferreira, 3108 Métodos de trabalho na Web Pós-Graduação WebDesign, ESAD
  • 6. Entrada no Flash do mercado “divorcia” definitivamente as duas àreas Com a entrada do Flash, os designers já podiam produzir websites sem a ajuda dos developers. Developers “agradeciam” e também se afastavam e tra- balhavam a solo. Há males que vêm por bem e este afastamento acabou por criar uma necessidade de auto-aprendizagem, nas duas àreas, criando o “bichinho” de saber mais e fazer melhor. Designers percebiam que precisavam de saber programar e os developers que precisavam de saber “decorar”. João Ferreira, 3108 Métodos de trabalho na Web Pós-Graduação WebDesign, ESAD
  • 7. Nasce o conceito de Web Designer Nesta altura, surgem os auto-didactas, que conseguem trabalhar nas duas àreas, com alguma qualidade. O verdadeiro ‘one-man-show’, que reúnia ‘skills’ nas duas àreas, sem nunca chegar a ser de topo em nenhuma. Clara evolução “pessoal”, que foi essencial para o passo seguinte. Ao estudarem as àreas, conseguiam mais fácil- mente entender as “dores” específicas de cada uma, logo era mais fácil comunicar e colaborar. João Ferreira, 3108 Métodos de trabalho na Web Pós-Graduação WebDesign, ESAD
  • 8. Voltam as colaborações, agora a falar a mesma “língua” A ambição de fazer mais e melhor é o melhor motor da mudança. Conhecedor da complexidade de ambas as àreas, o Web Designer acaba por se dedicar a uma, man- tendo conhecimentos básicos da outra, unindo-se a al- guém que preencha a sua lacuna. Todos compreendem a linguagem da Web, o seu poten- cial e as suas limitações. Há uma clara ponte de entendi- mento e todos sabem a sua posição e a sua tarefa. Man- tém-se a atitude de “jack of all trades”, no entanto, há uma especialização de cada membro. João Ferreira, 3108 Métodos de trabalho na Web Pós-Graduação WebDesign, ESAD
  • 9. Evolução dos métodos de trabalho na Web como exemplo Esta evolução vertiginosa foi altamante proveitosa para a Web, que em cerca de 20 anos de história teve um desen- volvimento tremendamo. A pergunta que se coloca é: Quando irão os outros meios de comunicação adoptar esta metodologia de trabalho? João Ferreira, 3108 Métodos de trabalho na Web Pós-Graduação WebDesign, ESAD
  • 10. Obrigado! João Ferreira, 3108 Métodos de trabalho na Web Pós-Graduação WebDesign, ESAD