Departamento de Artes e Design

A EXPERIÊNCIA PIONEIRA DO LABORATÓRIO/NÚCLEO DE ARTE

ELETRÔNICA

Aluno: Eric Emanuel de Araujo Oliveira

Orientador: Rejane Spitz

Introdução

Decorridos 20 anos desde a criação do Laboratório/Núcleo de Arte Eletrônica

(LAE/NAE) no Departamento de Artes & Design da PUC-Rio, esta pesquisa pretende

documentar e organizar as experiências acadêmicas pioneiras desenvolvidas nesse

Laboratório, registrar o caráter inovador de sua metodologia [1], de seus projetos e pesquisas,

bem como analisar sua fundamental contribuição ao campo do Design, consolidando a

formação de novos profissionais, capacitados a atuar em pesquisa e desenvolvimento de

produtos, serviços e sistemas de natureza digital [2].

Objetivos

Desenvolver um website que registre a história do LAE/NAE, apresentando, de

maneira eficiente, o caráter inovador de sua metodologia, sua contribuição ao campo do

Design, as pessoas que fizeram e fazem parte de sua equipe, os projetos desenvolvidos e em

desenvolvimento, e as publicações decorrentes desses e de outros trabalhos dos atuais e

antigos integrantes de sua equipe.

Metodologia

Como o objetivo deste projeto é documentar e organizar as experiências acadêmicas

pioneiras desenvolvidas nesse Laboratório ao longo de seus mais de 20 anos de existência,

utilizamos o conceito de linha do tempo como base para o desenvolvimento do website.

O processo se iniciou por uma busca de websites existentes que utilizassem linhas do

tempo com a qualidade e eficiência que desejávamos para nosso site. Dentre os muitos

websites analisados, destacamos o site Gaikai.com, que foi utilizado como referência

principal em nossa pesquisa.

Fig. 1 – Layout do site Gaikai.com

Departamento de Artes e Design

Desenvolvemos, então, uma linha do tempo visando atender os requisitos do projeto:

utilizando-a, o usuário poderá consultar desde os trabalhos, publicações e equipes mais

recentes até os mais antigos, e contemplar os caminhos que o LAE/NAE percorreu ao longo

de sua existência.

Fig. 2 – Layout com a linha do tempo

Foi necessário registrar e catalogar todos os trabalhos feitos pelo LAE/NAE até a

presente data, e criar um layout que apresentasse esse conteúdo de maneira eficiente. O

processo se deu pela digitalização e fotografia de imagens e textos e, em paralelo, o

desenvolvimento de uma arquitetura de informação que permitisse a busca de informações.

Fig. 3 – Material digitalizado, mostrando a elaboração de um dos trabalhos do LAE/NAE

Departamento de Artes e Design

Fig. 4 – Fotografia de livro apresentando um dos trabalhos desenvolvidos pelo NAE

A quantidade de elementos contidos no LAE/NAE ao longo desses anos é muito grande,

de forma que decidimos dividi-la em três categorias: “pessoas”, onde todos aqueles que já

participaram de projetos feitos pelo LAE/NAE terão apresentados seu nome, foto, projetos em

que participaram, publicações que escreveram, e seus links para outros sites; “projetos”, onde

todos os trabalhos desenvolvidos ou em desenvolvimento serão apresentados em detalhes,

contendo título, ano, cliente, parceiros, gênero, formato, locais de apresentação, fotos e sua

descrição; e “publicações”, pois já que praticamente todos os projetos desenvolvidos pelo

LAE/NAE se tornaram artigos acadêmicos, e vários de seus integrantes fizeram pesquisas e

publicações, todas essas publicações também estarão disponíveis no website.

Fig. 5 – Detalhe do uso das três categorias no layout do website

Departamento de Artes e Design

Fig. 6 – Layout da opção “pessoas”

Fig. 7 – Layout da opção “publicações”

Departamento de Artes e Design

Fig. 8 – Layout da opção “projetos”

Apesar da divisão em três partes da interface do site facilitar o acesso às informações

desejadas, isto ainda não era eficiente. Seria impossível para um usuário, por exemplo,

descobrir rapidamente em quais projetos dois integrantes do Núcleo participaram ao mesmo

tempo, apesar do website possuir essas informações.

Por isso, o último elemento adicionado à interface foi o painel de pesquisa, onde será

possível digitar palavras chaves que retornarão repostas dividas pelo mesmo trinômio -

pessoas, projetos e publicações – que são informações cruzadas sobre as palavras digitadas.

Sendo assim, se o usuário digitar no campo de pesquisa as palavras “Axel Sande” e

“fogão”, receberá no campo “pessoas” o link para a descrição da pessoa Axel Sande; em

“projetos” surgirá um link para o projeto “Fogão Solar” no qual participou; em publicações

surgirão links para publicações sobre esse projeto e outras que sejam de autoria dele.

Departamento de Artes e Design

Fig. 9 – Visão geral do website com o uso da ferramenta de busca

Fig. 10 – Detalhe do uso da ferramenta de busca

Desde a popularização de dispositivos móveis como smartphones e tablets, o método de

desenvolvimentos de websites começou a mudar para que eles se adaptassem a esses novos

suportes. O projeto do LAE/NAE não poderia ser diferente: por isso todo ele está sendo

pensado e estruturado para funcionar em HTML 5 e CSS 3 utilizando o CMS Drupal, que

Departamento de Artes e Design

facilita grande parte da criação da estrutura e da organização do banco de dados do website,

sem deixar de oferecer ferramentas de criação e personalização capazes de atender às nossas

necessidades, além de contar com uma comunidade ativa e crescente e com grande quantidade

de documentação, tanto em inglês como em português.

Conclusões

Ao apresentarmos o conteúdo dos últimos 20 anos do LAE/NAE através de um website,

estamos contando a história de diversos professores e estudantes que deixaram ali a sua marca

e que hoje atuam em diferentes setores profissionais relacionados à Arte Eletrônica e Mídia

Digital, e também a história daqueles que participam do LAE/NAE hoje. Registrar a trajetória

de um grupo tão pioneiro como o do LAE/NAE significa também registrar parte da história do

Design de Mídia Digital no Brasil.

Ao utilizarmos a ferramenta Drupal, conseguimos nos desprender da necessidade de um

programador dedicado na equipe, o que viabilizou o início da pré-produção do site, e vem

permitindo o aumento de nosso aprendizado com o projeto.

O modelo de navegação baseado em três categorias, unido à lógica de uma linha do

tempo capaz de organizar grande quantidade de informações, poderá ser acessado e

reproduzido por designers do mundo inteiro, sendo uma referência útil para todos aqueles que

desejarem criar websites com objetivos semelhantes.

Referências

1 - SPITZ, Rejane. Computers in Arts and Design Education: Impregnating the Digital

World with Texture, Dust, and Noise. Computer Graphics, ACM SIGGRAPH, August

1995, pp.16-18.

2 - SPITZ, Rejane. Teaching Computer Graphics in Brazil: Social Commitment,

Creativity and Passion - Against All Odds! In: SIGGRAPH’2000 Conference Abstracts and

Applications, Computer Graphics Annual Conference Series, ACM SIGGRAPH, 2000. New

York: ACM SIGGRAPH, 2000. v.1, p.63 - 65