Conceito

Projeto Web é um planejamento no geral divido em etapas para a criação de um site, a criação de etapas é feita para facilitar a gestão e desenvolvimento do site. Essas etapas são dividas em por exemplo: Planejamento, Arquitetura, Design, Implementação, Testes, Finalização e Acompanhamento, claramente cada projeto terá etapas diferentes para o seu devido propósito. Não é porque existem diferentes etapas que elas não irão trabalhar juntas entre si, na maioria dos projetos elas interagem enquanto detalhes do projeto são redefinidos.Essas etapas existem para que o projeto possa ser concluído com sucesso contendo o minimo de erros possíveis garantindo a satisfação do cliente.

Metodologia

Sua metodologia tem como característica alguns passos: Briefing, Cronograma, Benchmarking, Planejamento, Desenvolvimento, Testes e por fim a Publicação e Manutenção.

1) Briefing

O Briefing é o ponto inicial de qualquer Projeto Web, pois é quando o cliente expõe suas necessidades, mostra algumas opções que pesquisou no mercado e quando possível o budget.Para que essa etapa seja bem feita e necessário da parte do desenvolvedor que faça muitas perguntas para seu cliente de como imagina seu site e que objetivos deseja atingir com a sua criação para que um bom planejamento seja criado.

2) Cronograma

Com o Briefing definido é hora de elaborar um cronograma para a data de entregas. Para que isso aconteça de forma coerente e necessário da parte do desenvolvedor que seja realista quanto ao tempo necessário para a entrega, sua demanda e disponibilidade de tempo para trabalhar no projeto.Uma boa forma de controle é junto ao cliente mostrar o andamento de suas etapas o que ajuda a saber se o cliente não está gostando de algo e corrigi-las durante o desenvolvimento.

3) Benchmarking

Este é um momento importante para todo Projeto Web pois vai ser onde o programador irá tirar um tempo para pesquisar a concorrência, analisar o mercado e comportamento do público antes de começar as etapas de seu desenvolvimento.

4) Planjegamento

Antes mesmo se começar a fazer o código é de grande importância que se tenho um planejamento para pode começar o Projeto Web com um objetivo e um norte para te ajudar. Isso inclui desde o design da informação, para também a experiencia de seu usuário,indo para um sitemap completo e também wireframe, com a devida distribuição dos conteúdos.Nesta etapa e de grande importância a opinião de seu cliente.

5) Desenvolvimento

Depois de tudo vem ai a etapa de colocar a mão na massa.O design ira dar o começo de toda a norteação do site, exatamente por este motivo foi comentado a importância de um Briefing bem feito.Quando o design e o desenvolvimento conseguem andar juntos seus prazos de entrega e etapas ficam mais fáceis de serem entregues.Para essa etapa é importante dar destaque para o Design e Implementação

Design

É de imensa importância se identificar a identidade visual de seu cliente pois se ele já possui uma marca ou logo é necessário que o visual do site seja compatível.

É necessário que seja feito um estudo de posicionamento dos elementos na tela pois com isso se consegue:

1)Verificar quais itens devem aparecer de forma mais ocorrente para o usuário.

2)Quais serão os botões , entre outros detalhes como link que irão variar de caso para caso.

Implementação

A implementação basicamente é o que faz ser possível transformar tudo que foi aprovado na etapa do design em realidade.É necessário a implementação do sites em diversos navegadores como: Firefox, Internet Explore, Google Chrome e Safári.

É necessária também um desenvolvimento de acordo com as diretrizes de buscadores, como a do Google para que apareça nos diversos mecanismos de busca.

6

6) Testes

Com o Projeto Web pronto é a hora de começar uma série de testes para corrigir erros de programação e validar a versão final para o cliente.É necessário que a segurança, a performance estejam em excelente uso e testar todos os serviços do site.É importante ressaltar que é necessário a escolhe de um serviço de hospedagem que esteja preparado e apto a receber o número de acessos previstos pelo cliente.

7) Publicação e Manutenção

É importante saber que o trabalho do programador não acaba quando é entregado o Projeto Web. O cliente necessitara dele para suporte técnico, atualização, acompanhamento regular e até analises de desempenho. Isso torna o trabalho do desenvolvedor algo recorrente e aumenta sua renda

