Iraê Brasil

Portfolio

Nesta página você pode encontrar alguns dos meus trabalhos em ordem cronológica. Além dos links e algumas imagens dos sites, incluí uma breve explicação das minhas funções, dos desafios enfrentados e das principais conquistas que tive em cada projeto.

Alguns projetos já não estão mais online. Dentre eles para alguns foi possível que eu restaurasse uma cópia somente para enriquecer meu portfolio, sendo assim possível visitá-los. Nesses casos, algumas funções (como envio de e-mails, por exemplo) foram desabilitadas.

2008

Integração da API JavaScript do UOL Mais com estações de conteúdo UOL

Função:

Programação de front-end (Webstandards, Ajax, jQuery), integração com o Publicador UOL.

Link:

Vídeos de UOL Olimpíadas - http://olimpiadas.uol.com.br/2008/videos/
A integração está em vários sites, e pode ser vista também em:
UOL Carros - http://carros.uol.com.br/ultnot/multi/,
UOL Economia, UOL Estilo, dentre outros.

Desafios:

A API JavaScript estava em beta e sem documentação; Aplicação em dominio diferente; JSONP como API demandou muito JavaScript para montar HTML; API em UTF-8 usada em estações ISO-8859-1.

Conquistas:

Resultado modular capaz de ser rapidamente integrado a novas estações; Library unificada para todas as estações; Liderança na padronização de procedimentos internos.

2007

Iniciativa Verde

Função:

SEO, desenvolvimento (Apache, PHP, Webstandards, Microformats, Ajax, jQuery)

Link:

http://www.thegreeninitiative.com/pt/

Desafios:

Layout, mockup e aprovação com cliente foram feitos por outra equipe, sem considerar o desenvolvimento; navegação 100% em Ajax, SEO e permalinks dependeram de uma mistura de apache, php e javascript; todo o site contém transições animadas em HTML; integração com CMS seria feita por terceiros.

Conquistas:

Colunagem de texto com imagens via DOM Scripting e jQuery. SEO e acessibilidade foram extremamente difíceis de alcançar. Diversas interações não estavam planejadas e apesar de desenvolvidas direto na codificação tiveram bons resultados.

1º Campeonato Brasileiro de Bexiguinhas - Sucrilhos® Kelloggs®

Função:

Planejamento, SEO, Programação de front-end (Flash ActionScript 2.0, Webstandards, Ajax, jQuery)

Link:

Desafios:

Prazo curto, nova equipe com pouca integração, menus renderizados em 3D com funcionalidade Action Script, cadastro em 5 passos com interação via jQuery e validação passo a passo pela aplicação, alinhamento e layout exigentes.

Conquistas:

Entrega no prazo, bom feedback do cliente e do público, estética impecável.

TodaOferta

Função:

Programação de front-end (Velocity, SEO, Webstandards, Ajax, jQuery); Foco na pagina de produto e no perfil do usuário; Ajax com autenticação + iframe.

Link:

http://todaoferta.uol.com.br/

Desafios:

Ajax com autenticação em subdomínio diferente e em ambiente complexo de servidores. A página de produto tinha aproximadamente 40 páginas de wireframe devido a quantidade de interações resultando programações complexas em Velocity. Desenvolvimento em equipe de aproximadamente 8 programadores de aplicação e 6 programadores de interface dificultava a divisão de tarefas e padronização de código.

Conquistas:

A interação de Ajax com autenticação em subdomínio diferente foi um sucesso de usabilidade e hoje é implementado em vários produtos do UOL. Ao resolver problemas de SEO e interação surgiram problemas de segurança que participei ativamente da solução. Sucesso na integração de SEO, Ajax e diversos subdomínios.

2007 e 2006

UOL Vídeos

Função:

Desenvolvimento de front-end (Webstandards, Ajax, jQuery), desenvolvimento do player de vídeo (Falsh Action Script 2.0).

Link:

UOL Vídeos não está mais disponível e foi substituído pelo UOL Mais

Desafios:

Desenvolver de forma escalável, prevendo futura integração com UOL Mais, que já estava em fase de planejamento. Integração com o back-end de UOL K para rede de amigos.

Conquistas:

Grande parte do código foi realmente aproveitado para desenvolvimento do UOL Mais. Apesar de reorganizados, o código e fluxos são praticamente os mesmos, somente aperfeiçoados e adaptados à nova interface.

2006

UOL Afiliados

Função:

Especificação de Interface (que documenta como a aplicação deve gerar templates para o front-end); participação na arquitetura de informação; revisão de interações em Ajax; programação de front-end (Velocity, Webstandards, Ajax, jQuery)

Link:

http://afiliados.uol.com.br/

Desafios:

Aplicação seria desenvolvida por terceiros; Projeto pioneiro com jQuery no UOL; Primeira aplicação com especificação de interface como documento obrigatório; Diversas interações com formulários e Ajax.

Conquistas:

Aperfeiçoamento no formato de Especificação de Interface reduziu atritos com o terceiro e facilitou integração final do ambiente. jQuery provou-se uma lib muito produtiva e foi adotada como padrão da equipe. Interações ficaram simples e agradáveis. Produto ficou altamente escalável, tendo suas próximas atualizações feitas de forma ágil e eficaz.

BSC para intranet Petrobrás

Função:

Freelancer para desenvolvimento de interface (XHTML e CSS)

Link:

Site fechado. Somente acessível da intranet.

Desafios:

Fui chamado com o projeto já em andamento. O aplicativo seria integrado ao sistema sem que eu tivesse acesso. O posicionamento de diversos blocos e organograma seria editado por um CMS desenvolvido por outras pessoas.

Conquistas:

Foi possível criar um CSS que seria gerado pela aplicação junto ao HTML e o código foi todo comentado para que a equipe de aplicação pudesse integrar com eficiência o novo front-end.

2006 e 2005

UOL K e UOL XXX

Função:

Desenvolvimento de front-end (Webstandards, Ajax), participação na revisão de wireframes e na arquitetura de informação.

Contexto:

Internamente o UOL K e o UOL XXX são a mesma aplicação. O UOL K é núcleo da rede social do UOL e todo o projeto foi idealizado e desenvolvido prevendo o seu crescimento e integração com outros produtos.

Links:

Home UOL K: http://uolk.uol.com.br/
Home UOL XXX: http://uolxxx.uol.com.br/
Exemplo de comunidade: http://jamiroquai.comunidade.uolk.com.br/

Desafios:

Primeiro projeto com Ajax dentro do UOL. Layout líquido com alta complexidade de alinhamento. Primeiro projeto do UOL inteiramente com Velocity. Primeiro projeto com UTF-8 no UOL.

Conquistas:

A aplicação foi desenvolvida em paralelo com a interface, o que possibilitou muitas experiências e sucessos (principalmente Ajax, acessibilidade e usabilidade), que foram conquistas da equipe que eu integrava. Além do pioneirismo em Ajax a aplicação também possui muitos subdomínios e exigiu grande integração entre as equipes de sysadmins, de aplicação e de interface.