Elaborar um WebSite requer organização e gestão de recursos. Antes de estabelecer um preço faça o planejamento a médio e longo prazo do seu projeto.

Uma das postagens mais acessadas no HajaLuz é sobre como elaborar um projeto. Foi daí que surgiu a idéia de especificar mais o assunto e falar sobre o projeto de um website. Segue uma lista baseada nesse texto do site Woobzine, que eu recomendo uma leitura constante.

Você pode relacionar os ítens abaixo com a minha postagem sobre projetos. O resultado será um site muito bem organizado.

Preparação

• Estudar as particularidades do serviço e do cliente;
• Observar projetos semelhantes (Beanchmark);
• Definir metas e estratégias;
• Elaborar um formulário para captar a idéia do cliente sobre o projeto.

Documentação

• Confirmações dos objetivos do site (corporativos, marketing, etc.);
• Escolher um modelo de negócios e plano de Marketing;
• Planejar as interações, tecnologias e funcionalidades;
• Escolher um sistema para gerenciar o conteúdo;
• Escolher banco de dados e modelo de backup;
• Regras e responsabilidades;
• Duração das etapa inicial do projeto;
• Validar o início do projeto com um sinal ($) do cliente;

Planejamento

• Título do website;
• Procurar hospedagem e empresa para registrar o domínio;
• Selecionar o domínio e registrar;
• Registrar domínios parecidos com o seu;
• Elaborar a estrutura do website e informações sobre arquitetura;
• Gerar um rascunho do site para primeiras impressões no photoshop;

Layout

• Definir as fontes tipográficas;
• Pesquisar esquema de cores (paletas);
• Verificar se o esquema de cores é equilibrado; não agride nem gera indiferença em quem vê o site;
• Preocupar-se com os padrões de usabilidade e acessibilidade;
• Criação de um layout básico (eu faço no photoshop mesmo) em HTML/CSS para ser submetido à críticas;

Preparação do Conteúdo

• Montar a equipe para fornecer conteúdo (jornalistas, ilustradores)
• Apresentação do Texto (recepção/atualização/criação);
• Arte (fotos/ilustrações);
• Adicionar conteúdo específico para web;
• Distribuição do conteúdo – manter a página principal leve e efetiva;
• Providenciar uma chamada de ação para cada página;
• Definir os direitos de cópia, termos de uso e política de privacidade;
• Detalhar contatos;
• Página sobre (com autor(s), informações da empresa, créditos… );
• Testemunhos, matérias na mídia e prêmios;
• Descrição de produtos;
• Página de perguntas e respostas frequentes;
• Utilizar palavras chave (etiquetas ou tags) para referenciar conteúdo;
• Validar conteúdo através de uma revisão.

Integração do Conteúdo

• Colocar conteúdo no layout;
• Observar com atenção à hierarquia de conteúdo no layout;
• Definir cabeçalhos (h1, h2, …) e parágrafos;
• Adaptar tamanhos de fonte, espaçamento para melhorar a legibilidade;
• Escolher se você vai permitir ao visitante alterar o tamanho da fonte;
• Identificar e adicionar meta tags, meta descrições e descrições nos títulos;
• Nomear links com tags âncoras para lhes dar sentido semântico;
• Fazer os links consistentes e facilitar a identificação (estilos especiais nos links, como feeds ou emails);
• Adicionar tags “alt” sobre todas as imagens imagens;
• Providenciar um texto alternativo para todas as mídias sem “alt” tags;

Design

• Artes originais (fotos, ilustrações …);
• Logo ;
• Desenho do cabeçalho com clara demonstração do propósito do site e predominância da logo com link para a página principal;
• Adicionar um campo de busca visível no cabeçalho ou no topo da coluna direita;
• Projetar uma barra de navegação objetiva;
• Projetar o corpo do site com colunas e um rodapé;
• Certifique-se que o conteúdo ocupa uma parte relevante na página principal;
• Balancear ilustrações/fotos e texto de acordo com o propósito do site;
• Preparar  aparência dos anúncios e links patrocinados;
• Visibilidade de testemunhos, matérias e prêmios;
• Certifique-se que o conteúdo e/ou o design dos elementos facilitem a futura visitação ou o compartilhamento das informações;
• Certifique-se que as informações da empresa e o contato são acessíveis (endreço, telefone …) ou seja, que eles levam o seu visitantes a confiarem na existência física da empresa;
• Se muitas escolhas são disponibilizadas (diferentes produtos do mesmo tipo) destaque claramente o principal para ajudar seus visitantes a escolherem;
• Destaque campos especiais em formulários (erros ou que necessitam de validação);
• Faça com que todos os botões e elementos “clicáveis” sejam destacados ao passar o mause por cima;
• Desenhe um “Favicon”;
• Faça uma revisão do design e envie para o cliente se for necessário;

