Visualização de Informações Fisheye por Iverton Santos Prof. Dr. Paulo Roberto Gomes Luzzardi.

15
Visualização de Informações Fisheye por Iverton Santos Prof. Dr. Paulo Roberto Gomes Luzzardi.

Transcript of Visualização de Informações Fisheye por Iverton Santos Prof. Dr. Paulo Roberto Gomes Luzzardi.

Page 1: Visualização de Informações Fisheye por Iverton Santos Prof. Dr. Paulo Roberto Gomes Luzzardi.

Visualização de Informações

Fisheye

por Iverton Santos

Prof. Dr. Paulo Roberto Gomes Luzzardi.

Page 2: Visualização de Informações Fisheye por Iverton Santos Prof. Dr. Paulo Roberto Gomes Luzzardi.

Fisheye - histórico• Em 1986, Furnas introduziu o conceito de

Vistas de Fisheye, como uma abordagem para visualização de textos.

• Em 1992, Sarker e Brow usaram a técnica Fisheye em grafos 2D pela primeira vez.

Page 3: Visualização de Informações Fisheye por Iverton Santos Prof. Dr. Paulo Roberto Gomes Luzzardi.

Fisheye – princípio

• Conceito chave da técnica:

– Objetos perto do ponto focal são claros e distintos para o usuário.

– Objetos que estão mais longe do ponto de interesse, o nível de detalhes começa a diminuir a partir do ponto focal.

Page 4: Visualização de Informações Fisheye por Iverton Santos Prof. Dr. Paulo Roberto Gomes Luzzardi.

Fisheye - classificação• Foco + contexto

– A estratégia Fisheye detalha o foco, enquanto mantém informações do contexto ao mesmo tempo.

Page 5: Visualização de Informações Fisheye por Iverton Santos Prof. Dr. Paulo Roberto Gomes Luzzardi.

Fisheye – base do algoritmo• O Algoritmo do fisheye gira em torno da

definição de três propriedades

1. Ponto Focal 2. Distância de foco: D (., X) [D (.,.)= 0] 3. Nível de detalhe, a importância da resolução:

LOD (x)

Page 6: Visualização de Informações Fisheye por Iverton Santos Prof. Dr. Paulo Roberto Gomes Luzzardi.

Fisheye – implementações (1)• A técnica é implementada em diversas

situações:

– Menus;– Imagens;– Textos;– Código fonte;– Em conjunto com outras técnicas;– Etc..

Page 7: Visualização de Informações Fisheye por Iverton Santos Prof. Dr. Paulo Roberto Gomes Luzzardi.

Fisheye – implementações (2)• Câmeras Digitais

– Parte das câmeras digitais, tem embutido o efeito fisheye para ser aplicado na própria.

– Ex: Olympus T-100

• Softwares de tratamento de Imagem.– Aplicativos de tratamento, como o Photoshop,

oferecem o recurso para ser aplicado em imagens.

Page 8: Visualização de Informações Fisheye por Iverton Santos Prof. Dr. Paulo Roberto Gomes Luzzardi.

Fisheye – implementações (3)

Efeito fisheyes no Photoshop

Page 9: Visualização de Informações Fisheye por Iverton Santos Prof. Dr. Paulo Roberto Gomes Luzzardi.

Fisheye – implementações (4)- Plugin para o NetBeans -fisheye view

- Provê fisheyes na visualização do código fonte.

Page 10: Visualização de Informações Fisheye por Iverton Santos Prof. Dr. Paulo Roberto Gomes Luzzardi.

Fisheye – implementações (5)

Menu fisheye

Page 11: Visualização de Informações Fisheye por Iverton Santos Prof. Dr. Paulo Roberto Gomes Luzzardi.

Fisheye – implementações (6)Menu fisheye

Page 12: Visualização de Informações Fisheye por Iverton Santos Prof. Dr. Paulo Roberto Gomes Luzzardi.

Fisheye – implementações (7)

Menu fisheye

Page 13: Visualização de Informações Fisheye por Iverton Santos Prof. Dr. Paulo Roberto Gomes Luzzardi.

Fisheye – implementações (8)

Efeito fisheye em imagem

Page 14: Visualização de Informações Fisheye por Iverton Santos Prof. Dr. Paulo Roberto Gomes Luzzardi.

Fisheye - applet• http://homepages.ecs.vuw.ac.nz/~elvis/db/

java/applets/Fisheye/

Page 15: Visualização de Informações Fisheye por Iverton Santos Prof. Dr. Paulo Roberto Gomes Luzzardi.

Referências• http://www.eurecom.fr/util/publidownload.en.htm?id=257• infovis.ucpel.tche.br/luzzardi/VisInfo_Fred.ppt• http://graphs.ucpel.tche.br/luzzardi/Rita.pdf• http://homepages.di.fc.ul.pt/~bc/artigos/art_8EPGC_form.pdf• http://weblogs.java.net/blog/timboudreau/archive/2009/04/

fisheye_view_pl.html• http://www.olympusamerica.com/cpg_section/product.asp?

product=1491