Post on 07-Apr-2018
8/4/2019 Documentao GI - Gallery of Art and Interactivity
1/25
DOCUMENTAO - GAI
gallery of art and interactivity
8/4/2019 Documentao GI - Gallery of Art and Interactivity
2/25
DOCUMENTAO - GAI
Documentao
gallery of art and interactivity
8/4/2019 Documentao GI - Gallery of Art and Interactivity
3/25
DOCUMENTAO - GAI
Introduo
Este documento tem como objetivo apresentar todo oprocesso de planejamento, criao e produo doprojeto nal do 3 semestre do curso de Interface Digitaldo Centro Universitrio Senac.O projeto foi implementado pela disciplina ProjetoInformar Compartilhar e Armazenar e contou com aintegrao de todas as disciplinas do semestre.
8/4/2019 Documentao GI - Gallery of Art and Interactivity
4/25
8/4/2019 Documentao GI - Gallery of Art and Interactivity
5/25
DOCUMENTAO - GAI
Briefing1
O brieng proposto pelos professores foi criar uma mdiaonline e uma mdia ofine dentro do tema:Cidade do Futuro.
8/4/2019 Documentao GI - Gallery of Art and Interactivity
6/25
DOCUMENTAO - GAI
2 Solucionando
Aps um brainstorm que incluiu desde anomalias genticasat um site de criao do seu prprio parceiro sexual,optamos por um tema mais prximo ao nosso conhecimento parafacilitar e potencializar o desenvolvimento do contedo. Emum primeiro momento escolhemos a rea da arte urbanapor estar conectado diretamente cidade e por ser umtema visualmente bom de se trabalhar.
Partindo dessa idia comeamos a desenvolver melhora proposta e optamos por abranger mais nosso plano e
trabalhar no diretamente com arte urbana mas com aarte em geral, dentro do cenrio urbano. Acreditamosque futuramente a concatenao das reas da arte,cidade e tecnologia ser ainda mais explcita do quehoje em dia e por este motivo seria interessante pensarcomo ser a relao dessas reas no futuro.
8/4/2019 Documentao GI - Gallery of Art and Interactivity
7/25
DOCUMENTAO - GAI
3 Proposta
Objetivos GAI:
- No apenas expor mas informar- Trazer a participao do pblico- Dar voz ao pblico- Incentivar a arte e o conhecimento- Expor o real signicado das obras- Explorar as possibilidades tecnolgicas tanto na arteOquanto na exibio da mesma e as possibilidades deOinter-conexo com outros pases
GAI Gallery of art and Interactivity
Galeria dinmica e adaptvel que procura explorar aspossibilidades tecnolgicas tanto na arte quanto na formade exibio da mesma.
Composta de distintos espaos expositivos que carregamdesde sua essncia o uso do que h de mais novo na reatecnolgica, as galerias esto espalhadas pelas principaiscidades ao redor do globo mas mantm a conectividadeentre si em tempo real assim como a conectividade entre
o pblico, a arte e todas as galerias existentes.O principal intento da galeria promover o entendimento,a interao e imerso do pblico com a arte produzida eexposta dentro dos espaos fsicos e digitais da GAI.
8/4/2019 Documentao GI - Gallery of Art and Interactivity
8/25DOCUMENTAO - GAI
4 Etapas de Produo
Aps a denio do nosso tema passamos a denir ospossveis contedos e funcionalidades do site. Nossaprimeira etapa foi procurar referncias para fundamentaoe embasamento do projeto, para isso zemos uma pesquisasobre museus e galerias j existentes, depois passamos a umapesquisa mais especca na qual cada integrante pesquisouuma rea distinta.
Pesquisas realizadas em um primeiro momento:- Manifestaes Populares- Formas de manifestao- Tecnologia para a construo da galeria
(Materiais, Inovao, Novas plataformas)- Tecnologias emergentes como plataforma para exibioOdas obras- Tendncias artsticas e panorama da arte na sociedadeOcontempornea- Tecnologia na arte- Arte Eletrnica
*Segue em anexo a esse documento um resumo da pesquisade cada integrante e a anlise de similares.
Pesquisa
Anlise de similares
8/4/2019 Documentao GI - Gallery of Art and Interactivity
9/25DOCUMENTAO - GAI
5 Etapas de ProduoPesquisa
Discusso e anotaes da pesquisa
8/4/2019 Documentao GI - Gallery of Art and Interactivity
10/25DOCUMENTAO - GAI
6 Etapas de ProduoContedo
Nesta etapa reunimos nossa pesquisa e discutimos aspossibilidades de contedo e ferramentas das mdiasoffline e online.
Primeiro esboo do contedo
8/4/2019 Documentao GI - Gallery of Art and Interactivity
11/25
DOCUMENTAO - GAI
7 Etapas de ProduoContedo
Denio de sees e sub-sees
Em um primeiro momento optamos por dividir o site em quatrosees, alm da rea privada do usurio.Cada seo teria sua sub-diviso, aps desenvolver maisprofundamente o projeto decidimos retirar algumas funcionalidadespor questes como limite de tempo e sobrecarregamento dosite.
8/4/2019 Documentao GI - Gallery of Art and Interactivity
12/25
DOCUMENTAO - GAI
Denio de sees e sub-sees
8 Etapas de ProduoContedo
Ao nal desta etapa decidimos as seguintes funes e seespara nossa mdia online:
- Sobre ns:- Objetivo do Projeto- Tecnologia Utilizada- Localizao
- Exposies:- Exposio em cartaz- Participe- Edices Anteriores
- Contedo:- Artigos / Matrias / Tutoriais- Novidades
- Galeria Comunitria:- Enviar Trabalhos- Ver Trabalhos
- rea privada:- Enviar trabalhos- Criar galerias online- Favoritar artstas, contedo ou obras
8/4/2019 Documentao GI - Gallery of Art and Interactivity
13/25
DOCUMENTAO - GAI
9 Etapas de ProduoArquitetura da Informao
8/4/2019 Documentao GI - Gallery of Art and Interactivity
14/25
DOCUMENTAO - GAI
10 Etapas de Produo
Wireframe
8/4/2019 Documentao GI - Gallery of Art and Interactivity
15/25
DOCUMENTAO - GAI
11 Etapas de Produo
Criao da Marca
Nesta etapa trabalhamos na criao da marca e denio dapaleta de cor.
*Segue em anexo a esse documento o Manual da Marca comexplicaes detalhadas sobre essa etapa de produo.
Estudo de cores
8/4/2019 Documentao GI - Gallery of Art and Interactivity
16/25
DOCUMENTAO - GAI
12 Etapas de Produo
Criao da Marca
Estudo de marca
8/4/2019 Documentao GI - Gallery of Art and Interactivity
17/25
DOCUMENTAO - GAI
1 Etapas de Produo
Criao da Marca
3
Estudo de marca
Estudo de tipograa
8/4/2019 Documentao GI - Gallery of Art and Interactivity
18/25
DOCUMENTAO - GAI
1 Etapas de Produo
Layout
4
Comeamos a produo do layout a partir dos wireframes,fazendo testes de usabilidade e as correes que julgamosnecessrias.
Exemplos do layout
8/4/2019 Documentao GI - Gallery of Art and Interactivity
19/25
DOCUMENTAO - GAI
1 Etapas de Produo
Pesquisa de Contedo
5
Nessa etapa iniciamos a procura por contedos especcospara o site, como matrias, tutoriais, imagens e partimos paraa criao das exposies ctcias e o contedo textual dosite.
Lista de contedo a ser preparado
8/4/2019 Documentao GI - Gallery of Art and Interactivity
20/25
DOCUMENTAO - GAI
1 Etapas de Produo
Acessibilidade
6
Para garantir o acesso do maior nmero possvel de pessoasindependente de suas limitaes pensamos em criar algunsmecanismos a m de garantir o acesso por todos.Alguns dos elementos pensados foram: Possibilidade demudana do tamanho da fonte na mdia online, lmes na lnguade sinais para todo o contedo da mdia online, nomes nasimagens para garantir a ecincia dos programas de leiturade tela, rampa e elevador nas construes da mdia ofine.
Infelizmente, devido a falta de tempo no pudemos botar em
prtica a criao dos lmes nas lnguas de sinais.
Elevador em um GAI
8/4/2019 Documentao GI - Gallery of Art and Interactivity
21/25
DOCUMENTAO - GAI
1 Mdia Offline
Proposta
7
Nossa proposta para a mdia ofine a construo da galeriafsica. GAI funcionaria como uma rede de galerias presentesnos principais plos de cultura do mundo sendo que em cadacidade estaria presente em trs pontos especcos.
Tomamos como um importante aspecto o fato de que apenasuma galeria na cidade limitaria o acesso e elitizaria o pblico.Fazendo aluso ao tringulo presente em nossa marcadefinimos que em cada cidade GAI deveria estar presenteem pelo menos trs pontos estratgicos delimitando uma rea
de difuso de cultura e conhecimento assim como propondoabranger diferentes pblicos e espaos da cidade.
Outro aspecto importante da GAI a proposta de interaocom o pblico, alm de desenvolver aplicativos para celularque avisa o usurio quando ele se encontra prximo a umaGAI e informa qual a exposio em cartaz e o que mais elepoder encontrar na galeria, o aplicativo d a possibilidadedo usurio mandar mensagens, fotos ou vdeos para qualquerGAI e ter essa informao sendo projetada nas paredes da
galeria ou em tubos informacionais.
Aplicativo GAI
Fachada GAI
8/4/2019 Documentao GI - Gallery of Art and Interactivity
22/25
DOCUMENTAO - GAI
1 Mdia Offline
Especificaes
8
De uma maneira geral, toda galeria GAI deve conter:Sala de administraoSala de seguranaBanheirosLojaLanchoneteAuditrioEspao para exposioLounge para Interao real time
Acesso para decientes
8/4/2019 Documentao GI - Gallery of Art and Interactivity
23/25
DOCUMENTAO - GAI
19 Mdia Offline
Fachada GAI
Tubos Informacionais - Real Time Salas de imerso 3D
8/4/2019 Documentao GI - Gallery of Art and Interactivity
24/25
DOCUMENTAO - GAI
Mdia Offline
Localizao
Os locais foram pesquisados e escolhidos com base emrankings de IDH e nos conceitos de cidade global.
Amrica Latina:So Paulo, Buenos Aires, Mxico
Amrica do Norte:New York, Washington, Vancouver
Europa:
London, Paris, Berlin, Venezia
sia:Hong Kong, Tokyo, Seoul
Trs pontos principais em atividade cultural de So Paulo:Parque do Ibirapuera; MASP; Estao da Luz.
Estes trs pontos que contornam e agregam o centro principalde atividade artstica e econmica da cidade.O Parque do Ibirapuera um local de intensa atividadecultural, onde localizam-se espaos como o MAM, o MAC ea Fundao Bienal;Os arredores do MAM, na Av. Paulista, que representa um centronanceiro e cultural signicativo na cidade;
E o espao da estao da Luz, onde encontram-se a Pinacotecado Estado e o Museu da Lngua Portuguesa.A ligao entre esses trs pontos abrangem o circuito principalde atividades culturais, artsticas e econmicas da cidade,circundando os arredores da Av. Paulista, dos Jardins e docentro, que alojam os principais espaos de exibio e produoartstica da cidade. Como os diversos museus e galerias daregio da Cidade Jardim, proximidades dos espaos da Av.Rebouas, como o MIS, o MUBE; a Fundao Cultural EmaGordon Klabin e o MCB nos Jardins; os espaos da Casa Das
Rosas, do Ita Cultural e do Sesc na Av. Paulista.
20
8/4/2019 Documentao GI - Gallery of Art and Interactivity
25/25
DOCUMENTAO - GAI
2 Crditos1
Este trabalho foi uma realizao dos alunos:Caio SimonDaniella ParraDaniella TanakaJulia AureaPagu SennaRafael Oliveira
Com o apoio dos professores:Beatriz de Almeida PachecoEduardo Cardoso BragaElisangela BotelhoFranceli GuaraldoJoo Cesar Lopes ToledoNelson Jos UrssiPricles Eugnio MartinsPolise Moreira de MarchiRodolfo Prata
Centro Universitrio Senac3 Semestre de Design de Interface Digital