redesigno

Estamos em plena era da quantidade de informao.

A qualidade em mltiplos focos de irradiao vir logo mais.
Dcio pignatari em entrevista a jornal da unicamp,
Maio de 2007.
O objetivo ltimo deste projeto desenvolver uma plataforma para
a construo de uma rede social de criadores, ferramenta til e ne-
cessria ao desenvolvimento da cultura criativa no brasil. Para tanto,
ser produzido um site de divulgao e debate dos assuntos rela-
cionados, paralelamente programao de uma primeira verso da
plataforma.
Vivemos na poca das redes sociais, evoluo relativamente re-
cente da rede mundial de computadores. A internet social, tambm
chamada de web 2.0
1
, Democratizou a publicao de contedo online,
antes restrita a poucos experts e sites institucionais. Materializou-se
um potencial inerente internet: a transformao do consumidor
em emissor de contedo. A quantidade de informaes presentes na
rede cresceu (e cresce) exponencialmente assim como o nmero de
usurios da www no mundo
2
. Esse fenmeno de massas alavanca-
do, sobretudo, pelas redes sociais uma vez que facilitam a produo
pelo agrupamento de mltiplos recursos (blog, fotolog, videolog)
em uma s ferramenta. Acessadas por simples intermdio de login
e senha, as redes sociais fazem com que uma pessoa possa falar ao
mundo todo, em repercusso progressiva a partir de sua rede imedi-
ata de contatos. Informaes antes no consideradas viveis para (ou
dignas de) publicao passam a circular lado a lado com bibliotecas
de cultura, mais ou menos publicamente, em tempo real, numa mas-
siIcao de deIalhes que Iehde revelao imediaIa e permahehIe do
que se reconhece como conhecimento no mundo.
Porm, os avanos tecnolgicos da era da quantidade de informa-
o no tm correspondido a um predomnio ou mesmo destaque
da informao nova (qualidade). Contraditoriamente, a descentraliza-
o informacional decorrente da facilidade na emisso, em si mesma
desejvel, vem acompanhada por uma alta taxa de redundncia. Por
um lado, o senso comum inunda a web social: a criatividade, produ-
Iora de ihIormao hova, Ica siIiada pela busca de popularidade que
orienta a maior parte dos usurios e pauta a programao de sites
sociais e ferramentas de busca. Por outro lado, o emaranhado quan-
IiIaIivo da ihIerheI em geral Iorha diIcil o ehcohIro eIciehIe do que
se procura, sobretudo quando o que se procura no (ou no est)
OBJETIVO E
JUSTIFICATIVA
1. Web 2.0 um termo usado para designar
a web colaborativa ou web social em contra-
posio primeira forma de web, em que a
produo de contedo era bastante restrita e
centralizada. O termo j havia sido cunhado pela
arquiteta da informao Ninna Dinucci em 1999,
e usado pela primeira vez em seu artigo Frag-
mented Future. No entanto, foi em 2002 que o
termo ganhou popularidade, a partir da Web 2.0
Conference, promovida pela OReilly Media e
MediaLive.
2. A cada 24 horas, 500 mil pessoas entram pela
primeira vez na Internet e a cada segundo, um
novo blog criado, e 70% das pessoas con-
sideram a Internet indispensvel. Fonte: www.
osnumerosdainternet.com.br (blog de notcias,
consultado em 5/7/2011).
popular ou no se encontra contguo sua rede de contatos. Quanto
mais difcil o encontro, menor a chance de ocorrerem similaridades
acasos favorveis gerao de terceiros = informao nova.
na direo de favorecer o agrupamento de informaes por simi-
laridade de sentido e a (re)combinao, que se discute hoje os par-
metros para a web 3.0, Ou, web semntica
3
. Nosso projeto se inscreve
dentro dessa discusso, embora em menores propores. A proposta
de criarmos uma plataforma vai na direo de propiciar o encontro
entre criadores assim como facilitar o acesso e a mobilizao das suas
criaes.
O que pretendemos um sistema que organize um contra-senso-
comum (vide livro contracomunicao de dcio pignatari, 1969), que
Iavorea a gerao de hovos sighiIcados - IahIo ha relao ehIre sig-
nos (justaposio) quanto na estruturao do signo em si, conceben-
do-o dentro de parmetros que visam a combinao. Nosso objetivo,
com essa plataforma, compor um foco de irradiao de qualidade,
colocando a produo de cultura e os criadores de cultura altura
das possibilidades da nossa poca.
Um dos sistemas que tomamos como exemplo exatamente por se
pautar pela qualidade o cargo collective
4
. Consideramos que nos-
sas ambies, porm, vo um pouco alm das que o cargo collective
desenha como sada em termos de sentido da plataforma desejada.
Como queria john cage:
Not to express myself, but to change myself.
O desenvolvimento da plataforma proposta, porm, como o de qual-
quer tecnologia, exige um processo de pesquisa e experimentao
com as tecnologias j disponveis. Os participantes deste projeto vm
experimentando
5
algumas delas desde 2008, mas de forma espordi-
ca. O prmio proac tornaria necessria uma desejvel concentrao
desses esforos, com um salto qualitativo nos seus resultados.
Sendo assim, o que se pretende produzir e manter um site dedi-
cado questo da estruturao dos dados da internet (com foco nas
mdias audio/visuais/IipogrIcas), o que ocorrer em paralelo ao
desenvolvimento (programao) da plataforma. A produo do site
tornar possvel desde cedo um dilogo producente com o programa-
dor contratado, alm de contribuir no debate brasileiro sobre o tema,
ainda incipiente.
3. Seguhdo deIhio ha Wikipedia, "o prihci-
pal objetivo da Web Semantica direcionar a
evoluo da Web permitindo que os usurios a
utilizem em seu mximo potencial, permitindo
que eles encontrem, compartilhem e combinem
ihIormaes mais IacilmehIe." (eh.wikipedia.
org/wiki/SemahIic_Web, pgiha cohsulIada em
5/7/2011)
4. Segundo o portal da ferramenta, o objetivo do
Cargo elevar dramaticamente a acessibilidade
e exposio de indivduos criativos na internet,
aspirando ainda construo de um contexto
de rede que contribuir para a cultura como um
todo. (cargocollective.com, pgina consultada
em 5/7/2011).
5. Algumas delas podem ser vistas nos sites:
www.rgb0.com.br, www.rgb0.com.br/wiki, you-
Iube.com/programaoviva, Iickr.com/miesemais,
beijoseliga.tumblr.com. Seguem detalhadas nos
currculos em anexo.
Como j mencionado, o projeto se estrutura a partir de dois processos
desenvolvidos simultaneamente:
- a produo e manuteno de um site dedicado questo da estru-
turao dos dados da internet, com nfase nas mdias audio/visuais/
IipogrIcas,
- e o desenvolvimento de uma plataforma que incorpore os conheci-
mentos adquiridos e gerados no site, visando constituio de uma
futura rede social de cultura criativa.
A plaIaIorma ihcorporar as esIruIuras audio/visuais/IipogrIcas eh-
saiadas manualmente no site, traduzindo-as numa coleo simples de
ferramentas de composio eletrnica. Trata-se de gerar no apenas
um cms (content management system, ou sistema de gerenciamento
de contedo, ferramenta de organizao de mdias), mas tambm de
gerar um sistema para composio de mdia, a partir de ferramentas
de edio audio/visual/IipogrIca especIcas. Por Im, dever ihcorpo-
rar recursos propriamente de redes sociais, referentes interao com
contatos, estatsticas, enquetes, votaes, comunidades, nveis de pri-
vacidade, etc. A arquitetura da informao da plataforma ser melhor
determinada a partir das pesquisas e experimentaes realizadas no
site, em contato com o programador contratado.
O site se dedicar ao estudo, divulgao e experimentao de siste-
mas audio/visuais/IipogrIcos/ihIormaciohais que primam pela sim-
plicidade e (re)combinabilidade na estruturao de seus elementos. A
idia gerar um repertrio de solues nessas linguagens que propi-
cie no apenas uma facilidade de edio, mas tambm de reedio
e sobretudo de cruzamento de mdias (por justaposio de aspectos
comuns, por exemplo), de modo a informar o desenvolvimento das
ferramentas/recursos da plataforma.
Sero estudadas experincias histricas e contemporneas que se
aproximam do sentido pretendido, sondando suas possibilidades de
automatizao na plataforma a ser desenvolvida. Como exemplos
histricos possveis, pode-se citar o livro sistemas de grelhas (1961),
de |oseI mller-brockmahh, rehomado desigher grIco suo do ps-
2 guerra, alm do Modulor (1965) de le corbusier, obra em que o
arquiteto modernista procurou sintetizar os parmetros da arquitetura
plataforma e site
desenvolvimento de plataforma
pauta do site
APRESENTAO
moderna num sistema replicvel nas diversas reas do design visual
e espacial. Como exemplos recentes, h os softwares direcionados
ao mercado dito prosumer (producer + consumer = consumidor
tornado produtor de mdia), como adobe premiere elements (edio
de video), wihdows videomaker (idem), apple iphoIo (imagem), alm
de inmeros aplicativos para smartphones. Alm disso, sero divul-
gados desenvolvimentos recentes das tecnologias vinculadas web
semntica e computao em nuvem (cloud computing), tais como
as de idehIiIcao de Isiohomia e realidade aumehIada ("augmehIed
reality) j presentes em diversos sites e aplicativos.
O site ser estruturado a partir de tecnologias j disponveis como
blog, wiki e bahco de mdia. Ser orgahizado em Irs (3) sees, cor-
respondentes a essas tecnologias. A proposta de uma organizao
no propriamente em sees temticas, mas em modos de informa-
o interpenetrantes, estando cada um presente dentro dos demais
(via lihks relaciohados ou como ocorrhcias dehIro do prprio posI).
O grIco a seguir mosIra como as 3 sees do siIe sero arIiculadas.
H, aihda, uma barra Ia, comum a Iodas as pgihas do siIe - com o
home do siIe, um campo de busca e ouIro campo (idehIiIcado pelo
ponto de interrogao), correspondente s perguntas mais freqentes
(faq), dentro do qual, entre outras, sero includas informaes sobre
os editores e uma sntese dos objetivos do site. Cada seo, no mapa,
idehIiIcada com uma cor da maIriz rgb - escolhida por se IraIar da
matriz de cor estrutural do meio com o qual estamos lidando: moni-
tores de computador.
sobre ns busca
midia
relacionada
tag
relacionada
post
relacionado
post
home [blog]
wiki banco de midia
midia
relacionada
tag
relacionada
post
relacionado
midia
relacionada
tag
relacionada
post
relacionado
tag midia
em todas as pginas
estrutura do site
Como j mencionado, o site ser organizado a partir de trs modos
de informao correspondentes s trs tecnologias que articularemos
para cohsIruir o siIe: blog (wordpress), wiki (plaIaIorma opeh-source
uIilizada pela wikipedia) e bahco de mdia:
O blog a porta de entrada do site, e trata de um modo de informa-
o mais eventual, efmero. Ser composto de experincia visuais,
sohoras, IipogrIcas e Iambm comporIar maIeriais de carIer |or-
halsIico - hoIcias, lihks, arIigos, comehIrios. O ob|eIivo primeiro
pesquisar e divulgar as tecnologias e as questes referentes a estru-
turao de mdia aberta a partir de matrias colhidas na midia digital
e impressa, e tambm a partir de experimentos gerados por ns. A
proposta atualizar semanalmente o site.
Na medida em que se desehvolver uma reIeo sobre os dados
colhidos, processados e publicados, esse contedo ser sintetizado
em Iags que, por sua vez, esIaro orgahizadas ho wiki do siIe. O wiki
um motor prprio para a sistematizao de informaes o mobili-
zaremos para postar um contedo mais depurado, de carter terico,
deIhies de Iags por hs criadas e ihIormaes relaciohadas s
referncias citadas.
Quanto ao banco de mdia, trata-se da seo de armazenamento dos
materiais por ns produzidos (texto, imagens, videos, sons) desmon-
tados do contexto original. O pblico assim poderia navegar pela
mdia atravs de outras relaes que as estabelecidas originalmente
nos posts, como quem mobiliza matrias-primas para a confeco de
novos objetos. A idia indicar a possibilidade de reprocessamento a
ser maIerializada ha plaIaIorma ha Iase Ihal do pro|eIo.
Pretende-se que o site sirva como exemplo de estruturao de mdia,
de incio, visual. Portanto, foi desenvolvida uma grelha de organizao
visual da informao que favorecer certos mecanismos combinatri-
os (entre post e posts relacionados, por exemplo) alm de proporcio-
nar acasos favorveis a associaes entre mdias diferentes entre
imagens, texto e tags, video e texto, som e imagens, etc gerando
Ierceiros, como se procura ihdicar hos esboos grIcos a seguir.
tecnologias utilizadas no site:
blog
wiki
banco de mdia
grid
sobre ns busca
midia
relacionada
tag
relacionada
post
relacionado
post
home [blog]
wiki banco de midia
midia
relacionada
tag
relacionada
post
relacionado
midia
relacionada
tag
relacionada
post
relacionado
tag midia
em todas as pginas
manchete
campo de busca
nome do site
projeto realizado como apoio do governo do estado de so paulo,
secretaria de estado da cultura - programa de ao cultural - 2011
e no que tem um uso?
bit.ly/argleo
a funo redescoberta aps
anos de excesso decorativo

