A EXPERIÊNCIA PIONEIRA DO LABORATÓRIO/NÚCLEO DE ARTE ELETRÔNICA: 20 ANOS DE CURIOSIDADE E INOVAÇÃO EM DESIGN DE MIDIA DIGITAL Aluno: Pedro Barroso Vieira 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 Dando prosseguimento aos trabalhos realizados no último ano, esta pesquisa continuou com o registro e catalogação de todos os projetos e pesquisas realizados pelo Laboratório/Núcleo de Arte Eletrônica (LAE/NAE) no Departamento de Artes & Design da PUC-Rio desde a sua fundação. No caso de publicações, o registro seguiu o padrão de duas imagens para a capa da publicação, além de outras imagens que demonstrassem o conteúdo relacionado ao LAE/NAE. No caso de projetos, foram catalogados desenhos, rascunhos e imagens com o objetivo de demonstrar o processo de desenvolvimento de cada um desses trabalhos. O processo de digitalização foi realizado por meio de um scanner, fornecendo maior precisão e qualidade final, mas a fotografia também foi utilizada nos casos em que o formato desses objetos não permitia a utilização de outro processo. Já no caso de imagens avulsas, como desenhos e fotos produzidos durante o desenvolvimento dos trabalhos, foi feita a digitalização por scanner. A catalogação desse material aconteceu de maneira totalmente digital, utilizando-se a ferramenta Dropbox para compartilhamento de arquivos. Em paralelo, prosseguiu-se também com o desenvolvimento de uma arquitetura de informação que permitisse o armazenamento e acesso a essas informações de maneira eficiente, ou seja, um website que disponibilizasse ao público todo o legado e história do LAE/NAE de uma maneira simples e fácil.
Fig. 1 Exemplo de layout do website apresentando o uso da ferramenta de busca Fig. 2 Exemplo de layout do website apresentando a busca pela categoria pessoas
No início desse segundo ano de projeto, contamos com a colaboração de Clorisval Pereira Jr., designer especializado em assuntos relacionados à área de web design, e atualmente cursando o Doutorado em Design na PUC-Rio, sob orientação da Profa. Rejane Spitz. Analisando o layout produzido até então e utilizando sua experiência na área, Clorisval Jr. sugeriu que a interface do site fosse readaptada para que fosse possível desenvolvê-la sem a necessidade de um programador, utilizando-se as vantagens e facilidades das tecnologias HTML5 e CSS3. Sendo assim, repensamos a maneira como o site se estruturaria, e também como seria a apresentação desse material para o público. O primeiro passo para essa remodelagem foi o estudo do Sistema de Gerenciamento de Conteúdo (do inglês Content Management System CMS) Drupal, ferramenta muito utilizada para a criação de websites de maneira mais simples do que lidando diretamente com seus códigos fontes, sem abrir mão das tecnologias HTML5 e CSS3. Como todos os principais CMS, como Joomla e Wordpress, a grande vantagem de se utilizar essas ferramentas está em suas comunidades de usuários extremamente ativas e crescentes, sempre dispostas a ajudar outros membros, seja em inglês ou português. O Drupal se destaca ainda por permitir uma gama maior de adaptações na estrutura do website do que seus concorrentes, o que também o torna relativamente mais difícil de ser utilizado. A partir de abril, um novo layout do site do Laboratório de Arte Eletrônica começou então a ser desenvolvido. Utilizando-se o programa Photoshop, diversos layouts para a página foram desenvolvidos, chegando-se a alguns formatos eficientes que foram apresentados e avaliados pela equipe. Fig. 3 Exemplo de estudo de layout do novo website
Fig. 4 Exemplos de estudos de layout do novo website
Fig. 5 Exemplo de layout definido para o novo website Simultaneamente, foi desenvolvido um novo logotipo que poderia ser usado para representar o Laboratório. A nova logo foi desenvolvida para transmitir a originalidade e espírito inovador que o Laboratório possui. Após diversos estudos realizados com formas geométricas, vetores e noções de tridimensionalidade, chegamos a uma forma final clara e legível, e que melhor representa o Laboratório de Arte Eletrônica. Fig. 6 Exemplos de layouts da nova logo
Uma vez que a forma ideal da disposição da pagina foi desenvolvida, passamos para a parte da programação. Pesquisamos tipos de códigos que poderiam servir de base para nosso projeto, decidindo usar a plataforma WordPress para desenvolver o trabalho. Assim, a partir de um layout básico padrão do site, começamos a modificá-lo de acordo com as ideias desenvolvidas na etapa de criação. Fig. 7 Exemplos de estudos de layouts de paginas desenvolvidas para o website Na confecção do site, utilizamos a ferramenta Bootstrap. Ela nos permitiu confeccionar páginas com um design responsivo, permitindo a adaptação do layout do site para monitores, tablets e smartphones. Dessa forma, o usuário poderá acessar o site utilizando qualquer um desses meios sem que haja perda de qualquer conteúdo oferecido em cada página. Fig. 8 Exemplos da adaptação do layout do site para monitores, tablets e smartphones
Presentemente, estamos desenvolvendo a escritura dos códigos e realizando as modificações necessárias para alcançarmos o objetivo traçado, buscando criar um site eficiente, funcional e elegante para o Laboratório de Arte Eletrônica. 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. 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