Sem resumo de edição Etiqueta: visualeditor |
/* 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, Implem Etiqueta: visualeditor |
||
| (20 revisões intermediárias pelo mesmo usuário não estão sendo mostradas) | |||
| Linha 1: | Linha 1: | ||
= Conceito = | = Conceito = | ||
[[Arquivo:Projetoweb.jpg|left|thumb|200x200px]] | |||
==== 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 = | = Metodologia = | ||
= Software = | ==== 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 ==== | |||
[[Arquivo:teamwork.jpg|339x339px]] | |||
===== 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 ==== | |||
[[Arquivo:trello.jpg|345x345px]] | |||
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 ==== | |||
[[Arquivo:github.jpg|347x347px]] | |||
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 = | = Diagrama de Blocos = | ||
[[Arquivo:diagrama.jpg|473x473px]] | |||
[[Arquivo:diagrama2.jpg]] | |||
[[Arquivo:diagrama3.jpg]] | |||
= Interações com as tecnologias = | = 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 = | = Informações adicionais = | ||
==== Os primeiros sites não tinham um visual atraente, somente links e textos. De lá para cá o que se viu foram inovações, a descoberta (e em alguns casos até o abuso) do flash e a evolução da programação desses sites. O mercado de web sites evoluiu muito do que era em 1996. Já são mais de 80 bilhões de sites e o segmento dá sinais de que irá crescer mais, pois ainda existem muitas empresas que estão fora da internet. Acredite se quiser. ==== | |||
==== 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 = | = Referências bibliográficas = | ||
Edição atual tal como às 05h34min de 11 de outubro de 2017
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
Os primeiros sites não tinham um visual atraente, somente links e textos. De lá para cá o que se viu foram inovações, a descoberta (e em alguns casos até o abuso) do flash e a evolução da programação desses sites. O mercado de web sites evoluiu muito do que era em 1996. Já são mais de 80 bilhões de sites e o segmento dá sinais de que irá crescer mais, pois ainda existem muitas empresas que estão fora da internet. Acredite se quiser.
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