Hotsite Interativo Cen

Interativocen é um HotSite para ser utilizado na cobertura do evento CEN (Congresso Eucarístico Nacional) 2010/XVI.

Hotsite CEN 2010

É um agregador de conteúdo que busca por CEN2010 no flickr, youtube, webtcn, podcast cn e twitter, permitindo que os internautas acompanhem tudo que acontece no evento e colaborarem com a cobertura online, basta adicionar a tag cen2010, mais informações no site do interativocen.

Foi produzido pela TI da Canção nova (FJPII) e participaram deste projeto: Marco Moura(programação), Marcos Paiva (webdesign), equipe do cpd, João Mariano (marketing), Ivanilson Thurler (gerente desenvolvimento) e André Bittencourt (gerente desenvolvimento).

O layout e a conversão HTML/CSS foi feito por Marcos Paiva.

Trecho de código HAML e Ruby on Rails do interativocen

A programação foi feita por Marco Moura, que fez a app em Ruby On Rails,a conversão do html para o template HAML , a programação JavaScript com Prototype/Script.aculo.us,  e os ajustes do fork do Mashup.cancaonova para funcionar como backend para consulta das API youtube, flickr, twitter.

trecho de código limpo em ruby on rails

Neste projeto foi feito um experimento utilizando conceitos de Código limpo de Uncle Bob (Clean Code), apesar de ser uma aplicação simples e essa ter sido a primeira vez que o conceito foi utilizado, foi possível observamos os benefícios que um código organizado, descritivo e objetivo proporcionam, se quiser conferir o código está disponível no github .

O site é uma colaboração da Canção Nova ao evento e será doado aos organizadores, e torcemos que este projeto seja útil a todos aqueles que de alguma maneira irão participar do evento.

É isso ai , até a próxima 😉

Marco Moura

texto originalmente criado para o blog.cancaonova.com/desenvolvimentoti

Anúncios

5 Respostas para “Hotsite Interativo Cen

  1. AEEEEEE!!! Parabens marco!! e parabens pelo codigo limpo!! tenho muito pra aprender com vc mestre!!

  2. muito obrigado Luciana

    vc é super .. 🙂

Deixe um comentário

Preencha os seus dados abaixo ou clique em um ícone para log in:

Logotipo do WordPress.com

Você está comentando utilizando sua conta WordPress.com. Sair / Alterar )

Imagem do Twitter

Você está comentando utilizando sua conta Twitter. Sair / Alterar )

Foto do Facebook

Você está comentando utilizando sua conta Facebook. Sair / Alterar )

Foto do Google+

Você está comentando utilizando sua conta Google+. Sair / Alterar )

Conectando a %s