Interação, Imersão e Inclusão
-
Upload
centro-web -
Category
Internet
-
view
120 -
download
0
Transcript of Interação, Imersão e Inclusão
![Page 1: Interação, Imersão e Inclusão](https://reader034.fdocumentos.com/reader034/viewer/2022051123/5a64cac37f8b9a92148b48e9/html5/thumbnails/1.jpg)
Interação Imersão Inclusão
Reinaldo Ferraz
Conferência Web.br – 25 de outubro de 2017
![Page 3: Interação, Imersão e Inclusão](https://reader034.fdocumentos.com/reader034/viewer/2022051123/5a64cac37f8b9a92148b48e9/html5/thumbnails/3.jpg)
![Page 4: Interação, Imersão e Inclusão](https://reader034.fdocumentos.com/reader034/viewer/2022051123/5a64cac37f8b9a92148b48e9/html5/thumbnails/4.jpg)
Pessoas com deficiências no Brasil
24% 45.623.910 pessoas
Fonte: Censo 2010
![Page 5: Interação, Imersão e Inclusão](https://reader034.fdocumentos.com/reader034/viewer/2022051123/5a64cac37f8b9a92148b48e9/html5/thumbnails/5.jpg)
Interação
![Page 6: Interação, Imersão e Inclusão](https://reader034.fdocumentos.com/reader034/viewer/2022051123/5a64cac37f8b9a92148b48e9/html5/thumbnails/6.jpg)
![Page 7: Interação, Imersão e Inclusão](https://reader034.fdocumentos.com/reader034/viewer/2022051123/5a64cac37f8b9a92148b48e9/html5/thumbnails/7.jpg)
Interface
HyperText is a way to link and access information of various
kinds as a web of nodes in which the user can browse at will. It
provides a single user-interface to large classes of information
(reports, notes, data-bases, computer documentation and on-line
help). We propose a simple scheme incorporating servers
already available at CERN.
Tim Berners-Lee, 12 de Novembro de 1990
WorldWideWeb: Proposal for a HyperText Project
https://www.w3.org/Proposal.html
![Page 8: Interação, Imersão e Inclusão](https://reader034.fdocumentos.com/reader034/viewer/2022051123/5a64cac37f8b9a92148b48e9/html5/thumbnails/8.jpg)
Dispositivos de interação computacional (input)
![Page 9: Interação, Imersão e Inclusão](https://reader034.fdocumentos.com/reader034/viewer/2022051123/5a64cac37f8b9a92148b48e9/html5/thumbnails/9.jpg)
Tecnologia Assistiva de interação (hardware)
![Page 10: Interação, Imersão e Inclusão](https://reader034.fdocumentos.com/reader034/viewer/2022051123/5a64cac37f8b9a92148b48e9/html5/thumbnails/10.jpg)
Tecnologia Assistiva de interação (software)
![Page 11: Interação, Imersão e Inclusão](https://reader034.fdocumentos.com/reader034/viewer/2022051123/5a64cac37f8b9a92148b48e9/html5/thumbnails/11.jpg)
Além do browser
![Page 12: Interação, Imersão e Inclusão](https://reader034.fdocumentos.com/reader034/viewer/2022051123/5a64cac37f8b9a92148b48e9/html5/thumbnails/12.jpg)
![Page 13: Interação, Imersão e Inclusão](https://reader034.fdocumentos.com/reader034/viewer/2022051123/5a64cac37f8b9a92148b48e9/html5/thumbnails/13.jpg)
![Page 14: Interação, Imersão e Inclusão](https://reader034.fdocumentos.com/reader034/viewer/2022051123/5a64cac37f8b9a92148b48e9/html5/thumbnails/14.jpg)
![Page 15: Interação, Imersão e Inclusão](https://reader034.fdocumentos.com/reader034/viewer/2022051123/5a64cac37f8b9a92148b48e9/html5/thumbnails/15.jpg)
• Handheld media player for the blind and visually
impaired.
• Plays DAISY books, MP3, MP4, EPUB, and many
other media formats.
• Records voice and media with built-in microphone
or line-in.
• Two built-in, human-sounding voices for a pleasant
text-to-speech experience.
• Built-in wireless networking capability.
• Weighs less than 4 ounces (110 grams).
• Available in the following languages: English,
Arabic, Croatian, Danish, Dutch, Estonian, Faroese,
French, Finnish, German, Icelandic, Italian,
Lithuanian, Norwegian, Polish, Portuguese,
Russian, Spanish, Slovenian, Swedish, Turkish
![Page 16: Interação, Imersão e Inclusão](https://reader034.fdocumentos.com/reader034/viewer/2022051123/5a64cac37f8b9a92148b48e9/html5/thumbnails/16.jpg)
Dispositivos sem telas
![Page 17: Interação, Imersão e Inclusão](https://reader034.fdocumentos.com/reader034/viewer/2022051123/5a64cac37f8b9a92148b48e9/html5/thumbnails/17.jpg)
https://support.google.com/chromecast/answer/6279437?hl=en
![Page 18: Interação, Imersão e Inclusão](https://reader034.fdocumentos.com/reader034/viewer/2022051123/5a64cac37f8b9a92148b48e9/html5/thumbnails/18.jpg)
https://www.amazon.com/gp/help/customer/display.html?nodeId=202158280
![Page 19: Interação, Imersão e Inclusão](https://reader034.fdocumentos.com/reader034/viewer/2022051123/5a64cac37f8b9a92148b48e9/html5/thumbnails/19.jpg)
![Page 20: Interação, Imersão e Inclusão](https://reader034.fdocumentos.com/reader034/viewer/2022051123/5a64cac37f8b9a92148b48e9/html5/thumbnails/20.jpg)
![Page 21: Interação, Imersão e Inclusão](https://reader034.fdocumentos.com/reader034/viewer/2022051123/5a64cac37f8b9a92148b48e9/html5/thumbnails/21.jpg)
![Page 22: Interação, Imersão e Inclusão](https://reader034.fdocumentos.com/reader034/viewer/2022051123/5a64cac37f8b9a92148b48e9/html5/thumbnails/22.jpg)
![Page 23: Interação, Imersão e Inclusão](https://reader034.fdocumentos.com/reader034/viewer/2022051123/5a64cac37f8b9a92148b48e9/html5/thumbnails/23.jpg)
![Page 24: Interação, Imersão e Inclusão](https://reader034.fdocumentos.com/reader034/viewer/2022051123/5a64cac37f8b9a92148b48e9/html5/thumbnails/24.jpg)
Imersão
![Page 25: Interação, Imersão e Inclusão](https://reader034.fdocumentos.com/reader034/viewer/2022051123/5a64cac37f8b9a92148b48e9/html5/thumbnails/25.jpg)
http://www.huffpostbrasil.com/entry/play-piano-with-eyes-virtual-reality_n_6480500 https://www.geek.com/games/virtual-reality-gaming-isnt-so-great-if-youre-disabled-1676273/
![Page 26: Interação, Imersão e Inclusão](https://reader034.fdocumentos.com/reader034/viewer/2022051123/5a64cac37f8b9a92148b48e9/html5/thumbnails/26.jpg)
"Agora a realidade virtual está sendo testada como uma forma de
ajudar as pessoas com deficiência a explorar o mundo que pode ser
difícil ou impossível na vida real. E está acontecendo a um preço
bem ao alcance ".
http://www.npr.org/sections/health-shots/2015/10/22/450573400/affordable-virtual-reality-opens-
new-worlds-for-people-with-disabilities
![Page 27: Interação, Imersão e Inclusão](https://reader034.fdocumentos.com/reader034/viewer/2022051123/5a64cac37f8b9a92148b48e9/html5/thumbnails/27.jpg)
http://www.huffpostbrasil.com/entry/play-piano-with-eyes-virtual-reality_n_6480500
![Page 28: Interação, Imersão e Inclusão](https://reader034.fdocumentos.com/reader034/viewer/2022051123/5a64cac37f8b9a92148b48e9/html5/thumbnails/28.jpg)
http://www.utsa.edu/sombrilla/fall2016/story/feature-virtual-reality.html
![Page 29: Interação, Imersão e Inclusão](https://reader034.fdocumentos.com/reader034/viewer/2022051123/5a64cac37f8b9a92148b48e9/html5/thumbnails/29.jpg)
http://ieeexplore.ieee.org/abstract/document/7358619/
![Page 30: Interação, Imersão e Inclusão](https://reader034.fdocumentos.com/reader034/viewer/2022051123/5a64cac37f8b9a92148b48e9/html5/thumbnails/30.jpg)
https://dl.acm.org/citation.cfm?id=2945164
![Page 31: Interação, Imersão e Inclusão](https://reader034.fdocumentos.com/reader034/viewer/2022051123/5a64cac37f8b9a92148b48e9/html5/thumbnails/31.jpg)
http://www.sciencedirect.com/science/article/pii/S0169260705800070
![Page 32: Interação, Imersão e Inclusão](https://reader034.fdocumentos.com/reader034/viewer/2022051123/5a64cac37f8b9a92148b48e9/html5/thumbnails/32.jpg)
http://docs.lib.purdue.edu/techmasters/30/
![Page 33: Interação, Imersão e Inclusão](https://reader034.fdocumentos.com/reader034/viewer/2022051123/5a64cac37f8b9a92148b48e9/html5/thumbnails/33.jpg)
https://idea.library.drexel.edu/islandora/object/idea%3A7419
![Page 34: Interação, Imersão e Inclusão](https://reader034.fdocumentos.com/reader034/viewer/2022051123/5a64cac37f8b9a92148b48e9/html5/thumbnails/34.jpg)
https://www.youtube.com/watch?v=Uw2H4sm8Mds
Fatores técnicos - Velocidade e boa conexão
- Conteúdo carregado/instalado previamente
- Espaço físico adequado
- Sem distrações
Fatores Humanos - Nível de educação do usuário
- Idioma
- Habilidades físicas
- Atenção
Brian Chirls - WebVR: Accessibility, Democratization
and the Future of the Immersive Web
![Page 35: Interação, Imersão e Inclusão](https://reader034.fdocumentos.com/reader034/viewer/2022051123/5a64cac37f8b9a92148b48e9/html5/thumbnails/35.jpg)
Significado
![Page 36: Interação, Imersão e Inclusão](https://reader034.fdocumentos.com/reader034/viewer/2022051123/5a64cac37f8b9a92148b48e9/html5/thumbnails/36.jpg)
![Page 37: Interação, Imersão e Inclusão](https://reader034.fdocumentos.com/reader034/viewer/2022051123/5a64cac37f8b9a92148b48e9/html5/thumbnails/37.jpg)
![Page 38: Interação, Imersão e Inclusão](https://reader034.fdocumentos.com/reader034/viewer/2022051123/5a64cac37f8b9a92148b48e9/html5/thumbnails/38.jpg)
![Page 39: Interação, Imersão e Inclusão](https://reader034.fdocumentos.com/reader034/viewer/2022051123/5a64cac37f8b9a92148b48e9/html5/thumbnails/39.jpg)
![Page 40: Interação, Imersão e Inclusão](https://reader034.fdocumentos.com/reader034/viewer/2022051123/5a64cac37f8b9a92148b48e9/html5/thumbnails/40.jpg)
![Page 41: Interação, Imersão e Inclusão](https://reader034.fdocumentos.com/reader034/viewer/2022051123/5a64cac37f8b9a92148b48e9/html5/thumbnails/41.jpg)
![Page 42: Interação, Imersão e Inclusão](https://reader034.fdocumentos.com/reader034/viewer/2022051123/5a64cac37f8b9a92148b48e9/html5/thumbnails/42.jpg)
Inclusão
![Page 43: Interação, Imersão e Inclusão](https://reader034.fdocumentos.com/reader034/viewer/2022051123/5a64cac37f8b9a92148b48e9/html5/thumbnails/43.jpg)
Empatia Respeito
![Page 44: Interação, Imersão e Inclusão](https://reader034.fdocumentos.com/reader034/viewer/2022051123/5a64cac37f8b9a92148b48e9/html5/thumbnails/44.jpg)
![Page 45: Interação, Imersão e Inclusão](https://reader034.fdocumentos.com/reader034/viewer/2022051123/5a64cac37f8b9a92148b48e9/html5/thumbnails/45.jpg)
Foto: Flickr - Quinn Dombrowski
![Page 46: Interação, Imersão e Inclusão](https://reader034.fdocumentos.com/reader034/viewer/2022051123/5a64cac37f8b9a92148b48e9/html5/thumbnails/46.jpg)
Foto: Flickr - Violette79
![Page 47: Interação, Imersão e Inclusão](https://reader034.fdocumentos.com/reader034/viewer/2022051123/5a64cac37f8b9a92148b48e9/html5/thumbnails/47.jpg)
![Page 48: Interação, Imersão e Inclusão](https://reader034.fdocumentos.com/reader034/viewer/2022051123/5a64cac37f8b9a92148b48e9/html5/thumbnails/48.jpg)
WCAG
https://www.w3.org/TR/WCAG/
https://www.w3.org/Translations/WCAG20-pt-br/
![Page 49: Interação, Imersão e Inclusão](https://reader034.fdocumentos.com/reader034/viewer/2022051123/5a64cac37f8b9a92148b48e9/html5/thumbnails/49.jpg)
![Page 50: Interação, Imersão e Inclusão](https://reader034.fdocumentos.com/reader034/viewer/2022051123/5a64cac37f8b9a92148b48e9/html5/thumbnails/50.jpg)
Fornecer alternativas
![Page 51: Interação, Imersão e Inclusão](https://reader034.fdocumentos.com/reader034/viewer/2022051123/5a64cac37f8b9a92148b48e9/html5/thumbnails/51.jpg)
Apresentação em diferentes maneiras
![Page 52: Interação, Imersão e Inclusão](https://reader034.fdocumentos.com/reader034/viewer/2022051123/5a64cac37f8b9a92148b48e9/html5/thumbnails/52.jpg)
Facilitar audição e a visualização
Imagem por Starline - Freepik.com
![Page 53: Interação, Imersão e Inclusão](https://reader034.fdocumentos.com/reader034/viewer/2022051123/5a64cac37f8b9a92148b48e9/html5/thumbnails/53.jpg)
Facilitar audição e a visualização
Imagem por Vectorpocket - Freepik.com
Protanopia
![Page 54: Interação, Imersão e Inclusão](https://reader034.fdocumentos.com/reader034/viewer/2022051123/5a64cac37f8b9a92148b48e9/html5/thumbnails/54.jpg)
Funcionalidade disponível por teclado
Imagem por Freepik.com
![Page 55: Interação, Imersão e Inclusão](https://reader034.fdocumentos.com/reader034/viewer/2022051123/5a64cac37f8b9a92148b48e9/html5/thumbnails/55.jpg)
Funcionalidade disponível por teclado
![Page 56: Interação, Imersão e Inclusão](https://reader034.fdocumentos.com/reader034/viewer/2022051123/5a64cac37f8b9a92148b48e9/html5/thumbnails/56.jpg)
Funcionalidade disponível por teclado
![Page 57: Interação, Imersão e Inclusão](https://reader034.fdocumentos.com/reader034/viewer/2022051123/5a64cac37f8b9a92148b48e9/html5/thumbnails/57.jpg)
Não criar conteúdo que cause convulsões
![Page 58: Interação, Imersão e Inclusão](https://reader034.fdocumentos.com/reader034/viewer/2022051123/5a64cac37f8b9a92148b48e9/html5/thumbnails/58.jpg)
“O poder da web está em sua universalidade.
Acesso para todos, independente de
deficiência, é um aspecto essencial”
Tim Berners-Lee