O documento discute as principais fases de um projeto web, incluindo: definição das necessidades do cliente, escolha de tecnologia, desenvolvimento front-end e back-end, testes de usabilidade, compatibilidade e acessibilidade, homologação e liberação para produção.

1. Gerenciamento de Projetos Web
Desenvolvimento

2. Gerenciamento de Projetos
• Fases de desenvolvimento de um projeto web

3. Gerenciamento de Projetos
• Demanda do Cliente Demanda do
cliente
• Necessidade do Cliente
• Objetivos do Cliente
• Resultados Tangíveis Questionamento
• Definição do que é real e do que é “milagre” sobre o projeto
• Questionamentos
• Levantamento de dúvidas
• Quanto?
• Onde?
• Como?
• Por que?
• Qual o melhor profissional para isso?

4. Gerenciamento de Projetos
• Definições de Desenvolvimento Definições do
• Como fazer? desenvolvimento
• Quem faz o que?
Desenvolvimento
• Definição de Papéis Definição de
Papeis
de Fluxo de
informações
• Usuário ?
• Cliente?
• Administrador?
• Publisher?
• Desenvolvimento de Fluxo de Informações
• Como caminha a informação em cada um dos papéis

5. Gerenciamento de Projetos
• Escolha de Tecnologia Escolha de
• Existe realmente a escolha? Tecnologia
• Custo?
• Open Source ou Tecnologia Proprietária?
• Existem sistemas legados ou participantes do Projeto?
• Integração ou compartilhamento de dados?
• Qual a experiência da Equipe?
• Qual a experiência da Equipe de Suporte e Manutenção?

6. Gerenciamento de Projetos
• Wireframe
• Para que?
• Protótipos
• Ferramentas
Wireframe

7. Gerenciamento de Projetos
• Wireframe
• Ferramentas online Wireframe
• http://www.google.com/google-d-s/drawings/
• http://www.justproto.com/en/plans/ ($)
• https://www.jumpchart.com/ ($)
• http://www.lumzy.com/
• https://cacoo.com
• https://gomockingbird.com/ ($)
• Desktop

8. Gerenciamento de Projetos
• Design Design

9. Gerenciamento de Projetos
• Base de Dados Base de dados
• Open Source x Proprietário
• Custos
• Controle de Redundâncias
• Compartilhamento de Dados
• Controle de Acesso
• Interfaceamento
• Esquematização
• Controle de integridade
• Backups

10. Gerenciamento de Projetos
• Base de Dados Base de dados

11. Gerenciamento de Projetos
Desenvolvimento
• Desenvolvimento de Back-End de Back End
• Regras do negócio proposto / mecânica de funcionamento
• Microsoft
• Familia UNIX

12. Gerenciamento de Projetos
Desenvolvimento
• Desenvolvimento de Back-End de Back End
• Regras do negócio proposto / mecânica de funcionamento
• .Net
• ASP
• ASP.Net
• C#
• Java
• JSP – Java Server Pages
• PHP
• CFML – Cold Fusion Markup Language
• Ruby on Rails – meta framework
Python – desenvolvimento ágil

13. Gerenciamento de Projetos
Desenvolvimento
• Desenvolvimento de Front-End de Front End
• Tecnologia que interage direto com o usuário
• W3C – http://www.w3c.br
• HTML 4.01, XHTML, HTML 5
• CSS, CSS3
• Javascript
• Frameworks
• jQuery
• Mootools
• Spry

14. Gerenciamento de Projetos
• Testes Testes
Os testes de um web site site em versão beta são críticos
para avaliar o produto antes do lançamento. Devem ser
realizados em várias etapas e de forma que haja tempo útil
para a sua avaliação e a realização dos ajustes que se
mostrarem necessários.
• Usabilidade
• Compatibilidade
• Validação de padrões web
• Resolução de tela
• Velocidade de download
• Acessibilidade

15. Gerenciamento de Projetos
• Testes – Usabilidade Testes
Os testes de usabilidade de um web site verificam se o
usuário médio tem controle das suas ações ao lidar com a
interface, se acha facilmente as informações que precisa,
se a funcionalidade dos links, formulários e recursos
tecnológicos atende às suas necessidades.
Objetivos
• Permitir que cada usuário realize a tarefa a que se propõe ao usar a interface
• Tornar o uso da interface o mais intuitivo possível
• Verificar a atitude positiva do usuário durante a experiência de uso
• Estabelecer consenso na equipe sobre os resultados esperados

