Visualização de Informação
2012/2013 - 2. Semestre
Aulas Práticas
SUMÁRIOS
14/Fevereiro/2013
Não houve aula prática.
Haverá uma aula de substituição, para apresentação de trabalhos, no final do semestre.
1. Aula - 21/Fevereiro/2013
Objectivos das aulas práticas
A Biblioteca Gráfica OpenGL: características principais; as bibliotecas auxiliares GLUT (freeglut) e GLEW; estrutura básica de um programa de aplicação usando OpenGL e GLUT
Configuração do ambiente de desenvolvimento e teste de um exemplo simples (Ex. 1.1)
Interacção com o utilizador usando a biblioteca GLUT (Ex. 1.2)
2. Aula - 28/Fevereiro/2013
Desenho de primitivas utilizando o "Vertex-Shader" e o "Fragment-Shader"
A linguagem GLSL (OpenGL Shading Language)
A estrutura básica de uma programa de aplicação usando "shaders" (Ex. 1.3 e 2.1)
Desenvolvimento modular de aplicações usando OpenGL
Primitivas do OpenGL e seus atributos (Ex. 2.2)
3. Aula - 7/Março/2013
Transformações 2D: controlo dos parâmetros de transformação usando o teclado (Ex. 2.3)
Transformações 3D (Ex. 3.1)
Leitura de modelos a partir de ficheiro
Remoção de faces ocultas usando “Back-Face Culling”
Utilização de menus (Ex. 3.2)
Animação 3D usando um temporizador (“timer”) (Ex. 4.3)
Remoção de faces ocultas usando o “buffer” de profundidade ("Z-Buffer")
4. Aula - 14/Março/2013
Modelação usando malhas de triângulos
Representação exacta de objectos poliédricos vs. Representação aproximada de objectos curvos (Ex. 4.1 e 4.2)
Armazenamento de modelos poligonais em ficheiro: utilização de uma versão simplificada do formato OBJ (Ex. 4.2)
Iluminação de uma cena 3D
Flat-Shading vs Smooth-Shading (Ex. 4.3)
A Técnica de Gouraud para estimação dos vectores normais (Ex. 4.2)
Análise, para um mesmo modelo, do efeito da associação de diferentes vectores normais aos seus vértices (Ex. 4.2)
5. Aula - 21/Março/2013
Alguns exemplos de métodos de visualização
Visualização de conjuntos de dados usando "Scatter Plots" (Ex. 5.1)
"The Anscombe Quartet"
6. Aula - 11/Abril/2013
Google Chart Tools: características principais
Passos principais para a criação de uma visualização
Exemplos de aplicação
Criação de visualizações usando diferentes tipos de gráficos (Pie Charts, Bar Charts, Line Charts, etc.)
7. Aula - 2/Maio/2013
Google Chart Tools
Criação de visualizações usando diferentes tipos de representações (Bubble Charts e Tables)
Gestão de eventos
Dashboards
Exemplos de aplicação
8. Aula - 9/Maio/2013
A biblioteca d3.js
Características principais
Análise de exemplos simples de aplicação
9. Aula - 23/Maio/2013
A biblioteca d3.js
Desenvolvimento de exemplos simples: "Pie Chart" e "Bar Chart"
10. Aula - 30/Maio/2013
A biblioteca d3.js (cont.)
Desenvolvimento de alguns exemplos
Autor: Joaquim Madeira - jmadeira@ua.pt
Data: 30 de Maio de 2013