SlideShare une entreprise Scribd logo
1  sur  44
Télécharger pour lire hors ligne
 	
  	
  	
  
DESIGN E
INTERFACES
CARTOGRÁFICAS:	
  
avanços para pesquisa
e atuação profissional 	
  
Júlia Rabetti Giannella
juliagiannella@gmail.com
@juliagiannella
Júlia	
  Rabe*	
  Giannella	
  |	
  Campus	
  Party	
  2015	
  
“Mapas não representam a realidade;
eles não são instrumentos miméticos, mas
fazem aparecer uma nova realidade” (BONSIEPE)	
  
BONSIEPE,	
  G.	
  Design,	
  cultura	
  e	
  sociedade.	
  São	
  Paulo:	
  Blucher,	
  2011.	
  
Júlia	
  Rabe*	
  Giannella	
  |	
  Campus	
  Party	
  2015	
  
Mapa da Cólera (John Snow, 1854) 	
  
Júlia	
  Rabe*	
  Giannella	
  |	
  Campus	
  Party	
  2015	
  
Júlia	
  Rabe*	
  Giannella	
  |	
  Campus	
  Party	
  2015	
  
Avanços em
interfaces cartográficas?
Júlia	
  Rabe*	
  Giannella	
  |	
  Campus	
  Party	
  2015	
  
Avanços em
interfaces cartográficas?
Multidimensionalidade
Sensores
Colaboração
Júlia	
  Rabe*	
  Giannella	
  |	
  Campus	
  Party	
  2015	
  
#1
multidimensionalidade
Júlia	
  Rabe*	
  Giannella	
  |	
  Campus	
  Party	
  2015	
  
#1
multidimensionalidade
capacidade de se adicionar n camadas informativas
a uma mesma interface cartográfica e relacioná-las
SHNEIDERMAN,	
  B.	
  The	
  eyes	
  have	
  it:	
  a	
  task	
  by	
  data	
  type	
  taxonomy	
  for	
  informaTon	
  visualizaTons.	
  In:	
  IEEE	
  SYMPOSIUM	
  ON	
  VISUAL	
  
LANGUAGES,	
  1996,	
  Boulder,	
  Colorado.	
  Proceedings...	
  Boulder,	
  1999,	
  p.	
  336-­‐343.	
  
Júlia	
  Rabe*	
  Giannella	
  |	
  Campus	
  Party	
  2015	
  
#1
multidimensionalidade
capacidade de se adicionar n camadas informativas
a uma mesma interface cartográfica e relacioná-las
Ben Shneiderman (1996)
visualizações multidimensionais interativas
SHNEIDERMAN,	
  B.	
  The	
  eyes	
  have	
  it:	
  a	
  task	
  by	
  data	
  type	
  taxonomy	
  for	
  informaTon	
  visualizaTons.	
  In:	
  IEEE	
  SYMPOSIUM	
  ON	
  VISUAL	
  
LANGUAGES,	
  1996,	
  Boulder,	
  Colorado.	
  Proceedings...	
  Boulder,	
  1999,	
  p.	
  336-­‐343.	
  
Júlia	
  Rabe*	
  Giannella	
  |	
  Campus	
  Party	
  2015	
  
#1
multidimensionalidade
capacidade de se adicionar n camadas informativas
a uma mesma interface cartográfica e relacioná-las
Ben Shneiderman (1996)*
visualizações multidimensionais interativas
Big Data
*	
  SHNEIDERMAN,	
  B.	
  The	
  eyes	
  have	
  it:	
  a	
  task	
  by	
  data	
  type	
  taxonomy	
  for	
  informaTon	
  visualizaTons.	
  In:	
  IEEE	
  SYMPOSIUM	
  ON	
  VISUAL	
  
LANGUAGES,	
  1996,	
  Boulder,	
  Colorado.	
  Proceedings...	
  Boulder,	
  1999,	
  p.	
  336-­‐343.	
  
Júlia	
  Rabe*	
  Giannella	
  |	
  Campus	
  Party	
  2015	
  
#1
multidimensionalidade
Moritz	
  Stefaner	
  -­‐>	
  hap://moritz.stefaner.eu/projects/map%20your%20moves/	
  
Júlia	
  Rabe*	
  Giannella	
  |	
  Campus	
  Party	
  2015	
  
#1
multidimensionalidade
Júlia	
  Rabe*	
  Giannella	
  |	
  Campus	
  Party	
  2015	
  
Moritz	
  Stefaner	
  -­‐>	
  hap://moritz.stefaner.eu/projects/map%20your%20moves/	
  
#2
sensores
Júlia	
  Rabe*	
  Giannella	
  |	
  Campus	
  Party	
  2015	
  
#2
sensores
•  capacidade de se coletar dados automaticamente por meio de
dispositivos interconectados e, no caso, mapeá-los em interfaces
cartográficas para que possam ser ressignificados
Júlia	
  Rabe*	
  Giannella	
  |	
  Campus	
  Party	
  2015	
  
#2
sensores
•  capacidade de se coletar dados automaticamente por meio de
dispositivos interconectados e, no caso, mapeá-los em interfaces
cartográficas para que possam ser ressignificados
•  Natureza ubíqua | “Internet das coisas” | GPS
Júlia	
  Rabe*	
  Giannella	
  |	
  Campus	
  Party	
  2015	
  
#2
sensores
•  capacidade de se coletar dados automaticamente por meio de
dispositivos interconectados e, no caso, mapeá-los em interfaces
cartográficas para que possam ser ressignificados
•  Natureza ubíqua | “Internet das coisas” | GPS
•  Sensor Journalism -> data-driven journalism
Júlia	
  Rabe*	
  Giannella	
  |	
  Campus	
  Party	
  2015	
  
#2
sensores
Júlia	
  Rabe*	
  Giannella	
  |	
  Campus	
  Party	
  2015	
  
