blogfolio – eduardo frick

Pesquisa recente no site da W3Schools mostrou uma estatística interessante e promissora. Deu vontade de comemorar com uma pizza. Os números mostram que 47% dos  internautas que visitam o w3schools  usam Mozilla Firefox. A soma das percentagens dos usuários de IE8, IE7 e IE6 não chega a 37%.

Pena que esses números aparecem apenas nos relatórios de websites destinados a profissionais de web. Em sites comuns, a prevalência do IE é incontestável, passa fácil dos 80%. O IE 6, que desde 1991 inferniza a minha vida e é o que eu considero o pior navegador do mundo, em várias ocasiões aparece nos relatórios do Analytics como o segundo mais utilizado, atrás apenas do IE8. Mesmo no relatório do W3Schools o IE6 ainda é usado por 10% dos usuários. Essa inércia em atualizar o software, acredito eu, é culpa da pirataria desenfreada que inundou os computadores de cópias ilegais do Windows XP e dos altíssimos custos dos softwares originais.

Esta supremacia do Internet Explorer foi conquistada com política e marketing, e não por mérito. A falta de competência e/ou de interesse dos programadores da Microsoft em seguir os webstandards é notória. A versão 6 do navegador, incluída no Windows XP, é tão divergente dos padrões do W3C, que obriga o bom webdesigner a estudar os “CSS Hacks” para poder criar uma série de estilos aplicáveis unicamente ao IE6 e assim fugir das idiossincrasias do software sem comprometer a performance das páginas em outros navegadores.

A cada nova versão do IE recebemos notícias de que ele está mais próximo dos webstandards. De fato, muita coisa melhorou no IE7 e depois no IE8. Mesmo assim, não é difícil arrancar um bug ou desenhar um layout que funciona em todos os navegadores (Chrome, Safari, Opera, Firefox, Iphone…) mas encrenca no navegador de Bill Gates.

Mas a tendência refletida nos números do site W3Schools é de que o Mozilla retorne ao pódio, de onde nunca deveria ter saído, mas que infelizmente aconteceu quando a Microsoft resolveu nos empurrar o Internet Explorer goela abaixo. Os outros navegadores estão também ganhando mais adeptos, dia a dia.

Eu, aqui, só abro o IErgh para testar os meus sites.  Uso o IE tester para avaliar o funcionamento em diversas versões ao mesmo tempo, e as ferramentas para webmasters fornecida no IE8, que frequentemente explode na nossa cara e fecha o programa. É a Microsoft mantendo o seu padrão de qualidade habitual.

Olá, fulana

Será um prazer ajudá-la a montar o seu website.

Meus sites têm, de fato, propostas e layouts bem diferentes um do outro, essa é uma das vantagens da minha profissão: a diversidade – aparecem clientes com fábricas artesanais de chocolate (do Helio – www.chocomundo.com.br), acompanhamento de jogos no maracanã (fimdejogo.com.br), designers de jóias (www.brunoguidi.com.br), sociedades médicas (www.endocrino.org.br) e assim por diante. Cada projeto me ensina muito. Leia Mais »

CDBH

Trabalho instigante, desafiador, perfeccionista, atabalhoado – a equipe foi-se formando à medida em que o projeto demandava talentos – fruto de várias cabeças pensantes em um único objetivo. Este é o projeto do website www.cdbh.com.br.  Fizemos a 6 mãos – O médico endocrinologista Rodrigo Lamounier, atarefado com os tijolos da reforma da casa e com detalhes do layout da home page, e a jornalista Leticia Orlandi, chamada aos 40 do segundo tempo para colocar ordem no meio de campo. Entrou, colocou ordem e ainda ajudou no layout e na arquitetura.

O WordPress foi definido como a melhor plataforma para este website. Essa escolha é estratégica: depende das circunstâncias do mercado – se há ou não disponibilidade de mão de obra (programadores) ; depende das recentes conversas e opiniões de colegas, do que falam as revistas da semana, até da preferência dos hackers desocupados. Até há pouco tempo atrás eles gastavam seu tédio quebrando a segurança do wordpress.

