Guia da Gestão de Projectos Web

Guia de gestão Web Arlindo Santos

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çãoQual 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çãoAvaliaçã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çãoComparaçã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õesno 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çãoComparaçã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çãoDeterminar 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çãoIdentificar 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


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


Ego Orientado aos resultados

Relacionamento Minucioso

1. Seja inspirador 2. Conte histórias boas3. Seja entusiástico4. Seja optimista5. Seja flexível6. Deixe as discussões 7. Divirta8. Seja alegre ao invés de

pensar em negócio9. Escreva relatórios bons. 10.Ponha detalhes por escrito

depois da reunião11. Ilustrar com imagens,

coloridas, gráficos 12.Elogio-o13.Estabeleça contacto

pessoal14.Seja um amigo íntimo

1. Seja decisivo2. Disponibilizar

opções e recomendar uma

3. Mostrar resultados

4. Mostrar exactamente como os outros clientes foram ajudados, e o que ele pode esperar

5. Seja persistente

6. Persuasivo

1. Adquira consenso

2. Buscar harmonia

3. Evite conflito

4. Cultivar a relação pessoal

5. Torne-se um

6. confidente

7. Obtenha o compromisso

8. Seja cooperante

9. Faça sugestões

1. Tenha um documento com tudo detalhado

2. Esteja limpo

3. Tenha certeza de que tudo está ordenado e preciso

4. Mostre conhecimento

5. Evidencie qualidade

6. Faça bom rapidamente

7. Dê garantias

8. Ponha garantias por escrito

9. Use a lógica

10. Mostrar exemplos

11. Faça planos detalhados

12. Seja consistente


12

PlanificaçãoSeleccionar a equipa de trabalhoConstruir um Web site envolve várias disciplinas!

CoordenadorResponsável pela organização do conteúdoPlanificação do plano de trabalhoCoordenaçãoTer alguma experiência na publicação de Web Sites, mas não é mais importanteGestão do projecto Organizar a informação

Programador WebCriação das páginasTer conhecimentos de linguagem e tecnologias Web

Web DesignCriador da interface WebCriação e tratamento da informação gráfica

EditorEscreve o texto e edita-o para ser claro e concisoOs programadores Web encorparam o texto

TécnicoCertifica-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çãoDeterminar 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çãoDeterminar 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 desenvolvimentoAdobe GoLiveMacromedia DreamweaverMicrosoft FrontPageNetObjects Fusion

De designAdobe PhotoshopJASC Paint Shop ProMaromedia Fireworks



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



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 siteFormatação de textoCriação de hyperlinksInserir gráficosCriar um istema de navegação

Estrutura e navegaçãoEstrutura das páginas com tabelasCriar barras de navegaçãoAdicionar subsecçõesColocar tabelas dentro de tabelasUso de frames

Planear a formação

UtilidadesAbrir um Web Site criadoProcurar e modificar textoCorrecção de textoInserir as tags METAAlterar o código HTML

InteractividadeCriar formuláriosUsar CSSUsar TemplatesUpload o Web Site para o Servidor


20

Estudo/Aprendizagem

Tópicos relevantes para a formação para o grafismo:Básico

GIF versus JPEGCriar GIFsCriar JPEGsRedimensionar gráficosCortar gráficosOptimizar gráficos

FormataçãoReduzir a palete de cores do GIFAjustar o binómio qualidade/tamanho do ficheiroConstruir GIFs transparentesOptimizar os gráficos para a WebAjustar o brilho e o contraste


Criação de gráficosCriar textoDesenhar, pintarCortar, apagfar, modificarCriar camadasRetocar


21

Estudo/Aprendizagem

Tópicos relevantes para a formação para o planeamento e usabilidade:Planeamento

Identificar o público e o objecto do SiteRecursos existentes e a adquirir

OrganizaçãoCriar um plano de trabalhoRecolher e organizar o conteúdo do Sitequalidade/tamanho do ficheiroConstruir GIFs transparentesOptimizar os gráficos para a WebAjustar o brilho e o contraste


ConstruçãoProceder de acordo com o plano de trabalhoCoordenar a equipa de produçãoTestar e rever o site

UsabilidadeClaro e concisoAgrupar informaçãoAssegura a impressão

ManutençãoEstabelecer procedimentos para que o site seja actualizado


22

Estudo/AprendizagemPlanear a formação

Cada membro da equipa ser familiarizar-se com:Criação de pastasExtensões dos ficheiros Windows ExplorerProcessamento 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 WebA codificação e programação, HTML e formação em JavaScriptOs princípios da administração do web server, como como upload, instalação, configuração um formulário do E-mail, etcSegurança


23

Estudo/AprendizagemPlanear 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çãoEspecificar a informação do SiteCom 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.

BrainstormTodos 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 incluirEscrever todas as ideias propostas

AvaliaçãoO 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 realSelecciona-se um grupo de teste e apresenta-se a lista para o público discutir

AprovaçãoMostrar o resultado do trabalho anterior ao elemento responsável da entidade clienteFazer todas as mudanças necessáriasAssinar um documento de aprovação!


25

OrganizaçãoEstruturar o conteúdoCompreender 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çãoEstruturar o conteúdoA 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.comwww.useit.com/alertbox


27

OrganizaçãoEstruturar o conteúdo

Orientado ao objecto

Escola

Professores Alunos

Orientado à tarefa

Matriculas

Curso Exames

Mas pose usar outro tipo de critério para agrupar os conteúdos.

Pode-se também usar vários modelos de estrutura.


28

OrganizaçãoEstruturar 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çãoCriar 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

DesenvolvimentoCriação da estrutura gráfica

Criar o grafismo da home page (página principal). Porta de entrada.

Factores a considerar pelo Designer:

A audiênciaObjectivosEstrutura de navegaçãoIdentidade visual existenteO 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

DesenvolvimentoCriaçã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

DesenvolvimentoPreparar 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ê?

1. A leitura num Web Site é diferente da leitura no papel.

2. 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.

3. Provérbio: Quanto mais palavras, menos as recordamos.


33

DesenvolvimentoImplementaçã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

DesenvolvimentoTestar a audiência

Configurar o testeArranjar um grupo de teste. Evitar distracções. Antes do teste definir tarefas, e indicar a informação que devem encontrar.

Conduzir o testeDurante 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

DesenvolvimentoTestar 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

DesenvolvimentoColocar o Web Site no ar!

Rever o Web Site

Obter a aprovação

Upload do Web Site


37

ManutençãoDefinir 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çãoAgendar as actualizações

Quais as secções e páginas necessitam de ser actualizadas?

Qual o timing? Diário, semanal, mensalmente, anual, …


39



40



41

E muito mais ficou por falar!

Business

Guia da Gestão de Projectos Web