The Washington Post -> http://www.washingtonpost.com/wp-srv/special/local/dc-shot-spotter/
#2
sensores
Júlia	
  Rabe*	
  Giannella	
  |	
  Campus	
  Party	
  2015	
  
The Washington Post -> http://www.washingtonpost.com/wp-srv/special/local/dc-shot-spotter/
#2
sensores
InfoAmazonia -> http://infoamazonia.org/pt/blog/portugues-hackers-unidos-para-criar-aplicativos-e-sensores-sobre-qualidade-dagua
Júlia	
  Rabe*	
  Giannella	
  |	
  Campus	
  Party	
  2015	
  
#3
colaboração
Noção de trabalho conjunto, multidirecional e descentralizado,
tendendo, dessa forma, a um relacionamento não hierárquico*
Júlia	
  Rabe*	
  Giannella	
  |	
  Campus	
  Party	
  2015	
  
*	
  PRETTO,	
  N.	
  Redes	
  colaboraTvas,	
  éTca	
  hacker	
  e	
  educação.	
  Educ.	
  rev.	
  [online].	
  2010,	
  vol.26,	
  n.3,	
  pp.	
  305-­‐316.	
  
#3
colaboração
Noção de trabalho conjunto, multidirecional e descentralizado,
tendendo, dessa forma, a um relacionamento não hierárquico*
Instâncias públicas
(Governo)
Comunidades científicas
(Universidade)
interações dialógicas
Usuários-cidadãos
Júlia	
  Rabe*	
  Giannella	
  |	
  Campus	
  Party	
  2015	
  
*	
  PRETTO,	
  N.	
  Redes	
  colaboraTvas,	
  éTca	
  hacker	
  e	
  educação.	
  Educ.	
  rev.	
  [online].	
  2010,	
  vol.26,	
  n.3,	
  pp.	
  305-­‐316.	
  
#3
colaboração
Noção de trabalho conjunto, multidirecional e descentralizado,
tendendo, dessa forma, a um relacionamento não hierárquico*
Instâncias públicas
(Governo)
Emponderamento
Usuários-cidadãos
colocação do poder de
tomada de decisão nas
mãos do cidadão, sendo
este o mais alto nível de
participação dos mesmos
Comunidades científicas
(Universidade)
Júlia	
  Rabe*	
  Giannella	
  |	
  Campus	
  Party	
  2015	
  
*	
  PRETTO,	
  N.	
  Redes	
  colaboraTvas,	
  éTca	
  hacker	
  e	
  educação.	
  Educ.	
  rev.	
  [online].	
  2010,	
  vol.26,	
  n.3,	
  pp.	
  305-­‐316.	
  
#3
colaboração
•  tecnologias de transferência de dados sem fio
Júlia	
  Rabe*	
  Giannella	
  |	
  Campus	
  Party	
  2015	
  
#3
colaboração
•  tecnologias de transferência de dados sem fio
•  inciativas de open-data
Júlia	
  Rabe*	
  Giannella	
  |	
  Campus	
  Party	
  2015	
  
#3
colaboração
•  tecnologias de transferência de dados sem fio
•  inciativas de open-data
•  ferramentas para criação de mapas
(Open Street Map, Unfolding maps, etc.)*
* Mais ferramentas -> http://www.visualisingdata.com/index.php/resources/
Júlia	
  Rabe*	
  Giannella	
  |	
  Campus	
  Party	
  2015	
  
#3
colaboração
•  tecnologias de transferência de dados sem fio
•  inciativas de open-data
•  ferramentas para criação de mapas
(Open Street Map, Unfolding maps, etc.)*
•  Mapeamento colaborativo -> Crowdmapping
* Mais ferramentas -> http://www.visualisingdata.com/index.php/resources/
Júlia	
  Rabe*	
  Giannella	
  |	
  Campus	
  Party	
  2015	
  
#3
colaboração
Waze -> https://www.waze.com/pt-BR
Júlia	
  Rabe*	
  Giannella	
  |	
  Campus	
  Party	
  2015	
  
#3
colaboração
•  Produção do espaço como construção social
•  Ativismo, engajamento cívico, inovação cidadã, democracia, hackers
Júlia	
  Rabe*	
  Giannella	
  |	
  Campus	
  Party	
  2015	
  
#3
colaboração
•  Produção do espaço como construção social
•  Ativismo, engajamento cívico, inovação cidadã, democracia, hackers
Interface
cartográfica
Compreensão e
representação
do espaço urbano
Tecnologia da
comunicação
Engajamento cívico;
Processos de
auto-organização
Júlia	
  Rabe*	
  Giannella	
  |	
  Campus	
  Party	
  2015	
  
#3
colaboração
Olhos da Cidade -> http://www.rio.rj.gov.br/web/guest/exibeconteudo?id=4997234
Júlia	
  Rabe*	
  Giannella	
  |	
  Campus	
  Party	
  2015	
  
#3
colaboração
Faltou água -> http://www.faltouagua.com/
Júlia	
  Rabe*	
  Giannella	
  |	
  Campus	
  Party	
  2015	
  
#3
colaboração
Rio sem buraco -> http://riosemburaco.wix.com/mapa
Júlia	
  Rabe*	
  Giannella	
  |	
  Campus	
  Party	
  2015	
  
#3
colaboração
Olhe o degrau -> http://olheodegrau.cidadera.com/
Júlia	
  Rabe*	
  Giannella	
  |	
  Campus	
  Party	
  2015	
  
#3
colaboração
Fogo no Barraco -> http://fogonobarraco.laboratorio.us/
Júlia	
  Rabe*	
  Giannella	
  |	
  Campus	
  Party	
  2015	
  
#3
colaboração
WikiCrimes -> http://www.wikicrimes.org/main.html
Júlia	
  Rabe*	
  Giannella	
  |	
  Campus	
  Party	
  2015	
  