Para mim, o wordpress é tudo de bom. A biblioteca de ferramentas disponíveis é absurda de grande, os upgrades automáticos são uma mão na roda. Estou ficando cada dia mais ágil na customização de páginas, menus e  CSS. O WordPress dá uma pré-mastigada e nos facilita bastante a programação em PHP. Com um trivial de javascript, qualquer um, inclusive eu, faz um site tunado como o do CDBH.

Pra deixar o site na moda, como dizem meus clientes, nada como um slaidechou. Usando o termo técnico adequado, o Featured Content Gallery é simplesmente um MUST hoje em dia. Uma homepage sem um crossfade de imagens é como uma pessoa de camiseta numa festa formal.

A nuvem de tags em 3D entrou no projeto inicial, depois saiu, depois entrou de novo. Há controvérsias quanto a sua utilidade. Bonita e atraente ela ficou. Utilidade ela terá, se a equipe editorial escolher tags interessantes para rodar ali. Veremos sua eficiência nos relatórios de métricas.

Os mapas também merecem atenção. Minha solução padrão, que satisfez a todos os meus antigos clientes, simplesmente não agradou o Rodrigo.  Ele queria meios de criar rotas de acesso. A pesquisa por uma ferramenta nova de mapeamento não durou 5 minutos. Trombei logo com o Umapper, que dispensa comentários. É simples e poderoso.

A idéia é fazer um site institucional com funções bem específicas para agilizar o agendamento de consultas e promover as atividades do CDBH ao seu público.  Tentamos aplicar o máximo de objetividade, o mínimo de firulas, aproveitar todas as formas de interação com o público que a internet nos oferece, e isso inclui todos os bricabraques que os blogs nos oferecem: trackbacks, comentarios,  tags, categorias, etc. e mais o apoio das grandes redes sociais, principalmente google/youtube e twitter, para complementar uma estratégia completa.

O site nem estreou e já tem mais de 100 visitas diárias. Pensando nesse público inicial, desde o primeiro dia que o domínio foi criado já existe uma home page com um mínimo de informação. Todo o trabalho de layout da home page e das páginas internas foi feito online e em realtime, as páginas e artigos foram criados a olhos vistos. Uma certa ousadia bem calculada que resultou numa enorme economia de tempo. Quando a stamina acabava antes do término de alguma etapa, a página era colocada “em rascunho” e não aparecia para o público. Dessa forma nunca decepcionamos ninguém com páginas que existem no menu mas estão “em construção”.

Bem vindo ao cyber espaço, CDBH.

Seguindo a linha do “maquiar para não refazer” estamos lançando o site do próximo congresso da Sociedade Brasileira de Diabetes – SBD que vai ocorrer em novembro, em Fortaleza.

O layout é um remake do site do congresso de 2007. Pouca coisa foi alterada na arquitetura, o que mostra que o site do ano passado cumpriu bem as espectativas.  O problema do “english version” está definitivamente aniquilado pelo Google Tradutor, um gadget que executa a tradução para trocentos idiomas com um simples clique.

A produção do evento é da ARX Eventos. O site é mais uma parceria com a Informed Jornalismo, a programação em PHP/MySQL é do brother Andrews Medina.

Sites são inaugurados,  acontecem festas de lançamento, etc. certo? Errado. Alguns saem antes mesmo de entrarem online.

Quando a história tem final feliz, a gente cita os clientes, colaboradores, técnicas e soluções. Quando a história, como esta é, triste, vou omitir tudo isso.

A tragédia começa num telefonema, numa nova relação comercial entre eu e uma grande empresa de comunicação brasileira, cheia de clientes grandes e promissores. Rolam de imediato umas 6 ou 7 propostas de bom porte. Uma delas vinga, vamos ao trabalho.

Cronograma Teórico

• Briefing,
• arquitetura de informação,
• wireframing,
• layout,
• programação do CMS,
• desenvolvimento do website,
• testes de usabilidade,
• treinamento,
• inauguração.

