Guia da Gestão de Projectos Web

  • 3,407 views
Uploaded on

 

More in: Business , Technology
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
No Downloads

Views

Total Views
3,407
On Slideshare
0
From Embeds
0
Number of Embeds
1

Actions

Shares
Downloads
190
Comments
0
Likes
2

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 1. Guia de Projectos Web … da planificação … à manutenção Baseado no livro: The Visual Learner´s Guide to Managing Web Project Visibooks, LLC, Richmond, VA
  • 2.
    • Objectivo: Construir e actualizar web sites.
    • Trabalhar para a Web é complexo e requer boa coordenação.
    • Estamos a oferecer um produto ao PÚBLICO!
    Noções Introdutórias
  • 3. Fases Planificação Estudo/aprendizagem Organização Desenvolvimento Manutenção Ajuda na organização, e determina-se de a opção é construir ou reconstruir o web site. Estudar os detalhes, planear um curriculum eficaz, e fornecer uma aprendizagem para que a equipa entenda o projecto. Guião para definição do conteúdo, estrutura, e o planeamento da construção. Construção, teste e aprovação. Fase crucial para o sucesso de um web site. Permite manter vivo o produto.
  • 4. Planificação
    • Qual o objectivo do projecto?
      • Construir um novo Web Site?
      • Actualização?
      • Comparar?
      • Por exemplo, Microsoft.com e Sun.com reconstruíram diversas vezes.
      • Para determinar se a organização necessita de construir um Web site novo, deve-se avaliar o actual, e compará-lo com outros.
  • 5. Planificação
      • Avaliação:
      • Consistente?
      • É consistente com a imagem corporativa? Folhetos, cabeçalho, cartões de negócio, etc.
      • O aspecto de cada página é consistente com outras páginas?
      • Organização?
      • Não está dividido em mais do que 7 secções? O utilizador processa informações em grupos de 3 a 7.
      • Navegação?
      • “ Sei onde estou?”
      • “ Sei para onde vou?”
      • Encontrar a informações facilmente?
      • Ajuda à navegação?
      • É simples?
      • A audiência testou o site? Gostou?
  • 6. Planificação Comparação com outros Web sites A IBM usou os seus amplos recursos e experiência para construir um Web site excelente. O design é consistente no seu todo, e as páginas carregam rapidamente. Contem milhares das páginas, mas de fácil navegação. Entretanto, uma organização não necessita de milhões no orçamento para construir um site eficaz. Por exemplo, o Web Site de móveis foi construído com menos, mas serve os objectivos da organização e dos UTILIZADORES !
  • 7. Planificação Comparação com outros Web sites
    • Construir um novo site evita perda de tempo e esforço.
    • Renovar um Web Site é realmente mais difícil do que criar um inteiramente.
    Kyle Shannon, criativo da Agency.com, New York City. “ São os tipos de projecto mais comuns. O cliente quer melhorá-los. Renovar o design, e outros itens. Parece fácil fazer porque o conteúdo e a estrutura já existe. A realidade é bem diferente. É necessário conhece-lo e reparar o HTML, programar o web site baseado na nova arquitectura que nós criamos. A reconstrução de web sites são significativamente mais longos e mais caros… " Shoba Narayan, "Projects From Hell and the Wisdom They Bring“ Internet World: www.internetworld.com/print/1997/10/27/undercon/19971027-projects.html
  • 8. Planificação Determinar quem tem a palavra final Uma organização pode ter diversos departamentos ou escritórios, cada um com as suas próprias ideias e objectivos. Tentar compreender e atender todos é uma tarefa impossível. SOLUÇÃO : Identificar a pessoa responsável pelas decisões acerca do web site dentro da organização. Se uma comissão aprova o trabalho, espera-se que trabalho corra mais lento. As aprovações requererão o consenso, e o consenso leva tempo
  • 9. Planificação Identificar o tipo de personalidade do responsável Analisar a personalidade é útil par começar o trabalho. “ Eu construía um Web Site para uma empresa que desenvolve software de contabilidade. O logotipo da empresa era colorido, e assim supus que quereriam um projecto colorido. Foi criado, submetido para a aprovação. O presidente da firma, um contabilista, não gostou. O passo seguinte foi ouvi-lo. Dirigiu-se ao Web Site de uma outra empresa de software, e me disse que construísse um semelhante.” Ernie Winters, programador Web
  • 10. Planificação Identificar o tipo de personalidade do responsável Ego Orientado aos resultados Relacionamento Minucioso Personalidade Conversas, risos alto. Não é um bom ouvinte. Amigável, Entusiástico. Comunica de forma clara, comportamento cortês. Faz perguntas, calmo, relaxado. Faz perguntas claras, sossegado, sério. Modo de vestir Roupas que chamam à atenção, com cor. Apropriadas, sem chamar à atenção. Confortáveis. Meticuloso. Maquilhagem perfeita. Escritório Desorganizado e muito apetrechado. Quadros, catazes, slogans. Limpo e organizado. Quadros, momentos pessoais expostos em vários objectos. Muito apetrechado. Bem organizado. Diplomas, prémios. Tipicamente encontra-o: Entretimento, politica. Administração, empresa. Administração superior, grandes organizações. Contabilidade, escrever, comprar.
  • 11. Planificação Identificar o tipo de personalidade do responsável Ego Orientado aos resultados Relacionamento Minucioso
    • Seja inspirador
    • Conte histórias boas
    • Seja entusiástico
    • Seja optimista
    • Seja flexível
    • Deixe as discussões
    • Divirta
    • Seja alegre ao invés de pensar em negócio
    • Escreva relatórios bons.
    • Ponha detalhes por escrito depois da reunião
    • Ilustrar com imagens, coloridas, gráficos
    • Elogio-o
    • Estabeleça contacto pessoal
    • Seja um amigo íntimo
    • Seja decisivo
    • Disponibilizar opções e recomendar uma
    • Mostrar resultados
    • Mostrar exactamente como os outros clientes foram ajudados, e o que ele pode esperar
    • Seja persistente
    • Persuasivo
    • Adquira consenso
    • Buscar harmonia
    • Evite conflito
    • Cultivar a relação pessoal
    • Torne-se um
    • confidente
    • Obtenha o compromisso
    • Seja cooperante
    • Faça sugestões
    • Tenha um documento com tudo detalhado
    • Esteja limpo
    • Tenha certeza de que tudo está ordenado e preciso
    • Mostre conhecimento
    • Evidencie qualidade
    • Faça bom rapidamente
    • Dê garantias
    • Ponha garantias por escrito
    • Use a lógica
    • Mostrar exemplos
    • Faça planos detalhados
    • Seja consistente
  • 12. Planificação Seleccionar a equipa de trabalho Construir um Web site envolve várias disciplinas!
    • Coordenador
    • Responsável pela organização do conteúdo
    • Planificação do plano de trabalho
    • Coordenação
    • Ter alguma experiência na publicação de Web Sites, mas não é mais importante
    • Gestão do projecto
    • Organizar a informação
    • Programador Web
    • Criação das páginas
    • Ter conhecimentos de linguagem e tecnologias Web
    • Web Design
    • Criador da interface Web
    • Criação e tratamento da informação gráfica
    • Editor
    • Escreve o texto e edita-o para ser claro e conciso
    • Os programadores Web encorparam o texto
    • Técnico
    • Certifica-se de que o Web server, os formulários e a funcionalidade do Web site
    • São tipicamente administradores de rede
    Coordenador Web Site Organização Técnico Web designer Editor Programador Web Programador Web
  • 13. Planificação Determinar o tamanho da equipa de trabalho
    • Muitas pessoas a trabalhar no projecto alargam os prazos.
    • Requerem maior poder de organização e gestão.
    • Uma pessoa pode fazer duas ou três tarefas se tiverem as habilitações necessárias e se o Web Site não for grande.
    • Entretanto, uma pessoa não pode fazer tudo!
    • Pessoas que dominam várias disciplinas são raras!
  • 14. Planificação Determinar se a ajuda exterior é necessário
    • Para construir um Web site, a maioria das organizações requerem alguma ajuda externa.
      • Hospedagem
      • Design
  • 15. Planificação Site construído por staff TI Site construído por staff de Imagem/marketing Quando surgiu os Web Sites, apenas pessoas técnicas como programadores, administradores eram responsáveis pela sua implementação. Depois os responsáveis tinham conhecimentos menos técnicos e mais da área da comunicação, marketing e imagem. O Web Site tornou-se mais um canal de comunicação!
  • 16. Planificação
      • Antes de começar é bom realizar uma reunião inicial com todos os intervenientes.
        • Explicar o processo.
        • Controlar expectativas.
      • Identificar claramente o público.
      • Propósito do projecto.
      • Identificar o critério do sucesso do site.
      • Documentar e assinar todas as aprovações.
      • Os aspectos logísticos básicos como o tempo, pessoas e dinheiro devem ser considerados.
        • Quando o site deve estar finalizado?
        • Quantas horas faz cada membro da equipa tem que trabalhar no projecto?
        • Quanto dinheiro é incluído no orçamento para o projecto?
    Antes de projectar fazer …
  • 17. Planificação
      • Escolher o software:
        • De desenvolvimento
          • Adobe GoLive
          • Macromedia Dreamweaver
          • Microsoft FrontPage
          • NetObjects Fusion
        • De design
          • Adobe Photoshop
          • JASC Paint Shop Pro
          • Maromedia Fireworks
    Antes de projectar fazer …
  • 18. Planificação
      • Algumas organizações têm necessidades publicar web sites extensos.
      • Necessitam colocar milhares das páginas, ou as centenas do actualizações das páginas por dia.
      • Existem aplicações no mercado que permitem colocar a informação sem tocar em uma linha de código do web site. Estas aplicações incluem a permissão extensiva para controlo, assegurando-se de que uma pessoa autorizada para actualizar uma secção não possa mudar outras secções.
      • As aplicações tendem a ser caros.
      • Requerem a configuração profissional e instalação no web server.
      • Exemplos:
        • Interwoven - www.interwoven.com
        • Merant - www.merant.com/pvcs
        • Tecnologias Reedy Do Creek - www.reedycreek.com
        • Versifi - www.versifi.COM
        • Dispatch - www.dispatch.net
        • Vignette - www.vignette.com
    Antes de projectar fazer …
  • 19. Estudo/Aprendizagem
      • Adquirir livros para auto-formação e ajuda continuada.
      • Formação através da Web.
      • Cursos de formação – maiores custos mas com melhores resultados.
      • Tópicos relevantes para a formação para o desenvolvimento:
        • Básico
          • Configurar um Web site
          • Formatação de texto
          • Criação de hyperlinks
          • Inserir gráficos
          • Criar um istema de navegação
        • Estrutura e navegação
          • Estrutura das páginas com tabelas
          • Criar barras de navegação
          • Adicionar subsecções
          • Colocar tabelas dentro de tabelas
          • Uso de frames
    Planear a formação
    • Utilidades
      • Abrir um Web Site criado
      • Procurar e modificar texto
      • Correcção de texto
      • Inserir as tags META
      • Alterar o código HTML
    • Interactividade
      • Criar formulários
      • Usar CSS
      • Usar Templates
      • Upload o Web Site para o Servidor
  • 20. Estudo/Aprendizagem
      • Tópicos relevantes para a formação para o grafismo:
        • Básico
          • GIF versus JPEG
          • Criar GIFs
          • Criar JPEGs
          • Redimensionar gráficos
          • Cortar gráficos
          • Optimizar gráficos
        • Formatação
          • Reduzir a palete de cores do GIF
          • Ajustar o binómio qualidade/tamanho do ficheiro
          • Construir GIFs transparentes
          • Optimizar os gráficos para a Web
          • Ajustar o brilho e o contraste
    Planear a formação
    • Criação de gráficos
      • Criar texto
      • Desenhar, pintar
      • Cortar, apagfar, modificar
      • Criar camadas
      • Retocar
  • 21. Estudo/Aprendizagem
      • Tópicos relevantes para a formação para o planeamento e usabilidade:
        • Planeamento
          • Identificar o público e o objecto do Site
          • Recursos existentes e a adquirir
        • Organização
          • Criar um plano de trabalho
          • Recolher e organizar o conteúdo do Site
          • qualidade/tamanho do ficheiro
          • Construir GIFs transparentes
          • Optimizar os gráficos para a Web
          • Ajustar o brilho e o contraste
    Planear a formação
    • Construção
      • Proceder de acordo com o plano de trabalho
      • Coordenar a equipa de produção
      • Testar e rever o site
    • Usabilidade
      • Claro e conciso
      • Agrupar informação
      • Assegura a impressão
    • Manutenção
      • Estabelecer procedimentos para que o site seja actualizado
  • 22. Estudo/Aprendizagem Planear a formação
    • Cada membro da equipa ser familiarizar-se com:
      • Criação de pastas
      • Extensões dos ficheiros
      • Windows Explorer
      • Processamento de texto
    • Uma grande percentagem de pessoas com formação na publicação (designs, …) não está familiarizada com os computadores. Será necessário adquirirem formação.
    • O técnico da equipa deve ser familiar com:
      • O programa de desenvolvimento e saber criar gráficos Web
      • A codificação e programação, HTML e formação em JavaScript
      • Os princípios da administração do web server, como como upload, instalação, configuração um formulário do E-mail, etc
      • Segurança
  • 23. Estudo/Aprendizagem Planear a formação
    • Fornecer oportunidades para praticar
      • Web site com qualidade não pode ser aprendidas em meia dúzia de dias!
      • Aprende-se trabalhando!
      • Há diversos Web Sites de ajuda
        • Webmonkey (www.webmonkey.com)
        • EchoEcho (www.echoecho.com)
        • Projet Cool (www.projectcool.com)
  • 24. Organização Especificar a informação do Site
    • Com os aspectos logísticos resolvidos coloca-se uma questão: "o que deve ser colocado no Web Site?” Começa-se então pelo brainstorm.
    • Brainstorm
      • Todos os membros da equipa devem se encontrar-se e discutir em conjunto sem interrupção
      • Todos propõem ideias sobre o que se pode fazer e incluir
      • Escrever todas as ideias propostas
    • Avaliação
      • O coordenador faz exame da lista de ideias propostas e avalia cada uma de acordo com o publico e finalidade
    • Exame
      • A única maneira de testar é contactar o público real
      • Selecciona-se um grupo de teste e apresenta-se a lista para o público discutir
    • Aprovação
      • Mostrar o resultado do trabalho anterior ao elemento responsável da entidade cliente
      • Fazer todas as mudanças necessárias
      • Assinar um documento de aprovação!
  • 25. Organização Estruturar o conteúdo
    • Compreender a importância da estrutura nos Web Sites.
    • A finalidade de um Web Site é apresentar de forma lógica uma estrutura organizada e facilidade na pesquisa da informação desejada.
    • Nos meios tradicionais, tais como livros e vídeo, a informação é visualizada como uma sequencia.
    • Hipermedia, é possível saltar da página a página de uma forma não linear. Não tem nenhuma organização interna. É fácil o utilizador perder-se.
    • Os Web Sites são documentos com uma estrutura hipermedia Mostram aos utilizadores onde estão, e onde podem.
  • 26. Organização Estruturar o conteúdo
    • A usabilidade está a tornar reconhecida como o factor mais importante no sucesso de Web sites.
    • Um Web Site pode ser bonito e conter a melhor tecnologia, mas se não for amigável…
    A IBM refaz o Web site e torna-o mais fácil de navegação. Um mês depois o tráfego no Shop Online aumentou 120 por cento, e as vendas foram acima dos 400 por cento." www.usableweb.com www.useit.com/alertbox
  • 27. Organização Estruturar o conteúdo
    • Mas pose usar outro tipo de critério para agrupar os conteúdos.
    • Pode-se também usar vários modelos de estrutura.
    Orientado ao objecto Escola Professores Alunos Orientado à tarefa Matriculas Curso Exames
  • 28. Organização Estruturar o conteúdo
    • Uma vez criado a estrutura deve-se mostrar à audiência.
      • Todos os grupos são necessários?
      • Existe algum conteúdo que é necessário incluir?
      • A estrutura faz sentido?
    • A aprovação por parte da organização deve-se finalmente ser requerida.
  • 29. Organização Criar um plano de trabalho
    • O Plano mostra como o trabalho deve prosseguir.
    • Para criá-la, o coordenador encontra-se com os outros membros da equipa para definir as tarefas de cada um.
    • Definir as regras e as responsabilidades.
    • O coordenador inclui em seguida:
      • Uma lista de tarefa.
      • Agenda das tarefas.
      • Pontos de controlo.
  • 30. Desenvolvimento Criação da estrutura gráfica
    • Criar o grafismo da home page (página principal). Porta de entrada.
    • Factores a considerar pelo Designer:
      • A audiência
      • Objectivos
      • Estrutura de navegação
      • Identidade visual existente
      • O tamanho do Web Site
    O tamanho determinará a disposição dos menus. Os Web Sites grandes necessitam de áreas horizontais e verticais. Web Sites pequenos , podem usar um ou o outro. Obter a aprovação
  • 31. Desenvolvimento Criação da estrutura gráfica
    • Depois da aprovação da home page, cria o grafismo das outras secções.
    • Incorporar os princípios da usabilidade.
  • 32. Desenvolvimento Preparar o conteúdo
    • Criar um documento digital com todo o conteúdo a partir de várias fontes.
    • O editor da equipa faz exame do texto recolhido. Edita-os, e reduz para aproximadamente metade do seu comprimento original. Porquê?
      • A leitura num Web Site é diferente da leitura no papel.
      • Os utilizadores não querem normalmente textos longos. O texto resumido é compreendido mais facilmente. Poderá ser facultado numa outra fase, se existir necessidade de facultar informação mais desenvolvida. Mas neste caso o utilizador deve saber.
      • Provérbio: Quanto mais palavras, menos as recordamos.
  • 33. Desenvolvimento Implementação
    • Criar o Web Site de acordo com o plano de trabalho.
    • Usar modelos (templates), de modo a dar consistência.
    • Usar estilos predefinidos.
    • O projecto e a navegação devem ser consistentes.
    • Diferentes secções, a mesma navegação.
    • Clarificar a navegação.
    • Um Web Site pode variar quando visto em computadores diferentes. Para assegurar-se a consistência, ver em diferentes:
      • Plataformas (Windows, Mac, Unix)
      • Browsers (Internet Explorer, Netscape Navigator)
      • Resoluções
    normas de acessibilidade www.cast.org/bobby
  • 34. Desenvolvimento Testar a audiência
    • Configurar o teste
      • Arranjar um grupo de teste.
      • Evitar distracções.
      • Antes do teste definir tarefas, e indicar a informação que devem encontrar.
    • Conduzir o teste
      • Durante 20 – 40 minutos.
      • Cada membro anota as ocorrências e a explicação da execução de determinada acção.
      • De preferência não fornecer ajuda.
    • Usar os resultados!
  • 35. Desenvolvimento Testar a audiência
    • Exemplo de um formulário para testar a audiência.
    Nome E-mail Organização O que deseja fazer no Web Site? Teve sucesso? Teve insucesso? Porque? Qual a sua opinião acerca do Web Site? Que sugestões daria para alterar?
  • 36. Desenvolvimento Colocar o Web Site no ar!
    • Rever o Web Site
    • Obter a aprovação
    • Upload do Web Site
  • 37. Manutenção Definir as regar de estrutura e desenho
    • Nenhum Web Site deve ser abandonado.
    • Assegurar que as actualizações são consistentes.
    • Definir regras como:
      • Como o logotipo deve ser incluído.
      • Que cores e fontes devem ser usadas.
      • Como a navegação e o conteúdo deve ser estruturado.
    • Incluir a estrutura de navegação
  • 38. Manutenção Agendar as actualizações
    • Quais as secções e páginas necessitam de ser actualizadas?
    • Qual o timing ? Diário, semanal, mensalmente, anual, …
  • 39. Manutenção Agendar as actualizações
  • 40. Manutenção Agendar as actualizações
  • 41.
    • E muito mais ficou por falar!