#3
colaboração
B.O. Coletivo -> http://www.bocoletivo.org/
Júlia	
  Rabe*	
  Giannella	
  |	
  Campus	
  Party	
  2015	
  
#3
colaboração
Onde fui roubado -> http://www.ondefuiroubado.com.br/
Júlia	
  Rabe*	
  Giannella	
  |	
  Campus	
  Party	
  2015	
  
#3
colaboração
Júlia	
  Rabe*	
  Giannella	
  |	
  Campus	
  Party	
  2015	
  
Muda -> http://www.muda.org.br/mapa/
#3
colaboração
Ciclorio -> http://www.ta.org.br/ciclorio/
Júlia	
  Rabe*	
  Giannella	
  |	
  Campus	
  Party	
  2015	
  
#3
colaboração
Arte fora do Museu -> http://arteforadomuseu.com.br/
Júlia	
  Rabe*	
  Giannella	
  |	
  Campus	
  Party	
  2015	
  
#3
colaboração
Cartografia de Direitos Humanos -> http://www.cartografiadh.iea.usp.br/
Júlia	
  Rabe*	
  Giannella	
  |	
  Campus	
  Party	
  2015	
  
#3
colaboração
Mapas Afetivos -> http://www.mapasafetivos.com.br/
Júlia	
  Rabe*	
  Giannella	
  |	
  Campus	
  Party	
  2015	
  
Criem seus próprios mapas!
:)
Júlia	
  Rabe*	
  Giannella	
  |	
  Campus	
  Party	
  2015	
  

Contenu connexe

En vedette

Design Centrado em Usuários (UCD) em grandes e pequenas empresas
Design Centrado em Usuários (UCD) em grandes e pequenas empresasDesign Centrado em Usuários (UCD) em grandes e pequenas empresas
Design Centrado em Usuários (UCD) em grandes e pequenas empresasThiago Esser
 
Design para UX Mobile
Design para UX MobileDesign para UX Mobile
Design para UX MobileThiago Esser
 
Making faster design decisions
Making faster design decisionsMaking faster design decisions
Making faster design decisionsThiago Franco
 
User Experience Design
User Experience DesignUser Experience Design
User Experience DesignThiago Esser
 
Oficina Design Centrado no Usuário
Oficina Design Centrado no UsuárioOficina Design Centrado no Usuário
Oficina Design Centrado no UsuárioThiago Esser
 
Girls in tech - pesquisa com usuários - por que fazer e uma visão geral de t...
Girls in tech - pesquisa com usuários - por que fazer e uma visão geral de t...Girls in tech - pesquisa com usuários - por que fazer e uma visão geral de t...
Girls in tech - pesquisa com usuários - por que fazer e uma visão geral de t...Elisa Volpato
 
Palestra pesquisa com usuários para turma da pós do IED
Palestra pesquisa com usuários para turma da pós do IEDPalestra pesquisa com usuários para turma da pós do IED
Palestra pesquisa com usuários para turma da pós do IEDElisa Volpato
 
Design as the art of materializing business decisions @ ISA 2015
Design as the art of materializing business decisions @ ISA 2015Design as the art of materializing business decisions @ ISA 2015
Design as the art of materializing business decisions @ ISA 2015Thiago Esser
 
Warning - Real Time Global Air Quality Display: case study of digital art and...
Warning - Real Time Global Air Quality Display: case study of digital art and...Warning - Real Time Global Air Quality Display: case study of digital art and...
Warning - Real Time Global Air Quality Display: case study of digital art and...Rodrigo Medeiros
 
Where do great products come from?
Where do great products come from?Where do great products come from?
Where do great products come from?Thiago Esser
 
The Business of UX - People Process and Tech - Miner, Toft
The Business of UX - People Process and Tech - Miner, ToftThe Business of UX - People Process and Tech - Miner, Toft
The Business of UX - People Process and Tech - Miner, Toftscott74m
 
O Designer no Mundo da Tecnologia da Informação (TI)
O Designer no Mundo da Tecnologia da Informação (TI)O Designer no Mundo da Tecnologia da Informação (TI)
O Designer no Mundo da Tecnologia da Informação (TI)Thiago Esser
 
Quero ser um designer de interação no Brasil: #comofaz?
Quero ser um designer de interação no Brasil: #comofaz?Quero ser um designer de interação no Brasil: #comofaz?
Quero ser um designer de interação no Brasil: #comofaz?Rodrigo Medeiros
 
Explicando arquitetura de informação...
Explicando arquitetura de informação...Explicando arquitetura de informação...
Explicando arquitetura de informação...Elisa Volpato
 
As pessoas e a Tecnologia (ou vice-versa)
As pessoas e a Tecnologia (ou vice-versa)As pessoas e a Tecnologia (ou vice-versa)
As pessoas e a Tecnologia (ou vice-versa)Thiago Esser
 
Quero trabalhar com UX no Brasil: #comofaz?
Quero trabalhar com UX no Brasil: #comofaz?Quero trabalhar com UX no Brasil: #comofaz?
Quero trabalhar com UX no Brasil: #comofaz?Rodrigo Medeiros
 
Quero trabalhar com visualização de dados no Brasil: #comofaz?
Quero trabalhar com visualização de dados no Brasil: #comofaz?Quero trabalhar com visualização de dados no Brasil: #comofaz?
Quero trabalhar com visualização de dados no Brasil: #comofaz?Rodrigo Medeiros
 
Campus Party Brasil 2017: OBSERVATÓR!O2016: perceptions of olympics through d...
Campus Party Brasil 2017: OBSERVATÓR!O2016: perceptions of olympics through d...Campus Party Brasil 2017: OBSERVATÓR!O2016: perceptions of olympics through d...
Campus Party Brasil 2017: OBSERVATÓR!O2016: perceptions of olympics through d...Júlia Rabetti Giannella
 

