Este documento fornece orientações sobre como planejar, organizar e desenvolver um site web, desde a definição dos objetivos até a manutenção. Ele descreve as principais fases do projeto, incluindo planejamento, organização do conteúdo, estruturação da informação, seleção da equipe, formação necessária e criação de um plano de trabalho.

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!