Este era o cronograma definido para acontecer nos próximos 30 a 40 dias. Cronograma perfeito, produzido em Powerpoint, chiquérrimo.

Cronograma Prático

• Não participei do briefing. A empresa de comunicação que tinha a “conta” do cliente se esforçou ao máximo para manter-me longe e inacessível. Talvez o cliente nem saiba que eu exista.
• Wireframing – foi feito um e entregue dentro do prazo, o que me deixou animado, a princípio. No dia seguinte fui informado que o web designer não foi consultado e descartou o wireframe. Para manter o prazo, não haveria mais wireframes, veríamos o projeto gráfico pronto. OK… sinal amarelo piscando.
• Layout – chegou em forma de arquivos de Photoshop, uma “coisa” que o webdesigner (que, entre parênteses, entregou o trabalho e saiu de férias) precisou gastar um tempão comigo no telefone explicando como eu deveria ligar e desligar as camadas para entender o projeto gráfico. Depois eu soube que ele havia feito o design sem ter noção da arquitetura da informação. Mais depois ainda eu soube que ele nem sabia o que era arquitetura de informação. Sinal Vermelho!
• Arquitetura – a mais básica das bases da elaboração de um website, mas que só chegou em minhas mãos na VÉSPERA da apresentação do CMS agregado ao layout. Por incrível que pareça, todo o site foi desenvolvido sem sabermos o que entrava aonde. E chegou em forma de um rabisco escaneado, rasurado, cheio de emendas e asteriscos.
• Programação do CMS – contratei profissionais de alto gabarito para produzir as páginas em HTML seguindo webstandards e um CMS de última geração. O programador HTML fez cópias idênticas às projetadas no Photoshop, criadas pelo webdesigner, que não tinha noção da arquitetura, por isso, as páginas ficaram com erros conceituais sérios. O título da página, por exemplo, se repetia em 3 lugares. Foram tantos problemas no meio da produção e tanto retrabalho que o custo desses profissionais acabou ultrapassando, e muito, o que o cliente me pagaria. Eu mesmo tive que colocar a mão na massa em muitas e longas horas para tentar satisfazer as milimétricas exigências dos clientes.
• Testes – falharam, em sua maioria. Um CMS feito às cegas e um website nascido torto desse jeito só poderia dar problema na hora de testar. Bugs diferentes aparecendo nos navegadores, necessidade de criação de templates imprevistos, novas regras no meio do jogo… o inferno se instalou. E ainda houve uma rasteira que o Google me deu, que me derrubou  feio. Essa eu contarei em um post separado.
• Inauguração – O prazo estourou, claro, assim como o orçamento e a minha paciência.

Sem poder falar com o cliente final, eu dependia do contato da equipe da empresa que me contratou. Em muitas ocasiões suas atitudes me lembraram o famoso e imperdível filme ‘o incrível exército de Brancaleone‘. Infelizmente eles atrapalharam muito mais do que colaboraram.  Inacreditável como uma empresa tão grande, com funcionários com nomes de cargos pomposos, conseguiram guiar tão mal uma produção de um site.

No dia do lançamento, enfim, em vez de inaugurar, pediram para desligar por tempo indeterminado.  Talvez seja melhor assim mesmo. Nem tudo na vida tem final feliz.

Bastou um <meta http-equiv=”Refresh” …> , incluído no arquivo index.php enquanto eu estava no púlpito da sala da reunião do Conselho de Comunicação Social da SBEM, depois de uma breve exposição do layout, e o site da SBEM pulou para a nova home page em crescimento.org.br.

A jogada, simplíssima para nós, webmasters, causou efeito na platéia que, ao final da apresentação, soltou palmas entusiasmadas. Em pleno ICE – Congresso Internacional de Endocrinologia, a Sociedade Brasileira de Endocrinologia tem a audácia de trocar a sua Home Page, não só isso, adotar outro sistema de administração de conteúdo (CMS) produzido em Django pelo brother Andrews Medina, abandonando de vez o sistema em PHP.