En vedette (19)

Design Centrado em Usuários (UCD) em grandes e pequenas empresas
Design Centrado em Usuários (UCD) em grandes e pequenas empresasDesign Centrado em Usuários (UCD) em grandes e pequenas empresas
Design Centrado em Usuários (UCD) em grandes e pequenas empresas
 
Design para UX Mobile
Design para UX MobileDesign para UX Mobile
Design para UX Mobile
 
Making faster design decisions
Making faster design decisionsMaking faster design decisions
Making faster design decisions
 
User Experience Design
User Experience DesignUser Experience Design
User Experience Design
 
Oficina Design Centrado no Usuário
Oficina Design Centrado no UsuárioOficina Design Centrado no Usuário
Oficina Design Centrado no Usuário
 
Girls in tech - pesquisa com usuários - por que fazer e uma visão geral de t...
Girls in tech - pesquisa com usuários - por que fazer e uma visão geral de t...Girls in tech - pesquisa com usuários - por que fazer e uma visão geral de t...
Girls in tech - pesquisa com usuários - por que fazer e uma visão geral de t...
 
Palestra pesquisa com usuários para turma da pós do IED
Palestra pesquisa com usuários para turma da pós do IEDPalestra pesquisa com usuários para turma da pós do IED
Palestra pesquisa com usuários para turma da pós do IED
 
Design as the art of materializing business decisions @ ISA 2015
Design as the art of materializing business decisions @ ISA 2015Design as the art of materializing business decisions @ ISA 2015
Design as the art of materializing business decisions @ ISA 2015
 
Warning - Real Time Global Air Quality Display: case study of digital art and...
Warning - Real Time Global Air Quality Display: case study of digital art and...Warning - Real Time Global Air Quality Display: case study of digital art and...
Warning - Real Time Global Air Quality Display: case study of digital art and...
 
Where do great products come from?
Where do great products come from?Where do great products come from?
Where do great products come from?
 
The Business of UX - People Process and Tech - Miner, Toft
The Business of UX - People Process and Tech - Miner, ToftThe Business of UX - People Process and Tech - Miner, Toft
The Business of UX - People Process and Tech - Miner, Toft
 
Design Thinking
Design ThinkingDesign Thinking
Design Thinking
 
O Designer no Mundo da Tecnologia da Informação (TI)
O Designer no Mundo da Tecnologia da Informação (TI)O Designer no Mundo da Tecnologia da Informação (TI)
O Designer no Mundo da Tecnologia da Informação (TI)
 
Quero ser um designer de interação no Brasil: #comofaz?
Quero ser um designer de interação no Brasil: #comofaz?Quero ser um designer de interação no Brasil: #comofaz?
Quero ser um designer de interação no Brasil: #comofaz?
 
Explicando arquitetura de informação...
Explicando arquitetura de informação...Explicando arquitetura de informação...
Explicando arquitetura de informação...
 
As pessoas e a Tecnologia (ou vice-versa)
As pessoas e a Tecnologia (ou vice-versa)As pessoas e a Tecnologia (ou vice-versa)
As pessoas e a Tecnologia (ou vice-versa)
 
Quero trabalhar com UX no Brasil: #comofaz?
Quero trabalhar com UX no Brasil: #comofaz?Quero trabalhar com UX no Brasil: #comofaz?
Quero trabalhar com UX no Brasil: #comofaz?
 
Quero trabalhar com visualização de dados no Brasil: #comofaz?
Quero trabalhar com visualização de dados no Brasil: #comofaz?Quero trabalhar com visualização de dados no Brasil: #comofaz?
Quero trabalhar com visualização de dados no Brasil: #comofaz?
 
Campus Party Brasil 2017: OBSERVATÓR!O2016: perceptions of olympics through d...
Campus Party Brasil 2017: OBSERVATÓR!O2016: perceptions of olympics through d...Campus Party Brasil 2017: OBSERVATÓR!O2016: perceptions of olympics through d...
Campus Party Brasil 2017: OBSERVATÓR!O2016: perceptions of olympics through d...
 

Similaire à Design e interfaces cartográficas: avanços para pesquisa e atuação profissional

Human Scapes - O Design de plataformas colaborativas móveis para a cidade dig...
Human Scapes - O Design de plataformas colaborativas móveis para a cidade dig...Human Scapes - O Design de plataformas colaborativas móveis para a cidade dig...
Human Scapes - O Design de plataformas colaborativas móveis para a cidade dig...Kelly Kiyumi
 
Estudos sobre plataformização mediante a três pilares dos métodos digitais
Estudos sobre plataformização mediante a três pilares dos métodos digitaisEstudos sobre plataformização mediante a três pilares dos métodos digitais
Estudos sobre plataformização mediante a três pilares dos métodos digitaisJanna Joceli Omena
 
Minicurso mobilidade-abed
Minicurso mobilidade-abedMinicurso mobilidade-abed
Minicurso mobilidade-abedRenata Aquino
 
Jornalismo de dados e meio ambiente, Semana do Meio Ambiente PUC-RIO
Jornalismo de dados e meio ambiente, Semana do Meio Ambiente  PUC-RIOJornalismo de dados e meio ambiente, Semana do Meio Ambiente  PUC-RIO
Jornalismo de dados e meio ambiente, Semana do Meio Ambiente PUC-RIOGustavo Faleiros
 
Smart.ufs.br :: Hackathon Carmelita by Rogerio P. C. do Nascimento
Smart.ufs.br :: Hackathon Carmelita by Rogerio P. C. do NascimentoSmart.ufs.br :: Hackathon Carmelita by Rogerio P. C. do Nascimento
Smart.ufs.br :: Hackathon Carmelita by Rogerio P. C. do NascimentoRogerio P C do Nascimento
 