Funcionalidades

• Construir um banco de dados;
• Implemente um Sistema de Gerenciamento de Conteúdo;
• Defina os Formulários e scripts adicionais;
• Elabore uma Newsletter (boletim de atualizações);
• Customize aplicações;
• Defina as áreas restritas (proteger painel de administração devidamente com login);

Usabilidade

• Fazer URL’s com significado e amigáveis ao visitante;
• Certifique-se que as URL’s são consistentes (www.seusite.com ou seusite.com);
• Se a navegação ou o design ficam confusos o botão de voltar oferece uma alternativa;
• Código otimizado para todos os navegadores atualizados;
• Criar uma página de erro 404;
• Certificar que o visitantes recebe uma confirmação após uma determinada ação;
• Fazer o site amigável para impressão;
• Validação e otimização do (X)HTML, CSS e JavaScript;
• Otimizar o site para que ele possa receber atualizações posteriores;
• Otimizar tamanho de imagens e arquivos;
• Proteção e .htaccess funções (anti-spam, cimpressão, cache, anti-hotlinks, banco de dados … )

Primeiro Teste (off-line – fase alfa)

• Padrões Web;
• Pesquisas de usabilidade e acessibilidade;
• Pesquisas sobre conteúdo, design, identificação;
• Testar links;
• Verificar transações (scripts);
• Corrigir erros e refazer otimização;

Manutenção 1

• Documentação;
• Upload do site para ambiente de uso;
• Colocar scripts de estatísticas e otimização (Analytics, Feedburner, …);
• Configurar agendamento de backup e testar a recuperação do backup;

Treinamento

• Particularidades do CMS, linguagem web;
• (X)HTML/CSS;
• PHP;
• Como construir uma comunidade na web (mídias sociais);
• SEO;
• Web marketing;

Marketing e SEO

• Crear um XML Sitemap;
• Configurar o robot.txt;
• Inserir o site nos motores de busca (Yahoo, Bing);
• Submeter sitemap;
• Comprar ou vender anúncios;
• Newsletter e campanhas de email;
• Monitorar contatos;
• Estimular citações e testemunhos;
• Negociar links;
• Divulgação de nicho (offline);
• Divulgação em mídias sociais (Twitter, Facebook, Digg);
• Eventos, promoções.

Segundo Teste (fase beta)

• Verificar estratégias de SEO;
• Verificar estratégias Marketing;
• Otimização;
• Banco de dados;
• Teste de segurança.

Manutenção 2

• Elaborar um relatório de conclusão e recomendações;
• Queimar CD com o site e arquivos;
• Elaborar um documento seguro com todas as informações de conta (ftp, painel de admin, email’s, …);
• Transferir direitos de cópia para a empresa contratante;
• Atualizar o portfólio;
• Realizar eventos e promoções.

Manutenção 3

• Atividades de Webmaster (feedback do conteúdo, atualizações, novos produtos, … );
• Atualizar sessão de perguntas e respostas;
• Adicionar novas funcionalidades ao site;
• Construir, monitorar e responde a comunidade;
• Colecionar informações estatísticas;

Administração do Processo

• Verificar a evolução do projeto (resultados, metas atingidas, …);
• Revisão do SEO de dois em dois meses;
• Revisão do Plano de marketing e público alvo;
• Atualização da documentação;
• Revisão das regras e responsabilidades;

Se a demanda do cliente for por uma mudança constante ou se ele possui a necessidade de gerenciar email’s da empresa mas não possui um profissional para isso. Faça um contrato com um valor mensal e esteja a disposição para realizar as alterações e orientações necessárias, pode ser o início da prestação de serviços como assessor ou consultor web.

Um forte abraço e sucesso!!!

Leia Também:

• Mais um wordpress institucional
• links for 2007-08-06
• Jogos de empresa
• WordPress para iniciantes
• Como ser achado pelo Google?

Primeiro veja a imagem referente à Agosto de 2008:

Agora vejam a imagem referente ao período de junho de 2009:

Felizmente é possível perceber que o HajaLuz em quase um ano recebeu mais de 50.000 visitas. Comparado a grandes sites eu sei que isso não é muito, grandes e médios sites recebem essa visitam por semana. Porém eu fico muito feliz com o número.

Acredito que o Extreme não diferencia a engine do Chrome e do Opera, por isso o número tão alto de Other Browsers de um ano para o outro. Podemos creditar esse número alto à popularidade do Chrome, navegador do google.

Outro dado interessante que acomapanho é o Mobile Browsers que de um ano para o outro quadruplicou sua frequência por aqui.

Os defensores do código livre não podem comemorar muito. O HajaLuz é um site muito procurado por tutoriais relacionados à tecnologia e mesmo assim o Firefox obteve um aumento simbólico de utilização, 2%. Porém a iniciativa do Google Chrome deve ser acompanhada de perto já que Other Browsers apresenta um crescimento de 400%, acredito que muito devido à engine do web-kit que está escondida alí.

Algo notável é a desatualização que os visitantes possuem no seu navegador. O IE 6 continua no topo dos navegadores utilizados. O visitante parece não mudar de preferência pois enquanto o uso do IE 6 diminui cerca de 6% o IE 7 aumenta com uma taxa semelhante.

Deixarei por aqui essa imagem dos sistemas para que em data futura também possamos comparar juntamente com os navegadores.

E você o que acha desses dados??

Leia Também:

• Como ser achado pelo Google?
• Extensões no Google Chrome para desenvolvedores web
• Não imaginava que o Google era tão rígido…
• Como colocar Ubuntu no Pen Drive e organizar seus dados no PC
• Múltiplos Internet Explorer's: Ninguém merece.

Ontem, a convite da professora de Administração Heloísa, falei sobre Sistemas de Informação na Faculdade Faesa aqui em Vitória/ES.

Procurei sair da abordagem tradicional que só foca os famosos sistemas inteligentes. Ampliei a idéia com a computação nas nuvens e algumas dicas sobre trabalho autônomo.

Foi bacana!

Qualquer dúvida é só perguntar nos comentários!!

Segue os slides para vocês apreciarem:

Não abriu? clique aqui: Sistemas de Informação como Estratégia de Negócios!

Aqui vai o .pps completo. O slideshare “capou” um pouco a apresentação.

Leia Também:

• Dois sites de xadrez muito bons
• Revista Grátis sobre Linux III
• Encontro de Arquitetura da Informação
• Sistemas de Conteúdo; Por quê utilizá-los?
• 114 razões para você aprender inglês

Primeiro foi o questionamento de Carlos Miyahara:

Para quem foi no WAW-SP, sabe que apesar do tema ter sido Mobile Marketing, houve uma pequena discussão sobre Termos de Privacidade.

Não só isso, mas uma extrapolação pra George Orwell – Big Brother, invasão, etc..

Uma das coisas que ficou marcado em mim foi quando alguém disse:”Mas alguém lê os meus e-mails!”. Para essa pessoa eu digo: pasme! Mas alguém sabe de toda a sua movimentação financeira! E não é só uma pessoa, mas no mínimo umas dezenas. Vocês nem imaginam como pessoal de banco sabe se alguém roubou o seu cartão e está usando indevidamente... E não é um simples “hum, ele tá gastando a todo minuto, coisa que ele não fazia antes”… o algoritmo vai muito mais além disso.

Logo em seguida veio a resposta de Wilson Roberto:

…o quanto estamos dispostos a pagar, a retribuir com nossas informações em troca dos serviços gratuitos. Eu não tenho nada de muito importante nos meus e-mails, mas podemos comparar com uma ‘lixeira’, lá só vai ter o que não serve mais, mas vasculhando as lixeiras das pessoas, das casas, você pode saber os costumes da pessoa, quantas pessoas moram na casa, sexo, idade, etc…

