desenvolvimento web

Gerenciamento de Projetos WebGerenciamento de Projetos WebDesenvolvimentoDesenvolvimento

• Fases de desenvolvimento de um projeto Fases de desenvolvimento de um projeto webweb

Gerenciamento de ProjetosGerenciamento de Projetos


Demanda do cliente

Questionamento sobre o projeto

• Demanda do Cliente• Necessidade do Cliente• Objetivos do Cliente• Resultados Tangíveis• Definição do que é real e do que é “milagre”

• Questionamentos• Levantamento de dúvidas• Quanto?• Onde?• Como?• Por que?

• Qual o melhor profissional para isso?


• Definições de Desenvolvimento• Como fazer?• Quem faz o que?

• Definição de Papéis• Usuário ?• Cliente?• Administrador?• Publisher?

• Desenvolvimento de Fluxo de Informações• Como caminha a informação em cada um dos papéis

Definições do desenvolvimen

to

Definição de Papeis

Desenvolvimento de Fluxo de informações


• Escolha de Tecnologia• Existe realmente a escolha?• 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?

Escolha de Tecnologia


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

Wireframe


• Wireframe• Ferramentas online

• 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

Wireframe


• Design Design


• 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 Base de dados


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

funcionamento• Microsoft• Familia UNIX

Desenvolvimento de Back End


• Desenvolvimento 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 de Back End


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

Desenvolvimento de Front End


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


• Testes – UsabilidadeOs 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.

Testes

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 – CompatibilidadeOs 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


• Testes – Compatibilidade Testes


• Testes – Validação pelos padrões webO 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


• Testes – Resolução de TelaOs 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.

Testes

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

Testes

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

Testes

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


• Testes – AcessibilidadeOs 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.

Testes

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


• HomologaçõesAceites de que todos os testes foram concluídos e atendem o nível de qualidade proposto no projeto.

Homologações


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

Validação


• ProduçãoLiberação de uso do ambiente de produção.

Produção

Claudio BarbosaClaudio BarbosaGerenciamento de Projetos WebGerenciamento de Projetos Web

desenvolvimento web

Education