Inovadores ESPM - Inclusao Digital e Participacao Publica
Inovadores ESPM - Inclusao Digital e Participacao PublicaInovadores ESPM - Inclusao Digital e Participacao Publica
Inovadores ESPM - Inclusao Digital e Participacao PublicaDrica Guzzi
 
Coempreender no Conactedu
Coempreender no ConacteduCoempreender no Conactedu
Coempreender no ConacteduKarine Pinheiro
 
Apresentação Conferência OIDP
Apresentação Conferência OIDPApresentação Conferência OIDP
Apresentação Conferência OIDPgaup_geo
 
Participação política na era digital: um estudo de caso das eleições de Pelotas
Participação política na era digital: um estudo de caso das eleições de PelotasParticipação política na era digital: um estudo de caso das eleições de Pelotas
Participação política na era digital: um estudo de caso das eleições de PelotasPaula Viegas
 
PPT- Apresentação TCC 2016 - Comunicação Pública nas Mídias Digitais
PPT- Apresentação TCC 2016 -  Comunicação Pública nas Mídias Digitais PPT- Apresentação TCC 2016 -  Comunicação Pública nas Mídias Digitais
PPT- Apresentação TCC 2016 - Comunicação Pública nas Mídias Digitais Universidade Federal de Santa Maria
 
Arquitetura da Informação para o Diálogo Governo-Cidadão através da Rede
Arquitetura da Informação para o Diálogo Governo-Cidadão através da RedeArquitetura da Informação para o Diálogo Governo-Cidadão através da Rede
Arquitetura da Informação para o Diálogo Governo-Cidadão através da RedeEBAI
 
Colaboração e participação na cidade em rede
Colaboração e participação na cidade em redeColaboração e participação na cidade em rede
Colaboração e participação na cidade em redeMaria Célia Furtado Rocha
 
Curriculo com foco curadoria web, interação e produção de conteúdo
Curriculo com foco  curadoria web, interação e produção de conteúdoCurriculo com foco  curadoria web, interação e produção de conteúdo
Curriculo com foco curadoria web, interação e produção de conteúdoSinapse
 
Eventos empresariais: ferramenta de relacionamento corporativo
Eventos empresariais: ferramenta de relacionamento corporativoEventos empresariais: ferramenta de relacionamento corporativo
Eventos empresariais: ferramenta de relacionamento corporativoAristides Faria
 
Apresentação hipertexto 2015
Apresentação hipertexto 2015Apresentação hipertexto 2015
Apresentação hipertexto 2015Sebastiao Vieira
 
Mapeamento Ambiental Participativo (MAP): Relatos de experiências
Mapeamento Ambiental Participativo (MAP): Relatos de experiênciasMapeamento Ambiental Participativo (MAP): Relatos de experiências
Mapeamento Ambiental Participativo (MAP): Relatos de experiênciasRicardo de Sampaio Dagnino
 
Seminario mcmm mjoao_10_11
Seminario mcmm mjoao_10_11Seminario mcmm mjoao_10_11
Seminario mcmm mjoao_10_11Luis Pedro
 
Vozmob_Portuguese
Vozmob_PortugueseVozmob_Portuguese
Vozmob_Portuguesebxhz
 
TIC@Portugal 2013- Vivências Seguras na Internet: Utilização das TIC como um ...
TIC@Portugal 2013- Vivências Seguras na Internet: Utilização das TIC como um ...TIC@Portugal 2013- Vivências Seguras na Internet: Utilização das TIC como um ...
TIC@Portugal 2013- Vivências Seguras na Internet: Utilização das TIC como um ...Susana Gonçalves
 

Similaire à Design e interfaces cartográficas: avanços para pesquisa e atuação profissional (20)

Human Scapes - O Design de plataformas colaborativas móveis para a cidade dig...
Human Scapes - O Design de plataformas colaborativas móveis para a cidade dig...Human Scapes - O Design de plataformas colaborativas móveis para a cidade dig...
Human Scapes - O Design de plataformas colaborativas móveis para a cidade dig...
 
Estudos sobre plataformização mediante a três pilares dos métodos digitais
Estudos sobre plataformização mediante a três pilares dos métodos digitaisEstudos sobre plataformização mediante a três pilares dos métodos digitais
Estudos sobre plataformização mediante a três pilares dos métodos digitais
 
Minicurso mobilidade-abed
Minicurso mobilidade-abedMinicurso mobilidade-abed
Minicurso mobilidade-abed
 
Jornalismo de dados e meio ambiente, Semana do Meio Ambiente PUC-RIO
Jornalismo de dados e meio ambiente, Semana do Meio Ambiente  PUC-RIOJornalismo de dados e meio ambiente, Semana do Meio Ambiente  PUC-RIO
Jornalismo de dados e meio ambiente, Semana do Meio Ambiente PUC-RIO
 
Smart.ufs.br :: Hackathon Carmelita by Rogerio P. C. do Nascimento
Smart.ufs.br :: Hackathon Carmelita by Rogerio P. C. do NascimentoSmart.ufs.br :: Hackathon Carmelita by Rogerio P. C. do Nascimento
Smart.ufs.br :: Hackathon Carmelita by Rogerio P. C. do Nascimento
 
Inovadores ESPM - Inclusao Digital e Participacao Publica
Inovadores ESPM - Inclusao Digital e Participacao PublicaInovadores ESPM - Inclusao Digital e Participacao Publica
Inovadores ESPM - Inclusao Digital e Participacao Publica
 
Coempreender no Conactedu
Coempreender no ConacteduCoempreender no Conactedu
Coempreender no Conactedu
 
Apresentação Conferência OIDP
Apresentação Conferência OIDPApresentação Conferência OIDP
Apresentação Conferência OIDP
 