16. Gerenciamento de Projetos
• Testes – Compatibilidade Testes
Os testes de compatibilidade com browsers verificam as
páginas de um web site em várias versões de programas,
com ou sem o uso de plugins, em diversos dispositivos e
plataformas. Pode-se através deles avaliar um aplicativo
online em situações de uso próximas às da maioria dos
usuários e verificar como aparecem em cada uma delas.

17. Gerenciamento de Projetos
• Testes – Compatibilidade Testes

18. Gerenciamento de Projetos
• Testes – Compatibilidade Testes

19. Gerenciamento de Projetos
• Testes – Validação pelos padrões web Testes
O Censo da web realizado pelo Comitê Gestor do Brasil em
2010 apurou que, de 6,3 milhões de páginas HTML
pesquisadas, cerca de 91% mostraram mais de uma
incorreção de aderência aos padrões do W3C. Apenas 5%
das páginas mostravam aderência ao padrão. Pelo menos
na época, a validação pelos padrões ainda não era uma
prática comum nos projetos web no país.

20. Gerenciamento de Projetos
• Testes – Resolução de Tela Testes
Os testes do layout e da funcionalidade da interface em
diversas resoluções verificam a sua consistência em
diversos dispositivos, diversas configurações de hardware e
software.
Atividades relacionadas
• Adaptar tamanho das fontes
• Testar interface em dispositivos com várias resoluções
• Testar interface com diversos dispositivos móveis
• Limitar o tamanho máximo de largura do site (!)

21. Gerenciamento de Projetos
• Testes – Velocidade de Download (páginas) Testes
O tempo de carregamento de uma página na janela do
browser afeta a qualidade da experiência dos usuários e se
reflete diretamente nos resultados comerciais e de
veiculação online das marcas a elas associadas. Por este
motivo, o Google, no final de 2009, anunciou que o tempo
de download das páginas web passaria a ser considerado
para o seu posicionamento nos resultados de buscas.
Exemplos
• Google aumentou o tempo de carga da página em 500 milisegundos,
perdeu 20% de tráfego.
• Amazon.com considera o aumento de 100 milisegundos como responsável
na perda de 1% de vendas.

22. Gerenciamento de Projetos
• Testes – Velocidade de Download (páginas) Testes
No Brasil cerca de 70% dos usuarios de internet tem banda
larga, porém ainda 14% utiliza dial up.
O uso de internet ainda é lento em dispositivos mobile e
uma grande parcela de usuários para por mega trafegado.
Atividades relacionadas
• Verificar o tempo de carga da página utilizando diferentes velocidades
• Limpar o código HTML para o minimo de marcações possíveis
• Utilizar imagens adequadamente

23. Gerenciamento de Projetos
• Testes – Acessibilidade Testes
Os testes de acessibilidade verificam a adesão a normas
básicas de acessibilidade, de forma que o site seja
navegável por usuários com deficiência física.
Atividades relacionadas
• Navegar pelo site com visualização de imagens desabilitada
• Verifcar se todas as imagens ou elementos não textuais (como tabelas)
possuem marcações alternativas com descrição do seu conteúdo
• Configurar os estilos de CSS com unidades relativas
• Verificar se as cores utilizadas são contrastantes e funcionalidade dos
elementos críticos de navegação não se baseia nas cores destes
elementos
• Verificar visualização em modo texto
• Verificar sequenciamento de formulários

24. Gerenciamento de Projetos
• Homologações Homologações
Aceites de que todos os testes foram concluídos e atendem
o nível de qualidade proposto no projeto.

25. Gerenciamento de Projetos
Validação
• Validação
Término da fase de correções e ajustes com a
homologação concluída. É um marco no projeto,
geralmente indexado com pagamentos finais.

26. Gerenciamento de Projetos
• Produção Produção
Liberação de uso do ambiente de produção.

27. Gerenciamento de Projetos Web
Claudio Barbosa