Guia da Gestão de Projectos Web
Upcoming SlideShare
Loading in...5
×
 

Guia da Gestão de Projectos Web

on

  • 4,931 views

 

Statistics

Views

Total Views
4,931
Views on SlideShare
4,920
Embed Views
11

Actions

Likes
2
Downloads
188
Comments
0

4 Embeds 11

http://www.slideshare.net 8
http://arlindocostasantos.blogspot.pt 1
http://arlindocostasantos.blogspot.com 1
http://dreamfeel.wordpress.com 1

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

CC Attribution License

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Guia da Gestão de Projectos Web Guia da Gestão de Projectos Web Presentation Transcript

  • 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
    • 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
  • 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.
  • 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.
  • 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?
  • 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 !
  • 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
  • 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
  • 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
  • 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.
  • 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
  • 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
  • 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!
  • 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
  • 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!
  • 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 …
  • 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 …
  • 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 …
  • 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
  • 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
  • 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
  • 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
  • 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)
  • 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!
  • 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.
  • 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
  • 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
  • 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.
  • 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.
  • 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
  • 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.
  • 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.
  • 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
  • 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!
  • 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?
  • Desenvolvimento Colocar o Web Site no ar!
    • Rever o Web Site
    • Obter a aprovação
    • Upload do Web Site
  • 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
  • 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, …
  • Manutenção Agendar as actualizações
  • Manutenção Agendar as actualizações
    • E muito mais ficou por falar!