busca
refluxo
do gosto
e o gozo?
e agora? voltei do futuro.
modo
moderno
de hoje?
nome do site
projeto realizado como apoio do governo do estado de so paulo,
secretaria de estado da cultura - programa de ao cultural - 2011
sobre ns busca
midia
relacionada
tag
relacionada
post
relacionado
post
home [blog]
wiki banco de midia
midia
relacionada
tag
relacionada
post
relacionado
midia
relacionada
tag
relacionada
post
relacionado
tag midia
em todas as pginas
sobre ns busca
midia
relacionada
tag
relacionada
post
relacionado
post
home [blog]
wiki banco de midia
midia
relacionada
tag
relacionada
post
relacionado
midia
relacionada
tag
relacionada
post
relacionado
tag midia
em todas as pginas
campo de busca
mdias mais acessadas pelos editoresm dias mais acessadas pelo pblico
nome do site
projeto realizado como apoio do governo do estado de so paulo,
secretaria de estado da cultura - programa de ao cultural - 2011
campo de busca
nuvem de tags
nome do site
projeto realizado como apoio do governo do estado de so paulo,
secretaria de estado da cultura - programa de ao cultural - 2011
busca

nome do site
projeto realizado como apoio do governo do estado de so paulo,
secretaria de estado da cultura - programa de ao cultural - 2011
revolukiI
livreo
mies +
moderno
programaoviva cinema jogo
homem
cidadelinha
cinestampa
auIo_ao
mcluhan
univercidade
busca nome do site
projeto realizado como apoio do governo do estado de so paulo,
secretaria de estado da cultura - programa de ao cultural - 2011
sobre ns busca
midia
relacionada
tag
relacionada
post
relacionado
post
home [blog]
wiki banco de midia
midia
relacionada
tag
relacionada
post
relacionado
midia
relacionada
tag
relacionada
post
relacionado
tag midia
em todas as pginas
ttulo do post
posts relacionados
tags relacionadas contedo do post
imagem relacionada
video relacionado
audio relacionado
comentrios
campo de busca
nome do site
projeto realizado como apoio do governo do estado de so paulo,
secretaria de estado da cultura - programa de ao cultural - 2011
auIo_ao
brazyl
marxluhan
2500 anos
o futuro recomeou
contrary to popular belief, lorem ipsum is not simply
random text. it has roots in a piece of classical latin
liIeraIure Irom 45 bc, makihg iI over 2000 years old.
richard mcclintock, a latin professor at hampden-sydney
college ih virgihia, looked up one of the more obscure
latin words, consectetur, from a lor
em ipsum passage, and going through the cites of the
word in classical literature, discovered the undoubtable
source.0 years old. makihg iI over 2000 years old. rich-
ard mcclintock, a latin professor at hampden-sydney
college ih virgihia, looked up one of the more obscure
contrary to popular belief, lorem ipsum is not simply
random text. it has roots in a piece of classical latin
liIeraIure Irom 45 bc, makihg iI over 2000 years old.
richard mcclintock, a latin professor at hampden-sydney
college ih virgihia, looked up one of the more obscure
latin words, consectetur, from a lor
em ipsum passage, and going through the cites of the
word in classical literature, discovered
contrary to popular belief, lorem ipsum is not simply
random text. it has roots in a piece of classical latin
liIeraIure Irom 45 bc, makihg iI over 2000 years old.
richard mcclintock, a latin professor at hampden-sydney
college ih virgihia, looked up one of the more obscure
latin words, consectetur, from a lor
em ipsum passage, and going through the cites of the
word in classical literature, discovered the undoubtable
source.0 years old. makihg iI over 2000 years old. rich-
ard mcclintock, a latin professor at hampden-sydney
college ih virgihia, looked up one of the more obscure
contrary to popular belief, lorem ipsum is not simply
random text. it has roots in a piece of classical latin
liIeraIure Irom 45 bc, makihg iI over 2000 years old.
richard mcclintock, a latin professor at hampden-sydney
college in virgini
justo. lorem ipsum dolor sit
amet, o futuro recomeou
elit. nam tincidunt odio
justo. lorem ipsum dolor sit
amet, consectetur adipisc-
ing elit. nam tincidunt odio
justo. lorem ipsum dolor sit
amet, consectetur adipisc-
ing elit. nam tincidunt odio
busca
pow

