hackathon sesi cultura digital 2014
DESCRIPTION
Apresentação feita para a Hackathon do Sesi Cultura Digital 2014TRANSCRIPT
![Page 1: Hackathon Sesi Cultura Digital 2014](https://reader036.vdocuments.mx/reader036/viewer/2022062406/558cde83d8b42afb598b4611/html5/thumbnails/1.jpg)
DESIGN DE PRODUTOS DE TECNOLOGIAem um mundo repleto de informação
mauro pinheiroUniversidade Federal do Espírito SantoDepto. de Desenho Industrial
Universidade do Estado do Rio de JaneiroEscola Superior de Desenho Industrial
![Page 2: Hackathon Sesi Cultura Digital 2014](https://reader036.vdocuments.mx/reader036/viewer/2022062406/558cde83d8b42afb598b4611/html5/thumbnails/2.jpg)
design de sistemas de informação
![Page 3: Hackathon Sesi Cultura Digital 2014](https://reader036.vdocuments.mx/reader036/viewer/2022062406/558cde83d8b42afb598b4611/html5/thumbnails/3.jpg)
sistemas de informação
conjunto de pessoas,
procedimentos e equipamento
projetado, construído, operado e
mantido com a finalidade de
coletar, registrar, processar,
armazenar, recuperar e exibir
informação, podendo assim servir-
se de diferentes tecnologias
![Page 4: Hackathon Sesi Cultura Digital 2014](https://reader036.vdocuments.mx/reader036/viewer/2022062406/558cde83d8b42afb598b4611/html5/thumbnails/4.jpg)
![Page 5: Hackathon Sesi Cultura Digital 2014](https://reader036.vdocuments.mx/reader036/viewer/2022062406/558cde83d8b42afb598b4611/html5/thumbnails/5.jpg)
![Page 6: Hackathon Sesi Cultura Digital 2014](https://reader036.vdocuments.mx/reader036/viewer/2022062406/558cde83d8b42afb598b4611/html5/thumbnails/6.jpg)
![Page 7: Hackathon Sesi Cultura Digital 2014](https://reader036.vdocuments.mx/reader036/viewer/2022062406/558cde83d8b42afb598b4611/html5/thumbnails/7.jpg)
![Page 8: Hackathon Sesi Cultura Digital 2014](https://reader036.vdocuments.mx/reader036/viewer/2022062406/558cde83d8b42afb598b4611/html5/thumbnails/8.jpg)
![Page 9: Hackathon Sesi Cultura Digital 2014](https://reader036.vdocuments.mx/reader036/viewer/2022062406/558cde83d8b42afb598b4611/html5/thumbnails/9.jpg)
![Page 10: Hackathon Sesi Cultura Digital 2014](https://reader036.vdocuments.mx/reader036/viewer/2022062406/558cde83d8b42afb598b4611/html5/thumbnails/10.jpg)
físico digital+fenômeno contemporâneo
![Page 11: Hackathon Sesi Cultura Digital 2014](https://reader036.vdocuments.mx/reader036/viewer/2022062406/558cde83d8b42afb598b4611/html5/thumbnails/11.jpg)
![Page 12: Hackathon Sesi Cultura Digital 2014](https://reader036.vdocuments.mx/reader036/viewer/2022062406/558cde83d8b42afb598b4611/html5/thumbnails/12.jpg)
![Page 13: Hackathon Sesi Cultura Digital 2014](https://reader036.vdocuments.mx/reader036/viewer/2022062406/558cde83d8b42afb598b4611/html5/thumbnails/13.jpg)
![Page 14: Hackathon Sesi Cultura Digital 2014](https://reader036.vdocuments.mx/reader036/viewer/2022062406/558cde83d8b42afb598b4611/html5/thumbnails/14.jpg)
![Page 15: Hackathon Sesi Cultura Digital 2014](https://reader036.vdocuments.mx/reader036/viewer/2022062406/558cde83d8b42afb598b4611/html5/thumbnails/15.jpg)
físico digital
dados, notícias, informação…
atualização
![Page 16: Hackathon Sesi Cultura Digital 2014](https://reader036.vdocuments.mx/reader036/viewer/2022062406/558cde83d8b42afb598b4611/html5/thumbnails/16.jpg)
interfaces distintas• diferentes contextos de uso• diferentes possibilidades de manipulação• experiências particulares em cada meio• diferentes níveis de engajamento
o jornal digital permite:infográficos «interativos», tabelas dinâmicas, customização, imagem em movimento, integração de mídias, integração com redes sociais, atualização em tempo real, acesso imediato à produção histórica de determinado colunista, alertas customizados por palavras-chave etc.
![Page 17: Hackathon Sesi Cultura Digital 2014](https://reader036.vdocuments.mx/reader036/viewer/2022062406/558cde83d8b42afb598b4611/html5/thumbnails/17.jpg)
os produtos deixam de existir
isoladamente, sendo parte de um
ecossistema complexo, que inclui
serviços e interfaces diversas.
a experiência perpassa diferentes
contextos, com formas de
interação distintas
ambiente digital potencializa a integração produtos + serviços
![Page 18: Hackathon Sesi Cultura Digital 2014](https://reader036.vdocuments.mx/reader036/viewer/2022062406/558cde83d8b42afb598b4611/html5/thumbnails/18.jpg)
![Page 19: Hackathon Sesi Cultura Digital 2014](https://reader036.vdocuments.mx/reader036/viewer/2022062406/558cde83d8b42afb598b4611/html5/thumbnails/19.jpg)
![Page 20: Hackathon Sesi Cultura Digital 2014](https://reader036.vdocuments.mx/reader036/viewer/2022062406/558cde83d8b42afb598b4611/html5/thumbnails/20.jpg)
tendência percebida nos produtos digitais:
concentração de funções em um único dispositivo
![Page 21: Hackathon Sesi Cultura Digital 2014](https://reader036.vdocuments.mx/reader036/viewer/2022062406/558cde83d8b42afb598b4611/html5/thumbnails/21.jpg)
![Page 22: Hackathon Sesi Cultura Digital 2014](https://reader036.vdocuments.mx/reader036/viewer/2022062406/558cde83d8b42afb598b4611/html5/thumbnails/22.jpg)
![Page 23: Hackathon Sesi Cultura Digital 2014](https://reader036.vdocuments.mx/reader036/viewer/2022062406/558cde83d8b42afb598b4611/html5/thumbnails/23.jpg)
![Page 24: Hackathon Sesi Cultura Digital 2014](https://reader036.vdocuments.mx/reader036/viewer/2022062406/558cde83d8b42afb598b4611/html5/thumbnails/24.jpg)
![Page 25: Hackathon Sesi Cultura Digital 2014](https://reader036.vdocuments.mx/reader036/viewer/2022062406/558cde83d8b42afb598b4611/html5/thumbnails/25.jpg)
![Page 26: Hackathon Sesi Cultura Digital 2014](https://reader036.vdocuments.mx/reader036/viewer/2022062406/558cde83d8b42afb598b4611/html5/thumbnails/26.jpg)
![Page 27: Hackathon Sesi Cultura Digital 2014](https://reader036.vdocuments.mx/reader036/viewer/2022062406/558cde83d8b42afb598b4611/html5/thumbnails/27.jpg)
![Page 28: Hackathon Sesi Cultura Digital 2014](https://reader036.vdocuments.mx/reader036/viewer/2022062406/558cde83d8b42afb598b4611/html5/thumbnails/28.jpg)
![Page 29: Hackathon Sesi Cultura Digital 2014](https://reader036.vdocuments.mx/reader036/viewer/2022062406/558cde83d8b42afb598b4611/html5/thumbnails/29.jpg)
shhh!
![Page 30: Hackathon Sesi Cultura Digital 2014](https://reader036.vdocuments.mx/reader036/viewer/2022062406/558cde83d8b42afb598b4611/html5/thumbnails/30.jpg)
múltiplas fontes de informação
conexãoconstante
mobilidade
sobrecarga de
informaçãoaumento da complexidade dos sistemas
![Page 31: Hackathon Sesi Cultura Digital 2014](https://reader036.vdocuments.mx/reader036/viewer/2022062406/558cde83d8b42afb598b4611/html5/thumbnails/31.jpg)
#!~¶∞¡º*…
![Page 32: Hackathon Sesi Cultura Digital 2014](https://reader036.vdocuments.mx/reader036/viewer/2022062406/558cde83d8b42afb598b4611/html5/thumbnails/32.jpg)
John Seely Brown
Mark Weiser
![Page 33: Hackathon Sesi Cultura Digital 2014](https://reader036.vdocuments.mx/reader036/viewer/2022062406/558cde83d8b42afb598b4611/html5/thumbnails/33.jpg)
“as tecnologias mais profundas são aquelas que desaparecem”
(Weiser, 1991)
![Page 34: Hackathon Sesi Cultura Digital 2014](https://reader036.vdocuments.mx/reader036/viewer/2022062406/558cde83d8b42afb598b4611/html5/thumbnails/34.jpg)
![Page 35: Hackathon Sesi Cultura Digital 2014](https://reader036.vdocuments.mx/reader036/viewer/2022062406/558cde83d8b42afb598b4611/html5/thumbnails/35.jpg)
computação pervasiva
objetos do cotidiano comportam componentes computacionais que captam informações do ambiente, transmitem dados, estão na rede
computação ubíqua, internet das coisas, objetos inteligentes etc.
![Page 36: Hackathon Sesi Cultura Digital 2014](https://reader036.vdocuments.mx/reader036/viewer/2022062406/558cde83d8b42afb598b4611/html5/thumbnails/36.jpg)
favorecimento de outros modos cognitivos:
centro x periferia atencional
![Page 37: Hackathon Sesi Cultura Digital 2014](https://reader036.vdocuments.mx/reader036/viewer/2022062406/558cde83d8b42afb598b4611/html5/thumbnails/37.jpg)
calm tech
atenção
centro periferia
calm technology e sistemas de informação ambiente
(WEISER e BROWN,1996)
![Page 38: Hackathon Sesi Cultura Digital 2014](https://reader036.vdocuments.mx/reader036/viewer/2022062406/558cde83d8b42afb598b4611/html5/thumbnails/38.jpg)
o computador «desaparece»
as «coisas» têm componentes computacionais, mas não são computadores
exibem informações, mas não necessitam de telas
nem sempre demandam nossa ação/atenção direta
![Page 39: Hackathon Sesi Cultura Digital 2014](https://reader036.vdocuments.mx/reader036/viewer/2022062406/558cde83d8b42afb598b4611/html5/thumbnails/39.jpg)
físicoanalógicoestático
físicoanalógicoestático
virtualdigitaldinâmico
virtualdigitaldinâmico
![Page 40: Hackathon Sesi Cultura Digital 2014](https://reader036.vdocuments.mx/reader036/viewer/2022062406/558cde83d8b42afb598b4611/html5/thumbnails/40.jpg)
físicoanalógicoestático
físicoanalógicoestático
virtualdigitaldinâmico
virtualdigitaldinâmico
híbrido
![Page 41: Hackathon Sesi Cultura Digital 2014](https://reader036.vdocuments.mx/reader036/viewer/2022062406/558cde83d8b42afb598b4611/html5/thumbnails/41.jpg)
digitaldigitalfísicofísico
digital
digital
diferentes graus de «hibridização»
físico digital
físicofísico
![Page 42: Hackathon Sesi Cultura Digital 2014](https://reader036.vdocuments.mx/reader036/viewer/2022062406/558cde83d8b42afb598b4611/html5/thumbnails/42.jpg)
Pileus:Takashi MatsumotoUniversidade de Keio
![Page 43: Hackathon Sesi Cultura Digital 2014](https://reader036.vdocuments.mx/reader036/viewer/2022062406/558cde83d8b42afb598b4611/html5/thumbnails/43.jpg)
Gus e Penny
(e sua dona)
![Page 44: Hackathon Sesi Cultura Digital 2014](https://reader036.vdocuments.mx/reader036/viewer/2022062406/558cde83d8b42afb598b4611/html5/thumbnails/44.jpg)
![Page 45: Hackathon Sesi Cultura Digital 2014](https://reader036.vdocuments.mx/reader036/viewer/2022062406/558cde83d8b42afb598b4611/html5/thumbnails/45.jpg)
![Page 46: Hackathon Sesi Cultura Digital 2014](https://reader036.vdocuments.mx/reader036/viewer/2022062406/558cde83d8b42afb598b4611/html5/thumbnails/46.jpg)
![Page 47: Hackathon Sesi Cultura Digital 2014](https://reader036.vdocuments.mx/reader036/viewer/2022062406/558cde83d8b42afb598b4611/html5/thumbnails/47.jpg)
![Page 48: Hackathon Sesi Cultura Digital 2014](https://reader036.vdocuments.mx/reader036/viewer/2022062406/558cde83d8b42afb598b4611/html5/thumbnails/48.jpg)
Botanicalls
botanicalls
![Page 49: Hackathon Sesi Cultura Digital 2014](https://reader036.vdocuments.mx/reader036/viewer/2022062406/558cde83d8b42afb598b4611/html5/thumbnails/49.jpg)
![Page 50: Hackathon Sesi Cultura Digital 2014](https://reader036.vdocuments.mx/reader036/viewer/2022062406/558cde83d8b42afb598b4611/html5/thumbnails/50.jpg)
“apresentam continuamente
informações que podem ser
monitoradas pelas pessoas, sem
exigir o foco de sua atenção”
sistemas de informação ambiente
(Mankoff e Dey, 2003)
![Page 51: Hackathon Sesi Cultura Digital 2014](https://reader036.vdocuments.mx/reader036/viewer/2022062406/558cde83d8b42afb598b4611/html5/thumbnails/51.jpg)
![Page 52: Hackathon Sesi Cultura Digital 2014](https://reader036.vdocuments.mx/reader036/viewer/2022062406/558cde83d8b42afb598b4611/html5/thumbnails/52.jpg)
ambient umbrella
![Page 53: Hackathon Sesi Cultura Digital 2014](https://reader036.vdocuments.mx/reader036/viewer/2022062406/558cde83d8b42afb598b4611/html5/thumbnails/53.jpg)
![Page 54: Hackathon Sesi Cultura Digital 2014](https://reader036.vdocuments.mx/reader036/viewer/2022062406/558cde83d8b42afb598b4611/html5/thumbnails/54.jpg)
![Page 55: Hackathon Sesi Cultura Digital 2014](https://reader036.vdocuments.mx/reader036/viewer/2022062406/558cde83d8b42afb598b4611/html5/thumbnails/55.jpg)
![Page 56: Hackathon Sesi Cultura Digital 2014](https://reader036.vdocuments.mx/reader036/viewer/2022062406/558cde83d8b42afb598b4611/html5/thumbnails/56.jpg)
goodnight lamp(Alexandra Deschamps-Sonsino)
![Page 57: Hackathon Sesi Cultura Digital 2014](https://reader036.vdocuments.mx/reader036/viewer/2022062406/558cde83d8b42afb598b4611/html5/thumbnails/57.jpg)
![Page 58: Hackathon Sesi Cultura Digital 2014](https://reader036.vdocuments.mx/reader036/viewer/2022062406/558cde83d8b42afb598b4611/html5/thumbnails/58.jpg)
William Gaver, Andy Boucher, Andy Law, Sarah Pennington, (Goldsmiths College), John Bowers (University of East Anglia), Nicholas Villar (Lancaster University)
history tablecloth
![Page 59: Hackathon Sesi Cultura Digital 2014](https://reader036.vdocuments.mx/reader036/viewer/2022062406/558cde83d8b42afb598b4611/html5/thumbnails/59.jpg)
![Page 60: Hackathon Sesi Cultura Digital 2014](https://reader036.vdocuments.mx/reader036/viewer/2022062406/558cde83d8b42afb598b4611/html5/thumbnails/60.jpg)
datafountainKoert Van Mensvoort, Eindhoven University of Technology
![Page 61: Hackathon Sesi Cultura Digital 2014](https://reader036.vdocuments.mx/reader036/viewer/2022062406/558cde83d8b42afb598b4611/html5/thumbnails/61.jpg)
ônibus municipais com
GPS são rastreados
interface web permite
verificar o tempo de
chegada dos ônibus aos
pontos de parada na
cidade
demanda muita atenção
para conseguir a
informação
Ponto
Vitória
![Page 62: Hackathon Sesi Cultura Digital 2014](https://reader036.vdocuments.mx/reader036/viewer/2022062406/558cde83d8b42afb598b4611/html5/thumbnails/62.jpg)
meu busãono ponto buzzão vitória
canais alternativos ao Ponto Vitória via celulardemandam muita atenção para conseguir a informação
vixbus
![Page 63: Hackathon Sesi Cultura Digital 2014](https://reader036.vdocuments.mx/reader036/viewer/2022062406/558cde83d8b42afb598b4611/html5/thumbnails/63.jpg)
atualização do sistema de informação municipalVisualizaBus
![Page 64: Hackathon Sesi Cultura Digital 2014](https://reader036.vdocuments.mx/reader036/viewer/2022062406/558cde83d8b42afb598b4611/html5/thumbnails/64.jpg)
#visualizabus (Marcos Vinicius Forecchi Accioly)
contexto específico: laboratório da Ufessistema de informação ambienteglanceable displayenvolve poucos recursos atencionaispassível de habituação
![Page 65: Hackathon Sesi Cultura Digital 2014](https://reader036.vdocuments.mx/reader036/viewer/2022062406/558cde83d8b42afb598b4611/html5/thumbnails/65.jpg)
![Page 66: Hackathon Sesi Cultura Digital 2014](https://reader036.vdocuments.mx/reader036/viewer/2022062406/558cde83d8b42afb598b4611/html5/thumbnails/66.jpg)
oportunidades em uma cidade “inteligente”
![Page 67: Hackathon Sesi Cultura Digital 2014](https://reader036.vdocuments.mx/reader036/viewer/2022062406/558cde83d8b42afb598b4611/html5/thumbnails/67.jpg)
![Page 68: Hackathon Sesi Cultura Digital 2014](https://reader036.vdocuments.mx/reader036/viewer/2022062406/558cde83d8b42afb598b4611/html5/thumbnails/68.jpg)
de quem é a inteligência?
cidade inteligente?panóptico de Bentham?cidade do controle de Deleuze?
![Page 69: Hackathon Sesi Cultura Digital 2014](https://reader036.vdocuments.mx/reader036/viewer/2022062406/558cde83d8b42afb598b4611/html5/thumbnails/69.jpg)
a “inteligência” deve ser construída organicamente, em sentido bottom-up, com participação de seus citadinos«empoderamento»
![Page 70: Hackathon Sesi Cultura Digital 2014](https://reader036.vdocuments.mx/reader036/viewer/2022062406/558cde83d8b42afb598b4611/html5/thumbnails/70.jpg)
a participação do cidadão no desenho da cidade depende da tomada de consciência do que ocorre nesse espaço
![Page 71: Hackathon Sesi Cultura Digital 2014](https://reader036.vdocuments.mx/reader036/viewer/2022062406/558cde83d8b42afb598b4611/html5/thumbnails/71.jpg)
![Page 72: Hackathon Sesi Cultura Digital 2014](https://reader036.vdocuments.mx/reader036/viewer/2022062406/558cde83d8b42afb598b4611/html5/thumbnails/72.jpg)
informar sem sobrecarregar
informação integrada ao ambiente