15
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

Embed Size (px)

Citation preview

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