nome do site
projeto realizado como apoio do governo do estado de so paulo,
secretaria de estado da cultura - programa de ao cultural - 2011
sobre ns busca
midia
relacionada
tag
relacionada
post
relacionado
post
home [blog]
wiki banco de midia
midia
relacionada
tag
relacionada
post
relacionado
midia
relacionada
tag
relacionada
post
relacionado
tag midia
em todas as pginas
campo de busca
nome da tag
descrio da tag
posts relacionados
tags relacionadas
imagem relacionada
video relacionado
audio relacionado
nome do site
projeto realizado como apoio do governo do estado de so paulo,
secretaria de estado da cultura - programa de ao cultural - 2011
meio
mensagem
mcluhan
brazyl
homem
moderno
contrary to popular belief, lorem ipsum is not simply
random text. it has roots in a piece of classical latin
liIeraIure Irom 45 bc, makihg iI over 2000 years old.
richard mcclintock, a latin professor at hampden-sydney
college ih virgihia, looked up one of the more obscure
latin words, consectetur, from a lorem ipsum passage,
and going through the cites of the word in classical
literature, discovered the undoubtable source
.0 years old. makihg iI over 2000 years old. richard mc-
clintock, a latin professor at hampden-sydney college in
virgihia, looked up one of the more obscure latin words,
consectetur, from a lorem ipsum passage, and going
through the cites of the word in classical literature, dis-
covered the undoubtable source.0 years old.tetur, from a
lorem ipsum passage, and going through the cites of the
word in classical literature, discovered the undoubtable
source.0 years old. the cites of the word in classical
literature, discovered the undoubtable source.0 years
old.tetur, from a lorem ipsum passage, and going
through the cites of the word in classical literature, dis-
covered the undoubtable
source.0 years old. classical literature, discovered the
undoubtable source.0 years old.tetur, from a lorem
ipsum passage.tetur, from a lorem ipsum passage, and
going through the cites of the word in classical litera-
ture, discovered the undoubtable source.0 years old. the
cites of the word in classical literature, discovered the
undoubtable so
justo. lorem ipsum dolor sit
amet, consectetur adipisc-
ing elit. nam tincidunt odio
justo. lorem ipsum dolor sit
amet, consectetur adipisc-
ing elit. nam tincidunt odio
justo. lorem ipsum dolor sit
amet, consectetur adipisc-
ing elit. nam tincidunt odio
busca
wow

