DESIGN COMPUTACIONAL

15
DESIGN COMPUTACIONAL Computational Design João Fernando Igansi Nunes Doutor em Comunicação e Semiótica; Pontifícia Universidade Católica de São Paulo Professor - Bacharelado em Design - Centro de Artes - UNIVERSIDADE FEDERAL DE PELOTAS - RS [email protected]

description

Apresentação oral, P&D 2012.

Transcript of DESIGN COMPUTACIONAL

Page 1: DESIGN COMPUTACIONAL

DESIGN COMPUTACIONAL

Computational Design

João Fernando Igansi NunesDoutor em Comunicação e Semiótica; Pontifícia Universidade Católica de São PauloProfessor - Bacharelado em Design - Centro de Artes - UNIVERSIDADE FEDERAL DE PELOTAS - [email protected]

Page 2: DESIGN COMPUTACIONAL

Interfaces Culturais: máquinas

códigos fixos (paradigma da fabricação)

códigos executáveis (paradigma da programação)

pensamento computacional

antecipação - miahi nadin

bio-design - luigi collani

Page 3: DESIGN COMPUTACIONAL

comunicação do invisível

a interface é a mensagem -

interfaces hipertextuais

Page 4: DESIGN COMPUTACIONAL

Matrizes ProcessuaisCriação, controle e complexidade

entre

Fabricar/Representar (homo faber) e

Modelar / Simular

(homo ciber).

Origens e Princípios: uma trajetória da concepção do homem-hardware à concepção do homem-software (funções abstratas), apresentada nesse estudo subdividida em Matrizes dos Códigos Fixos e Matrizes dos Códigos Executáveis.

Page 5: DESIGN COMPUTACIONAL

\MATRIZES DOS CÓDIGOS FIXOParadigma da Fabricação:

Fabricar/Representar (homo faber) e

projetar

registrar

atribuir

do produzir e progredir.

Page 6: DESIGN COMPUTACIONAL

A Fabricação traz

em si o rastro do

modelo.

O projeto,

enquanto ato

criativo da idéia,

modela o que

será

rigorosamente

registrado para

que seus

atributos estejam

de acordo com o

modelo inicial.

Page 7: DESIGN COMPUTACIONAL

MATRIZES DOS

CÓDIGOS EXECUTÁVEISParadigma da Programação (simulação):

desAutoriaINTER(cri)ATIVA configurar executar atualizar/compartilhar

Page 8: DESIGN COMPUTACIONAL

image = image.substring(image.lastIndexOf('/')+1, image.length); AC.Tracking.trackClick({ prop2: position, prop3: AC.Tracking.pageName() + ' - ' + image }, this, 'o', AC.Tracking.pageName() + ' - ' + image); });

}); </script></head><body id="home" class="ilife_iwork"> <div id="decor"> <script src="http://images.apple.com/global/nav/scripts/shortcuts.js" type="text/javascript" charset="utf-8"></script><script type="text/javascript" charset="utf-8"> var searchSection = 'global'; var searchCountry = 'us';</script><div id="globalheader" class="home"> <!--googleoff: all--> <ul id="globalnav"> <li id="gn-apple"><a href="/">Apple</a></li> <li id="gn-store"><a href="http://store.apple.com">Store</a></li> <li id="gn-mac"><a href="/mac/">Mac</a></li> <li id="gn-ipoditunes"><a href="/itunes/">iPod + iTunes</a></li> <li id="gn-iphone"><a href="/iphone/">iPhone</a></li> <li id="gn-downloads"><a href="/downloads/">Downloads</a></li> <li id="gn-support"><a href="/support/">Support</a></li> </ul> <!--googleon: all--> <div id="globalsearch"> <form action="http://searchcgi.apple.com/cgi-bin/sp/nph-searchpre11.pl" method="post" class="search" id="g-search"> <div> <input type="hidden" value="utf-8" name="oe" id="search-oe"> <input type="hidden" value="p" name="access" id="search-access"> <input type="hidden" value="us_only" name="site" id="search-site"> <input type="hidden" value="lang_en" name="lr" id="search-lr"> <label for="sp-searchtext"><span class="prettyplaceholder">Search</span><input type="search" name="q" id="sp-searchtext" class="g-prettysearch applesearch" accesskey="s"></label> </div> </form> <div id="sp-results"><div class="inside"></div></div> </div></div>

<div id="top"><!-- SiteCatalyst code version: H.8. Copyright 1997-2006 Omniture, Inc. --><script type="text/javascript">/* RSID: */var s_account="appleglobal,applehome"</script>

<script type="text/javascript" src="http://images.apple.com/global/metrics/js/cid_check.js"></script><script type="text/javascript" src="http://images.apple.com/global/metrics/js/s_code_h.js"></script>

<script type="text/javascript">s.pageName=AC.Tracking.pageName()+" (US)";s.server=""s.channel="www.us.homepage"s.pageType=""s.prop1=""s.prop2=""s.prop3=""s.prop4=document.location;s.prop5=navigator.platform;

/* E-commerce Variables */s.campaign=""s.state=""s.zip=""s.events=""s.products=""

“After all, ‘until you plug it in, you’ll just never know.”Florian Cramer, 2005

Page 9: DESIGN COMPUTACIONAL
Page 10: DESIGN COMPUTACIONAL

poema como fórmula

Page 11: DESIGN COMPUTACIONAL
Page 12: DESIGN COMPUTACIONAL
Page 13: DESIGN COMPUTACIONAL

link

Page 14: DESIGN COMPUTACIONAL

escrever é desenhar

A REGRA É CRIAR REGRAS

1. criar SMS e enviar para o número do projeto DIGITOGRAFIA NOKIA TRENDS;2. o número é protocolo para um site com um sistema que recebe as SMSs e as transformam em gráficos visíveis;3. os gráficos são formados por traços coloridos em animação 3D, com variáveis de tempo, gravidade, etc... (relações de comportamento a partir da combinação de

eventos que reagem em função da proximidade, semelhança, níveis de atração e repulsão, etc... entre os caracteres utilizados nas SMSs;4. a visualização se dará em projeção do site que hospedará o projeto DIGITOGRAFIA NOKIA TRENDS;5. todas as SMSs serão armazenadas para serem visualizadas comcomitantemente no referido site;6. a relação dos gráficos (SMSs enviadas) terão relação entre si, metaforisando um diálogo coletivo;7. quem envia as SMSs recebe seu próprio gráfico podendo servir como protetor de tela: wall paper animado;8. o resultado final, além de problematizar as função ESCREVER/DESENHAR, será: a) banco de dados de uma conversa coletiva; b) banco de dados da visualidade criada do diálogo (chat); c) registro do agenciamento entre mídias móveis.

Page 15: DESIGN COMPUTACIONAL

O B R I G A D O