Iraê

+55 (11) 9449-1374 <irae@irae.pro.br>


Portifólio

O que é um portifólio de um programador? Certamente nada demonstra melhor a minha experiência do que uma leitura cuidadosa dos produtos que codifiquei nos últimos anos. Mas só isso pode ser insuficiente para alguns e técnico demais para outros. Por isso escolhi alguns projetos para dar algum destaque às premissas, responsabilidades, desafios e conquistas.

Como todo profissional com muitos anos de carreira, além da minha especialidade, acumulei bastante conhecimento de áreas relacionadas ao meu trabalho diário. Em vários dos projetos abaixo eu participei ou ajudei com definições de requisitos, arquitetura de informação, user experience e arquitetura de software.

Em todo caso, se você quiser informações adicionais sobre algum dos trabalhos, acesso ao código fonte ou simplesmente bater um papo sobre minha trajetória, é só entrar em contato.

2008

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

Responsabilidades:
Programação de front-end (Javascript + jQuery, Webstandards, Ajax/JSON); Planejamento e arquitetura da integração do CMS de vídeos com o CMS de notícias. Requisitos comunicação e validação junto à equipe da API server-side.
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.
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.

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.