Uma vez, no Orkut, me apreceu todos meus posts que eu havia apagado há tempos antes, depois desse dia nunca postei mais nada como anônimo, pois isso ainda fica veiculado ao seu id e se der um bug nos sistemas do orkut, você pode ficar exposto. Portanto, estamos diante de um poder nunca antes imaginado, que deixa a Veja e a Globo no chinelo. É um bom tópico para discutirmos mais a fundo…

Eu já havia pensado muito sobre privacidade e havia concluído que alguns procedimentos me deixaria seguro quanto à essa questão de exposição na internet. Mas esses comentários colocaram meus pés no chão quanto ao assunto.

Faça o que fizer, ao colocar dados reais em algum lugar na internet, você está exposto.

Leia Também:

• Roubo de senhas na internet: previna-se!
• Buzz na social mídia e o lado sujo da conteúdo espontâneo.
• Meu amigo Carllo Carlos…
• Google Me: Sucessor do Wave pode acabar com o Orkut
• O Orkut que ninguém vê

Até outro dia falava-se muito em visão holística, pensar no todo, a administração é mesmo um conjunto de modas, não é verdade?

Ouvi de uma professora que o administrador larga mão das suas competências e deixa para outras áreas, porque não é sua especialidade tal e tal processo. Começou no começo, com a produção na mão de engenheiros, depois as finanças na mão de contabilistas e economistas, o marketing na mão de públicitários e comunicólogos, o RH na mão de psicólogos e agora o Sistema de Informação na mão de profissionais de informática.

Mas de fato como um gestor pode ser tão competente para abraçar áreas tão diversas? Administração estuda um pouco de tudo, e no fim, assimila-se quase nada; é aquela história de quere abraçar o mundo com as pernas.

Escrevo sob a influência de um artigo deveras instigante. Gestão por processos de negócios e redes cognitivas de Jorge Castro é uma sopa de teorias que mistura Informática e Gestão, e ilustra muito bem a tendência que aponto logo acima. Uma empresa que passa pela implantação de um sistema desse tipo, costuma ser reinventada enquanto organização. O profissional tem como objetivo nada mais do que filtrar as informações sob um código (sistema informatizado) e adequar as pessoas ao paradigma de eficiência que o sistema sugere.

Aí é que está a questão da perda de identidade e do aculturamento de fora para dentro. Algo que é muito prejudicial para a organização. Qual é a noção que um profissional desse tipo tem da cultura organizacional. E se houver noção qual é o valor que lhe é dado?

É evidente que um profissional do calibre de Jorge Castro, tem respostas para isso. E é evidente que a prática nas consultorias e na implantação de cada sistema proposto, gera o conhecimento necessário para superar as resistências na implantação de um SI orientado a processos (de fora para dentro?). O que se houve falar muito na implantação desse tipo de solução é que as pessoas devem se adequar ao SI, e não o oposto.

A abordagem de Jorge é equilibrada, fala-se muito na vantagem de aprendizado que a implantação de um processo (projeto?) leva ao grupo. A abordagem é muito interessante se olharmos nesse contexto. E a explanação para mim é nada mais do que uma tentativa de explicar que considerar o aprendizado (aprendizado como troca de saberes) como valor, é fundamental para o êxito dessa (re)(i)novação que um trabalho como esse oferece a organização.

Um estudante (profissional) de administração que menospreza esse movimento impulsionado pela influência dos SI nas organizações pode até se orgulhar em não seguir uma certa moda, no entanto, seu saber profissional pode ser considerado estéril caso não tenha respostas para oferecer diante das mudanças imprimidas por essa nova ordem.

Aqui em Vitória está frio hoje…

Technorati : Gestão de processos, arquitetura da informação, processos, projetos, sistemas

Leia Também:

• Organizações Virtuais
• Dicas para o mercado de trabalho
• Sistemas de Conteúdo; Por quê utilizá-los?
• ORGANIZAÇÕES VOLUNTÁRIAS: informação para a conquista da cidadania
• O que é Arquitetura da Informação?

E um site muito bacana sobre Arquitetura da Informação é o Contém Conteúdo. Acompanho Mauro Amaral a algum tempo e digo a você que vale a pena, o cara é bem ligado às novas tendências pela web.

A imagem abaixo foi retirada dessa postagem: Tá difícil ou quer que eu desenhe?

Essa ilustração seria óbvia não fosse pelo foco nada vanguardista, explico.