Participação política na era digital: um estudo de caso das eleições de Pelotas
Participação política na era digital: um estudo de caso das eleições de PelotasParticipação política na era digital: um estudo de caso das eleições de Pelotas
Participação política na era digital: um estudo de caso das eleições de Pelotas
 
PPT- Apresentação TCC 2016 - Comunicação Pública nas Mídias Digitais
PPT- Apresentação TCC 2016 -  Comunicação Pública nas Mídias Digitais PPT- Apresentação TCC 2016 -  Comunicação Pública nas Mídias Digitais
PPT- Apresentação TCC 2016 - Comunicação Pública nas Mídias Digitais
 
Arquitetura da Informação para o Diálogo Governo-Cidadão através da Rede
Arquitetura da Informação para o Diálogo Governo-Cidadão através da RedeArquitetura da Informação para o Diálogo Governo-Cidadão através da Rede
Arquitetura da Informação para o Diálogo Governo-Cidadão através da Rede
 
Cartografia Social
Cartografia SocialCartografia Social
Cartografia Social
 
Colaboração e participação na cidade em rede
Colaboração e participação na cidade em redeColaboração e participação na cidade em rede
Colaboração e participação na cidade em rede
 
Curriculo com foco curadoria web, interação e produção de conteúdo
Curriculo com foco  curadoria web, interação e produção de conteúdoCurriculo com foco  curadoria web, interação e produção de conteúdo
Curriculo com foco curadoria web, interação e produção de conteúdo
 
Eventos empresariais: ferramenta de relacionamento corporativo
Eventos empresariais: ferramenta de relacionamento corporativoEventos empresariais: ferramenta de relacionamento corporativo
Eventos empresariais: ferramenta de relacionamento corporativo
 
Apresentação hipertexto 2015
Apresentação hipertexto 2015Apresentação hipertexto 2015
Apresentação hipertexto 2015
 
Mapeamento Ambiental Participativo (MAP): Relatos de experiências
Mapeamento Ambiental Participativo (MAP): Relatos de experiênciasMapeamento Ambiental Participativo (MAP): Relatos de experiências
Mapeamento Ambiental Participativo (MAP): Relatos de experiências
 
Seminario mcmm mjoao_10_11
Seminario mcmm mjoao_10_11Seminario mcmm mjoao_10_11
Seminario mcmm mjoao_10_11
 
Vozmob_Portuguese
Vozmob_PortugueseVozmob_Portuguese
Vozmob_Portuguese
 
TIC@Portugal 2013- Vivências Seguras na Internet: Utilização das TIC como um ...
TIC@Portugal 2013- Vivências Seguras na Internet: Utilização das TIC como um ...TIC@Portugal 2013- Vivências Seguras na Internet: Utilização das TIC como um ...
TIC@Portugal 2013- Vivências Seguras na Internet: Utilização das TIC como um ...
 

Plus de Júlia Rabetti Giannella

Interface gráfica do usuário para exploração e visualização de grandes coleçõ...
Interface gráfica do usuário para exploração e visualização de grandes coleçõ...Interface gráfica do usuário para exploração e visualização de grandes coleçõ...
Interface gráfica do usuário para exploração e visualização de grandes coleçõ...Júlia Rabetti Giannella
 
Perspectivas para integração do Design nas Humanidades Digitais frente ao des...
Perspectivas para integração do Design nas Humanidades Digitais frente ao des...Perspectivas para integração do Design nas Humanidades Digitais frente ao des...
Perspectivas para integração do Design nas Humanidades Digitais frente ao des...Júlia Rabetti Giannella
 
ObsevartóR!O2016 - interseções entre arte e técnicas de Deep Learning
ObsevartóR!O2016 - interseções entre arte e técnicas de Deep LearningObsevartóR!O2016 - interseções entre arte e técnicas de Deep Learning
ObsevartóR!O2016 - interseções entre arte e técnicas de Deep LearningJúlia Rabetti Giannella
 
Dataviz, Twitter e #Rio2016: percepção dos dados olímpicos
Dataviz, Twitter e #Rio2016: percepção dos dados olímpicosDataviz, Twitter e #Rio2016: percepção dos dados olímpicos
Dataviz, Twitter e #Rio2016: percepção dos dados olímpicosJúlia Rabetti Giannella
 
Rio 2016 Contestation Images: a critical perception from content collected on...
Rio 2016 Contestation Images: a critical perception from content collected on...Rio 2016 Contestation Images: a critical perception from content collected on...
Rio 2016 Contestation Images: a critical perception from content collected on...Júlia Rabetti Giannella
 
Dispositivo infovis: interfaces entre visualização da informação, infografia ...
Dispositivo infovis: interfaces entre visualização da informação, infografia ...Dispositivo infovis: interfaces entre visualização da informação, infografia ...
Dispositivo infovis: interfaces entre visualização da informação, infografia ...Júlia Rabetti Giannella
 

Plus de Júlia Rabetti Giannella (8)

Interface gráfica do usuário para exploração e visualização de grandes coleçõ...
Interface gráfica do usuário para exploração e visualização de grandes coleçõ...Interface gráfica do usuário para exploração e visualização de grandes coleçõ...
Interface gráfica do usuário para exploração e visualização de grandes coleçõ...
 
Hands-on activity on Data Visualization
Hands-on activity on Data VisualizationHands-on activity on Data Visualization
Hands-on activity on Data Visualization
 
Perspectivas para integração do Design nas Humanidades Digitais frente ao des...
Perspectivas para integração do Design nas Humanidades Digitais frente ao des...Perspectivas para integração do Design nas Humanidades Digitais frente ao des...
Perspectivas para integração do Design nas Humanidades Digitais frente ao des...
 
