Desenvolvimento Web

Nesta seção explico como é o meu fluxo de trabalho com Internet. Algumas etapas comuns a quase todos os projetos Web que faço.

Configuração do servidor

A primeira etapa de desenvolvimento web, ou seja, a ajuda ao cliente a escolher uma empresa de hospedagem, é muitas vezes esquecida pelo designer. Estar atento a este detalhe é muito importante, pois de um bom servidor e seus requisitos básicos depende o funcionamento dos módulos PHP e HTML (entre outras linguagens) que a página web terá. Um servidor de boa qualidade mantém suas versões de PHP, base de dados mySQL, sempre atualizadas. Além do mais, permite acesso e configuração FTP, criação de tabelas de base de dados, conjunto de serviços ISS, endereços de raiz de documentos para domínios, entre outras coisas. Tudo realizado por um painel de controle com interface amigável.

Instalação de CMS

O CMS é a plataforma que permite que, entre outras coisas, uma página web seja atualizada pelo próprio cliente. Sua instalação depende muito de como o servidor escolhido esteja configurado e atualizado, tanto em níveis de segurança como de ferramentas disponíveis. Como vimos antes um bom servidor é um servidor atualizado, porém se quisermos utilizar o WordPress como gestor CMS devemos seguir os seguintes requisitos:

WordPress server requirements for Version 3.2 (June 30, 2011):

• PHP version 5.2.4 or greater
• MySQL version 5.0.15 or greater
• (Optional (required for multi-site)) Apache mod_rewrite module (for clean URIs known as Permalinks)

Antes de tudo, se deve criar uma tabela de base de dados com um nome e senha. WordPress permite uma instalação segura se trocamos alguns parâmetros muitas vezes esquecidos. A troca do nome standard admim através da base de dados MySQL é um dos procedimentos seguros que valem a pena.

Por último, mas nem por isso menos importante, está a perfeita configuração do próprio programa, com sua administração de usuário, links permanentes para boas condutas SEO, etc.

Wireframe, prototipagem e diagramas Web

Poucos designers “perdem tempo” fazendo um wireframe, ou seja, um projeto do design da página web solicitada pelo cliente, com algum grau de precisão (porém sem o estudo de cores, tipologia, logotipos e imagens) sobre o conteúdo gráfico e estrutura da mesma, sem chegar à fase final do projeto.

O desconhecimento dessa etapa poderoso da criação feita com o wireframe é esquecido na grande maioria dos projetos de Internet. Além da economia substancial no tempo do cliente e designer pode fazer uma análise mais profunda do que é realmente necessário no produto final.

• Melhora na comunicação designer/cliente: o desenvolvimento de um site começa antes do design final, e deve estar em conformidade com as reais necessidades do cliente. Durante a fase de construção do wireframe o diálogo é fundamental, pois é nesta fase que se define a estrutura do site.
• Economia de tempo: Para criar um wireframe se necessita muito menos tempo que o design final com gráficos de alta qualidade.  Esta economia de tempo na primeira fase do projeto se traduz em produtividade para o designer e consequentemente para o cliente.
• Versatilidade: Uma vez feito um bom wireframe, o designer pode utilizar qualquer conceito de design, pode até mesmo reutilizar o mesmo wireframe para uma nova concepção de design futura.
• Funcionalidade: Com wireframes o designer analisa o projeto de design em duas partes, o visual e funcional, separadamente.
• Evita erros comuns: Na fase de criação de wireframes o cliente visualiza a futura interface, a estrutura final da página web antes de iniciar o processo de design mais elaborado, discutindo com o designer elementos de estrutura como o número de colunas, altura do topo, etc. Esse processo ajuda a evitar com que, depois do site pronto, surja algum “desgosto” com algum elemento.

Design das “telas”

O projeto de criação de um Website é muito mais complicado do que pode aparecer. Após conhecer toda a estrutura do site começaremos a “desenha-lo”. Nesta fase, devemos levar em conta muitos detalhes técnicos, estéticos e também relacionados ao marketing. Época de escolhas muito importantes: fontes, cores que serão consistentes com a identidade visual do cliente, conceitos de organização, navegalibildade, SEO, experiência de navegabilidade e de usuário.

O cliente que foi parte importante na fase anterior do projeto (wireframe), poderá ter uma opinão participativa até à aprovação final do projeto proposto, ajudando que as prováveis ​​alterações e ajustes dos mínimos detalhes sejam feitos de maneira menos dispendiosa possível.

O projeto final será montado em camadas, e sempre em extensão ou. PSD ou. PNG para sua compatibilidade entre programas como o Adobe Photoshop ou Adobe Fireworks.

Suporte ao cliente

Embora as plataformas CMS sejam bastante intuitivas, permitindo aos usuários gerenciar de forma muito fácil seu conteúdo, o suporte e a consultoria inicial são críticos para um bom entendimento da ferramenta. Superar a dependência externa constante para a manutenção do seu site também é uma etapa muito importante do processo.
É essencial que os clientes entendam e possam se adaptar de forma independente ao uso da tecnologia da informação que estão comprando.

Paulo Ramalho – Websites feitos a mão!