Site iMasters adota XHTML e CSS

Hoje é um dia que certamente entrará para a história da Internet brasileira.
Acaba de ser lançada há alguns minutos a versão XHTML + CSS do site iMasters.

Meus mais efusivos parabéns ao amigo Tiago Baeta e sua equipe, por essa decisão.
É motivo de grande alegria para nós, divulgadores das Web Standards, poder citar o iMasters como mais um exemplo de site aderindo aos padrões. É um exemplo de peso não só pela grandiosidade do iMasters mas, principalmente, pela audiência e público alvo do site que com certeza levará aos desenvolvedores brasileiros mais uma motivação para aderir aos padrões.

Entrevistei com exclusividade o jovem André Metzen do iMasters, responsável direto pela codificação. Vejamos o que ele tem a nos dizer:

André, por favor apresente-se aos leitores do meu Blog

Olá pessoal, meu nome é André Metzen, e é um prazer poder participar desta conversa. Sou de Vitória – ES, tenho 20 anos, faço Ciência da Computação na Universidade Federal do Espírito Santo. Sou fascinado por tecnologia em geral, mas me interesso mais pela área de internet, na qual trabalho desde 2001, mais especificamente com analise de sistemas de internet, programação em PHP, codificação XHTML, desenvolvimento de folhas de estilo, Javascript DOM, e continuo com a mesma fome de conhecimento da época em que comecei na área.

Qual é a sua função atual e há quanto tempo você trabalha no iMasters?

Estou no iMasters desde 2003. Hoje trabalho como Gerente de Tecnologia, em conjunto com uma excelente equipe para tornar o projeto do iMasters possível.

Na migração do site do iMasters para as Web Standards qual foi o maior desafio (se é que houve um só!), ou aquele que te demandou maior número de horas insone?

O maior desafio de converter o iMasters para os padrões foi o porte dele. Um portal com o volume de informações do iMasters necessita de um planejamento estrutural bem feito e bem pensado. É necessário um estudo muito mais profundo do que um site não-padrão. Algo que deu muito trabalho também foi converter as matérias antigas, onde ainda há muito por fazer, mas esperamos que no final todas as matérias sejam válidas no XHTML 1.1.

Atualmente qual o número aproximado de páginas do iMasters e quantos templates foram criados para contemplar todo o site?

É quase impossível contabilizar o número de páginas, considerando que cada matéria publicada possui um código HTML que também precisa ser válido. Desconsiderando as matérias, deve ser em torno de 150 a 200 páginas, e para isso foram usados aproximadamente 100 templates, todos eles válidos.

Você conseguiu reproduzir com CSS todos os posicionamentos e layout do site antigo? ou em algum lugar teve que apelar para tabela?

Não houve a necessidade de reproduzir com exatidão o site antigo, pois ele passou por um re-design, mesmo assim houve momentos que deu vontade de jogar tudo pro alto, mas a razão prevaleceu e no final não foi utilizada tabela sequer para compor a estrutura do site. A solução é sempre procurar o modo mais semântico de estruturar o XHTML, a partir disso é possível organizar o código e aplicar as CSS de forma a compor praticamente qualquer layout.

Alguns aspectos das Web Standards são polêmicos e não há um consenso sobre eles. Você se deparou com uma situação destas? Qual(is)?

Dúvidas sempre surgem durante qualquer desenvolvimento, e não foi diferente pelo fato de estar usando os padrões. Felizmente não tivemos muitos problemas quanto a esses assuntos polêmicos, mas houve vários casos em que ficávamos na dúvida da melhor representação da estrutura do documento e, para resolver esses contratempos, nada melhor do que estudar o problema e encontrar a forma mais semântica.

É sabido que a grande maioria dos CMS (Sistemas Genciadores de Conteúdo) têm se constituido em uma grande dor de cabeça para desevolvedores de sites standards, devido ao código “sujo” (não standard) que geram.
Que mecanismos o iMasters dispõe para tratar deste problema?

Todo o sistema que gerencia o conteúdo do iMasters é exclusivo e desenvolvido internamente por nós mesmos. A mudança no novo site não foi apenas visual, o site foi refeito a partir do zero, para atender a todas as crescentes necessidades do portal, resolver o problema de desempenho, e para que possamos deixá-lo totalmente ajustado a fim de trabalhar com os padrões. Dessa forma ao invés de ser um fator que atrapalha desenvolver seguindo as web standards, o sistema de gerenciamento passou a colaborar e facilitar este desenvolvimento.

