Visocor - Sistema de acessibilidade visual - Trabalho de ... · Visocor - Sistema de acessibilidade...
Transcript of Visocor - Sistema de acessibilidade visual - Trabalho de ... · Visocor - Sistema de acessibilidade...
![Page 1: Visocor - Sistema de acessibilidade visual - Trabalho de ... · Visocor - Sistema de acessibilidade visual Trabalho de Conclus~ao de Curso. Andr e Asato Rafael Lopes Professor Supervisor:](https://reader034.fdocument.pub/reader034/viewer/2022052010/601fb8e16f89857e017a3a8a/html5/thumbnails/1.jpg)
Visocor - Sistema de acessibilidade visualTrabalho de Conclusao de Curso.
Andre Asato Rafael LopesProfessor Supervisor: Roberto Hirata Jr.
Novembro de 2009
Asato, Lopes Visocor
![Page 2: Visocor - Sistema de acessibilidade visual - Trabalho de ... · Visocor - Sistema de acessibilidade visual Trabalho de Conclus~ao de Curso. Andr e Asato Rafael Lopes Professor Supervisor:](https://reader034.fdocument.pub/reader034/viewer/2022052010/601fb8e16f89857e017a3a8a/html5/thumbnails/2.jpg)
Antes de qualquer coisa
Pergunta
Que numero voce ve aqui?
Asato, Lopes Visocor
![Page 3: Visocor - Sistema de acessibilidade visual - Trabalho de ... · Visocor - Sistema de acessibilidade visual Trabalho de Conclus~ao de Curso. Andr e Asato Rafael Lopes Professor Supervisor:](https://reader034.fdocument.pub/reader034/viewer/2022052010/601fb8e16f89857e017a3a8a/html5/thumbnails/3.jpg)
Rapidamente, o que e o Visocor
Sistema para prover acessibilidade a daltonicos.
Ajuda o deficiente a compreender imagens.
Rapido.
Facil de Usar.
Eficaz.
Asato, Lopes Visocor
![Page 4: Visocor - Sistema de acessibilidade visual - Trabalho de ... · Visocor - Sistema de acessibilidade visual Trabalho de Conclus~ao de Curso. Andr e Asato Rafael Lopes Professor Supervisor:](https://reader034.fdocument.pub/reader034/viewer/2022052010/601fb8e16f89857e017a3a8a/html5/thumbnails/4.jpg)
Duvidas
FIM
Asato, Lopes Visocor
![Page 5: Visocor - Sistema de acessibilidade visual - Trabalho de ... · Visocor - Sistema de acessibilidade visual Trabalho de Conclus~ao de Curso. Andr e Asato Rafael Lopes Professor Supervisor:](https://reader034.fdocument.pub/reader034/viewer/2022052010/601fb8e16f89857e017a3a8a/html5/thumbnails/5.jpg)
Visao Humana
Tres tipos de cones: S, M e L.
visao normal: tricromata.
problema mais comum: ver vermelho/verde.
8% da populacao masculina e 1% da populacao feminina temdeficiencia para cores, alguma cor.
Asato, Lopes Visocor
![Page 6: Visocor - Sistema de acessibilidade visual - Trabalho de ... · Visocor - Sistema de acessibilidade visual Trabalho de Conclus~ao de Curso. Andr e Asato Rafael Lopes Professor Supervisor:](https://reader034.fdocument.pub/reader034/viewer/2022052010/601fb8e16f89857e017a3a8a/html5/thumbnails/6.jpg)
Primeira Tarefa
Figura: Mapa da de condicoes de transito.
vermelho:engarrafado
amarelo: regular
verde: bom trafego
Nem todos podemcompreender
Tarefa Problematica I
Dada uma cor, encontraronde ela reaparece.
Asato, Lopes Visocor
![Page 7: Visocor - Sistema de acessibilidade visual - Trabalho de ... · Visocor - Sistema de acessibilidade visual Trabalho de Conclus~ao de Curso. Andr e Asato Rafael Lopes Professor Supervisor:](https://reader034.fdocument.pub/reader034/viewer/2022052010/601fb8e16f89857e017a3a8a/html5/thumbnails/7.jpg)
Primeira Tarefa
Figura: Mapa da de condicoes de transito.
vermelho:engarrafado
amarelo: regular
verde: bom trafego
Nem todos podemcompreender
Tarefa Problematica I
Dada uma cor, encontraronde ela reaparece.
Asato, Lopes Visocor
![Page 8: Visocor - Sistema de acessibilidade visual - Trabalho de ... · Visocor - Sistema de acessibilidade visual Trabalho de Conclus~ao de Curso. Andr e Asato Rafael Lopes Professor Supervisor:](https://reader034.fdocument.pub/reader034/viewer/2022052010/601fb8e16f89857e017a3a8a/html5/thumbnails/8.jpg)
Primeira Tarefa
Figura: Mapa da de condicoes de transito.
vermelho:engarrafado
amarelo: regular
verde: bom trafego
Nem todos podemcompreender
Tarefa Problematica I
Dada uma cor, encontraronde ela reaparece.
Asato, Lopes Visocor
![Page 9: Visocor - Sistema de acessibilidade visual - Trabalho de ... · Visocor - Sistema de acessibilidade visual Trabalho de Conclus~ao de Curso. Andr e Asato Rafael Lopes Professor Supervisor:](https://reader034.fdocument.pub/reader034/viewer/2022052010/601fb8e16f89857e017a3a8a/html5/thumbnails/9.jpg)
Primeira Tarefa
Figura: Mapa da de condicoes de transito.
vermelho:engarrafado
amarelo: regular
verde: bom trafego
Nem todos podemcompreender
Tarefa Problematica I
Dada uma cor, encontraronde ela reaparece.
Asato, Lopes Visocor
![Page 10: Visocor - Sistema de acessibilidade visual - Trabalho de ... · Visocor - Sistema de acessibilidade visual Trabalho de Conclus~ao de Curso. Andr e Asato Rafael Lopes Professor Supervisor:](https://reader034.fdocument.pub/reader034/viewer/2022052010/601fb8e16f89857e017a3a8a/html5/thumbnails/10.jpg)
Primeira Tarefa
Figura: Mapa da de condicoes de transito.
vermelho:engarrafado
amarelo: regular
verde: bom trafego
Nem todos podemcompreender
Tarefa Problematica I
Dada uma cor, encontraronde ela reaparece.
Asato, Lopes Visocor
![Page 11: Visocor - Sistema de acessibilidade visual - Trabalho de ... · Visocor - Sistema de acessibilidade visual Trabalho de Conclus~ao de Curso. Andr e Asato Rafael Lopes Professor Supervisor:](https://reader034.fdocument.pub/reader034/viewer/2022052010/601fb8e16f89857e017a3a8a/html5/thumbnails/11.jpg)
Primeira Tarefa
Figura: Mapa da de condicoes de transito.
vermelho:engarrafado
amarelo: regular
verde: bom trafego
Nem todos podemcompreender
Tarefa Problematica I
Dada uma cor, encontraronde ela reaparece.
Asato, Lopes Visocor
![Page 12: Visocor - Sistema de acessibilidade visual - Trabalho de ... · Visocor - Sistema de acessibilidade visual Trabalho de Conclus~ao de Curso. Andr e Asato Rafael Lopes Professor Supervisor:](https://reader034.fdocument.pub/reader034/viewer/2022052010/601fb8e16f89857e017a3a8a/html5/thumbnails/12.jpg)
Dada uma cor, encontrar onde ela reaparece
Mesmo pessoas com visao normal podem ter dificuldade
Asato, Lopes Visocor
![Page 13: Visocor - Sistema de acessibilidade visual - Trabalho de ... · Visocor - Sistema de acessibilidade visual Trabalho de Conclus~ao de Curso. Andr e Asato Rafael Lopes Professor Supervisor:](https://reader034.fdocument.pub/reader034/viewer/2022052010/601fb8e16f89857e017a3a8a/html5/thumbnails/13.jpg)
Outra tarefa
Tarefa Problematica II
Entender imagens cominformacoes baseadas emcontrastesvermelho/verde
Asato, Lopes Visocor
![Page 14: Visocor - Sistema de acessibilidade visual - Trabalho de ... · Visocor - Sistema de acessibilidade visual Trabalho de Conclus~ao de Curso. Andr e Asato Rafael Lopes Professor Supervisor:](https://reader034.fdocument.pub/reader034/viewer/2022052010/601fb8e16f89857e017a3a8a/html5/thumbnails/14.jpg)
Outra tarefa
Tarefa Problematica II
Entender imagens cominformacoes baseadas emcontrastesvermelho/verde
Asato, Lopes Visocor
![Page 15: Visocor - Sistema de acessibilidade visual - Trabalho de ... · Visocor - Sistema de acessibilidade visual Trabalho de Conclus~ao de Curso. Andr e Asato Rafael Lopes Professor Supervisor:](https://reader034.fdocument.pub/reader034/viewer/2022052010/601fb8e16f89857e017a3a8a/html5/thumbnails/15.jpg)
Imagens baseadas em verde e vermelho
Asato, Lopes Visocor
![Page 16: Visocor - Sistema de acessibilidade visual - Trabalho de ... · Visocor - Sistema de acessibilidade visual Trabalho de Conclus~ao de Curso. Andr e Asato Rafael Lopes Professor Supervisor:](https://reader034.fdocument.pub/reader034/viewer/2022052010/601fb8e16f89857e017a3a8a/html5/thumbnails/16.jpg)
Passo a Passo do Usuario
Para poder entender uma imagem:
1 Capturar a imagem
2 Abrir um editor de imagens
3 Carregar a imagem no editor
4 Aplicar N filtros
5 ...
Asato, Lopes Visocor
![Page 17: Visocor - Sistema de acessibilidade visual - Trabalho de ... · Visocor - Sistema de acessibilidade visual Trabalho de Conclus~ao de Curso. Andr e Asato Rafael Lopes Professor Supervisor:](https://reader034.fdocument.pub/reader034/viewer/2022052010/601fb8e16f89857e017a3a8a/html5/thumbnails/17.jpg)
Objetivos do Projeto
Compreender imagens quando informacoes visuais relevantesbaseiam-se em alguns contrastes de cores nao perceptıveispara essas pessoas
Dado um padrao de cor, apontar na imagem onde este padraoreaparece
Esta acessibilidade deve ser:
rapidafacilpervasiva ao usuario.
Asato, Lopes Visocor
![Page 18: Visocor - Sistema de acessibilidade visual - Trabalho de ... · Visocor - Sistema de acessibilidade visual Trabalho de Conclus~ao de Curso. Andr e Asato Rafael Lopes Professor Supervisor:](https://reader034.fdocument.pub/reader034/viewer/2022052010/601fb8e16f89857e017a3a8a/html5/thumbnails/18.jpg)
Filtro: Ideia fundamental
Contraste vermelho/verde e o ruim
Contrastes vermelho/azul e verde/azul sao os bons
Ideia
Trocar todos os contrastes ruins por bons.
Sem perder intensidades: verde claro −→ azul claro.
Asato, Lopes Visocor
![Page 19: Visocor - Sistema de acessibilidade visual - Trabalho de ... · Visocor - Sistema de acessibilidade visual Trabalho de Conclus~ao de Curso. Andr e Asato Rafael Lopes Professor Supervisor:](https://reader034.fdocument.pub/reader034/viewer/2022052010/601fb8e16f89857e017a3a8a/html5/thumbnails/19.jpg)
Filtro: Algoritmo
Funcionamento
1 Matriz de transformacao pixel a pixel;
2 Intensidades vermelha ou verde −→ intensidade azul.
Algoritmo
Entrada: Conjunto de pixels da tela e as variaveiscontroladas pelo usuario α e β
para cada pixel p facapazul ←− pazul + (pvermelho · α) + (pverde · β);
fim
Asato, Lopes Visocor
![Page 20: Visocor - Sistema de acessibilidade visual - Trabalho de ... · Visocor - Sistema de acessibilidade visual Trabalho de Conclus~ao de Curso. Andr e Asato Rafael Lopes Professor Supervisor:](https://reader034.fdocument.pub/reader034/viewer/2022052010/601fb8e16f89857e017a3a8a/html5/thumbnails/20.jpg)
Filtro: Em funcionamento
Figura: Paleta de coresvermelho-verde-azulsem alteracoes
Figura: Paleta de corespassada pelo filtro comα = 1 e β = 0
Figura: Paleta de corespassada pelo filtro comα = 0 e β = 1
Asato, Lopes Visocor
![Page 21: Visocor - Sistema de acessibilidade visual - Trabalho de ... · Visocor - Sistema de acessibilidade visual Trabalho de Conclus~ao de Curso. Andr e Asato Rafael Lopes Professor Supervisor:](https://reader034.fdocument.pub/reader034/viewer/2022052010/601fb8e16f89857e017a3a8a/html5/thumbnails/21.jpg)
Destaque de cores
Dada uma cor, encontrar todas as suas ocorrencias e similaresna imagem
O que e uma cor similar?O que e destacar uma cor?
Asato, Lopes Visocor
![Page 22: Visocor - Sistema de acessibilidade visual - Trabalho de ... · Visocor - Sistema de acessibilidade visual Trabalho de Conclus~ao de Curso. Andr e Asato Rafael Lopes Professor Supervisor:](https://reader034.fdocument.pub/reader034/viewer/2022052010/601fb8e16f89857e017a3a8a/html5/thumbnails/22.jpg)
Destaque de cores: Fundamentos
Similaridade de cores
Distancia euclidiana Distancia euclidianaCores dentro de uma elipsoide
Destaque de cores
Destacar cores similaresOcultar aplicando o negativo e diminuindo a intensidade de coresnao similares
Asato, Lopes Visocor
![Page 23: Visocor - Sistema de acessibilidade visual - Trabalho de ... · Visocor - Sistema de acessibilidade visual Trabalho de Conclus~ao de Curso. Andr e Asato Rafael Lopes Professor Supervisor:](https://reader034.fdocument.pub/reader034/viewer/2022052010/601fb8e16f89857e017a3a8a/html5/thumbnails/23.jpg)
Destaque de cores: Fundamentos
Similaridade de cores
Distancia euclidianaCores dentro de uma elipsoide
Destaque de cores
Destacar cores similaresOcultar aplicando o negativo e diminuindo a intensidade de coresnao similares
Asato, Lopes Visocor
![Page 24: Visocor - Sistema de acessibilidade visual - Trabalho de ... · Visocor - Sistema de acessibilidade visual Trabalho de Conclus~ao de Curso. Andr e Asato Rafael Lopes Professor Supervisor:](https://reader034.fdocument.pub/reader034/viewer/2022052010/601fb8e16f89857e017a3a8a/html5/thumbnails/24.jpg)
Destaque de cores: Fundamentos
Similaridade de cores
Distancia euclidianaCores dentro de uma elipsoide
Destaque de cores
Destacar cores similares Destacar cores similaresOcultar aplicando o negativo e diminuindo a intensidade de coresnao similares
Asato, Lopes Visocor
![Page 25: Visocor - Sistema de acessibilidade visual - Trabalho de ... · Visocor - Sistema de acessibilidade visual Trabalho de Conclus~ao de Curso. Andr e Asato Rafael Lopes Professor Supervisor:](https://reader034.fdocument.pub/reader034/viewer/2022052010/601fb8e16f89857e017a3a8a/html5/thumbnails/25.jpg)
Destaque de cores: Fundamentos
Similaridade de cores
Distancia euclidianaCores dentro de uma elipsoide
Destaque de cores
Destacar cores similaresOcultar aplicando o negativo e diminuindo a intensidade de coresnao similares
Asato, Lopes Visocor
![Page 26: Visocor - Sistema de acessibilidade visual - Trabalho de ... · Visocor - Sistema de acessibilidade visual Trabalho de Conclus~ao de Curso. Andr e Asato Rafael Lopes Professor Supervisor:](https://reader034.fdocument.pub/reader034/viewer/2022052010/601fb8e16f89857e017a3a8a/html5/thumbnails/26.jpg)
Destaque de cores: Fundamentos
(a) Corte no espaco de cores (b) Selecao Usando elipsoide
Figura: Cortes no espaco tridimensional de cores pelo plano azul = 0
Asato, Lopes Visocor
![Page 27: Visocor - Sistema de acessibilidade visual - Trabalho de ... · Visocor - Sistema de acessibilidade visual Trabalho de Conclus~ao de Curso. Andr e Asato Rafael Lopes Professor Supervisor:](https://reader034.fdocument.pub/reader034/viewer/2022052010/601fb8e16f89857e017a3a8a/html5/thumbnails/27.jpg)
Software implementado
Plugin do Compiz
Funcionalidades implementadas em linguagem de baixo nıvelde GPU
Funciona com hardware modestoRapido e leve
Simples de usar – atalhos de mouse e teclado
Pervasivo ao usuario
Funciona !!
Asato, Lopes Visocor
![Page 28: Visocor - Sistema de acessibilidade visual - Trabalho de ... · Visocor - Sistema de acessibilidade visual Trabalho de Conclus~ao de Curso. Andr e Asato Rafael Lopes Professor Supervisor:](https://reader034.fdocument.pub/reader034/viewer/2022052010/601fb8e16f89857e017a3a8a/html5/thumbnails/28.jpg)
Software implementado
Plugin do Compiz
Funcionalidades implementadas em linguagem de baixo nıvelde GPU
Funciona com hardware modestoRapido e leve
Simples de usar – atalhos de mouse e teclado
Pervasivo ao usuario
Funciona !!
Asato, Lopes Visocor
![Page 29: Visocor - Sistema de acessibilidade visual - Trabalho de ... · Visocor - Sistema de acessibilidade visual Trabalho de Conclus~ao de Curso. Andr e Asato Rafael Lopes Professor Supervisor:](https://reader034.fdocument.pub/reader034/viewer/2022052010/601fb8e16f89857e017a3a8a/html5/thumbnails/29.jpg)
Aplicacao do filtro
Figura: Resultados da aplicacao do filtro de cores
Asato, Lopes Visocor
![Page 30: Visocor - Sistema de acessibilidade visual - Trabalho de ... · Visocor - Sistema de acessibilidade visual Trabalho de Conclus~ao de Curso. Andr e Asato Rafael Lopes Professor Supervisor:](https://reader034.fdocument.pub/reader034/viewer/2022052010/601fb8e16f89857e017a3a8a/html5/thumbnails/30.jpg)
Aplicacao do destaque de cores
Figura: Resultados da aplicacao do destaque de cores
Asato, Lopes Visocor
![Page 31: Visocor - Sistema de acessibilidade visual - Trabalho de ... · Visocor - Sistema de acessibilidade visual Trabalho de Conclus~ao de Curso. Andr e Asato Rafael Lopes Professor Supervisor:](https://reader034.fdocument.pub/reader034/viewer/2022052010/601fb8e16f89857e017a3a8a/html5/thumbnails/31.jpg)
Demonstracao com Imagens
Asato, Lopes Visocor
![Page 32: Visocor - Sistema de acessibilidade visual - Trabalho de ... · Visocor - Sistema de acessibilidade visual Trabalho de Conclus~ao de Curso. Andr e Asato Rafael Lopes Professor Supervisor:](https://reader034.fdocument.pub/reader034/viewer/2022052010/601fb8e16f89857e017a3a8a/html5/thumbnails/32.jpg)
Demonstracao com Vıdeo
Bolinhas Coloridas!
Vila SesamoMusica Phillip Glass
Asato, Lopes Visocor
![Page 33: Visocor - Sistema de acessibilidade visual - Trabalho de ... · Visocor - Sistema de acessibilidade visual Trabalho de Conclus~ao de Curso. Andr e Asato Rafael Lopes Professor Supervisor:](https://reader034.fdocument.pub/reader034/viewer/2022052010/601fb8e16f89857e017a3a8a/html5/thumbnails/33.jpg)
Duvidas?
Obrigado pela Atencao!
Asato, Lopes Visocor
![Page 34: Visocor - Sistema de acessibilidade visual - Trabalho de ... · Visocor - Sistema de acessibilidade visual Trabalho de Conclus~ao de Curso. Andr e Asato Rafael Lopes Professor Supervisor:](https://reader034.fdocument.pub/reader034/viewer/2022052010/601fb8e16f89857e017a3a8a/html5/thumbnails/34.jpg)
Duvidas?
Obrigado pela Atencao!
Asato, Lopes Visocor