ObsevartóR!O2016 - interseções entre arte e técnicas de Deep Learning
ObsevartóR!O2016 - interseções entre arte e técnicas de Deep LearningObsevartóR!O2016 - interseções entre arte e técnicas de Deep Learning
ObsevartóR!O2016 - interseções entre arte e técnicas de Deep Learning
 
Dataviz, Twitter e #Rio2016: percepção dos dados olímpicos
Dataviz, Twitter e #Rio2016: percepção dos dados olímpicosDataviz, Twitter e #Rio2016: percepção dos dados olímpicos
Dataviz, Twitter e #Rio2016: percepção dos dados olímpicos
 
Deep Learning applications
Deep Learning applicationsDeep Learning applications
Deep Learning applications
 
Rio 2016 Contestation Images: a critical perception from content collected on...
Rio 2016 Contestation Images: a critical perception from content collected on...Rio 2016 Contestation Images: a critical perception from content collected on...
Rio 2016 Contestation Images: a critical perception from content collected on...
 
Dispositivo infovis: interfaces entre visualização da informação, infografia ...
Dispositivo infovis: interfaces entre visualização da informação, infografia ...Dispositivo infovis: interfaces entre visualização da informação, infografia ...
Dispositivo infovis: interfaces entre visualização da informação, infografia ...
 