Software

Alguns softwares usados que valem apena serem sitados são como por exemplo

Teamwork Projects

Erro ao criar miniatura: Arquivo não encontrado

Não é uma ferramenta inovadora, mas reuni tudo o que existe de bom em outros softwares. Seu funcionamento é bem similar ao Basecamp, mas ele possui funcionalidades extras como controle de horas, gráfico de Gantt em tempo real, etc.

Preço: Existe uma versão gratuita com limite de 2 projetos ativos (projetos arquivados não entram nesse limite) e 100Mbytes de espaço. Para empresas, o ideal é ter uma conta paga (de US$ 12 a US$ 249 por mês). Uma grande vantagem desse modelo de cobrança é que ele não está atrelado ao número de usuários.

Plataformas: Versão web e mobile (Android, iPhone e iPad).

Quando usar: Uso individual (freelancer) ou para equipes que precisam manter um controle de horas trabalhadas. A integração com o email permite que diretores e outros executivos acompanhem o andamento dos projetos sem a necessidade de acessar o aplicativo.

Trello

O Trello é uma ferramenta gratuita que se baseia na metodologia Kanban, popularizada pela Toyota em 1980. Cada projeto é representado por um mural dividido em colunas que contêm cartões. Os cartões podem ser arrastados de uma coluna para outra (drag-and-drop), espelhando o fluxo do conceito à implementação.

Preço: Grátis para sempre. Os desenvolvedores estudam a possibilidade de incluir funcionalidade pagas no futuro.

Plataformas: Versão web e mobile (Android e iPhone).

Quando usar: Projetos individuais ou para empresas que não exigem muita formalidade e documentação no processo de trabalho.

GitHub

Erro ao criar miniatura: Arquivo não encontrado

Pode parecer estranho incluir um serviço de hospedagem de código compartilhado nessa lista, mas o GitHub é uma ótima ferramenta para gerenciar projetos de desenvolvimento de aplicativos ou websites. É possível criar metas, tarefas, atribuições e acompanhar as contribuições de cada membro da equipe. O diferencial do GitHub é que tudo gira em torno do código-fonte de sua aplicação.

Preço: Grátis para uma conta individual com repositórios de código aberto. Para empresas, o ideal é ter uma conta paga (de US$ 20 a US$ 200 por mês) que permite criar times e trabalhar com repositórios privados.

Plataformas: Versão web, desktop (Mac, Windows e Eclipse) e mobile (Android e iPhone).

Quando usar: Projetos de desenvolvimento de aplicativos e websites onde o código-fonte é a principal insumo.

Diagrama de Blocos

Erro ao criar miniatura: Arquivo não encontrado

Interações com as tecnologias

Hoje Projeto Web faz ligação com uma infinidades de tecnologias como por exemplo com a própria internet, Java, Google e tudo que você imaginar linkado a internet pois todo e qualquer site que você entra teve a necessidade da criação de um projeto para ser desenvolvido. Sendo assim pode-se concluir que é extremamente essencial a criação de um Projeto Web para se desenvolver qualquer site.

Informações adicionais

Até as redes sociais começam a concentrar-se em conteúdo e não só números. Segundo a revista Próxxima, até o Facebook Ads tem mudado o foco de seus anúncios. Já não buscam mais aumentar a base de seus curtidores, mas sim fazer uma comunicação que aumente a consciência deles sobre a marca, e que vá direcioná-los  para os websites como mostra o infográfico da pesquisa do Ad Age. (clique na imagem para ampliá-la)

A tendência é a criação de websites não só com visuais atrativos, mas com conteúdos renováveis através da administração feita pela própria empresa, sem a necessidade de terceirizar essa atualização. Outro aspecto é a inovação  que é a versão mobile. Muitas pessoas já acessam as informações em smartphones, Iphones e tablets. Essas plataformas pedem outro tipo de programação. O site iMasters traz um artigo dizendo que o futuro da programação está centrado no trio: JavaScript, HTML, CSS

Referências bibliográficas

Relacionar aqui as referências bibliográficas no padrão ABNT. 
Bases de procura: Artigos, publicações acadêmicas, revistas e sites de fornecedores