Desenvolvimento Web

Gerenciamento de Projetos Web
Desenvolvimento

Gerenciamento de Projetos

• Fases de desenvolvimento de um projeto web


• 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?


• 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


• 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?


• Wireframe
• Para que?
• Protótipos
• Ferramentas

Wireframe


• 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


• Design Design


• 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


• Base de Dados Base de dados


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


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


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


• 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


• 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


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


• Testes – Compatibilidade Testes


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


• 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 (!)


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


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

• 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


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

• 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


• Homologações Homologações

Aceites de que todos os testes foram concluídos e atendem
o nível de qualidade proposto no projeto.


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.


• Produção Produção

Liberação de uso do ambiente de produção.

Gerenciamento de Projetos Web
Claudio Barbosa

Desenvolvimento Web

Mais conteúdo relacionado

Semelhante a Desenvolvimento Web

Mais de Claudio Barbosa

Último

Desenvolvimento Web