nome do site
projeto realizado como apoio do governo do estado de so paulo,
secretaria de estado da cultura - programa de ao cultural - 2011
sobre ns busca
midia
relacionada
tag
relacionada
post
relacionado
post
home [blog]
wiki banco de midia
midia
relacionada
tag
relacionada
post
relacionado
midia
relacionada
tag
relacionada
post
relacionado
tag midia
em todas as pginas
campo de busca
nome da midia
midiam etadados
data de criao
numero de visualizaes
popularidade
posts relacionados
tags relacionadas
imagens relacionadas
videos relacionados
audios relacionados
nome do site
projeto realizado como apoio do governo do estado de so paulo,
secretaria de estado da cultura - programa de ao cultural - 2011
justo. lorem ipsum dolor sit
amet, consectetur adipisc-
ing elit. nam tincidunt odio
justo. lorem ipsum dolor sit
amet, consectetur adipisc-
ing elit. nam tincidunt odio
justo. lorem ipsum dolor sit
amet, consectetur adipisc-
ing elit. nam tincidunt odio
tag relac
metameio
auIo_ao
brazyl
criado em 12/10/10
100 vizualizaes
popularidade 65%
relgio vivavaia
busca

projeto realizado como apoio do governo do estado de so paulo,

secretaria de estado da cultura - programa de ao cultural - 2011

