Novo portal Rádio Banda B

UPDATE 12/03/2010: eu não trabalho com a equipe da rádio, apenas trabalhei no desenvolvimento do portal. Para falar com a equipe, acesse o portal.

UPDATE 14/07/2010: É engraçado que mesmo depois de colocar o aviso acima continuo recebendo pedidos dos mais variados em relação à rádio. Pessoas elogiando os programas, procurando casa para alugar, comprar, entre outros.

UPDATE 30/08/2010: Desisti! Comentários fechados.

Está no ar mais um portal em que eu tive o prazer de trabalhar aqui na Orangotoe: Rádio Banda B. A rádio é líder no seguimento AM em Curitiba e Região Metropolitana, seu conteúdo é voltado para a informação e entretenimento da comunidade, contendo trechos de programas da rádionotíciasblogs, agenda de programação e vários outros recursos.

O mais interessante deste projeto foi o modo em que foi desenvolvido, usando uma mistura de Scrum com XP. Foi aplicada uma série de boas práticas como desenvolvimento orientado a testes, programação em par e aplicações reutilizáveis. Vários módulos e aplicações de código aberto foram utilizados e outros criados internamente que poderão ser reaproveitados em novos projetos. Tudo isso contribuiu para que o processo fosse mais fluido e rápido.

Um destaque para a aplicação de calendário que suportou o agendamento e recorrência da programação da rádio. Um agradecimento especial ao Gustavo Niemeyer pelo módulo python-dateutil com as classes rrule e rruleset que foram fundamentais para o funcionamento desta aplicação.

Para saber mais basta visitar o portal! Estarei aqui para responder qualquer pergunta ou comentário, qualquer opinião é bem vinda!

Para ter um registro histórico, aqui vai um screenshot da home:

Screenshot da home do portal Rádio Banda B AM 550

Olimpíadas Pequim 2008

Ano de olimpíadas e o Paraná Online está fazendo um acompanhamento especial das competições na China.

Assim como no portal original, o website das olmipíadas utiliza Python e Django para o gerenciamento de conteúdo.

Fui responsável pelo desenvolvimento do projeto com mais um desenvolvedor e a estruturação da interface (HTML / CSS / Flash) foi quase completamente conduzida pela equipe de criação.

Foi muito interessante esta separação, a equipe de desenvolvimento pôde se concentrar mais na lógica da aplicação, questões de infra-estrutura e coordenação, enquanto o pessoal de criação pôde ficar mais responsável pela qualidade gráfica.

Isto nos deu bastante agilidade, pretendemos repetir este modelo em novas oportunidades.

Outro ponto extremamente interessante neste projeto foi a sua reutilização, um sistema, uma fonte de conteúdo e 3 aplicações gráficas.

O conteúdo é alimentado pelo portal Paraná Online e veiculado em 3 hotsites:

Foi muito interessante explorar a flexibilidade do Django para reaproveitar o que era comum e separar o que era específico.

Screenshots:

Paraná Online

Agora trabalhando na OrangoToe, um dos nossos principais projetos é o novo portal Paraná Online do Grupo Paulo Pimentel, um projeto que já nasceu grande e ainda tem muito a crescer. Hoje foi o seu lançamento.

O antigo sistema de gerenciamento de conteúdo, desenvolvido em PHP, foi substituído por outro completamente novo, agora utilizando Python e Django.

Fui responsável pela estruturação básica em HTML / CSS e dividi a programação com outro desenvolvedor.

Fizemos um bom uso de jQuery para implementar algumas ferramentas mais interativas com Ajax, validações e componentes de interface.

Devido ao grande tráfego de usuários, foi necessária uma grande preocupação com a performance dos servidores.

Algumas páginas de acesso mais crítico são armazenadas em memória através do memcached, existe um pool das conexões ao banco de dados e um balanceamento para separar chamadas de arquivos estáticos das páginas dinâmicas.

Tenho orgulho de ter participado deste projeto, o resultado me agradou muito e tenho certeza de que muito está por vir ainda.

Screenshot:

Link: http://www.parana-online.com.br/