Você considera a fase de implementação das Web Standards no site do iMasters plenamente concluida?

Infelizmente não, além de faltar a conversão de grande parte das matérias e de alguns sistemas modularizados para o padrão, a parte essencial e mais trabalhosa já foi convertida. E mesmo que terminássemos tudo, tenho certeza que ao final teríamos novos conhecimentos para refazer certos pontos que precisariam de melhorias. O desenvolvimento web é um contínuo aprendizado de novas técnicas e tecnologias, e é bem provável que ao final de todo o projeto iMasters (que não termina com o lançamento do site) já haja muita coisa a ser re-trabalhada.

Como foram tratadas as questões envolvendo a acessibilidade ao site?

Ainda não trabalhamos os aspectos mais avançados da acessibilidade, que serão implementados com análises e feedback dos nossos visitantes portadores de necessidades especiais, mesmo assim procuramos fazer o código mais semântico possível, trabalhar com fontes visíveis e evitando sempre imagens no lugar de texto.Quando foi indispensável o uso da imagem nós utilizamos image-replacement. Também evitamos ao máximo depender de javascript, sempre que possível utilizamos javascript não-obstrutivo.

Qual a expectativa de ganhos e vantagens para o iMasters com o lançamento da versão standard do site?

Não há duvidas de que as vantagens de utilizar os padrões superam o trabalhoso processo de desenvolvimento de um site deste porte. O ganho em desempenho, consumo de banda, e facilidade de atualização, tornarão o site muito mais ágil e consequentemente trarão mais visitas. Outro ponto que não podemos esquecer é o page rank nos buscadores. Uma página com um código mais limpo e semântico deve ter uma ajuda considerável no ranking do iMasters em buscadores como Google, Yahoo e MSN Search, e isso é fundamental para o aumento de visitas e crescimento do site.

A migração do site para as standards está concluida ou ainda há etapas a cumprir? Se sim, que etapas são estas?

Como eu disse, ainda existem alguns módulos independentes do sistema de gerenciamento de conteúdo do iMasters, que precisam ser convertidos, além de um número considerável de matérias. Com o desenvolvimento do projeto, queremos que o portal seja 100% válidado em XHTML 1.1. Apesar da dúvida de muitos quanto à possibilidade de um portal deste porte ser válido, estamos provando a eles que é possível, independente do volume de informações.

O espaço é seu para comentários ou para dizer algo que não foi perguntado.

Gostaria de lembrar que além de estar no padrão, o novo site traz dezenas de novos recursos, como feeds de seções ou autores específicos, feeds personalizados, interação com as matérias, busca avançada, recursos em AJAX que ajudam na navegação, uma melhor organização de canais e seções, enfim, uma série de vantagens que peço a vocês que dêem uma conferida. Também queria aproveitar para agradecer a várias pessoas que ajudaram a mim e à equipe de desenvolvimento a fazer este site virar realidade: Tiago Baeta, Diretor do iMasters, por ter me dado a oportunidade de mostrar meu trabalho; Rafael Ribeiro, meu companheiro de trabalho que teve paciência comigo nas horas de desespero; Diego Nunes, pela imensa colaboração no desenvolvimento do comportamento do site(javascript); e a você também, é claro, por me apoiar e ajudar quando surgiam os problemas mais sérios. Existem varias outras pessoas a quem sou muito grato, mas acho que não é possível de citar o nome de cada uma delas.

André, muito grato pela gentileza desta entrevista. Acompanhei ainda que a distância, o teu esforço, dedicação e principalmente o amor que você colocou neste trabalho. Considero este passo que vocês deram uma propaganda sem precedentes para as práticas standards, da qual sou divulgador e entusiasta. A maioria das críticas que virão, serão com certeza construtivas. Finalizando, desejo todo o sucesso na tua vida pessoal e profissional.
Obrigado pelo seu trabalho.

Sou eu quem agradeço. É uma honra para mim poder ter esta conversa com você. Com certeza virão muitas críticas, e estarei receptivo a todas elas. Nada melhor do que a opinião do público para sabermos que caminho tomar. Com o lançamento deste novo site, espero que os desenvolvedores abram os olhos e deixem o medo de usar os padrões de lado, e que possamos incentivar o máximo de pessoas possível a adotar (e adorar) este método de desenvolvimento que traz inúmeras vantagens. Um abraço a todos, e obrigado.