Webdesign Revista Batuta!

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)

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.

Entrevista com Susana Kruger (Revista Batuta!)

o que é: entrevista realizada com a educadora Susana Kruger, do Projeto Guri para a Revista Batuta!

quando: maio/2009.

Entrevista com Susana Kruger - 1/3 (clique para visualizar)

Entrevista com Susana Kruger - 2/3 (clique para visualizar)

Entrevista com Susana Kruger - 3/3 (clique para visualizar)

o que fiz: produção, direção, cinegrafia (operação de câmera), edição e finalização de vídeo e áudio.

Produção musical: Os Figurantes

o que é: Trabalho desenvolvido para a disciplina “Expressão Audiovisual 2”, sob coordenação da Profª. Lilian Solá Santiago. A proposta era desenvolver uma peça audiovisual, nosso grupo optou por compor uma canção e realizar seu clipe.

quando: novembro/2003.

Os Figurantes – Suspensão da descrença (clique p/ ouvir em mp3)

Os Figurantes - Suspenção da descrença no YouTube (clique p/ visualizar)

extras: A canção é uma metalinguagem, utilizando poeticamente vários jargões e termos técnicos da área do audiovisual, como mise en scène, close, contra-plongée, plano-sequência, entre outros. O trabalho foi praticamente todo coletivo: a música foi composta por mim, com modificações e arranjos de todo o grupo. A letra foi construída em brain-storming. A gravação da música foi realizada pelos integrantes do grupo, tanto a parte de produção e gravação como a parte instrumental. A concepção do vídeoclipe também foi coletiva, bem como a edição das imagens.

o que fiz: composição original; gravação de guitarra e baixo; backing vocal; gravação de instrumentos e vozes; edição sonora e mixagem; edição de vídeo.

com quem fiz: equipe composta por: Alberto G.P. Oliveira; Bruno Nagumo; Ciro Lubliner; Hiro Ishikawa; Ivan Nogueira; Marcos Piovesan; Plinio Moreira.

Produção musical: canção infantil

o que é: Trabalho desenvolvido para a disciplina “Produção Musical”, sob coordenação do Prof. Glauber Santiago. A proposta era desenvolver uma peça musical infantil composta, produzida e gravada pelo grupo.

quando: novembro/2006.

Brincando (clique para ouvir em mp3)

extras: A canção foi composta, produzida e gravada pelo trio responsável. Artistas convidados: Nanda N. (voz) e Edgar Armeliato (voz da mãe).

o que fiz: composição musical e de letra; gravação dos instrumentos e vozes; produção musical digital; edição sonora e mixagem.

com quem fiz: equipe composta por: Alberto G.P. Oliveira; Chicão Gaspar e Flora Reyes.

Vídeo: produção para EaD

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)

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)

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)

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

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)

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

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)

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

Galeria de imagens interativa

o que é: Trabalho desenvolvido durante um curso de Flash: animação e action script ministrado por Victor aos funcionários da Secretaria Geral de Informática da UFSCar, durante meu estágio lá entre 2004/2006.

quando: setembro/2005.

Galeria de imagens interativa (clique para visualizar)

extras: Nesse exemplo geramos uma interface de visualização e navegação de imagens. É possível dar zoom in e zoom out, navegar pela foto (pra cima, pra baixo e para os lados, por meio dos botões brancos nas extremidades da imagem) e trocar a imagem visualizada, cada qual com uma legenda que é carregada no quadro ao lado. Neste exemplo, o título e a descrição de cada imagem são carregadas por meio da action “load variable“, mas as variáveis estão contidas em um arquivo txt externo ao filme flash.

o que fiz: layout, máscaras, movie clipes, botões, programação ActionScript, caixas de texto dinâmico

Set variable

o que é: Trabalho desenvolvido durante um curso de Flash: animação e action script ministrado por Victor aos funcionários da Secretaria Geral de Informática da UFSCar, durante meu estágio lá entre 2004/2006.

quando: setembro/2005.

Set variable (clique para visualizar)

extras: Nesse exemplo, onde simulamos um mini-jornal online, cada botão carrega uma notícia diferente.
Esse recurso é possível configurando os botões para carregarem variáveis por meio de ActionScript.
As variáveis contidas nesse exemplo estão presentes dentro do próprio filme flash, configuradas na própria action do botão em questão, diferente do exemplo onde as variáveis estão em um arquivo txt exterior ao filme flash.

o que fiz: layout, programação em ActionScript, publicação