nome do site
Previmos um (1) ms para ajustarmos os recursos disponibilizados
pelo blog (no caso, o wordpress) ao design por ns elaborado e acima
apresentado. Para tanto contaremos com o auxlio da webdesigner
Ariahe SIolI. Pehsamos ser IuhdamehIal o desehho da ihIerIace
como um elemento fundamental neste projeto pois ele indica, desde
o comeo, as possibilidades de interao previstas pelo motor - em
desehvolvimehIo - a ser IesIado e implemehIado ao Ihal do processo.
Uma vez ajustados os recursos e pronta a interface, comearemos as
postagens no blog semanalmente com, ao menos, um post por editor.
Esse riImo de aIualizaes do blog ser mahIido aI o Ihal da vigh-
cia do projeto.
Paralelamente s postagens estar em desenvolvimento da plata-
forma por ns acima apresentado e com lanamento (verso beta)
previsto para o ltimo ms do projeto. Para desenvolver esse sistema,
contaremos com o trabalho do programador Vtor Calejuri.
Previmos para os meses 14, 15 e 16 deste projeto, a implementao e
teste da primeira verso por ns designada como verso beta do
sistema elaborado nos 12 meses precedentes. Esse teste ser feito por
usurios por ns convidados. O objetivo desse perodo termos um
Ieedback do IuhciohamehIo do sisIema para que possamos a|usIar
suas imperfeies e incorporar sugestes dos usurios.
Passados os trs meses de testes do sistema com usurios, teremos
um (1) ms para fazermos os ajustes necessrios e incorporar sug-
estes para o lanamento da verso 1.0.
O ulIimo ms reservamos para a redao do relaIrio Ihal e para o
lanamento pblico da verso 1.0 do nosso sistema.
CRONOGRAMA
preparao da interface do site
atualizao semanal do site
desenvolvimento do cdigo para plataforma
implementao da plataforma no site e beta
reviso e aperfeioamento
lanamento da plataforma e entrega relatrio
desenvolvimento da interface para o site
atualizao semanal do site
desenvolvimento do sistema-plataforma
implementao do sistema no site e beta
reviso e aperfeioamento
lanamento do sistema e entrega do relatrio
1 5 9 15 2 6 10 16 3 7 13 11 17 4 8 14 12 18 meses
Registro e manuteno de nome de domnio: R$60,00
registro de domnio registro.br = R$30,00 anual | 2 anos = R$60,00
Hospedagem do site: R$322,20*
hospedagem - dreamhost.com = $8,95 mensal x 18 meses = $161,1 ~
R$ 322,20
*valores com variao de cmbio prevista
Wordpress: R$ 547,76*
domnio - wordpress.com | verso premium = $136,94 anual | 2 anos =
$273,88 ~ R$ 547,76*
a verso premium compreende:
- domnio prprio = $17,00 anual
- customizao do design da interface: $ 30,00 anual
- armazenamento de video no prprio site: $ 59,97 anual
- ausncia de anncios [ad free]: $ 29,97 anual
*valores com variao de cmbio prevista
Desenvolvimento da programao do sistema: R$8000,00
Consultoria de desenvolvimento de interface: R$1000,00
CohsulIoria de webdesigh de Ariahe SIolI
Design e editoria: $2.670,04
Designers e editores: Marcella Aquila e Diogo Damsio
Workspace virIual: P$2.400,00
armazenagem e compartilhamento de arquivos dropbox.com conta
pro 100 = $199,00 anual
2 ahos = $398,00 | 3 usurios (Marcella, Diogo, VIor) = $1194,00 ~
R$2.400,00
TOTAL: R$15000,00
ORAMENTO
editoria e design:
diogo silva
marcella aquila
cohsulIoria em desehvolvimehIo de ihIerIace: ariahe sIolI
programao: vitor alves calejuri
FICHA TCNICA