Webdesign Revista Batuta!

setembro 21, 2009

o que é: Portal eletrônico da revista Batuta: Espaços e Contextos da Educação Musical, revista científica com artigos sobre essa temática. No site, além dos artigos, há também entrevistas em vídeo e outros materiais úteis na formação de um educador musical.

quando: junho/2009.

Portal Revista Batuta! (clique para visualizar)

Portal Revista Batuta! (clique para visualizar)

o que fiz: concepção conceitual e visual; pesquisa e tratamento de imagens; design do banner; criação do background (imagem de fundo); organização e estruturação da informação no portal; webdesign (utilizando o CMS Webnode); customização do site em CSS.


Canal no YouTube

setembro 21, 2009

o que é: canal no YouTube, contendo alguns vídeos realizados por mim ao longo de minha carreira acadêmica e profissional.

quando: dezembro/2008 (com atualizações esporádicas).

Canal no YouTube (clique para visualizar)

Canal no YouTube (clique para visualizar)

extras: visite o canal e visualize meus vídeos. Destaques: “Os Figurantes – Suspensão da descrença“; “JackIeS vinheta [IeS/03]” e “Olhar possível [Imagem e Som/04]

o que fiz: design do background (imagem de fundo); customização de cores; compressão e upload dos vídeos; participação em todos os vídeos do canal, atuando como diretor, músico, editor de vídeo e áudio e ator.


Background para sites multimídia

setembro 21, 2009

o que é: imagem de fundo (background) para meus sites de redes sociais multimídia, como meu canal no YouTube e meu Twitter.

quando: novembro/2008.

background: television (clique para visualizar)

Background: Television (clique para visualizar)

o que fiz: criação do conceito; concepção visual; pesquisa e tratamento de imagens; diagramação


Blog filosofia do dia-a-dia

setembro 21, 2009

o que é: meu blog pessoal.

quando: de maio/2007 até hoje.

blog filosofia do dia-a-dia (clique para visualizar)

blog filosofia do dia-a-dia (clique para visualizar)

o que fiz: além da criação dos textos, inseri diversos widgets por meio de edição do código CSS do blog, como: 1. compartilhar posts com “addthis“; 2. visualização de posts relacionados quando visualiza-se cada post individualmente; 3. personalização do ícone do blog na barra de endereços, entre outros.


Website: Up Hair & Make-up

novembro 30, 2008

o que é: website comercial

cliente: Up Hair & Make-up, salão cabeleireiro e estético localizado em São Carlos-SP

quando: outubro a dezembro/2008.

Website Up Hair & Make-up (clique para visualizar)

Website Up Hair & Make-up (clique para visualizar)

o que fiz: elaboração de provas demonstrativas para aprovação do cliente, elaboração do layout gráfico baseado em arte gráfica já existente, programação em ActionScript, terceirizei fotos e gerenciei equipe, elaborei textos e serviço de assessoria de comunicação em parceria com Karina Petroni, administração de e-mails e hospedagem


Website: TerraHidro

novembro 30, 2008

o que é: website comercial

cliente: TerraHidro, empresa geo-ambiental localizada em Rio Claro-SP

quando: outubro/2006.

Website TerraHidro (clique para visualizar)

Website TerraHidro (clique para visualizar)

o que fiz: elaboração de provas demonstrativas para aprovação do cliente, elaboração do layout gráfico, programação em ActionScript, publicação, upload para o servidor


Vídeo: produção para EaD

novembro 30, 2008

o que é: mini-aplicativo (hotsite) didático sobre vídeo digital voltado para professores da UFSCar interessados a trabalhar com educação a distância

onde: trabalho realizado quando estagiei no DeACED/UFSCar (Departamento de Apoio Computacional ao Ensino a Distância)

quando: abril/2006.

Vídeo: produção para EaD (clique para visualizar)

Vídeo: produção para EaD (clique para visualizar)

extras: hotsite contendo explicações teóricas e práticas voltadas a iniciação do trabalho com vídeo digital para educação a distância

o que fiz: elaboração pedagógica, elaboração dos textos, criação do layout gráfico, programação em ActionScript, publicação


Tutorial: FFMpeg (software para Linux)

novembro 30, 2008

o que é: tutorial desenvolvido para um mini-curso de vídeo digital voltado para professores da UFSCar interessados a trabalhar com educação a distância

onde: trabalho realizado quando estagiei no DeACED/UFSCar (Departamento de Apoio Computacional ao Ensino a Distância)

quando: outubro/2006.

Tutorial FFmpeg (clique para visualizar)

Tutorial FFmpeg (clique para visualizar)

extras: desenvolvido utilizando o software “ViewletBuilder”

o que fiz: elaboração pedagógica, captura de telas, configuração da animação, layout da capa, publicação


Tutorial: compressão de arquivos de vídeo

novembro 30, 2008

o que é: tutorial desenvolvido para um mini-curso de vídeo digital voltado para professores da UFSCar interessados a trabalhar com educação a distância

onde: trabalho realizado quando estagiei no DeACED/UFSCar (Departamento de Apoio Computacional ao Ensino a Distância)

quando: outubro/2006.

Tutorial: compressão de vídeos (clique para visualizar)

Tutorial: compressão de vídeos (clique para visualizar)

extras: desenvolvido utilizando o software “ViewletBuilder”

o que fiz: elaboração pedagógica, captura de telas, configuração da animação, layout da capa, publicação


Tutorial: captura de vídeo analógico

novembro 30, 2008

o que é: tutorial desenvolvido para um mini-curso de vídeo digital voltado para professores da UFSCar interessados a trabalhar com educação a distância

onde: trabalho realizado quando estagiei no DeACED/UFSCar (Departamento de Apoio Computacional ao Ensino a Distância)

quando: outubro/2006.

Tutorial: captura de vídeo analógico (clique para visualizar)

Tutorial: captura de vídeo analógico (clique para visualizar)

extras: desenvolvido utilizando o software “ViewletBuilder”

o que fiz: elaboração pedagógica, captura de telas, configuração da animação, layout da capa, publicação