A palavra usuário é descabida para se referir a um ser humano. Ela traz uma idéia de uma relação fortuita entre uma pessoa e uma tecnologia. Quem vende uma tecnologia nunca deveria se referir dessa forma a alguém que utiliza seu produto.

A metáfora mais direta é comparar o emprego dessa palavra a alguém que usa drogas. Ele é um usuário pois usa o produto pela “obrigação” do vício. Uma pessoa que utiliza tecnologia não deveria estar no mesmo nível, pelo menos para quem deseja promover essa tecnologia.

Acredito em uma experiência mais duradoura. Acredito que devemos promover em nossos clientes uma sensação não de dependência, mas de libertação. A tecnologia deve ser um meio e não um fim.

Existe uma grande confusão quando alguém adquire um produto com viés tecnologico. A Microsoft dá o tom do que é fazer algo para um usuário. Seus sistemas tornam o cliente dependente, e o produto torna-se um pesadelo sem fim para quem usa.

Acredito que a proposta dos novos profissionais de tecnologia deve ser oposta a essa. Devemos vender um produto que vá além de um site, ou além de uma interface. A necessidade do cliente vai além da experiência. Se encontrarmos o fio da meada vamos obter uma experiência de fidelidade ao produto, partindo do princípio que a liberdade (e não a dependência) na utilização deste é o catalisador de todo o processo.

Leia Também:

• Por que o site do IE 8.0 não é em SilverLight?
• Pensar global e agir local
• Kindle da Amazon uma nova experiência com ebooks
• war in rio: Uma maneira muito bacana de fazer portfólio
• Comparação de frequência de visitantes de um site de acordo com o browser

É uma questão racional. Não é questão de paixão. É uma questão de pensar sobre qual é a opção mais universal, que pode levar maior abrangência de informações. Maior acessibilidade das pessoas à tecnologia. É permitir múltiplas opções de escolha, e estabelecer padrões que exerçam um equilíbrio entre elas.

Foi nesse sentido que a lei 203/2007 foi aprovada. Essa lei regulamenta a utilização de formatos de arquivos. Veja nessa postagem: O Projeto de Lei 203/2007* sobre ODF no Paraná foi aprovada, vai à sanção do Governador

Leia Também:

• Linux novas versões antigos problemas
• Evangelismo ao avesso para vender software – Parte I
• Dicas para uma boa entrevista de trabalho II
• Como trabalhar com essa nova mídia chamada blog?
• Estímulo para começar o ano com o trabalho em Web

É muito bacana estar dentro de uma revolução na internet. Quando comecei a trabalhar com Sistemas que gerenciam o Conteúdo era apenas uma aposta. Começamos com o PHPNuke e depois PHPbb, depois Mambo que virou Joomla, e depois veio a indecisão por migrar para os blogs, aí veio o Nucleus. Percebi que eu me distanciava de sistemas robustos em busca da simplicidade. Cada vez tornava-se mais difícil inserir uma página estática no sistema. O Googlebot tornou-se mais importante gradativamente. Até que me rendi aos encantos de WordPress e sua maravilhosa indexação nos sistemas de busca. O WordPress e sua maravilhosa interface para dar um treinamento em duas horas para um cliente e colocá-lo frente a frente com a arte de escrever na internet.

Agora vejo que a trajetória em prol da simplicidade não foi em vão, eis que recebo a notícia que grandes portais fizeram o mesmo caminho. Parabéns a todos os desenvolvedores WordPress pela conquista!!!!

Leia Também:

• Galeria de Imagens no wordpress
• Como ser achado pelo Google?
• MHC: Método Híbrido Comparativo (Parte 2)
• Mais um wordpress institucional
• Meus Feeds; parte 04

Seria um sonho para mim fazer sites somente para os browser padrão, mas ainda não cheguei a esse ponto, pois outro dia um cliente me perguntou o que era navegador, imagine se eu falasse browser então.

Veja o menu original no IE 7.0, Firefox e Ópera:

Então eis que me aparece o menu no IE 6.0:

Corrigi o problema ao olhar de maneira mais atenta para as marcações de lista. A questão é que tento dar ao meu cliente a total autonomia sobre o sistema. Nessa postagem é mostrado o menu que é criado automaticamente ao inserir páginas no wordpress.