A correria foi grande e só conseguimos aprontar o CMS horas antes da reunião. Mas… Nosso CMS é bastante robusto. O Django permite que, a partir de um projeto básico inicial, façamos personalizações de acordo com as necessidades do cliente em tempo recorde.

A equipe de jornalismo da Informed já havia feito uma pré-seleção das matérias que fariam parte da capa do site. Na hora da apresentação, ao vivo e a cores, nós rearrumamos as chamadas, publicamos algumas novas para o SBEM Reporter falando sobre o ICE e… pronto…  Home Page nova da SBEM está no ar.

home page do dia mundial do diabetes

Nada como um site em html/php para desenferrujar os dedos… Fazer sites em Django estava muito monótono… O site do Dia Mundial do Diabetes foi relançado com uma home page mais bonita e terá muitas novidades até novembro.

HTML tableless de 3 clunas básico, uma home page com um slide show em flash igualmente básico, porém com fotos tão belas que dão um show.

Pedimos à IDF a versão em português do lindo banner da “vela virtual” e fomos prontamente atendidos, obrigado, mr. Lorenzo!

Já está no ar, porém ainda em fase de aprovação, a nova página com a programação do projeto “Música nas Igrejas”, dirigido plea cravista Rosana Lanzelotte e coordenado pela minha amiga multi-tasking Celina.

Para manter a identidade visual com o material impresso, que usa a Garamond no no novo logotipo, optei por usar um tag <h1> “escondido” por meio de css (display:none;) na esperança de que o Google não ache isso muito estranho e indexe a página sem grandes probemas.

O projeto tende a crescer  – ideal seria ter um sistema gerenciando cadastros de eventos, igrejas e músicos, e uma home page que destacasse o evento mais recente e mostrasse detalhes dos mais próximos.

A pedido do Departamento de Marketing, que está captando patrocinadores para o site, fiz algumas mudanças na estrutura das páginas do blog do Tigrão da Vila. O layout já sofreu tantas modificações e ajustes que mal se percebem traços do tema “Rusty“.

Essas alterações são todas feitas à mão, alterando diretamente o código xhtml no Editor de Temas do WordPress. Nessa hora o WP deixa de ser uma ferramenta de blog fácil, para iniciantes, para virar um poderoso e complexo CMS. Mas também deixa de ser trabalho para amadores: escrever e/ou adaptar código xhtml e CSS não é para qualquer um.

A largura da página foi ajustada para 800×600 (o perfil dos leitores desse site impõe esse limite), foram cortadas as colunas laterais que só serviam de adorno. Ganhei mais espaço no menu horizontal e na mancha de texto dos artigos e páginas – espaço este que servirá para a entrada de mini banners 120×60 dos patrocinadores.

O banner vertical que atualmente está lá (sócio torcedor) será substituído por um banner horizontal e vai pular para o topo do site.

Já que estamos abrindo espaço para banners, instalei o OpenAds – Gerenciador de banners – que vai contabilizar impressões e cliques em todos os banners do site.

O site do Tigrão está começando bem, com uma média de 40 visitantes diários e 230 leituras de páginas por dia. Amanhã chegaremos aos nossos primeiros 1000 visitantes. Com a atualização constante do conteúdo do site, com notícias produzidas pela jornalista Alba Valéria, e com o entusiasmo do coordenador do projeto de marketing Andre Bocchi, e mais uma ajudinha do nosso amigo Google (procurem por ‘futebol rondonópolis’ – meu site aparece em primeiro lugar nas respostas!) logo estaremos com um bom nível de visitas.

Agora vejam porque web standards é tão bom… sua estrutura modular permite que um layout complicado seja produzido em minutos, a partir de um modelo básico.

Definido o projeto gráfico da home page, a próxima tarefa foi produzir o código estrutural em XHTML e seus respectivos estilos CSS. Reparem as semelhanças com o layout da home page da SBD – as peças foram realocadas e redimensionadas com extrema facilidade.