visocor - sistema de acessibilidade visual - trabalho de ... · visocor - sistema de acessibilidade...

34
Visocor - Sistema de acessibilidade visual Trabalho de Conclus˜ ao de Curso. Andr´ e Asato Rafael Lopes Professor Supervisor: Roberto Hirata Jr. Novembro de 2009 Asato, Lopes Visocor

Upload: others

Post on 01-Oct-2020

1 views

Category:

Documents


0 download

TRANSCRIPT

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:

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:

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:

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:

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:

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:

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:

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:

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:

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:

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:

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:

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:

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:

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:

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:

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:

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:

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:

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:

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:

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:

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:

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:

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:

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:

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:

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:

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:

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:

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:

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:

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:

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:

Duvidas?

Obrigado pela Atencao!

Asato, Lopes Visocor