O que fiz para solucionar foi obsrvar ocódigo apresentado no navegador. Se o IE6 não respeitasse pelo menos a renderização do código que é mostrado para mim aí seria de lascar. Então depois de algumas dores de cabeça consegui meio que padronizar, ainda que haja um espaço entre as listas quase imperceptível (compare essa imagem com a primeira), mas esse quase é para o público em geral, não para mim:

Se fizer uma pesquisa provavelmente existe um hack para eliminar esse espaço, vamos ver se acho para o código ficar melhor. Se houver maior curiosidade da parte de vocês posso mostrar o código como foi alterado, coloquem nos comentários por favor.

IE8

Dizem que o IE8 atenderá os padrões W3C. Ele vem no meio do ano que vem. Isso seria muito bom para todos nós. Estamos na torcida para que a microsoft amadureça profissionalmente. É ridículo uma empresa desse porte ter que fazer jabá disfarçado em listas bacanas através dos seus evangelizadores. É o jeito americano de fazer dinheiro. Mas é um estilo de cooptação de mercado muito apelativo não acham?

Na verdade a microsoft artificializa a qualidade. Seus produtos são orientados à aparência. É uma briga danada entre qualidade e estética. Será que tanto dinheiro disperdiçado em contratação de evangelistas, e suas palestras mágicas, não poderia converter-se em uma utilização mais inteligente? É uma opção entre enganar e trabalhar para resolver problemas. Parece que a Microsoft está inclinada a mudar para a segunda opção, afinal, evangelistas só servem para convencer as pessoas de verdades que não podem ser percebidas espontaneamente.

Ou então; Puta que pariu: Será que para acreditar em Deus alguém tem que gritar no meu ouvido para eu notar sua existência?

Leia Também:

• Por que o site do IE 8.0 não é em SilverLight?
• Leituras bacanas I
• Como não mostrar a própria página no menu – wordpress
• Dual boot com windows xp e ubuntu
• Experiência do usuário ou utilizador?

Site suspeito

O site da Livraria do Senado, da Secretaria de Editoração e Publicações, está hospedado em provedor de Samoa, na Polinésia. Como fazem os sites marginais, de jogos ou de pornografia, para escapar da Lei.

Cláudio Humberto – 11:15 PM (6 hours ago)

Fiquei curioso com a informação e de imediato fiz um Whois:

Domain Name: SEEP.WS

Registrar Name: eNom
Registrar Email:
Registrar Telephone: 425-974-4500
Registrar Whois:

Domain created on 2007-03-22 13:04:59
Domain last updated on 2007-03-22 13:04:59

Current Nameservers:

ns1.locaweb.com.br
ns2.locaweb.com.br
ns3.locaweb.com.br

O site está hospedado na locaweb, um host bem brasileiro, ou não?

Realmente o domínio foi registrado para .ws pela empresa enom. É mania de jornalista político querer achar problemas onde não existe. Qual a relação entre uma coisa e outra? Sites pornôs e jogos são proibidos? O que é um site marginal? O site dele faz muitas acusações ironicas por dia, tudo o que é publicado alí deve ser considerado fora da marginalidade?

Por curiosidade: Existe alguma lei que obriga as empresas e orgãos do governo registrar domínios no registro.br? Mesmo se houvesse seria importante a lei estipular a hospedagem nacional. Agora mesmo que estipular quem garante que a hospedagem nacional não vai utilizar servidores de outro país?

Na minha opinião como a Localweb é responsável pela hospedagem não importa onde está o servidor de arquivos ou o DNS, o importante é que uma empresa brasileira se “responsabiliza” pelo site com seu DNS.

Mas como profissional eu tomaria cuidado em registrar .org.br para não dar margem a esse tipo de suspeita, esse erro não é muito oneroso para corrigir, não é verdade.

Para chegar a uma última palavra sobre esse tipo de responsabilidade teríamos que catalogar as empresas de hospedagem e inspecioná-las constantemente. Seria um controle rigoroso, será que vale a pena criar um Ibama virtual?

Leia Também:

• Podcast Piloto – Como denunciar difamação em Blogs
• MHC: Método Híbrido Comparativo (Parte 2)
• Hospedagem gratuita, fiquei impressionado!!
• Motivos para rir e chorar: Preciso de uma hospedagem
• Cansei não mostra referência ao wordpress