Design e interfaces cartográficas: avanços para pesquisa e atuação profissional

  • 1.         DESIGN E INTERFACES CARTOGRÁFICAS:   avanços para pesquisa e atuação profissional   Júlia Rabetti Giannella juliagiannella@gmail.com @juliagiannella
  • 2. Júlia  Rabe*  Giannella  |  Campus  Party  2015  
  • 3. “Mapas não representam a realidade; eles não são instrumentos miméticos, mas fazem aparecer uma nova realidade” (BONSIEPE)   BONSIEPE,  G.  Design,  cultura  e  sociedade.  São  Paulo:  Blucher,  2011.   Júlia  Rabe*  Giannella  |  Campus  Party  2015  
  • 4. Mapa da Cólera (John Snow, 1854)   Júlia  Rabe*  Giannella  |  Campus  Party  2015  
  • 5. Júlia  Rabe*  Giannella  |  Campus  Party  2015  
  • 6. Avanços em interfaces cartográficas? Júlia  Rabe*  Giannella  |  Campus  Party  2015  
  • 9. #1 multidimensionalidade capacidade de se adicionar n camadas informativas a uma mesma interface cartográfica e relacioná-las SHNEIDERMAN,  B.  The  eyes  have  it:  a  task  by  data  type  taxonomy  for  informaTon  visualizaTons.  In:  IEEE  SYMPOSIUM  ON  VISUAL   LANGUAGES,  1996,  Boulder,  Colorado.  Proceedings...  Boulder,  1999,  p.  336-­‐343.   Júlia  Rabe*  Giannella  |  Campus  Party  2015  
  • 10. #1 multidimensionalidade capacidade de se adicionar n camadas informativas a uma mesma interface cartográfica e relacioná-las Ben Shneiderman (1996) visualizações multidimensionais interativas SHNEIDERMAN,  B.  The  eyes  have  it:  a  task  by  data  type  taxonomy  for  informaTon  visualizaTons.  In:  IEEE  SYMPOSIUM  ON  VISUAL   LANGUAGES,  1996,  Boulder,  Colorado.  Proceedings...  Boulder,  1999,  p.  336-­‐343.   Júlia  Rabe*  Giannella  |  Campus  Party  2015  
  • 11. #1 multidimensionalidade capacidade de se adicionar n camadas informativas a uma mesma interface cartográfica e relacioná-las Ben Shneiderman (1996)* visualizações multidimensionais interativas Big Data *  SHNEIDERMAN,  B.  The  eyes  have  it:  a  task  by  data  type  taxonomy  for  informaTon  visualizaTons.  In:  IEEE  SYMPOSIUM  ON  VISUAL   LANGUAGES,  1996,  Boulder,  Colorado.  Proceedings...  Boulder,  1999,  p.  336-­‐343.   Júlia  Rabe*  Giannella  |  Campus  Party  2015  
  • 12. #1 multidimensionalidade Moritz  Stefaner  -­‐>  hap://moritz.stefaner.eu/projects/map%20your%20moves/   Júlia  Rabe*  Giannella  |  Campus  Party  2015  
  • 13. #1 multidimensionalidade Júlia  Rabe*  Giannella  |  Campus  Party  2015   Moritz  Stefaner  -­‐>  hap://moritz.stefaner.eu/projects/map%20your%20moves/  
  • 14. #2 sensores Júlia  Rabe*  Giannella  |  Campus  Party  2015  
  • 15. #2 sensores •  capacidade de se coletar dados automaticamente por meio de dispositivos interconectados e, no caso, mapeá-los em interfaces cartográficas para que possam ser ressignificados Júlia  Rabe*  Giannella  |  Campus  Party  2015  
  • 16. #2 sensores •  capacidade de se coletar dados automaticamente por meio de dispositivos interconectados e, no caso, mapeá-los em interfaces cartográficas para que possam ser ressignificados •  Natureza ubíqua | “Internet das coisas” | GPS Júlia  Rabe*  Giannella  |  Campus  Party  2015  
  • 17. #2 sensores •  capacidade de se coletar dados automaticamente por meio de dispositivos interconectados e, no caso, mapeá-los em interfaces cartográficas para que possam ser ressignificados •  Natureza ubíqua | “Internet das coisas” | GPS •  Sensor Journalism -> data-driven journalism Júlia  Rabe*  Giannella  |  Campus  Party  2015  
  • 18. #2 sensores Júlia  Rabe*  Giannella  |  Campus  Party  2015   The Washington Post -> http://www.washingtonpost.com/wp-srv/special/local/dc-shot-spotter/
  • 19. #2 sensores Júlia  Rabe*  Giannella  |  Campus  Party  2015   The Washington Post -> http://www.washingtonpost.com/wp-srv/special/local/dc-shot-spotter/
  • 21. #3 colaboração Noção de trabalho conjunto, multidirecional e descentralizado, tendendo, dessa forma, a um relacionamento não hierárquico* Júlia  Rabe*  Giannella  |  Campus  Party  2015   *  PRETTO,  N.  Redes  colaboraTvas,  éTca  hacker  e  educação.  Educ.  rev.  [online].  2010,  vol.26,  n.3,  pp.  305-­‐316.  
  • 22. #3 colaboração Noção de trabalho conjunto, multidirecional e descentralizado, tendendo, dessa forma, a um relacionamento não hierárquico* Instâncias públicas (Governo) Comunidades científicas (Universidade) interações dialógicas Usuários-cidadãos Júlia  Rabe*  Giannella  |  Campus  Party  2015   *  PRETTO,  N.  Redes  colaboraTvas,  éTca  hacker  e  educação.  Educ.  rev.  [online].  2010,  vol.26,  n.3,  pp.  305-­‐316.  
  • 23. #3 colaboração Noção de trabalho conjunto, multidirecional e descentralizado, tendendo, dessa forma, a um relacionamento não hierárquico* Instâncias públicas (Governo) Emponderamento Usuários-cidadãos colocação do poder de tomada de decisão nas mãos do cidadão, sendo este o mais alto nível de participação dos mesmos Comunidades científicas (Universidade) Júlia  Rabe*  Giannella  |  Campus  Party  2015   *  PRETTO,  N.  Redes  colaboraTvas,  éTca  hacker  e  educação.  Educ.  rev.  [online].  2010,  vol.26,  n.3,  pp.  305-­‐316.  
  • 24. #3 colaboração •  tecnologias de transferência de dados sem fio Júlia  Rabe*  Giannella  |  Campus  Party  2015  
  • 25. #3 colaboração •  tecnologias de transferência de dados sem fio •  inciativas de open-data Júlia  Rabe*  Giannella  |  Campus  Party  2015  
  • 26. #3 colaboração •  tecnologias de transferência de dados sem fio •  inciativas de open-data •  ferramentas para criação de mapas (Open Street Map, Unfolding maps, etc.)* * Mais ferramentas -> http://www.visualisingdata.com/index.php/resources/ Júlia  Rabe*  Giannella  |  Campus  Party  2015  
  • 27. #3 colaboração •  tecnologias de transferência de dados sem fio •  inciativas de open-data •  ferramentas para criação de mapas (Open Street Map, Unfolding maps, etc.)* •  Mapeamento colaborativo -> Crowdmapping * Mais ferramentas -> http://www.visualisingdata.com/index.php/resources/ Júlia  Rabe*  Giannella  |  Campus  Party  2015  
  • 28. #3 colaboração Waze -> https://www.waze.com/pt-BR Júlia  Rabe*  Giannella  |  Campus  Party  2015  
  • 29. #3 colaboração •  Produção do espaço como construção social •  Ativismo, engajamento cívico, inovação cidadã, democracia, hackers Júlia  Rabe*  Giannella  |  Campus  Party  2015  
  • 30. #3 colaboração •  Produção do espaço como construção social •  Ativismo, engajamento cívico, inovação cidadã, democracia, hackers Interface cartográfica Compreensão e representação do espaço urbano Tecnologia da comunicação Engajamento cívico; Processos de auto-organização Júlia  Rabe*  Giannella  |  Campus  Party  2015  
  • 31. #3 colaboração Olhos da Cidade -> http://www.rio.rj.gov.br/web/guest/exibeconteudo?id=4997234 Júlia  Rabe*  Giannella  |  Campus  Party  2015  
  • 32. #3 colaboração Faltou água -> http://www.faltouagua.com/ Júlia  Rabe*  Giannella  |  Campus  Party  2015  
  • 33. #3 colaboração Rio sem buraco -> http://riosemburaco.wix.com/mapa Júlia  Rabe*  Giannella  |  Campus  Party  2015  
  • 34. #3 colaboração Olhe o degrau -> http://olheodegrau.cidadera.com/ Júlia  Rabe*  Giannella  |  Campus  Party  2015  
  • 35. #3 colaboração Fogo no Barraco -> http://fogonobarraco.laboratorio.us/ Júlia  Rabe*  Giannella  |  Campus  Party  2015  
  • 36. #3 colaboração WikiCrimes -> http://www.wikicrimes.org/main.html Júlia  Rabe*  Giannella  |  Campus  Party  2015  
  • 37. #3 colaboração B.O. Coletivo -> http://www.bocoletivo.org/ Júlia  Rabe*  Giannella  |  Campus  Party  2015  
  • 38. #3 colaboração Onde fui roubado -> http://www.ondefuiroubado.com.br/ Júlia  Rabe*  Giannella  |  Campus  Party  2015  
  • 39. #3 colaboração Júlia  Rabe*  Giannella  |  Campus  Party  2015   Muda -> http://www.muda.org.br/mapa/
  • 40. #3 colaboração Ciclorio -> http://www.ta.org.br/ciclorio/ Júlia  Rabe*  Giannella  |  Campus  Party  2015  
  • 41. #3 colaboração Arte fora do Museu -> http://arteforadomuseu.com.br/ Júlia  Rabe*  Giannella  |  Campus  Party  2015  
  • 42. #3 colaboração Cartografia de Direitos Humanos -> http://www.cartografiadh.iea.usp.br/ Júlia  Rabe*  Giannella  |  Campus  Party  2015  
  • 43. #3 colaboração Mapas Afetivos -> http://www.mapasafetivos.com.br/ Júlia  Rabe*  Giannella  |  Campus  Party  2015  
  • 44. Criem seus próprios mapas! :) Júlia  Rabe*  Giannella  |  Campus  Party  2015