Dia da Árvore – Aracruz

Mais um projeto para a Aracruz Celulose desenvolvido na Visionnaire em parceria com a AddComm.

Diferente dos outros projetos para a Aracruz, pode-se dizer que este foi um dos maiores, não em complexidade mas sim no nível de exposição. Enquanto a maioria das campanhas eram voltadas para a comunidade da unidade de Guaíba (RS), esta campanha representou toda a empresa.

O hotsite foi publicado como uma landing page do portal da Aracruz, qualquer um que tentasse acessar a home do site, veria antes o hotsite, uma grande visibilidade.

Os usuários puderam se cadastrar e enviar uma frase para concorrer a uma muda de árvore nativa de sua escolha. Após a escolha das melhores frases, foi disponibilizada a lista dos vencedores no site. Era possível também, indicar o site para um amigo.

A minha participação no projeto foi toda a estruturação das páginas em HTML e a programação da interface utilizando Flash / ActionScript e Javascript.

Desenvolvi o cadastro e o formulário de indicação utilizando jQuery para chamadas em Ajax, para a validação e para o sistema de navegação com abas.

Fui responsável também pela floresta virtual que se comunicava com o servidor para obter a lista de cadastrados e posicionar cada usuário como uma árvore na floresta.

A busca foi feita dentro do próprio Flash, sem comunicação com o servidor, com base nos dados pré-carregados.

Screenshots:

Link do projeto: http://www.aracruz.com.br/diadaarvore2007/

Homenagem ao Dia da Árvore

Mais uma da série de campanhas desenvolvidas para a Aracruz Celulose.

Trabalhar com a AddComm sempre foi algo muito interessante, seus briefings e projetos são muito bem estruturados e os layouts sempre bastante rebuscados e criativos.

Neste projeto fui responsável por toda a parte de estruturação da interface.

Fiz a construção HTML e CSS das páginas e a programação em Javascript para validação de formulários e navegação da galeria de imagens.

Desenvolvi também um player de vídeos que carrega do servidor, uma playlist em XML com thumbnails e vídeos em formato FLV.

Screenshots:

Link do projeto: http://www.aracruz.com.br/comunidade/diadaarvore

Universidades São Francisco

Um dos grandes produtos da Visionnaire é uma ferramenta de gerenciamento de conteúdo voltada para grandes portais, o WebPublication ou WebP.

Esta ferramenta faz um grande uso de XSL para a geração das páginas HTML.

Tive a oportunidade de trabalhar com o WebP no portal das Universidades São Francisco.

Pude aprender bastante sobre XSL, é uma linguagem muito interessante, bastante modular, permite uma grande flexibilidade do código HTML sem comprometer a lógica de gerenciamento do conteúdo ou expor riscos de segurança.

Após um bom tempo estruturando os templates XSL do portal, fui responsável pelo treinamento da equipe que ficaria responsável pela manutenção da ferramenta. Passei os principais conceitos do XSL e ensinei um pouco sobre HTML, CSS e Javascript.

Cubra o Mundo de Verde

Mais um projeto desenvolvido dentro da Visionnaire, para a Aracruz Celulose, em parceria com a AddComm.

Em uma campanha de reflorestamento e de divulgação do ambientalismo gaúcho, a Aracruz distribuiu cerca de 70 mil mudas de árvores nativas no Shopping Iguatemi de Porto Alegre (RS).

Os participantes foram cadastrados em um quiosque no shopping e foram representados por uma árvore na floresta virtual do hotsite.

Fui responsável pela implementação da floresta virtual, carregando a lista do cadastrados através de um XML dinâmico no servidor.

A navegação da floresta é automática, o movimento e a velocidade variamd de acordo com a posição do cursor.

Ao se fazer uma busca, não há interação com o servidor, a pesquisa é feita inteiramente dentro do Flash. Existem destaques visuais para realçar as ocorrências da pesquisa e setas indicativas para ocorrências fora da área visível da floresta.

Screenshots:

Para conferir o projeto: http://www.aracruz.com.br/comunidade/florestavirtual/